/*
 Theme Name:   Keeper Blog 2024 Multilingual
 Theme URI:    https://www.keepersecurity.com
 Description:  The official Keeper Security multi-lingual blog theme. Outfit KS font.
 Author:       Keeper Security
 Author URI:   https://www.keepersecurity.com
 Version:      2.24
 Text Domain:  keeper-blog-2024
*/
body {
  padding: 0;
  margin: 0;
}

.container {
  width: 1440px;
  max-width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 15px;
  margin: 0 auto;
}

[class*=ico] {
  display: inline-block;
  vertical-align: middle;
}

body {
  font-family: "Outfit", Helvetica, Arial, sans-serif;
}

h1 {
  font-size: 36px;
  font-weight: 700;
  line-height: 1.4em;
  font-family: "Outfit", Helvetica, Arial, sans-serif;
}

h2 {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.23;
  font-family: "Outfit", Helvetica, Arial, sans-serif;
}

h3 {
  font-size: 23px;
  line-height: 1.25;
  font-weight: 600;
  margin-bottom: 10px;
  font-family: "Outfit", Helvetica, Arial, sans-serif;
}

h4 {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.4em;
  margin-bottom: 10px;
  font-family: "Outfit", Helvetica, Arial, sans-serif;
}

h5 {
  font-size: 20px;
  line-height: 1.4;
  font-family: "Outfit", Helvetica, Arial, sans-serif;
}

h6 {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4em;
  font-family: "Outfit", Helvetica, Arial, sans-serif;
}

p {
  font-size: 20px;
  font-weight: 300;
  line-height: 1.4em;
  font-family: "Outfit", Helvetica, Arial, sans-serif;
}
@media (max-width: 991px) {
  p {
    font-size: 18px;
  }
}
@media (max-width: 768px) {
  p {
    font-size: 16px;
  }
}

a {
  text-decoration: none;
  font-family: "Outfit", Helvetica, Arial, sans-serif;
}

li {
  font-size: 20px;
  font-weight: 300;
  font-family: "Outfit", Helvetica, Arial, sans-serif;
  margin: 16px 0;
}
@media (max-width: 991px) {
  li {
    font-size: 18px;
    margin: 12px 0;
  }
}
@media (max-width: 768px) {
  li {
    font-size: 16px;
    margin: 10px 0;
  }
}

.entry-content ul,
.entry-content ol {
  margin-left: 20px;
}

@media (max-width: 768px) {
  h1 {
    font-size: 20px;
  }
  h2 {
    font-size: 22px;
  }
  h3 {
    font-size: 20px;
    margin-bottom: 20px;
  }
  h4 {
    font-size: 18px;
  }
  h5 {
    font-size: 16px;
  }
  h6 {
    font-size: 16px;
  }
}
input,
button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

ul,
ol,
p {
  padding: 0;
  margin: 0;
}

.header {
  position: fixed;
  width: 100%;
  height: 64px;
  top: 0;
  left: 0;
  transition: 0.5s;
  z-index: 100;
}
.header > .navigation {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  z-index: 100;
  width: 100%;
  height: 64px;
  background: #000000;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
}
.header > .navigation > .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: inherit;
}
@media (max-width: 1440px) {
  .header > .navigation > .container {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media (max-width: 1200px) {
  .header > .navigation > .container {
    padding-right: 20px;
  }
}
@media (max-width: 1100px) {
  .header > .navigation > .container {
    padding-right: 16px;
  }
}
.header > .navigation > .container:before, .header > .navigation > .container:after {
  content: none;
}
.header > .navigation > .container > ul {
  list-style: none;
  display: flex;
  flex-flow: row nowrap;
  align-content: center;
  align-items: center;
}
@media (max-width: 1080px) {
  .header > .navigation > .container > ul {
    display: none;
  }
}
@media (max-width: 1080px) {
  .header > .navigation > .container > ul.left {
    display: flex;
  }
}
.header > .navigation > .container > ul.mobile {
  display: none;
}
@media (max-width: 1080px) {
  .header > .navigation > .container > ul.mobile {
    display: flex;
  }
}

.admin-bar .header {
  top: var(--wp-admin--admin-bar--height);
}

@media (max-width: 380px) {
  .header > .navigation > .container {
    padding: 0 15px;
  }
  .header > .navigation ul > .item {
    margin-left: 15px !important;
  }
}
.header > .navigation ul > .item:first-of-type {
  margin-left: 0;
}

.header > .navigation ul > .item {
  position: relative;
}
.header > .navigation ul > .item .logo {
  background: url("https://www.keepersecurity.com/assets/branding/keeper-logo-light.svg") no-repeat center/contain;
  font-size: 0;
}
@media (max-width: 991px) {
  .header > .navigation ul > .item .logo {
    height: 33px;
    width: 112px;
  }
}
.header > .navigation ul > .item > span:not(.btn):not(.freeTrialBtn):not(.btn-arrow-down), .header > .navigation ul > .item > a {
  font-family: "Outfit", Helvetica, Arial, sans-serif;
  font-size: 16px;
  color: #FFFFFF;
  text-align: right;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  display: block;
  padding: 22px 10px;
  white-space: nowrap;
}
@media (max-width: 1400px) {
  .header > .navigation ul > .item > span:not(.btn):not(.freeTrialBtn):not(.btn-arrow-down), .header > .navigation ul > .item > a {
    font-size: 15px;
    padding: 22px 1vw;
  }
}
@media (max-width: 1300px) {
  .header > .navigation ul > .item > span:not(.btn):not(.freeTrialBtn):not(.btn-arrow-down), .header > .navigation ul > .item > a {
    padding: 22px 0.5vw;
  }
}
@media (max-width: 1200px) {
  .header > .navigation ul > .item > span:not(.btn):not(.freeTrialBtn):not(.btn-arrow-down), .header > .navigation ul > .item > a {
    font-size: 14px;
  }
}
.header > .navigation ul > .item span:hover:not(.btn), .header > .navigation ul > .item span:focus:not(.btn), .header > .navigation ul > .item span:active:not(.btn) {
  text-decoration: none;
}

.header > .navigation .item .getQuoteBtn, .header > .navigation .item .freeTrialBtn, .header > .navigation .item .btn-arrow-down {
  display: inline-flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 15px;
  height: 32px;
  width: auto;
  max-width: 100%;
  font-size: 14px;
  line-height: 1;
  font-weight: 400;
  text-align: center;
  border: 2px solid #fff;
  color: #fff;
  border-radius: 40px;
  white-space: nowrap;
  vertical-align: middle;
  user-select: none;
  transition: 0.2s ease;
  cursor: pointer;
  touch-action: manipulation;
  font-family: "Outfit", Helvetica, Arial, sans-serif;
}

.header > .navigation ul.right > .item {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  align-items: center;
  column-gap: 16px;
}
@media (max-width: 1200px) {
  .header > .navigation ul.right > .item {
    column-gap: 14px;
  }
}
@media (max-width: 1080px) {
  .header > .navigation ul.right > .item {
    column-gap: 10px;
  }
}
.header > .navigation ul.right > .item .getQuoteBtn:hover, .header > .navigation ul.right > .item .getQuoteBtn:focus, .header > .navigation ul.right > .item .getQuoteBtn:focus-visible {
  color: #fff;
  border-color: #FFC600;
}
.header > .navigation ul.right > .item .freeTrialBtn {
  border-color: #FFC600;
}

.header > .navigation ul.right > .item .freeTrialBtn,
.header > .navigation ul.right > .item .freeTrialBtn:hover,
.header > .navigation ul.right > .item .freeTrialBtn:focus {
  background-color: none;
  border-color: #FFC600;
  cursor: pointer;
  color: #fff;
  text-decoration: none;
}

.header > .navigation ul.right > .item.loginMenu .btn-arrow-down {
  background-color: #FFC600;
  border-color: #FFC600;
  color: #000;
  margin-left: 16px;
  padding: 0 40px 0 24px;
  position: relative;
}
.header > .navigation ul.right > .item.loginMenu .btn-arrow-down:after {
  content: "";
  display: block;
  width: 7px;
  height: 7px;
  border: 2px solid #000;
  transform: rotate(45deg);
  border-left: 0;
  border-top: 0;
  margin-top: -6px;
  position: absolute;
  right: 24px;
  top: 50%;
}

@media (min-width: 1080px) {
  .header > .navigation ul.right {
    display: flex;
  }
}
.header > .navigation ul.right {
  width: 100%;
  padding-left: 80px;
  justify-content: flex-start;
}
@media (max-width: 1440px) {
  .header > .navigation ul.right {
    padding-left: 40px;
    width: auto;
  }
}
@media (max-width: 1080px) {
  .header > .navigation ul.right {
    display: none;
  }
}
.header > .navigation ul.right .trialButtons {
  margin-left: auto;
}
@media (max-width: 1440px) {
  .header > .navigation ul.right .trialButtons {
    margin-left: 16px;
  }
}

.header > .navigation ul > .item .dropdown-content {
  -webkit-background-clip: padding-box;
  -webkit-border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  float: right;
  font-size: 14px;
  list-style: none;
  margin: 2px 0 0;
  padding: 5px 0;
  position: absolute;
  right: 0;
  text-align: left;
  top: calc(100% + 16px);
  z-index: 102;
  min-width: 165px;
  margin-top: 10px;
  display: none;
}
.header > .navigation ul > .item .dropdown-content:before {
  content: "";
  display: block;
  width: 100%;
  height: 30px;
  position: absolute;
  left: 0;
  bottom: 100%;
}
.header > .navigation ul > .item .dropdown-content section {
  min-width: 200px;
  max-width: 100%;
}
.header > .navigation ul > .item .dropdown-content section .menuHeading {
  display: block;
  margin: 0 0 16px;
  font-size: 14px;
  line-height: 1.4;
  font-weight: 600;
  color: #000;
  text-align: left;
  text-transform: uppercase;
  padding-bottom: 16px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #D5D5D5;
  width: 100%;
  max-width: 100%;
}
.header > .navigation ul > .item .dropdown-content section ul {
  list-style: none;
}
.header > .navigation ul > .item .dropdown-content section ul li {
  display: block;
  margin: 0;
  padding: 0;
}
.header > .navigation ul > .item .dropdown-content section ul li a {
  display: block;
  padding: 8px 0;
  font-size: 16px;
  color: #000;
  text-transform: none;
  letter-spacing: -0.18px;
  font-weight: 400;
  text-align: left;
}
.header > .navigation ul > .item .dropdown-content section ul li a:hover, .header > .navigation ul > .item .dropdown-content section ul li a:focus, .header > .navigation ul > .item .dropdown-content section ul li a:focus-visible {
  color: #1b74da;
}
.header > .navigation ul > .item .dropdown-content.showcase-nav {
  top: 0;
  left: 0;
  right: 0;
  background: none;
  border: none;
  border-radius: none;
  box-shadow: none;
  float: none;
  padding: 0;
  margin: 0;
  z-index: 102;
  width: 96%;
  margin: 0 auto;
  max-width: 1410px;
  margin-top: 66px;
}
@media (max-width: 1400px) {
  .header > .navigation ul > .item .dropdown-content.showcase-nav {
    width: calc(100% - 30px);
  }
}
.header > .navigation ul > .item .dropdown-content.showcase-nav .inner {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  padding: 40px 48px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
@media (max-width: 1300px) {
  .header > .navigation ul > .item .dropdown-content.showcase-nav .inner {
    padding: 40px 30px;
  }
}
@media (max-width: 1200px) {
  .header > .navigation ul > .item .dropdown-content.showcase-nav .inner {
    padding: 40px 20px;
  }
}
.header > .navigation ul > .item .dropdown-content.showcase-nav .inner section.showcaseColumn {
  position: relative;
  padding: 0 10px 120px;
}
.header > .navigation ul > .item .dropdown-content.showcase-nav .inner section.showcaseColumn:first-child {
  padding-left: 0;
}
.header > .navigation ul > .item .dropdown-content.showcase-nav .inner section.showcaseColumn:last-child {
  padding-right: 0;
}
.header > .navigation ul > .item .dropdown-content.showcase-nav .inner section.showcaseColumn ul {
  list-style: none;
}
.header > .navigation ul > .item .dropdown-content.showcase-nav .inner section.showcaseColumn ul li {
  display: block;
  margin: 0;
  padding: 0;
}
.header > .navigation ul > .item .dropdown-content.showcase-nav .inner section.showcaseColumn ul li a {
  display: block;
  padding: 8px 0;
  font-size: 16px;
  color: #000;
  text-transform: none;
  letter-spacing: -0.18px;
  font-weight: 400;
  text-align: left;
}
.header > .navigation ul > .item .dropdown-content.showcase-nav .inner section.showcaseColumn ul li a:hover, .header > .navigation ul > .item .dropdown-content.showcase-nav .inner section.showcaseColumn ul li a:focus, .header > .navigation ul > .item .dropdown-content.showcase-nav .inner section.showcaseColumn ul li a:focus-visible {
  color: #1b74da;
  text-decoration: none;
}
.header > .navigation ul > .item .dropdown-content.showcase-nav .inner section.showcaseColumn ul li a sup {
  font-size: 50%;
}
.header > .navigation ul > .item .dropdown-content.showcase-nav .inner section.showcaseColumn ul li a[lang] {
  display: none;
}
.header > .navigation ul > .item .dropdown-content.showcase-nav .inner section.showcaseColumn .actions {
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 100%;
  text-align: left;
}
.header > .navigation ul > .item .dropdown-content.showcase-nav .inner section.showcaseColumn .actions .btn {
  padding: 0 10px;
}
.header > .navigation ul > .item .dropdown-content.showcase-nav .inner section.showcaseColumn .actions .btn.btnPlayInline img {
  margin: -2px 8px 0 0;
}
.header > .navigation ul > .item .dropdown-content.showcase-nav .inner section.showcaseColumn .actions .btn + .btn {
  margin-top: 20px;
}
.header > .navigation ul > .item .dropdown-content.cta-showcase-nav {
  top: 0;
  left: 0;
  right: 0;
  background: none;
  border: none;
  border-radius: none;
  box-shadow: none;
  float: none;
  padding: 0;
  margin: 0;
  z-index: 102;
  margin-left: calc(50% - 292px);
  margin-top: 66px;
}
@media (max-width: 1700px) {
  .header > .navigation ul > .item .dropdown-content.cta-showcase-nav#products-showcase {
    margin-left: -150px;
  }
}
@media (max-width: 1500px) {
  .header > .navigation ul > .item .dropdown-content.cta-showcase-nav#products-showcase {
    margin-left: -140px;
  }
}
.header > .navigation ul > .item .dropdown-content.cta-showcase-nav .inner {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: stretch;
  gap: 16px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  min-width: 584px;
  min-height: 350px;
  position: relative;
}
.header > .navigation ul > .item .dropdown-content.cta-showcase-nav .inner .showcaseColumn {
  position: relative;
  padding: 24px 0 24px 8px;
  min-width: 328px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.header > .navigation ul > .item .dropdown-content.cta-showcase-nav .inner .showcaseColumn ul {
  list-style: none;
  width: 100%;
}
.header > .navigation ul > .item .dropdown-content.cta-showcase-nav .inner .showcaseColumn ul > li {
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
}
.header > .navigation ul > .item .dropdown-content.cta-showcase-nav .inner .showcaseColumn ul > li > a {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
  width: 100%;
  cursor: pointer;
  height: 52px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
  padding: 0 0 0 48px;
  color: #000;
  text-transform: none;
  letter-spacing: -0.18px;
  text-align: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.header > .navigation ul > .item .dropdown-content.cta-showcase-nav .inner .showcaseColumn ul > li > a:hover, .header > .navigation ul > .item .dropdown-content.cta-showcase-nav .inner .showcaseColumn ul > li > a:focus, .header > .navigation ul > .item .dropdown-content.cta-showcase-nav .inner .showcaseColumn ul > li > a:focus-visible {
  color: #1b74da;
  text-decoration: none;
}
.header > .navigation ul > .item .dropdown-content.cta-showcase-nav .inner .showcaseColumn ul > li > a sup {
  font-size: 50%;
}
.header > .navigation ul > .item .dropdown-content.cta-showcase-nav .inner .showcaseColumn ul > li > a.pam {
  background: url("https://www.keepersecurity.com/assets/icons/menu/pam.svg") no-repeat 8px center/24px;
}
.header > .navigation ul > .item .dropdown-content.cta-showcase-nav .inner .showcaseColumn ul > li > a.ksm {
  background: url("https://www.keepersecurity.com/assets/icons/menu/secrets-manager.svg") no-repeat 8px center/24px;
}
.header > .navigation ul > .item .dropdown-content.cta-showcase-nav .inner .showcaseColumn ul > li > a.kcm {
  background: url("https://www.keepersecurity.com/assets/icons/menu/connection-manager.svg") no-repeat 8px center/24px;
}
.header > .navigation ul > .item .dropdown-content.cta-showcase-nav .inner .showcaseColumn ul > li > a.blog {
  background: url("https://www.keepersecurity.com/assets/icons/menu/keeper-blog.svg") no-repeat 8px center/24px;
}
.header > .navigation ul > .item .dropdown-content.cta-showcase-nav .inner .showcaseColumn ul > li > a.security {
  background: url("https://www.keepersecurity.com/assets/icons/menu/security-icon.svg") no-repeat 8px center/24px;
}
.header > .navigation ul > .item .dropdown-content.cta-showcase-nav .inner .showcaseColumn ul > li > a.kr {
  background: url("https://www.keepersecurity.com/assets/icons/menu/keeper-resource.svg") no-repeat 8px center/24px;
}
.header > .navigation ul > .item .dropdown-content.cta-showcase-nav .inner .showcaseColumn ul > li > a.gl {
  background: url("https://www.keepersecurity.com/assets/icons/menu/glossary.svg") no-repeat 8px center/24px;
}
.header > .navigation ul > .item .dropdown-content.cta-showcase-nav .inner .showcaseColumn ul > li > a.wp {
  background: url("https://www.keepersecurity.com/assets/icons/menu/white-papers.svg") no-repeat 8px center/24px;
}
.header > .navigation ul > .item .dropdown-content.cta-showcase-nav .inner .showcaseColumn ul > li > a.rr {
  background: url("https://www.keepersecurity.com/assets/icons/menu/research-reports.svg") no-repeat 8px center/24px;
}
.header > .navigation ul > .item .dropdown-content.cta-showcase-nav .inner .showcaseColumn ul > li > a.cyberd {
  background: url("https://www.keepersecurity.com/assets/icons/menu/cyberthreats-database.svg") no-repeat 8px center/24px;
}
.header > .navigation ul > .item .dropdown-content.cta-showcase-nav .inner .showcaseColumn ul > li > a.eg {
  background: url("https://www.keepersecurity.com/assets/icons/menu/evaluation-guides.svg") no-repeat 8px center/24px;
}
.header > .navigation ul > .item .dropdown-content.cta-showcase-nav .inner .showcaseColumn ul > li li a {
  font-weight: 400;
  height: 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.header > .navigation ul > .item .dropdown-content.cta-showcase-nav .inner .showcaseColumn ul > li.has-submenus > span {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
  width: 100%;
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
  padding: 0 0 0 48px;
  color: #000;
  text-transform: none;
  letter-spacing: -0.18px;
  text-align: left;
  height: 52px;
  position: relative;
}
.header > .navigation ul > .item .dropdown-content.cta-showcase-nav .inner .showcaseColumn ul > li.has-submenus > span.kpm {
  background: url("https://www.keepersecurity.com/assets/icons/menu/password-manager.svg") no-repeat 8px center/24px;
}
.header > .navigation ul > .item .dropdown-content.cta-showcase-nav .inner .showcaseColumn ul > li.has-submenus > span.training {
  background: url("https://www.keepersecurity.com/assets/icons/menu/training.svg") no-repeat 8px center/24px;
}
.header > .navigation ul > .item .dropdown-content.cta-showcase-nav .inner .showcaseColumn ul > li.has-submenus > span.cyberTools {
  background: url("https://www.keepersecurity.com/assets/icons/menu/free-cybersecurity-tools.svg") no-repeat 8px center/24px;
}
.header > .navigation ul > .item .dropdown-content.cta-showcase-nav .inner .showcaseColumn ul > li.has-submenus > span:after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  transform: rotate(-135deg);
  border: 2px solid #000;
  border-right: 0;
  border-bottom: 0;
  position: absolute;
  right: 24px;
  top: 50%;
  margin-top: -7px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.header > .navigation ul > .item .dropdown-content.cta-showcase-nav .inner .showcaseColumn ul > li.has-submenus > span:hover, .header > .navigation ul > .item .dropdown-content.cta-showcase-nav .inner .showcaseColumn ul > li.has-submenus > span:focus, .header > .navigation ul > .item .dropdown-content.cta-showcase-nav .inner .showcaseColumn ul > li.has-submenus > span:focus-visible {
  color: #1b74da;
  text-decoration: none;
}
.header > .navigation ul > .item .dropdown-content.cta-showcase-nav .inner .showcaseColumn ul > li.has-submenus > span:hover:after, .header > .navigation ul > .item .dropdown-content.cta-showcase-nav .inner .showcaseColumn ul > li.has-submenus > span:focus:after {
  border-color: #1b74da;
}
.header > .navigation ul > .item .dropdown-content.cta-showcase-nav .inner .showcaseColumn ul > li.has-submenus ul {
  display: none;
}
.header > .navigation ul > .item .dropdown-content.cta-showcase-nav .inner .showcaseColumn ul > li.has-submenus.open > span {
  position: relative;
}
.header > .navigation ul > .item .dropdown-content.cta-showcase-nav .inner .showcaseColumn ul > li.has-submenus.open > span:after {
  transform: rotate(45deg);
  margin-top: -4px;
}
.header > .navigation ul > .item .dropdown-content.cta-showcase-nav .inner .showcaseColumn ul > li.has-submenus.open > span:hover:after, .header > .navigation ul > .item .dropdown-content.cta-showcase-nav .inner .showcaseColumn ul > li.has-submenus.open > span:focus:after {
  border-color: #1b74da;
}
.header > .navigation ul > .item .dropdown-content.cta-showcase-nav .inner .showcaseColumn ul > li.has-submenus.open ul {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
}
.header > .navigation ul > .item .dropdown-content.cta-showcase-nav .inner .showcaseCTA {
  background: #000;
  color: #fff;
  border-radius: 0 8px 8px 0;
  border: 1px solid #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  min-height: 100%;
  width: 256px;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-end;
  position: absolute;
  right: 0;
  top: 0;
}
.header > .navigation ul > .item .dropdown-content.cta-showcase-nav .inner .showcaseCTA .ctaMessage {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  text-align: left;
  padding: 0 28px;
  height: 100%;
}
.header > .navigation ul > .item .dropdown-content.cta-showcase-nav .inner .showcaseCTA .ctaMessage p {
  font-size: 18px;
  line-height: 1.6;
  font-weight: 600;
  margin: 16px 0;
}
.header > .navigation ul > .item .dropdown-content.cta-showcase-nav .inner .showcaseCTA .action {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  align-items: flex-end;
  text-align: left;
  padding: 0 16px 16px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.header > .navigation ul > .item .dropdown-content.cta-showcase-nav .inner .showcaseCTA .action a {
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  padding: 0 10px;
  min-width: auto;
}
.header > .navigation ul > .item .dropdown-content.cta-showcase-nav .inner .showcaseCTA .action a .icon-download-white {
  width: 25px;
  height: 25px;
  background: url("https://www.keepersecurity.com/assets/icons/ico-download-white.svg") no-repeat center/contain;
  margin-right: 10px;
  margin-right: 4px;
  width: 24px;
  height: 24px;
}
.header > .navigation ul > .item .dropdown-content.cta-showcase-nav#download-showcase {
  width: 300px;
}
.header > .navigation ul > .item .dropdown-content.cta-showcase-nav#download-showcase .inner section {
  width: 220px;
}
.header > .navigation ul > .item .dropdown-content.cta-showcase-nav#download-showcase .desktopApp,
.header > .navigation ul > .item .dropdown-content.cta-showcase-nav#download-showcase .browser,
.header > .navigation ul > .item .dropdown-content.cta-showcase-nav#download-showcase .chat {
  display: none;
}
.header > .navigation ul > .item .dropdown-content.two-col-nav {
  top: 0;
  left: 0;
  right: 0;
  background: none;
  border: none;
  border-radius: none;
  box-shadow: none;
  float: none;
  padding: 0;
  margin: 0;
  z-index: 102;
  margin-left: calc(50% - 339px);
  margin-top: 66px;
}
@media (max-width: 1440px) {
  .header > .navigation ul > .item .dropdown-content.two-col-nav#use-cases-showcase {
    margin-left: -150px;
  }
}
.header > .navigation ul > .item .dropdown-content.two-col-nav .inner {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: stretch;
  gap: 16px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  min-width: 678px;
  position: relative;
}
.header > .navigation ul > .item .dropdown-content.two-col-nav .inner ul.showcase-list {
  list-style-type: none;
  margin: 0;
  padding: 30px 8px;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: stretch;
  row-gap: 28px;
}
.header > .navigation ul > .item .dropdown-content.two-col-nav .inner ul.showcase-list li {
  width: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.header > .navigation ul > .item .dropdown-content.two-col-nav .inner ul.showcase-list li a {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  font-size: 14px;
  line-height: 1.4;
  color: #000;
  padding: 0 24px 0 56px;
  min-height: 60px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.header > .navigation ul > .item .dropdown-content.two-col-nav .inner ul.showcase-list li a:hover, .header > .navigation ul > .item .dropdown-content.two-col-nav .inner ul.showcase-list li a:focus, .header > .navigation ul > .item .dropdown-content.two-col-nav .inner ul.showcase-list li a:focus-visible {
  color: #1b74da;
}
.header > .navigation ul > .item .dropdown-content.two-col-nav .inner ul.showcase-list li a strong {
  display: block;
  width: 100%;
  font-size: 16px;
  font-weight: 600;
}
.header > .navigation ul > .item .dropdown-content.two-col-nav .inner ul.showcase-list li a.kpm {
  background: url("https://www.keepersecurity.com/assets/icons/menu/password-management.svg") no-repeat 8px top/24px;
}
.header > .navigation ul > .item .dropdown-content.two-col-nav .inner ul.showcase-list li a.sso {
  background: url("https://www.keepersecurity.com/assets/icons/menu/single-sign-on-security.svg") no-repeat 8px top/24px;
}
.header > .navigation ul > .item .dropdown-content.two-col-nav .inner ul.showcase-list li a.fs {
  background: url("https://www.keepersecurity.com/assets/icons/menu/folder-shared.svg") no-repeat 8px top/24px;
}
.header > .navigation ul > .item .dropdown-content.two-col-nav .inner ul.showcase-list li a.pa {
  background: url("https://www.keepersecurity.com/assets/icons/menu/passwordless-authentication.svg") no-repeat 8px top/24px;
}
.header > .navigation ul > .item .dropdown-content.two-col-nav .inner ul.showcase-list li a.smf {
  background: url("https://www.keepersecurity.com/assets/icons/menu/secrets-management-devops.svg") no-repeat 8px top/24px;
}
.header > .navigation ul > .item .dropdown-content.two-col-nav .inner ul.showcase-list li a.cgc {
  background: url("https://www.keepersecurity.com/assets/icons/menu/credential-governance-controls.svg") no-repeat 8px top/24px;
}
.header > .navigation ul > .item .dropdown-content.two-col-nav .inner ul.showcase-list li a.psm {
  background: url("https://www.keepersecurity.com/assets/icons/menu/privileged-session-management.svg") no-repeat 8px top/24px;
}
.header > .navigation ul > .item .dropdown-content.two-col-nav .inner ul.showcase-list li a.ssh {
  background: url("https://www.keepersecurity.com/assets/icons/menu/ssh-key-management.svg") no-repeat 8px top/24px;
}
.header > .navigation ul > .item .dropdown-content.two-col-nav .inner ul.showcase-list li a.ria {
  background: url("https://www.keepersecurity.com/assets/icons/menu/remote-infrastructure-access.svg") no-repeat 8px top/24px;
}
.header > .navigation ul > .item .dropdown-content.two-col-nav .inner ul.showcase-list li a.srd {
  background: url("https://www.keepersecurity.com/assets/icons/menu/secure-remote-database-access.svg") no-repeat 8px top/24px;
}
.header > .navigation ul > .item .dropdown-content.two-col-nav .inner ul.showcase-list li a.zts {
  background: url("https://www.keepersecurity.com/assets/icons/menu/security.svg") no-repeat 8px top/24px;
}
.header > .navigation ul > .item .dropdown-content.two-col-nav .inner ul.showcase-list li a.icr {
  background: url("https://www.keepersecurity.com/assets/icons/menu/industry-compliance-reporting.svg") no-repeat 8px top/24px;
}
.header > .navigation ul > .item .dropdown-content.sm-showcase-nav {
  top: 0;
  left: 0;
  right: 0;
  background: none;
  border: none;
  border-radius: none;
  box-shadow: none;
  float: none;
  padding: 0;
  z-index: 102;
  min-width: 200px;
  margin: 66px 0 0;
  margin-left: calc(50% - 140px);
}
.header > .navigation ul > .item .dropdown-content.sm-showcase-nav#partners-showcase {
  margin-left: calc(50% - 180px);
}
.header > .navigation ul > .item .dropdown-content.sm-showcase-nav#company-showcase, .header > .navigation ul > .item .dropdown-content.sm-showcase-nav#pricing-showcase {
  margin-left: calc(50% - 125px);
}
.header > .navigation ul > .item .dropdown-content.sm-showcase-nav#contact-showcase, .header > .navigation ul > .item .dropdown-content.sm-showcase-nav#login-showcase {
  margin-left: calc(50% - 100px);
}
@media (max-width: 1500px) {
  .header > .navigation ul > .item .dropdown-content.sm-showcase-nav#contact-showcase, .header > .navigation ul > .item .dropdown-content.sm-showcase-nav#login-showcase {
    left: auto;
    right: 0;
    margin-left: 0;
  }
}
.header > .navigation ul > .item .dropdown-content.sm-showcase-nav#contact-showcase {
  min-width: 230px;
}
.header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner {
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn {
  position: relative;
}
.header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul.showcase-list {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  list-style: none;
  width: 100%;
  padding: 12px 8px;
}
.header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul.showcase-list > li {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul.showcase-list > li > a {
  cursor: pointer;
}
.header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul.showcase-list > li > a, .header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul.showcase-list > li > span {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 58px;
  cursor: pointer;
  padding: 8px 0 8px 64px;
  font-size: 16px;
  font-weight: 600;
  color: #000;
  text-transform: none;
  letter-spacing: -0.18px;
  text-align: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: url("https://www.keepersecurity.com/assets/icons/menu/password-management.svg") no-repeat 16px center/24px;
}
.header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul.showcase-list > li > a:hover, .header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul.showcase-list > li > a:focus, .header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul.showcase-list > li > a:focus-visible, .header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul.showcase-list > li > span:hover, .header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul.showcase-list > li > span:focus, .header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul.showcase-list > li > span:focus-visible {
  color: #1b74da;
  text-decoration: none;
}
.header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul.showcase-list > li > a sup, .header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul.showcase-list > li > span sup {
  font-size: 50%;
}
.header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul.showcase-list > li > a.tpi, .header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul.showcase-list > li > span.tpi {
  background: url("https://www.keepersecurity.com/assets/icons/menu/secrets-management-devops.svg") no-repeat 16px center/24px;
}
.header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul.showcase-list > li > a.itg, .header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul.showcase-list > li > span.itg {
  background: url("https://www.keepersecurity.com/assets/icons/menu/technology-partners-integrations.svg") no-repeat 16px center/24px;
  background-position: 16px calc(50% - 2px);
}
.header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul.showcase-list > li > a.msp, .header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul.showcase-list > li > span.msp {
  background: url("https://www.keepersecurity.com/assets/icons/menu/keeper-msps.svg") no-repeat 16px center/24px;
}
.header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul.showcase-list > li > a.far, .header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul.showcase-list > li > span.far {
  background: url("https://www.keepersecurity.com/assets/icons/menu/find-a-reseller.svg") no-repeat 16px center/24px;
}
.header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul.showcase-list > li > a.bar, .header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul.showcase-list > li > span.bar {
  background: url("https://www.keepersecurity.com/assets/icons/menu/become-a-reseller.svg") no-repeat 16px center/24px;
}
.header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul.showcase-list > li > a.pp, .header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul.showcase-list > li > span.pp {
  background: url("https://www.keepersecurity.com/assets/icons/menu/icon-partners-portal.svg") no-repeat 16px center/24px;
}
.header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul.showcase-list > li > a.ppl, .header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul.showcase-list > li > span.ppl {
  background: url("https://www.keepersecurity.com/assets/icons/menu/register-a-deal.svg") no-repeat 16px center/24px;
}
.header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul.showcase-list > li > a.gp, .header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul.showcase-list > li > span.gp {
  background: url("https://www.keepersecurity.com/assets/icons/menu/government.svg") no-repeat 16px center/24px;
}
.header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul.showcase-list > li > a.ap, .header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul.showcase-list > li > span.ap {
  background: url("https://www.keepersecurity.com/assets/icons/menu/affiliate-partner-program.svg") no-repeat 16px center/24px;
}
.header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul.showcase-list > li > a.abot, .header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul.showcase-list > li > span.abot {
  background: url("https://www.keepersecurity.com/assets/icons/menu/about-us.svg") no-repeat 16px center/24px;
}
.header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul.showcase-list > li > a.scrt, .header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul.showcase-list > li > span.scrt {
  background: url("https://www.keepersecurity.com/assets/icons/menu/security.svg") no-repeat 16px center/24px;
}
.header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul.showcase-list > li > a.gdpr, .header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul.showcase-list > li > span.gdpr {
  background: url("https://www.keepersecurity.com/assets/icons/menu/gdpr-compliance.svg") no-repeat 16px center/24px;
}
.header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul.showcase-list > li > a.revs, .header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul.showcase-list > li > span.revs {
  background: url("https://www.keepersecurity.com/assets/icons/menu/user-reviews.svg") no-repeat 16px center/24px;
}
.header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul.showcase-list > li > a.prss, .header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul.showcase-list > li > span.prss {
  background: url("https://www.keepersecurity.com/assets/icons/menu/press.svg") no-repeat 16px center/24px;
}
.header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul.showcase-list > li > a.asst, .header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul.showcase-list > li > span.asst {
  background: url("https://www.keepersecurity.com/assets/icons/menu/branding.svg") no-repeat 16px center/24px;
}
.header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul.showcase-list > li > a.jobs, .header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul.showcase-list > li > span.jobs {
  background: url("https://www.keepersecurity.com/assets/icons/menu/careers.svg") no-repeat 16px center/24px;
}
.header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul.showcase-list > li > a.supp, .header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul.showcase-list > li > span.supp {
  background: url("https://www.keepersecurity.com/assets/icons/menu/support.svg") no-repeat 16px center/24px;
}
.header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul.showcase-list > li > a.bsales, .header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul.showcase-list > li > span.bsales {
  background: url("https://www.keepersecurity.com/assets/icons/menu/business-sales.svg") no-repeat 16px center/24px;
}
.header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul.showcase-list > li > a.press, .header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul.showcase-list > li > span.press {
  background: url("https://www.keepersecurity.com/assets/icons/menu/press.svg") no-repeat 16px center/24px;
}
.header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul.showcase-list > li > a.callUs, .header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul.showcase-list > li > span.callUs {
  background: url("https://www.keepersecurity.com/assets/icons/menu/call-us.svg") no-repeat 16px center/24px;
}
.header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul.showcase-list > li > a.bus, .header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul.showcase-list > li > span.bus {
  background: url("https://www.keepersecurity.com/assets/icons/menu/business.svg") no-repeat 16px center/24px;
}
.header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul.showcase-list > li > a.per, .header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul.showcase-list > li > span.per {
  background: url("https://www.keepersecurity.com/assets/icons/menu/personal.svg") no-repeat 16px center/24px;
}
.header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul.showcase-list > li > a.fam, .header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul.showcase-list > li > span.fam {
  background: url("https://www.keepersecurity.com/assets/icons/menu/family.svg") no-repeat 16px center/24px;
}
.header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul.showcase-list > li > a.stu, .header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul.showcase-list > li > span.stu {
  background: url("https://www.keepersecurity.com/assets/icons/menu/student.svg") no-repeat 16px center/24px;
}
.header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul.showcase-list > li > a.vault, .header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul.showcase-list > li > span.vault {
  background: url("https://www.keepersecurity.com/assets/icons/menu/web-vault-login.svg") no-repeat 16px center/24px;
}
.header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul.showcase-list > li > a.console, .header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul.showcase-list > li > span.console {
  background: url("https://www.keepersecurity.com/assets/icons/menu/admin-console.svg") no-repeat 16px center/24px;
}
.header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul.showcase-list > li.has-submenus > span {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
  width: 100%;
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
  padding: 0 0 0 64px;
  color: #000;
  text-transform: none;
  letter-spacing: -0.18px;
  text-align: left;
  height: 52px;
  position: relative;
}
.header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul.showcase-list > li.has-submenus > span.kpm {
  background: url("https://www.keepersecurity.com/assets/icons/menu/password-manager.svg") no-repeat 8px center/24px;
}
.header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul.showcase-list > li.has-submenus > span.training {
  background: url("https://www.keepersecurity.com/assets/icons/menu/training.svg") no-repeat 8px center/24px;
}
.header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul.showcase-list > li.has-submenus > span.cyberTools {
  background: url("https://www.keepersecurity.com/assets/icons/menu/free-cybersecurity-tools.svg") no-repeat 8px center/24px;
}
.header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul.showcase-list > li.has-submenus > span.social {
  background: url("https://www.keepersecurity.com/assets/icons/ico-social.svg") no-repeat 14px center/24px;
}
.header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul.showcase-list > li.has-submenus > span:after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  transform: rotate(-135deg);
  border: 2px solid #000;
  border-right: 0;
  border-bottom: 0;
  position: absolute;
  right: 14px;
  top: 50%;
  margin-top: -7px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul.showcase-list > li.has-submenus > span:hover, .header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul.showcase-list > li.has-submenus > span:focus, .header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul.showcase-list > li.has-submenus > span:focus-visible {
  color: #1b74da;
  text-decoration: none;
}
.header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul.showcase-list > li.has-submenus > span:hover:after, .header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul.showcase-list > li.has-submenus > span:focus:after {
  border-color: #1b74da;
}
.header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul.showcase-list > li.has-submenus ul {
  display: none;
}
.header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul.showcase-list > li.has-submenus ul li a {
  font-weight: 400;
  padding-left: 64px;
}
.header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul.showcase-list > li.has-submenus ul li a .ico-linkedin,
.header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul.showcase-list > li.has-submenus ul li a .ico-facebook,
.header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul.showcase-list > li.has-submenus ul li a .ico-twitter,
.header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul.showcase-list > li.has-submenus ul li a .ico-instagram,
.header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul.showcase-list > li.has-submenus ul li a .ico-reddit {
  height: 21px;
  width: 21px;
  text-indent: -5000px;
  overflow: hidden;
}
.header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul.showcase-list > li.has-submenus ul li a .ico-facebook {
  background: url("https://www.keepersecurity.com/assets/icons/ico-facebook-square.svg") no-repeat center/contain;
}
.header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul.showcase-list > li.has-submenus ul li a .ico-twitter {
  background: url("https://www.keepersecurity.com/assets/icons/x-twitter-black.svg") no-repeat center/contain;
}
.header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul.showcase-list > li.has-submenus ul li a .ico-linkedin {
  background: url("https://www.keepersecurity.com/assets/icons/ico-linkedin-black.svg") no-repeat center/contain;
}
.header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul.showcase-list > li.has-submenus ul li a .ico-instagram {
  background: url("https://www.keepersecurity.com/assets/icons/ico-instagram-light.svg") no-repeat center/contain;
}
.header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul.showcase-list > li.has-submenus ul li a .ico-reddit {
  background: url("https://www.keepersecurity.com/assets/icons/ico-reddit-black.svg") no-repeat center/contain;
}
.header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul.showcase-list > li.has-submenus.open > span {
  position: relative;
}
.header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul.showcase-list > li.has-submenus.open > span:after {
  transform: rotate(45deg);
  margin-top: -4px;
}
.header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul.showcase-list > li.has-submenus.open > span:hover:after, .header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul.showcase-list > li.has-submenus.open > span:focus:after {
  border-color: #1b74da;
}
.header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul.showcase-list > li.has-submenus.open ul {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
}
.header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn .actions {
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 100%;
}
.header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn .actions .btn {
  padding: 0 10px;
}
.header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn .actions .btn.btnPlayInline img {
  margin: -2px 8px 0 0;
}
.header > .navigation ul > .item .dropdown-content.sm-showcase-nav#download-showcase {
  width: 300px;
}
.header > .navigation ul > .item .dropdown-content.sm-showcase-nav#download-showcase .inner section {
  width: 220px;
}
.header > .navigation ul > .item .dropdown-content.sm-showcase-nav#download-showcase .desktopApp,
.header > .navigation ul > .item .dropdown-content.sm-showcase-nav#download-showcase .browser,
.header > .navigation ul > .item .dropdown-content.sm-showcase-nav#download-showcase .chat {
  display: none;
}

.header > .navigation ul > .item.loginMenu:hover .dropdown-content, .header > .navigation ul > .item.loginMenu.open .dropdown-content {
  margin-top: 48px;
}

.header > .navigation ul > .item.partnersMenu .dropdown-content {
  min-width: 360px;
}
.header > .navigation ul > .item.companyMenu .dropdown-content {
  min-width: 250px;
}
.header > .navigation ul > .item.pricingMenu .dropdown-content {
  min-width: 280px;
}

#mobileMenu {
  position: fixed;
  top: 64px;
  left: 100%;
  z-index: 101;
  width: 100%;
  display: block;
  height: calc(100% - 64px);
  min-height: calc(100% - 64px);
  max-height: calc(100% - 64px);
  background-color: white;
  transition: 0.5s ease;
  padding: 16px 16px 60px;
  overflow-y: scroll;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#mobileMenu.active {
  left: 0;
}
#mobileMenu .icon-phone {
  background: url("https://www.keepersecurity.com/assets/icons/menu/icon-phone.svg") no-repeat center/contain;
  height: 24px;
  width: 24px;
}
#mobileMenu .ico-globe {
  height: 32px;
  width: 32px;
  background: url("https://www.keepersecurity.com/assets/icons/ico-language_black.svg") no-repeat center/contain;
}
#mobileMenu [data-popup=select-locale]:hover .ico-globe,
#mobileMenu [data-popup=select-locale]:focus .ico-globe {
  background: url("https://www.keepersecurity.com/assets/icons/ico-language_gold.svg") no-repeat center/contain;
}
#mobileMenu > .inner {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
}
#mobileMenu .mobile-menu {
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: relative;
  max-width: 100%;
}
#mobileMenu .mobile-menu .menu-group {
  display: block;
  width: 100%;
  position: relative;
  -webkit-transition: opacity 0.5s ease-out;
  -moz-transition: opacity 0.5s ease-out;
  -o-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out;
  border-radius: 8px;
  overflow: hidden;
}
#mobileMenu .mobile-menu .menu-group > span {
  display: block;
  cursor: pointer;
  width: 100%;
  height: 48px;
  font-size: 18px;
  line-height: 20px;
  font-weight: 600;
  padding: 14px 0 14px 40px;
  color: #000;
  position: relative;
  text-decoration: none;
  border-radius: 8px 8px 0 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#mobileMenu .mobile-menu .menu-group > span:hover, #mobileMenu .mobile-menu .menu-group > span:focus, #mobileMenu .mobile-menu .menu-group > span:focus-visible {
  text-decoration: none;
}
#mobileMenu .mobile-menu .menu-group > span:after {
  content: "";
  display: block;
  width: 9px;
  height: 9px;
  border: 2px solid #000;
  transform: rotate(45deg);
  border-left: 0;
  border-top: 0;
  position: absolute;
  right: 13px;
  top: 50%;
  margin-top: -6px;
  -webkit-transition: opacity 0.5s ease-out;
  -moz-transition: opacity 0.5s ease-out;
  -o-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#mobileMenu .mobile-menu .menu-group > ul.fragment {
  display: none;
  -webkit-transition: opacity 0.5s ease-out;
  -moz-transition: opacity 0.5s ease-out;
  -o-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out;
}
#mobileMenu .mobile-menu .menu-group.open {
  border: 1px solid #D8D8D8;
  margin-bottom: 20px;
}
#mobileMenu .mobile-menu .menu-group.open > a:after {
  transform: rotate(-135deg);
}
#mobileMenu .mobile-menu .menu-group.open > ul.fragment {
  display: block;
}
#mobileMenu .mobile-menu .menu-group.open > span:first-child {
  color: #fff;
}
#mobileMenu .mobile-menu .menu-group.open > span:first-child:after {
  border-color: #FFC700;
  transform: rotate(-135deg);
  margin-top: -2px;
}
#mobileMenu .mobile-menu .menu-group.products-group > span:first-child {
  background: #fff url("https://www.keepersecurity.com/assets/icons/menu/icon-apps.svg") no-repeat 8px 11px/24px 24px;
}
#mobileMenu .mobile-menu .menu-group.products-group.open > span:first-child {
  background: #000 url("https://www.keepersecurity.com/assets/icons/menu/icon-apps-on.svg") no-repeat 8px 11px/24px 24px;
}
#mobileMenu .mobile-menu .menu-group.use-cases-group > span:first-child {
  background: #fff url("https://www.keepersecurity.com/assets/icons/menu/use-cases.svg") no-repeat 8px 11px/24px 24px;
}
#mobileMenu .mobile-menu .menu-group.use-cases-group.open > span:first-child {
  background: #000 url("https://www.keepersecurity.com/assets/icons/menu/use-cases-yellow.svg") no-repeat 8px 11px/24px 24px;
}
#mobileMenu .mobile-menu .menu-group.partners-group > span:first-child {
  background: #fff url("https://www.keepersecurity.com/assets/icons/menu/partners.svg") no-repeat 8px 11px/24px 24px;
}
#mobileMenu .mobile-menu .menu-group.partners-group.open > span:first-child {
  background: #000 url("https://www.keepersecurity.com/assets/icons/menu/partners-yellow.svg") no-repeat 8px 11px/24px 24px;
}
#mobileMenu .mobile-menu .menu-group.resources-group > span:first-child {
  background: #fff url("https://www.keepersecurity.com/assets/icons/menu/resources.svg") no-repeat 8px 11px/24px 24px;
}
#mobileMenu .mobile-menu .menu-group.resources-group.open > span:first-child {
  background: #000 url("https://www.keepersecurity.com/assets/icons/menu/resources-yellow.svg") no-repeat 8px 11px/24px 24px;
}
#mobileMenu .mobile-menu .menu-group.pricing-group > span:first-child {
  background: #fff url("https://www.keepersecurity.com/assets/icons/menu/pricing-mobile.svg") no-repeat 8px 11px/24px 24px;
}
#mobileMenu .mobile-menu .menu-group.pricing-group.open > span:first-child {
  background: #000 url("https://www.keepersecurity.com/assets/icons/menu/pricing-gold-mobile.svg") no-repeat 8px 11px/24px 24px;
}
#mobileMenu .mobile-menu .menu-group.company-group > span:first-child {
  background: #fff url("https://www.keepersecurity.com/assets/icons/menu/company.svg") no-repeat 8px 11px/24px 24px;
}
#mobileMenu .mobile-menu .menu-group.company-group.open > span:first-child {
  background: #000 url("https://www.keepersecurity.com/assets/icons/menu/company-yellow.svg") no-repeat 8px 11px/24px 24px;
}
#mobileMenu .mobile-menu .menu-group.contact-group > span:first-child {
  background: #fff url("https://www.keepersecurity.com/assets/icons/menu/contact-us.svg") no-repeat 8px 11px/24px 24px;
}
#mobileMenu .mobile-menu .menu-group.contact-group.open > span:first-child {
  background: #000 url("https://www.keepersecurity.com/assets/icons/menu/contact-us-yellow.svg") no-repeat 8px 11px/24px 24px;
}
#mobileMenu .fragment {
  list-style-type: none;
}
#mobileMenu .fragment .item {
  display: block;
}
#mobileMenu .fragment .item > span {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  padding: 10px 0 10px 40px;
  height: 48px;
  color: #000;
  position: relative;
}
#mobileMenu .fragment .item > span:after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  transform: rotate(-135deg);
  border: 2px solid #000;
  border-right: 0;
  border-bottom: 0;
  position: absolute;
  right: 14px;
  top: 50%;
  margin-top: -4px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#mobileMenu .fragment .item > span.callUs:after {
  display: none;
}
#mobileMenu .fragment .item a {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  font-size: 18px;
  line-height: 1;
  padding: 10px 0 10px 40px;
  height: 48px;
  color: #000;
  position: relative;
}
#mobileMenu .fragment .item a .ico-linkedin,
#mobileMenu .fragment .item a .ico-facebook,
#mobileMenu .fragment .item a .ico-twitter,
#mobileMenu .fragment .item a .ico-instagram,
#mobileMenu .fragment .item a .ico-reddit {
  height: 21px;
  width: 21px;
  text-indent: -5000px;
  overflow: hidden;
  margin-right: 10px;
}
#mobileMenu .fragment .item a .ico-facebook {
  background: url("https://www.keepersecurity.com/assets/icons/ico-facebook-square.svg") no-repeat center/contain;
}
#mobileMenu .fragment .item a .ico-twitter {
  background: url("https://www.keepersecurity.com/assets/icons/x-twitter-black.svg") no-repeat center/contain;
}
#mobileMenu .fragment .item a .ico-linkedin {
  background: url("https://www.keepersecurity.com/assets/icons/ico-linkedin-black.svg") no-repeat center/contain;
}
#mobileMenu .fragment .item a .ico-reddit {
  background: url("https://www.keepersecurity.com/assets/icons/ico-reddit-black.svg") no-repeat center/contain;
}
#mobileMenu .fragment .item a .ico-instagram {
  background: url("https://www.keepersecurity.com/assets/icons/ico-instagram-light.svg") no-repeat center/contain;
}
#mobileMenu .fragment .item:not(:first-child) > span:before, #mobileMenu .fragment .item:not(:first-child) > a:before {
  content: "";
  display: block;
  width: calc(100% - 40px);
  height: 1px;
  background: #D8D8D8;
  position: absolute;
  left: 40px;
  top: 0;
}
#mobileMenu .fragment .item ul {
  display: none;
}
#mobileMenu .fragment .item ul li a {
  font-weight: 400;
  padding-left: 56px;
}
#mobileMenu .fragment .item.open ul {
  display: block;
}
#mobileMenu .fragment .item.open > span {
  position: relative;
}
#mobileMenu .fragment .item.open > span:after {
  transform: rotate(45deg);
}
#mobileMenu .btn {
  min-width: 200px;
}
@media (max-width: 1150px) {
  #mobileMenu .btn {
    min-width: 160px;
  }
}
@media (max-width: 991px) {
  #mobileMenu .btn {
    height: 32px;
    line-height: 29px;
    padding: 0 20px;
    font-size: 14px;
  }
  #mobileMenu .btn + .btn {
    margin-top: 16px;
  }
}
@media (max-width: 768px) {
  #mobileMenu .actions .btn {
    width: auto;
    padding: 0 20px;
  }
}
#mobileMenu .actions.mmLngCtc {
  margin-top: 8px;
  padding: 0;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-around;
}
@media (max-width: 480px) {
  #mobileMenu .actions.mmLngCtc {
    justify-content: space-between;
  }
}
#mobileMenu .actions.mmLngCtc:before, #mobileMenu .actions.mmLngCtc:after {
  display: none;
}
#mobileMenu .actions.mmLngCtc span {
  white-space: nowrap;
  font-size: 18px;
}
#mobileMenu .actions.mmCTA {
  margin: 16px 0 32px;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
}
@media (max-width: 480px) {
  #mobileMenu .actions.mmCTA {
    padding: 0;
  }
}
#mobileMenu .actions.mmCTA .btn {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  height: 40px;
  font-size: 18px;
}
@media (max-width: 480px) {
  #mobileMenu .actions.mmCTA .btn {
    width: 100%;
  }
}
#mobileMenu .actions.mmCTA .appStoresDownload {
  margin-top: 16px;
}
#mobileMenu .actions.mmCTA .appStoresDownload a {
  display: none;
}
#mobileMenu [data-popup=select-locale] {
  margin-right: 50px;
}
#mobileMenu [data-popup=select-locale]:hover, #mobileMenu [data-popup=select-locale]:focus, #mobileMenu [data-popup=select-locale]:focus-visible {
  color: #1b74da;
  text-decoration: none;
}
#mobileMenu [data-popup=select-phone]:hover,
#mobileMenu [data-popup=select-phone]:focus {
  color: #1b74da;
  text-decoration: none;
}

.nav-mobile-wrapper {
  display: block;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 64px;
  left: -100%;
  padding: 50px 20px 30px;
  overflow: auto;
  color: #fff;
  background: #143745;
  z-index: 5;
  transition: 0.5s;
}
.nav-mobile-wrapper.active {
  left: 0;
}
.nav-mobile-wrapper .phonenumber {
  margin-top: 30px;
  text-align: center;
}
.nav-mobile-wrapper .btn {
  display: block;
  margin-top: 40px;
}
.nav-mobile-wrapper .second {
  margin-top: 20px;
}
.nav-mobile-wrapper .nav-title {
  margin-bottom: 15px;
}
.nav-mobile-wrapper .nav-title a {
  color: #fff;
  text-decoration: none;
}
.nav-mobile-wrapper .nav-title a:hover, .nav-mobile-wrapper .nav-title a:focus {
  color: #fff;
  text-decoration: none;
}
.nav-mobile-wrapper .nav-back {
  position: absolute;
  width: 25px;
  height: 25px;
  top: 20px;
  left: 20px;
  background: url("https://www.keepersecurity.com/assets/icons/arrow-back-white.png") no-repeat 0 0;
  background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
}
.nav-mobile-wrapper .phone-secondary {
  position: fixed;
  bottom: 20px;
  left: 20px;
  text-align: center;
  font-size: 14px;
}
.nav-mobile-wrapper .phone-secondary i {
  position: relative;
  top: -1px;
  margin-right: 5px;
}
.nav-mobile-wrapper .phone-secondary a {
  text-decoration: none;
  color: #fff;
}
.nav-mobile-wrapper .phone-secondary a:hover, .nav-mobile-wrapper .phone-secondary a:focus {
  color: #cccccc;
}

.nav-secondary {
  border-bottom: 1px solid #ddd;
  font-size: 14px;
  font-weight: 300;
  color: #fff;
  text-align: center;
}
@media (max-width: 1023px) {
  .nav-secondary:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 10px;
    top: 0;
    left: 0;
    background: url("https://www.keepersecurity.com/assets/images/nav-secondary-shadow.png") repeat-x 0 0;
  }
}
.nav-secondary ul {
  list-style-type: none;
}
@media (max-width: 1023px) {
  .nav-secondary ul {
    display: block;
    max-height: 0;
    overflow: hidden;
    transition: 0.5s;
  }
}
.nav-secondary ul:after {
  content: "";
  display: block;
  clear: both;
}
.nav-secondary ul li {
  float: left;
}
@media (max-width: 1023px) {
  .nav-secondary ul li {
    float: none;
    width: 100%;
    text-align: center;
  }
  .nav-secondary ul li + li {
    margin: 8px 0 0;
  }
}
.nav-secondary ul li a {
  display: block;
  position: relative;
  padding: 0 13px 12px;
  transition: 0.5s;
  color: #FFF;
  text-decoration: none;
}
.nav-secondary ul li a:hover, .nav-secondary ul li a:focus {
  color: #FFC600;
  text-decoration: none;
}
.nav-secondary .current a:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 4px;
  bottom: -1px;
  left: 0;
  background: #FFC600;
}
@media (max-width: 1023px) {
  .nav-secondary .current a:after {
    display: none;
  }
}
.nav-secondary .nav-trigger {
  display: none;
}
.nav-secondary .nav-trigger:hover, .nav-secondary .nav-trigger:focus {
  text-decoration: none;
}
@media (max-width: 1023px) {
  .nav-secondary .nav-trigger i {
    position: relative;
    top: -1px;
    margin-right: 2px;
    transition: 0.5s;
  }
}
@media (max-width: 1023px) {
  .nav-secondary.active {
    padding: 46px 0;
  }
  .nav-secondary.active ul {
    max-height: 600px;
    margin-bottom: 24px;
  }
  .nav-secondary.active .nav-trigger i {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}

.header .nav-btn {
  display: block;
  width: 24px;
}
.header .nav-btn span {
  position: relative;
  display: block;
  height: 2px;
  top: 0;
  background: #FFF;
  transition: 0.5s;
  border: none;
}
.header .nav-btn span + span {
  margin-top: 5px;
}
.header .nav-btn.active span:nth-child(1) {
  top: 7px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  transition: top 0.5s, -webkit-transform 0.5s 0.5s;
  transition: top 0.5s, transform 0.5s 0.5s;
}
.header .nav-btn.active span:nth-child(2) {
  opacity: 0;
}
.header .nav-btn.active span:nth-child(3) {
  top: -7px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  transition: top 0.5s, -webkit-transform 0.5s 0.5s;
  transition: top 0.5s, transform 0.5s 0.5s;
}
.header > .navigation ul.mobile .item {
  display: inline-block;
  overflow: hidden;
}
.header > .navigation ul.mobile .item.trialBtn {
  margin-right: 16px;
}
@media (max-width: 380px) {
  .header > .navigation ul.mobile .item.trialBtn {
    margin-right: 0;
  }
}
.header > .navigation ul.mobile .item.loginMenu {
  margin-right: 24px;
}
@media (max-width: 380px) {
  .header > .navigation ul.mobile .item.loginMenu {
    margin-right: 0;
  }
}
.header > .navigation ul.mobile .item.loginMenu:hover, .header > .navigation ul.mobile .item.loginMenu:focus {
  overflow: visible;
}
.header > .navigation ul.mobile .item.loginMenu:hover > .dropdown-content, .header > .navigation ul.mobile .item.loginMenu:focus > .dropdown-content {
  opacity: 1;
  transition-delay: 0.3s;
  pointer-events: all;
  top: 8px;
}
.header > .navigation ul.mobile .item.loginMenu:hover > a, .header > .navigation ul.mobile .item.loginMenu:focus > a {
  text-decoration: none;
}
.header > .navigation ul.mobile .item a {
  display: block;
  max-width: 100%;
}
.header > .navigation ul > .item {
  position: relative;
}
.header > .navigation ul > .item:hover > span:not(.btn, .nav-btn):not(.freeTrialBtn, .btn-arrow-down):before, .header > .navigation ul > .item:hover > a:not(.btn):not(.freeTrialBtn, .getQuoteBtn, .logo):before, .header > .navigation ul > .item.open > span:not(.btn, .nav-btn):not(.freeTrialBtn, .btn-arrow-down):before, .header > .navigation ul > .item.open > a:not(.btn):not(.freeTrialBtn, .getQuoteBtn, .logo):before {
  content: "";
  position: absolute;
  left: 8px;
  bottom: 0;
  width: calc(100% - 16px);
  height: 2px;
  background: #FFC600;
}
.header > .navigation ul > .item > span:not(.nav-btn):not(.btn-arrow-down) {
  display: block;
  padding: 22px 1vw;
  white-space: nowrap;
}
@media (max-width: 1400px) {
  .header > .navigation ul > .item > span:not(.nav-btn):not(.btn-arrow-down) {
    padding: 22px 1vw;
  }
}
@media (max-width: 1400px) {
  .header > .navigation ul > .item > span:not(.nav-btn):not(.btn-arrow-down) {
    padding: 22px 1vw;
    font-size: 15px;
  }
}
@media (max-width: 1300px) {
  .header > .navigation ul > .item > span:not(.nav-btn):not(.btn-arrow-down) {
    padding: 22px 0.5vw;
  }
}
@media (max-width: 1200px) {
  .header > .navigation ul > .item > span:not(.nav-btn):not(.btn-arrow-down) {
    padding: 22px 0.4vw;
    font-size: 14px;
  }
}
@media (max-width: 1150px) {
  .header > .navigation ul > .item > span:not(.nav-btn):not(.btn-arrow-down) {
    padding: 22px 0.3vw;
  }
}
@media (max-width: 1024px) {
  .header > .navigation ul > .item > span:not(.nav-btn):not(.btn-arrow-down) {
    padding: 22px 0.2vw;
  }
}
.header > .navigation ul > .item:last-child > span.nav-btn {
  padding: 12px 0;
}
.header > .navigation ul > .item .dropdown-content {
  top: 100%;
  margin-top: 10px;
}
.header > .navigation ul > .item.dropdown .dropdown-content {
  display: block;
  opacity: 0;
  pointer-events: none;
  transition: 0.2s opacity, top 0.1ms;
  top: 8px;
}
.header > .navigation ul > .item.dropdown:hover > .dropdown-content, .header > .navigation ul > .item.dropdown:focus > .dropdown-content {
  opacity: 1;
  transition-delay: 0.3s;
  pointer-events: all;
}
.header > .navigation ul > .item.dropdown:hover > a, .header > .navigation ul > .item.dropdown:focus > a {
  text-decoration: none;
}

.nav {
  font-size: 15px;
  font-weight: 600;
  color: #000;
  width: calc(100% - 128px);
  float: right;
}
.nav a {
  color: #000;
  text-decoration: none;
}
.nav a:hover, .nav a:focus {
  text-decoration: none;
}
.nav ul ul li {
  margin-left: 0px;
  margin-bottom: 5px;
}
.nav ul ul li a:hover,
.nav ul ul li a:focus {
  background: none;
  color: #1b74da;
  text-decoration: none;
}
.nav ul .nav-toggle {
  display: none;
}
@media (min-width: 768px) {
  .nav ul .nav-toggle {
    display: block;
  }
}
@media (min-width: 768px) {
  .nav ul .nav-toggle {
    display: block;
  }
  .nav ul .lang-toggle {
    display: block;
  }
}
.nav > ul {
  list-style-type: none;
  display: inline-flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  height: 40px;
  width: 100%;
  padding-left: 50px;
}
@media (min-width: 768px) {
  .nav > ul {
    padding-top: 2px;
    justify-content: flex-end;
    padding-left: 0;
  }
}
.nav .current a {
  text-decoration: none;
}
.nav .open > a {
  background: none;
}
.nav .open > a:focus, .nav .open > a:focus-visible, .nav .open > a:hover {
  background: none;
  text-decoration: none;
}

@media (max-width: 1400px) {
  [lang=de-DE] .header > .navigation ul > .item.ucMenu > span:not(.btn):not(.freeTrialBtn),
  [lang=de-DE] .header > .navigation ul > .item.ucMenu > a {
    display: none;
  }
}

.overlay {
  display: none;
  position: fixed;
  z-index: 103;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
}

.overlay.overlayVisible {
  display: block;
}

.keeperLightbox {
  display: none;
  position: fixed;
  z-index: 104;
  top: 10%;
  left: 50%;
  width: 950px;
  margin-left: -475px;
  background: #fff;
  padding: 60px 45px;
  -webkit-overflow-scrolling: touch;
  -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
}
@media (max-width: 960px) {
  .keeperLightbox {
    width: calc(100% - 20px);
    top: 10px;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: scroll;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 40px 56px;
    border-radius: 5px;
  }
}
@media (max-width: 414px) {
  .keeperLightbox {
    padding: 40px 40px;
  }
}
@media (max-width: 400px) {
  .keeperLightbox {
    padding: 40px 30px;
  }
}
@media (max-width: 380px) {
  .keeperLightbox {
    padding: 15px 15px;
  }
}

.keeperLightbox > * {
  -webkit-transform: translateZ(0px);
}

.keeperLightbox.moduleVisible {
  display: block;
}

.keeperLightbox .closePopup {
  position: absolute;
  right: 6px;
  top: 6px;
  z-index: 110;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
}

header .header-row-2 {
  background-color: #000;
}

header nav.navbar.navbar-default {
  background-color: transparent;
  border: 0;
}

header .navbar {
  margin-bottom: 0;
}

header .navbar-nav > li {
  margin: 0 5px;
}

header .navbar-default .navbar-nav > li > a {
  color: #fff;
  padding: 10px 15px;
  text-transform: capitalize;
  font-weight: 400;
}

/*****************NEW HEADER*****************/
header {
  position: fixed;
  width: 100%;
  height: 64px;
  top: 0;
  left: 0;
  transition: 0.5s;
  z-index: 100;
}

header > .navigation {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  z-index: 100;
  width: 100%;
  height: 64px;
  background: #000000;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
}

header > .navigation > .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: inherit;
}

@media (max-width: 1440px) {
  header > .navigation > .container {
    padding-left: 25px;
    padding-right: 25px;
  }
}
header > .navigation > .container:before,
header > .navigation > .container:after {
  content: none;
}

header > .navigation > .container > ul {
  list-style: none;
  display: flex;
  flex-flow: row nowrap;
  align-content: center;
  align-items: center;
  margin: 0;
}

@media (max-width: 991px) {
  header > .navigation > .container > ul.topNav {
    display: none;
  }
  header > .navigation ul.mobile {
    display: block;
  }
  header > .navigation ul.mobile .item {
    display: inline-block;
    overflow: hidden;
  }
  header > .navigation ul.mobile .item a {
    color: #fff;
  }
  header > .navigation ul.mobile .item.trialBtn {
    position: relative;
    top: -10px;
  }
  .main-wrapper.active header > .navigation ul.mobile .item.trialBtn {
    display: none;
  }
  header > .navigation ul.mobile .item.trialBtn a {
    display: block;
    max-width: 100%;
    color: #fff;
    font-size: 14px;
    letter-spacing: 0;
    min-width: 0;
    text-align: center;
    line-height: 20px;
    border: 2px solid #FFC600;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    padding: 7px 15px;
    -webkit-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
  }
  header > .navigation ul.mobile .item.hamburger a {
    color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-transform: uppercase;
    text-align: right;
    line-height: 20px;
    position: relative;
    top: 2px;
    width: 60px;
    height: 60px;
    padding: 20px 20px;
  }
  header > .navigation ul.mobile .item.hamburger a span {
    display: block;
    height: 2px;
    width: 100%;
    top: 0;
    background: #fff;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    position: relative;
  }
  header > .navigation ul.mobile .item.hamburger a span + span {
    margin-top: 5px;
  }
  header > .navigation ul.mobile .item.hamburger a.active span:first-child {
    top: 7px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: top 0.5s, -webkit-transform 0.5s 0.5s;
    -webkit-transition: top 0.5s, -webkit-transform 0.5s 0.5s;
    -o-transition: top 0.5s, transform 0.5s 0.5s;
    transition: top 0.5s, transform 0.5s 0.5s;
    transition: top 0.5s, transform 0.5s 0.5s, -webkit-transform 0.5s 0.5s;
  }
  header > .navigation ul.mobile .item.hamburger a.active span:nth-child(2) {
    opacity: 0;
  }
  header > .navigation ul.mobile .item.hamburger a.active span:nth-child(3) {
    top: -7px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    transition: top 0.5s, -webkit-transform 0.5s 0.5s;
    -webkit-transition: top 0.5s, -webkit-transform 0.5s 0.5s;
    -o-transition: top 0.5s, transform 0.5s 0.5s;
    transition: top 0.5s, transform 0.5s 0.5s;
    transition: top 0.5s, transform 0.5s 0.5s, -webkit-transform 0.5s 0.5s;
  }
}
header > .navigation ul > .item > a {
  display: block;
  padding: 24px 16px;
}

ul.topNav.mobile {
  display: none;
  list-style: none;
  display: flex;
  flex-flow: row nowrap;
  align-content: center;
  align-items: center;
}

ul.topNav.mobile .item:first-of-type {
  min-width: 0;
}

.main-wrapper.active ul.topNav.mobile .item:first-of-type {
  display: none;
}

ul.topNav.mobile .item:first-of-type a {
  color: white;
  font-size: 14px;
  letter-spacing: 0;
  min-width: 0;
  text-align: center;
  line-height: 20px;
  border: 2px solid #FFC600;
  border-radius: 6px;
  padding: 7px 15px;
  transition: 0.5s ease;
}

ul.topNav.mobile .item:first-of-type a:hover,
ul.topNav.mobile .item:first-of-type a:active {
  background-color: #FFC700;
  color: black;
}

@media only screen and (max-width: 520px) {
  ul.topNav.mobile .item:first-of-type {
    margin-left: 10px;
  }
  ul.topNav.mobile .item:first-of-type a {
    padding: 7px;
  }
}
@media only screen and (max-width: 420px) {
  ul.topNav.mobile .item:first-of-type a {
    padding: 7px;
    line-height: 15px;
  }
}
@media only screen and (max-width: 380px) {
  header > .navigation > .container {
    padding: 0 15px;
  }
  ul.topNav > .item {
    margin-left: 15px !important;
  }
  ul.topNav.mobile .item:first-of-type a {
    padding: 4px 7px;
    font-size: 13px;
  }
}
@media only screen and (max-width: 365px) {
  ul.topNav.mobile .item:first-of-type a {
    font-size: 12px;
  }
}
@media only screen and (max-width: 310px) {
  ul.topNav.mobile .item:first-of-type {
    display: none;
  }
}
ul.topNav > .item:first-of-type {
  margin-left: 0;
}

header ul.left {
  margin-bottom: 0;
  padding: 0;
}
@media (max-width: 1080px) {
  header ul.left {
    width: 100%;
    text-align: center;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
}

header .logo {
  display: inline-block;
  width: 128px;
  height: 44px;
  padding: 0 !important;
  vertical-align: middle;
  background: url("/blog/wp-content/themes/keeper-blog-2024/images/keeper-security-logo-white.png") no-repeat center/contain;
  font-size: 0;
}

@media (max-width: 991px) {
  header .logo {
    height: 33px;
    width: 112px;
  }
}
ul.topNav > .item .caret {
  color: white;
}

header.actions {
  text-align: center;
  margin-top: 30px;
}

header.actions.mmLngCtc {
  margin-top: 24px;
  padding: 0;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-around;
}

header.actions.mmLngCtc:before,
header.actions.mmLngCtc:after {
  display: none;
}

header.actions.mmLngCtc a {
  white-space: nowrap;
}

header.actions.mmCTA {
  margin: 16px 0 32px;
}

header[data-popup=select-locale] {
  margin-right: 50px;
}

header[data-popup=select-locale]:hover,
header[data-popup=select-phone]:hover {
  color: #cf9f24;
  text-decoration: none;
}

header a.btn {
  min-width: 200px;
}

ul.topNav > .item.dropdown.showcase-nav {
  position: static;
}

ul.topNav > .item .dropdown-content {
  display: none;
  -webkit-background-clip: padding-box;
  -webkit-border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  float: right;
  font-size: 14px;
  list-style: none;
  margin: 2px 0 0;
  padding: 5px 0;
  position: absolute;
  right: 0;
  text-align: left;
  top: 154%;
  z-index: 500;
  min-width: 165px;
  margin-top: 10px;
}

ul.topNav > .item:hover .dropdown-content {
  display: block;
}

ul.topNav > .item .dropdown-content:before {
  content: "";
  display: block;
  width: 100%;
  height: 8px;
  position: absolute;
  left: 0;
  bottom: 100%;
}

ul.topNav > .item .dropdown-content section {
  width: 200px;
  max-width: 100%;
}

ul.topNav > .item .dropdown-content section h4 {
  font-size: 14px;
  color: #000;
  text-align: left;
  line-height: 20px;
  text-transform: uppercase;
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #D5D5D5;
}

ul.topNav > .item .dropdown-content section ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

ul.topNav > .item .dropdown-content section ul li {
  display: block;
  margin: 0;
  padding: 0;
}

ul.topNav > .item .dropdown-content section ul li a {
  display: block;
  padding: 8px 0;
  font-size: 16px;
  color: #000;
  text-transform: none;
  letter-spacing: -0.18px;
  font-weight: 300;
  text-align: left;
}

ul.topNav > .item .dropdown-content section ul li a:hover {
  color: #E6B300;
}

ul.topNav > .item .dropdown-content.showcase-nav {
  top: 8px;
  left: 0;
  right: 0;
  background: none;
  border: none;
  border-radius: none;
  box-shadow: none;
  float: none;
  padding: 0;
  margin: 0;
  z-index: 102;
  width: 96%;
  margin: 0 auto;
  max-width: 1410px;
  margin-top: 66px;
}

@media (max-width: 1400px) {
  ul.topNav > .item .dropdown-content.showcase-nav {
    width: calc(100% - 30px);
  }
}
@media (max-width: 991px) {
  ul.topNav > .item .dropdown-content.showcase-nav {
    width: calc(100% - 30px);
  }
}
ul.topNav > .item .dropdown-content.showcase-nav .inner {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  padding: 40px 48px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

@media (max-width: 1300px) {
  ul.topNav > .item .dropdown-content.showcase-nav .inner {
    padding: 40px 30px;
  }
}
@media (max-width: 1200px) {
  ul.topNav > .item .dropdown-content.showcase-nav .inner {
    padding: 40px 20px;
  }
}
ul.topNav > .item .dropdown-content.showcase-nav .inner section.showcaseColumn {
  position: relative;
  padding-bottom: 120px;
}

ul.topNav > .item .dropdown-content.showcase-nav .inner section.showcaseColumn ul {
  list-style: none;
}

ul.topNav > .item .dropdown-content.showcase-nav .inner section.showcaseColumn ul li {
  display: block;
  margin: 0;
  padding: 0;
}

ul.topNav > .item .dropdown-content.showcase-nav .inner section.showcaseColumn ul li a {
  display: block;
  padding: 8px 0;
  font-size: 16px;
  color: #000;
  text-transform: none;
  letter-spacing: -0.18px;
  font-weight: 300;
  text-align: left;
}

ul.topNav > .item .dropdown-content.showcase-nav .inner section.showcaseColumn ul li a:hover {
  color: #E6B300;
}

ul.topNav > .item .dropdown-content.showcase-nav .inner section.showcaseColumn .actions {
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 100%;
}

ul.topNav > .item .dropdown-content.showcase-nav .inner section.showcaseColumn .actions .btn {
  padding: 0 10px;
  text-transform: none;
}

ul.topNav > .item .dropdown-content.showcase-nav .inner section.showcaseColumn .actions .btn.btnPlayInline img {
  margin: -2px 8px 0 0;
}

ul.topNav > .item .dropdown-content.showcase-nav .inner section.showcaseColumn .actions .btn + .btn {
  margin-top: 20px;
  color: #000;
  text-transform: none;
}

ul.topNav > .item .dropdown-content.sm-showcase-nav {
  top: 8px;
  left: 0;
  right: 0;
  background: none;
  border: none;
  border-radius: none;
  box-shadow: none;
  float: none;
  padding: 0;
  margin: 0;
  z-index: 102;
  width: 280px;
  margin-left: calc(50% - 140px);
  margin-top: 66px;
}

ul.topNav > .item:last-child .dropdown-content.sm-showcase-nav {
  left: auto;
  right: 0;
}

ul.topNav > .item .dropdown-content.sm-showcase-nav .inner {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  padding: 40px 40px 30px 40px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

ul.topNav > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn {
  position: relative;
  padding-bottom: 0;
}

ul.topNav > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul {
  list-style: none;
}

ul.topNav > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul li {
  display: block;
  margin: 0;
  padding: 0;
}

ul.topNav > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul li a {
  display: block;
  padding: 8px 0;
  font-size: 16px;
  color: #000;
  text-transform: none;
  letter-spacing: -0.18px;
  font-weight: 300;
  text-align: left;
}

ul.topNav > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul li a:hover {
  color: #E6B300;
}

ul.topNav > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn .actions {
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 100%;
}

ul.topNav > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn .actions .btn {
  padding: 0 10px;
}

ul.topNav > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn .actions .btn.btnPlayInline img {
  margin: -2px 8px 0 0;
}

ul.topNav > .item:hover:not(.no-border) > a {
  position: relative;
  display: block;
}

ul.topNav > .item:hover:not(.no-border) > a:after {
  content: "";
  display: block;
  width: calc(100% - 32px);
  height: 2px;
  background: #FFC600;
  position: absolute;
  left: 16px;
  bottom: 4px;
}

ul.topNav > .item a:not(.btn):not(.freeTrialBtn) {
  font-family: "Outfit", Helvetica, Arial, sans-serif;
  font-size: 16px;
  color: #FFFFFF;
  text-transform: uppercase;
  text-align: right;
  font-weight: 600;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}

ul.topNav > .item a.freeTrialBtn {
  font-size: 16px;
  color: #FFFFFF;
  letter-spacing: 0.23px;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

ul.topNav > .item a:hover:not(.btn),
ul.topNav > .item a:focus:not(.btn),
ul.topNav > .item a:active:not(.btn) {
  text-decoration: none;
}

/***************MOBILE NAV*****************/
header > .menu {
  position: fixed;
  top: 64px;
  left: 100%;
  z-index: 101;
  width: 100%;
  display: block;
  height: calc(100% - 64px);
  min-height: calc(100% - 64px);
  max-height: calc(100% - 64px);
  background-color: white;
  transition: 0.5s ease;
  padding-bottom: 60px;
  overflow-y: scroll;
}

header .actions.mmLngCtc {
  text-align: center;
  margin: 20px 0 40px;
}

header .actions.mmLngCtc a {
  color: #000;
}

header .actions.mmCTA {
  margin: 16px 0 32px;
  text-align: center;
}

header .icon-phone {
  background: url("https://www.keepersecurity.com/assets/icons/icon-phone@2x.png") no-repeat 50%/contain;
  height: 20px;
  width: 20px;
  display: inline-block;
  vertical-align: middle;
}

.main-wrapper.active header > .menu {
  left: 0;
}

header > .menu > .panel-group .panel-title a {
  font-size: 14px;
  font-family: "Outfit", Helvetica, Arial, sans-serif;
  font-weight: 600;
}

header > .menu > .panel-group .panel-title a:hover,
header > .menu > .panel-group .panel-title a:active {
  text-decoration: none;
}

header > .menu > .panel-group > .panel {
  background-color: transparent;
  border: 0;
  border-radius: none;
  border-bottom: 2px solid #ddd;
  cursor: pointer;
}

header > .menu > .panel-group > .panel > .panel-heading {
  background-color: transparent;
  border: 0;
  border-radius: none;
  padding: 20px 15px;
  position: relative;
}

header > .menu > .panel-group > .panel > .panel-heading:before {
  background-image: url("https://www.keepersecurity.com/assets/icons/arrow-down.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 20px;
  content: "";
  width: 10px;
  height: 100%;
  right: 20px;
  top: 0px;
  position: absolute;
  transition: 0.5s ease;
}

header > .menu > .panel-group > .panel > .panel-heading.opened:before {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

header > .menu > .panel-group > .panel > .panel-collapse ul {
  list-style: none;
}

header > .menu > .panel-group > .panel > .panel-collapse ul li {
  margin: 0;
}

header > .menu > .panel-group > .panel > .panel-collapse ul li:last-of-type {
  margin-bottom: 0;
}

header > .menu > .panel-group > .panel > .panel-collapse ul li a {
  font-family: "Outfit", Helvetica, Arial, sans-serif;
  color: #000000;
  text-align: left;
  line-height: 20px;
  padding: 8px 0;
  font-weight: 300;
  display: block;
}

header > .menu > .panel-group > .panel > .panel-collapse ul li a:hover,
header > .menu > .panel-group > .panel > .panel-collapse ul li a:focus,
header > .menu > .panel-group > .panel > .panel-collapse ul li a:active {
  color: #cf9f24;
  text-decoration: none;
}

header > .menu > .panel-group > .panel > .panel-collapse ul li a:hover {
  color: #cf9f24;
  text-decoration: none;
}

header > .menu > .panel-group > .panel > .panel-collapse > .panel-body {
  border-top: 0;
  padding-top: 0;
}

header > .menu {
  padding: 16px;
}

header > .menu > .inner {
  display: flex;
  justify-content: space-between;
}

header > .menu .left {
  width: 50%;
  order: 0;
}

header > .menu .right {
  width: 50%;
  order: 1;
  height: 64px;
}

header > .menu .fragment {
  list-style: none;
  margin-bottom: 32px;
}

header > .menu .fragment h4 {
  font-size: 14px;
  color: #000;
  padding-bottom: 8px;
  line-height: 17px;
  text-transform: uppercase;
}

header > .menu .fragment .item {
  margin-bottom: 8px;
  line-height: 20px;
}

header > .menu .fragment .item a {
  font-size: 14px;
  color: #000000;
  text-align: left;
  line-height: 20px;
}

header > .menu .fragment .item a:hover {
  text-decoration: none;
  color: #cf9f24;
}

@media (max-width: 768px) {
  header > .menu .actions .btn {
    width: auto;
    padding: 0 20px;
  }
}
html[locale=ar_AE] .header > .navigation ul > .item .dropdown-content section .menuHeading {
  text-align: right;
}
html[locale=ar_AE] .header > .navigation ul > .item .dropdown-content section ul li a {
  text-align: right;
}
html[locale=ar_AE] .header > .navigation ul > .item .dropdown-content.showcase-nav .inner section.showcaseColumn ul li a {
  text-align: right;
}
html[locale=ar_AE] .header > .navigation ul > .item .dropdown-content.showcase-nav .inner section.showcaseColumn .actions {
  left: auto;
  right: 0;
  text-align: right;
}
html[locale=ar_AE] .header > .navigation ul > .item .dropdown-content.showcase-nav .inner section.showcaseColumn .actions .btn.btnPlayInline img {
  margin: -2px 0 0 8px;
}
html[locale=ar_AE] .header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul li a,
html[locale=ar_AE] .header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul li span {
  text-align: right;
}
html[locale=ar_AE] .header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn .actions {
  left: auto;
  right: 0;
  text-align: right;
}
html[locale=ar_AE] .header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn .actions .btn.btnPlayInline img {
  margin: -2px 0 0 8px;
}

html[lang=ar-ae] .header > .navigation ul > .item .dropdown-content.cta-showcase-nav .inner .showcaseCTA {
  right: auto;
  left: 0;
  border-radius: 8px 0 0 8px;
}
html[lang=ar-ae] .header > .navigation ul > .item .dropdown-content.cta-showcase-nav .inner .showcaseColumn ul > li > span,
html[lang=ar-ae] .header > .navigation ul > .item .dropdown-content.cta-showcase-nav .inner .showcaseColumn ul > li > a {
  padding: 0 48px 0 0;
  background-position: 96% center !important;
}
html[lang=ar-ae] .header > .navigation ul > .item .dropdown-content.cta-showcase-nav .inner .showcaseColumn ul > li > span:after,
html[lang=ar-ae] .header > .navigation ul > .item .dropdown-content.cta-showcase-nav .inner .showcaseColumn ul > li > a:after {
  right: auto;
  left: 24px;
}
html[lang=ar-ae] .header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul.showcase-list li span,
html[lang=ar-ae] .header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul.showcase-list li a {
  padding: 0 48px 0 0;
  background-position: 96% center !important;
}
html[lang=ar-ae] .header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul.showcase-list li span:after,
html[lang=ar-ae] .header > .navigation ul > .item .dropdown-content.sm-showcase-nav .inner section.showcaseColumn ul.showcase-list li a:after {
  right: auto;
  left: 24px;
}
html[lang=ar-ae] .header > .navigation ul > .item .dropdown-content.two-col-nav .inner ul.showcase-list li a {
  text-align: right;
  padding: 0 56px 0 24px;
  background-position: 96% top !important;
}
html[lang=ar-ae] .header > .menu .mobile-menu .menu-group > span:first-child {
  padding: 14px 48px 14px 0;
  background-position: calc(100% - 14px) center !important;
}
html[lang=ar-ae] .header > .menu .mobile-menu .menu-group > span:first-child:after {
  right: auto;
  left: 13px;
}
html[lang=ar-ae] .header > .menu .mobile-menu .fragment .item > span,
html[lang=ar-ae] .header > .menu .mobile-menu .fragment .item > a {
  padding: 10px 40px 10px 0;
}
html[lang=ar-ae] #mobileMenu .fragment .item ul li a {
  padding: 10px 56px 10px 48px;
}
html[lang=ar-ae] .header > .navigation ul > .item .dropdown-content.cta-showcase-nav .inner .showcaseCTA .action {
  padding: 0 0 16px 16px;
}

html[lang=pt-br] .header > .navigation ul > .item .dropdown-content {
  min-width: 300px;
}
html[lang=pt-br] .header > .navigation ul > .item .dropdown-content.sm-showcase-nav#partners-showcase {
  min-width: 360px;
}
html[lang=pt-br] .header > .navigation ul > .item .dropdown-content.cta-showcase-nav#products-showcase .inner {
  min-width: 625px;
}
html[lang=pt-br] .header > .navigation ul > .item .dropdown-content.cta-showcase-nav#resources-showcase .inner {
  min-width: 735px;
}
html[lang=pt-br] .header > .navigation ul > .item .dropdown-content.cta-showcase-nav#resources-showcase .inner .showcaseColumn {
  min-width: 438px;
}
html[lang=pt-br] .header > .navigation ul > .item .dropdown-content#contact-showcase .inner {
  min-width: 260px;
}

html[lang=nl-NL] .header > .navigation ul > .item .dropdown-content {
  min-width: 240px;
}
html[lang=nl-NL] .header > .navigation ul > .item .dropdown-content.cta-showcase-nav#products-showcase .inner, html[lang=nl-NL] .header > .navigation ul > .item .dropdown-content.cta-showcase-nav#resources-showcase .inner {
  min-width: 625px;
}
html[lang=nl-NL] .header > .navigation ul > .item .dropdown-content.sm-showcase-nav#partners-showcase {
  min-width: 360px;
}
html[lang=nl-NL] .header > .navigation ul > .item .dropdown-content.sm-showcase-nav#contact-showcase .inner {
  min-width: 250px;
}
html[lang=nl-NL] .header > .navigation ul > .item:not(.hamburger, .trialButtons, .loginMenu) > span:not(.btn):not(.freeTrialBtn), html[lang=nl-NL] .header > .navigation ul > .item:not(.hamburger, .trialButtons, .loginMenu) > a {
  font-size: 14px;
  padding: 26px 10px 22px;
  text-align: center;
}
@media (max-width: 1440px) {
  html[lang=nl-NL] .header > .navigation ul > .item:not(.hamburger, .trialButtons, .loginMenu) > span:not(.btn):not(.freeTrialBtn), html[lang=nl-NL] .header > .navigation ul > .item:not(.hamburger, .trialButtons, .loginMenu) > a {
    font-size: 14px;
  }
}
html[lang=nl-NL] .header > .navigation ul > .item.loginMenu .btn-arrow-down {
  padding: 0 24px 0 10px;
}
html[lang=nl-NL] .header > .navigation ul > .item.loginMenu .btn-arrow-down:after {
  right: 10px;
}

html[lang=ja] .header > .navigation ul > .item.pricingMenu .dropdown-content {
  min-width: 440px;
}
html[lang=ja] .header > .navigation ul > .item .dropdown-content section {
  min-width: 290px;
  max-width: 100%;
}
html[lang=ja] .header > .navigation ul > .item .dropdown-content.sm-showcase-nav#contact-showcase {
  min-width: 315px;
}
html[lang=ja] .header > .navigation ul > .item .dropdown-content.cta-showcase-nav#products-showcase .inner {
  min-width: 620px;
}
html[lang=ja] .header > .navigation ul > .item .dropdown-content.cta-showcase-nav#products-showcase .inner .showcaseColumn {
  min-width: 357px;
}
html[lang=ja] .header > .navigation ul > .item .dropdown-content.cta-showcase-nav#products-showcase .inner .showcaseCTA {
  width: 240px;
}
html[lang=ja] .header > .navigation ul > .item .dropdown-content.cta-showcase-nav#resources-showcase .inner {
  min-width: 630px;
}
html[lang=ja] .header > .navigation ul > .item .dropdown-content.cta-showcase-nav#resources-showcase .inner .showcaseColumn {
  min-width: 374px;
}
html[lang=ja] .header > .navigation ul > .item .dropdown-content#contact-showcase .inner {
  min-width: 260px;
}

html[lang=it-it] .header > .navigation ul > .item .dropdown-content {
  min-width: 365px;
}
html[lang=it-it] .header > .navigation ul > .item .dropdown-content.cta-showcase-nav .inner {
  min-width: 630px;
}
html[lang=it-it] .header > .navigation ul > .item .dropdown-content.cta-showcase-nav .inner .showcaseColumn {
  min-width: 374px;
}
html[lang=it-it] .header > .navigation ul > .item .dropdown-content.cta-showcase-nav#products-showcase .inner {
  min-width: 680px;
}
html[lang=it-it] .header > .navigation ul > .item .dropdown-content.cta-showcase-nav#products-showcase .inner .showcaseColumn ul > li.has-submenus > span:after {
  right: 16px;
}
html[lang=it-it] .header > .navigation ul > .item .dropdown-content.cta-showcase-nav#products-showcase .inner .showcaseColumn ul > li.has-submenus.open > span:after {
  margin-top: -2px;
}
html[lang=it-it] .header > .navigation ul > .item .dropdown-content.cta-showcase-nav#resources-showcase .inner {
  min-width: 700px;
}
html[lang=it-it] .header > .navigation ul > .item .dropdown-content.cta-showcase-nav#resources-showcase .inner .showcaseColumn {
  min-width: 400px;
}
html[lang=it-it] .header > .navigation ul > .item .dropdown-content#company-showcase {
  min-width: 265px;
}
html[lang=it-it] .header > .navigation ul > .item .dropdown-content#contact-showcase .inner {
  min-width: 260px;
}
html[lang=it-it] .header > .navigation ul > .item .dropdown-content#login-showcase {
  min-width: 295px;
}

html[lang=pl-PL] .header > .navigation ul > .item .dropdown-content {
  min-width: 280px;
}
html[lang=pl-PL] .header > .navigation ul > .item .dropdown-content.sm-showcase-nav#partners-showcase {
  min-width: 360px;
}
html[lang=pl-PL] .header > .navigation ul > .item .dropdown-content.sm-showcase-nav#company-showcase {
  min-width: 350px;
}
html[lang=pl-PL] .header > .navigation ul > .item .dropdown-content.sm-showcase-nav#login-showcase {
  min-width: 260px;
}
html[lang=pl-PL] .header > .navigation ul > .item .dropdown-content.sm-showcase-nav#contact-showcase .inner {
  min-width: 270px;
}
html[lang=pl-PL] .header > .navigation ul > .item .dropdown-content.cta-showcase-nav#products-showcase .inner {
  min-width: 625px;
}
html[lang=pl-PL] .header > .navigation ul > .item .dropdown-content.cta-showcase-nav#resources-showcase .inner {
  min-width: 785px;
}
html[lang=pl-PL] .header > .navigation ul > .item .dropdown-content.cta-showcase-nav#resources-showcase .inner .showcaseColumn {
  min-width: 488px;
}

html[lang=ru-RU] .header > .navigation ul > .item .dropdown-content {
  min-width: 280px;
}
html[lang=ru-RU] .header > .navigation ul > .item .dropdown-content.sm-showcase-nav#partners-showcase {
  min-width: 380px;
}
html[lang=ru-RU] .header > .navigation ul > .item .dropdown-content.sm-showcase-nav#login-showcase {
  min-width: 330px;
}
html[lang=ru-RU] .header > .navigation ul > .item .dropdown-content.sm-showcase-nav#company-showcase {
  min-width: 290px;
}
html[lang=ru-RU] .header > .navigation ul > .item .dropdown-content.sm-showcase-nav#contact-showcase {
  min-width: 230px;
}
html[lang=ru-RU] .header > .navigation ul > .item .dropdown-content.cta-showcase-nav#products-showcase .inner {
  min-width: 670px;
}
html[lang=ru-RU] .header > .navigation ul > .item .dropdown-content.cta-showcase-nav#resources-showcase .inner {
  min-width: 770px;
}
html[lang=ru-RU] .header > .navigation ul > .item .dropdown-content.cta-showcase-nav#resources-showcase .inner .showcaseColumn {
  min-width: 513px;
}

html[lang=fr-FR] .header > .navigation ul > .item .dropdown-content {
  min-width: 265px;
}
html[lang=fr-FR] .header > .navigation ul > .item .dropdown-content.cta-showcase-nav#products-showcase .inner, html[lang=fr-FR] .header > .navigation ul > .item .dropdown-content.cta-showcase-nav#resources-showcase .inner {
  min-width: 625px;
}
html[lang=fr-FR] .header > .navigation ul > .item .dropdown-content.sm-showcase-nav#partners-showcase {
  min-width: 360px;
}

html[lang=es-ES] .header > .navigation ul > .item.dropdown > .dropdown-content.cta-showcase-nav#products-showcase .inner {
  min-width: 625px;
}
html[lang=es-ES] .header > .navigation ul > .item.dropdown > .dropdown-content.cta-showcase-nav#resources-showcase .inner {
  min-width: 750px;
}
html[lang=es-ES] .header > .navigation ul > .item.dropdown > .dropdown-content.cta-showcase-nav#resources-showcase .inner .showcaseColumn {
  min-width: 390px;
}
html[lang=es-ES] .header > .navigation ul > .item.dropdown > .dropdown-content.sm-showcase-nav#partners-showcase {
  min-width: 365px;
}
html[lang=es-ES] .header > .navigation ul > .item.dropdown > .dropdown-content.sm-showcase-nav#company-showcase {
  min-width: 300px;
}
html[lang=es-ES] .header > .navigation ul > .item.dropdown > .dropdown-content.sm-showcase-nav#contact-showcase .inner {
  min-width: 300px;
}
html[lang=es-ES] .header > .navigation ul > .item.dropdown > .dropdown-content.sm-showcase-nav#login-showcase {
  min-width: 280px;
}

html[lang=de-DE] .header > .navigation ul > .item .dropdown-content.sm-showcase-nav#contact-showcase .inner {
  min-width: 270px;
}
html[lang=de-DE] .header > .navigation ul > .item .dropdown-content.cta-showcase-nav#resources-showcase .inner {
  min-width: 645px;
}
html[lang=de-DE] .header > .navigation ul > .item .dropdown-content.cta-showcase-nav#resources-showcase .inner .showcaseColumn {
  min-width: 400px;
}

html[lang=de-DE] .header > .navigation ul > .item:not(.hamburger, .trialButtons, .loginMenu) > span:not(.btn):not(.freeTrialBtn), html[lang=de-DE] .header > .navigation ul > .item:not(.hamburger, .trialButtons, .loginMenu) > a {
  padding: 26px 10px 22px;
  text-align: center;
}
@media (max-width: 1300px) {
  html[lang=de-DE] .header > .navigation ul > .item:not(.hamburger, .trialButtons, .loginMenu) > span:not(.btn):not(.freeTrialBtn), html[lang=de-DE] .header > .navigation ul > .item:not(.hamburger, .trialButtons, .loginMenu) > a {
    font-size: 15px;
    padding: 26px 8px 22px;
  }
}
@media (max-width: 1440px) {
  html[lang=de-DE] .header > .navigation ul > .item:not(.hamburger, .trialButtons, .loginMenu) > span:not(.btn):not(.freeTrialBtn), html[lang=de-DE] .header > .navigation ul > .item:not(.hamburger, .trialButtons, .loginMenu) > a {
    font-size: 14px;
    padding: 26px 6px 22px;
  }
}
html[lang=de-DE] .header > .navigation ul > .item.loginMenu .btn-arrow-down {
  padding: 0 24px 0 10px;
}
html[lang=de-DE] .header > .navigation ul > .item.loginMenu .btn-arrow-down:after {
  right: 10px;
}

html[lang=es-ES] .hang > .navigation ul > .item:not(.hamburger, .trialButtons, .loginMenu) > span:not(.btn):not(.freeTrialBtn), html[lang=es-ES] .hang > .navigation ul > .item:not(.hamburger, .trialButtons, .loginMenu) > a,
html[lang=fr-FR] .hang > .navigation ul > .item:not(.hamburger, .trialButtons, .loginMenu) > span:not(.btn):not(.freeTrialBtn),
html[lang=fr-FR] .hang > .navigation ul > .item:not(.hamburger, .trialButtons, .loginMenu) > a,
html[lang=pt-br] .hang > .navigation ul > .item:not(.hamburger, .trialButtons, .loginMenu) > span:not(.btn):not(.freeTrialBtn),
html[lang=pt-br] .hang > .navigation ul > .item:not(.hamburger, .trialButtons, .loginMenu) > a,
html[lang=ru-RU] .hang > .navigation ul > .item:not(.hamburger, .trialButtons, .loginMenu) > span:not(.btn):not(.freeTrialBtn),
html[lang=ru-RU] .hang > .navigation ul > .item:not(.hamburger, .trialButtons, .loginMenu) > a,
html[lang=pl-PL] .hang > .navigation ul > .item:not(.hamburger, .trialButtons, .loginMenu) > span:not(.btn):not(.freeTrialBtn),
html[lang=pl-PL] .hang > .navigation ul > .item:not(.hamburger, .trialButtons, .loginMenu) > a {
  font-size: 15px;
  padding: 26px 10px 22px;
  text-align: center;
}
@media (max-width: 1440px) {
  html[lang=es-ES] .hang > .navigation ul > .item:not(.hamburger, .trialButtons, .loginMenu) > span:not(.btn):not(.freeTrialBtn), html[lang=es-ES] .hang > .navigation ul > .item:not(.hamburger, .trialButtons, .loginMenu) > a,
  html[lang=fr-FR] .hang > .navigation ul > .item:not(.hamburger, .trialButtons, .loginMenu) > span:not(.btn):not(.freeTrialBtn),
  html[lang=fr-FR] .hang > .navigation ul > .item:not(.hamburger, .trialButtons, .loginMenu) > a,
  html[lang=pt-br] .hang > .navigation ul > .item:not(.hamburger, .trialButtons, .loginMenu) > span:not(.btn):not(.freeTrialBtn),
  html[lang=pt-br] .hang > .navigation ul > .item:not(.hamburger, .trialButtons, .loginMenu) > a,
  html[lang=ru-RU] .hang > .navigation ul > .item:not(.hamburger, .trialButtons, .loginMenu) > span:not(.btn):not(.freeTrialBtn),
  html[lang=ru-RU] .hang > .navigation ul > .item:not(.hamburger, .trialButtons, .loginMenu) > a,
  html[lang=pl-PL] .hang > .navigation ul > .item:not(.hamburger, .trialButtons, .loginMenu) > span:not(.btn):not(.freeTrialBtn),
  html[lang=pl-PL] .hang > .navigation ul > .item:not(.hamburger, .trialButtons, .loginMenu) > a {
    font-size: 14px;
  }
}
html[lang=es-ES] .header > .navigation ul > .item.loginMenu .btn-arrow-down,
html[lang=fr-FR] .header > .navigation ul > .item.loginMenu .btn-arrow-down,
html[lang=pt-br] .header > .navigation ul > .item.loginMenu .btn-arrow-down,
html[lang=ru-RU] .header > .navigation ul > .item.loginMenu .btn-arrow-down,
html[lang=pl-PL] .header > .navigation ul > .item.loginMenu .btn-arrow-down {
  padding: 0 24px 0 10px;
}
html[lang=es-ES] .header > .navigation ul > .item.loginMenu .btn-arrow-down:after,
html[lang=fr-FR] .header > .navigation ul > .item.loginMenu .btn-arrow-down:after,
html[lang=pt-br] .header > .navigation ul > .item.loginMenu .btn-arrow-down:after,
html[lang=ru-RU] .header > .navigation ul > .item.loginMenu .btn-arrow-down:after,
html[lang=pl-PL] .header > .navigation ul > .item.loginMenu .btn-arrow-down:after {
  right: 10px;
}

/* SHOWCASE */
.header > .navigation ul > .item.showcase-nav {
  position: static;
  box-sizing: border-box;
}

.nav-btn {
  display: block;
  width: 24px;
}
.nav-btn span {
  position: relative;
  display: block;
  height: 2px;
  top: 0;
  background: #FFF;
  transition: 0.5s;
  border: none;
}
.nav-btn span + span {
  margin-top: 5px;
}
.nav-btn.active span:nth-child(1) {
  top: 7px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  transition: top 0.5s, -webkit-transform 0.5s 0.5s;
  transition: top 0.5s, transform 0.5s 0.5s;
}
.nav-btn.active span:nth-child(2) {
  opacity: 0;
}
.nav-btn.active span:nth-child(3) {
  top: -7px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  transition: top 0.5s, -webkit-transform 0.5s 0.5s;
  transition: top 0.5s, transform 0.5s 0.5s;
}

[lang=de-DE] .header > .navigation ul > .item .dropdown-content.showcase-nav .inner section.showcaseColumn ul li a[lang=de-DE] {
  display: block;
}
[lang=de-DE] .header > .navigation ul > .item .dropdown-content.showcase-nav .inner section.showcaseColumn ul li a[lang=de-DE] ~ a:not([lang=de-DE]) {
  display: none;
}

/***************MOBILE NAV END*****************/
/************BUTTONS************/
.btn,
.wp-block-button__link {
  display: inline-flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 6px 24px;
  height: 40px;
  width: auto;
  max-width: 100%;
  font-size: 16px;
  line-height: 1;
  font-weight: 500;
  letter-spacing: 0.23px;
  text-align: center;
  border: 2px solid #fff;
  color: #fff;
  border-radius: 40px;
  white-space: nowrap;
  vertical-align: middle;
  user-select: none;
  transition: 0.2s ease;
  cursor: pointer;
  touch-action: manipulation;
  font-family: "Outfit", Helvetica, Arial, sans-serif;
}
.btn:hover,
.wp-block-button__link:hover {
  transform: scale(1.05);
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .btn {
    line-height: 44px;
  }
}
@media only screen and (max-width: 768px) and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .btn {
    line-height: 44px;
  }
}
@media only screen and (max-width: 768px) {
  .btn {
    display: inline-block;
    margin: 0 auto;
    height: 32px;
    min-width: 160px;
    max-width: 100%;
    line-height: 29px;
    font-size: 14px;
  }
}
.btn.playBtn {
  position: relative;
  padding: 0 28px 0 57px !important;
}

.btn.playBtn:before {
  content: "";
  position: absolute;
  left: 28px;
  top: 4px;
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid #000;
  display: inline-block;
  margin: 5px 10px 0 0;
  transition: 0.5s ease;
}

@media (max-width: 768px) {
  .btn.playBtn:before {
    width: 16px;
    height: 16px;
    top: 6px;
    left: 30px;
    margin: 0;
  }
}
.btn.playBtn:after {
  content: "";
  position: absolute;
  left: 36px;
  top: 14px;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 7px solid #000;
  transition: 0.5s ease;
}

@media (max-width: 768px) {
  .btn.playBtn:after {
    top: 11px;
    left: 36px;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 5px solid #000;
  }
}
.btn.playBtn:hover:before {
  border: 2px solid #CF9F24;
}

.btn.playBtn:hover:after {
  border-left: 7px solid #CF9F24;
}

.btn.btn-blue {
  background: #1B78E0;
  color: #ffffff;
}

.btn.btn-blue.playBtn:before {
  border-color: #fff;
}

.btn.btn-blue.playBtn:after {
  border-left: 7px solid #fff;
}

@media (max-width: 768px) {
  .btn.btn-blue.playBtn:after {
    border-left: 5px solid #fff;
  }
}
.btn.btn-blue.playBtn:hover:before {
  border-color: #fff;
}

.btn.btn-blue.playBtn:hover:after {
  border-left: 7px solid #fff;
}

@media (max-width: 768px) {
  .btn.btn-blue.playBtn:hover:after {
    border-left: 5px solid #fff;
  }
}
.btn.btn-black {
  background: #000;
  color: #ffffff;
}

.btn.btn-black.playBtn:before {
  border-color: #fff;
}

.btn.btn-black.playBtn:after {
  border-left: 7px solid #fff;
}

.btn.btn-black.playBtn:hover:before {
  border-color: #fff;
}

.btn.btn-black.playBtn:hover:after {
  border-left: 7px solid #fff;
}

@media (max-width: 768px) {
  .btn.btn-black.playBtn:after {
    border-left: 5px solid #fff;
  }
  .btn.btn-black.playBtn:hover:before {
    border-color: #fff;
  }
  .btn.btn-black.playBtn:hover:after {
    border-left: 5px solid #fff;
  }
}
.btn.btn-yellow.playIcon {
  display: inline-block;
  position: relative;
  top: 3px;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  background: url("https://www.keepersecurity.com/assets/icons/play-outlined_black.svg") no-repeat center/contain;
}
@media (max-width: 768px) {
  .btn.btn-yellow.playIcon {
    width: 18px;
    height: 18px;
  }
}

.btn.btn-yellow.playBtn:hover:before {
  border-color: #000;
}

.btn.btn-yellow.playBtn:hover:after {
  border-left: 7px solid #000;
}

@media (max-width: 768px) {
  .btn.btn-yellow.playBtn:hover:after {
    border-left: 5px solid #000;
  }
}
@media only screen and (max-width: 768px) {
  .btn + .btn {
    margin-top: 16px;
  }
  .btn img {
    width: 16px;
    height: 16px;
  }
}
.btn.btn-yellow,
.wp-block-button__link {
  background: #FFC600 !important;
  color: #000000;
}
.btn.btn-yellow:hover,
.wp-block-button__link:hover {
  background: #E6B300 !important;
}

.btn.btn-green {
  background: #21C800;
  color: #fff;
}
.btn.btn-green:hover {
  background: #3AAC14;
}

.btn.btn-clear-yellow {
  background: none;
  border: 2px solid #CF9F24;
  color: #000000;
}
.btn.btn-clear-yellow:hover {
  color: #CF9F24;
}

.btn.btn-clear-black {
  border: 2px solid #CF9F24;
  color: #000000;
}

.btn.btn-clear-blue {
  border: 2px solid #1B78E0;
  color: #1B78E0;
}

.btn.btn-clear-blue:hover {
  border: 2px solid #1765bd;
  color: #1765bd;
}

.btn.btn-clear-white {
  border: 2px solid #fff;
  color: #ffffff;
}

.btn.btn-blue:hover {
  background: #1765bd;
}

.btn.btn-white {
  border: 2px solid #ffffff;
  color: #ffffff;
}
.btn.btn-white:hover {
  border: 2px solid #CF9F24;
  color: #CF9F24;
}

.btn.btn-grey {
  background: #E8E8E8;
  color: black;
}
.btn.btn-grey:hover {
  background: #b5b5b5;
  color: black;
}

.btn.btn-business {
  background: #fff;
  border: none;
  color: white;
}
.btn.btn-business:hover {
  background: #388819;
  border: none;
  color: white;
}

.btn.btn-enterprise {
  background: #0791C7;
  border: none;
  color: white;
}
.btn.btn-enterprise:hover {
  background: #05749f;
  border: none;
  color: white;
}

ul.list-checkbox > li:before, ul.list-checkbox-black > li:before {
  border: 2px solid #000;
}
ul.list-checkbox-white > li:before {
  border: 2px solid #ffffff;
}
ul.list-checkbox-blue > li:before {
  border: 2px solid #1b78e0;
}
ul.list-checkbox-reflexblue > li:before {
  border: 2px solid #054B91;
}
ul.list-checkbox-yellow > li:before {
  border: 2px solid #FFC600;
}
ul.list-checkbox-green > li:before {
  border: 2px solid #21C800;
}
ul.list-checkbox-pink > li:before {
  border: 2px solid #F06575;
}
ul.list-checkbox, ul.list-checkbox-black, ul.list-checkbox-white, ul.list-checkbox-blue, ul.list-checkbox-reflexblue, ul.list-checkbox-yellow, ul.list-checkbox-green, ul.list-checkbox-pink {
  list-style-type: none;
  max-width: 100%;
}
ul.list-checkbox > li, ul.list-checkbox-black > li, ul.list-checkbox-white > li, ul.list-checkbox-blue > li, ul.list-checkbox-reflexblue > li, ul.list-checkbox-yellow > li, ul.list-checkbox-green > li, ul.list-checkbox-pink > li {
  position: relative;
  padding-left: 30px;
}
ul.list-checkbox > li:before, ul.list-checkbox-black > li:before, ul.list-checkbox-white > li:before, ul.list-checkbox-blue > li:before, ul.list-checkbox-reflexblue > li:before, ul.list-checkbox-yellow > li:before, ul.list-checkbox-green > li:before, ul.list-checkbox-pink > li:before {
  content: "";
  position: absolute;
  top: 4px;
  left: 0;
  display: block;
  width: 17px;
  height: 8px;
  transform: rotate(-45deg);
  border-right: 0;
  border-top: 0;
}

ul.list-arrows > li a:hover, ul.list-arrows-black > li a:hover {
  color: #000;
  text-decoration: none;
}
ul.list-arrows > li:before, ul.list-arrows-black > li:before {
  border: 2px solid #000;
}
ul.list-arrows-white > li a:hover {
  color: #fff;
  text-decoration: none;
}
ul.list-arrows-white > li:before {
  border: 2px solid #fff;
}
ul.list-arrows-blue > li a:hover {
  color: #1B78E0;
  text-decoration: none;
}
ul.list-arrows-blue > li:before {
  border: 2px solid #1B78E0;
}
ul.list-arrows-green > li a:hover {
  color: #21C800;
  text-decoration: none;
}
ul.list-arrows-green > li:before {
  border: 2px solid #21C800;
}
ul.list-arrows-yellow > li a:hover {
  color: #FFC600;
  text-decoration: none;
}
ul.list-arrows-yellow > li:before {
  border: 2px solid #FFC600;
}
ul.list-arrows, ul.list-arrows-black, ul.list-arrows-white, ul.list-arrows-blue, ul.list-arrows-green, ul.list-arrows-yellow {
  list-style-type: none;
  max-width: 100%;
}
ul.list-arrows > li, ul.list-arrows-black > li, ul.list-arrows-white > li, ul.list-arrows-blue > li, ul.list-arrows-green > li, ul.list-arrows-yellow > li {
  position: relative;
  padding-left: 30px;
}
ul.list-arrows > li:before, ul.list-arrows-black > li:before, ul.list-arrows-white > li:before, ul.list-arrows-blue > li:before, ul.list-arrows-green > li:before, ul.list-arrows-yellow > li:before {
  content: "";
  position: absolute;
  top: 7px;
  left: 0;
  display: block;
  width: 9px;
  height: 9px;
  transform: rotate(45deg);
  border-left: 0;
  border-bottom: 0;
}

[lang=ar] .list-arrows > li,
[lang=ar] .list-arrows-black > li,
[lang=ar] .list-arrows-white > li,
[lang=ar] .list-arrows-blue > li,
[lang=ar] .list-arrows-green > li,
[lang=ar] .list-arrows-yellow > li {
  padding-left: 0;
  padding-right: 30px;
}
[lang=ar] .list-arrows > li:before,
[lang=ar] .list-arrows-black > li:before,
[lang=ar] .list-arrows-white > li:before,
[lang=ar] .list-arrows-blue > li:before,
[lang=ar] .list-arrows-green > li:before,
[lang=ar] .list-arrows-yellow > li:before {
  left: auto;
  right: 0;
  transform: rotate(-135deg);
}
[lang=ar] ul.list-checkbox > li, [lang=ar] ul.list-checkbox-black > li, [lang=ar] ul.list-checkbox-white > li, [lang=ar] ul.list-checkbox-blue > li, [lang=ar] ul.list-checkbox-reflexblue > li, [lang=ar] ul.list-checkbox-yellow > li, [lang=ar] ul.list-checkbox-green > li, [lang=ar] ul.list-checkbox-pink > li {
  padding-left: 0;
  padding-right: 30px;
}
[lang=ar] ul.list-checkbox > li:before, [lang=ar] ul.list-checkbox-black > li:before, [lang=ar] ul.list-checkbox-white > li:before, [lang=ar] ul.list-checkbox-blue > li:before, [lang=ar] ul.list-checkbox-reflexblue > li:before, [lang=ar] ul.list-checkbox-yellow > li:before, [lang=ar] ul.list-checkbox-green > li:before, [lang=ar] ul.list-checkbox-pink > li:before {
  left: auto;
  right: 0;
}

.socialShare {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  gap: 16px;
  font-size: 20px;
}
@media (max-width: 768px) {
  .socialShare {
    font-size: 18px;
  }
}
@media (max-width: 640px) {
  .socialShare {
    font-size: 16px;
  }
}
@media (max-width: 480px) {
  .socialShare {
    font-size: 14px;
  }
}

.shareIcons {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
}

.shareIcons .shareIcon {
  width: 24px;
  height: 24px;
  border-radius: 4px;
}

.shareIcons .shareIcon.iconFacebook {
  background: url("https://www.keepersecurity.com/assets/icons/ico-facebook-black.svg") no-repeat center/contain;
}

.shareIcons .shareIcon.iconTwitter {
  background: url("https://www.keepersecurity.com/assets/icons/ico-twitter-black.svg") no-repeat center/contain;
  background: url("https://www.keepersecurity.com/assets/icons/x-twitter-black.svg") no-repeat center/contain;
}

.shareIcons .shareIcon.iconLinkedIn {
  background: url("https://www.keepersecurity.com/assets/icons/ico-linkedin-black.svg") no-repeat center/contain;
}

.shareIcons .shareIcon.iconMailTo {
  background: url("/blog/wp-content/themes/keeper-blog-2024/images/shareicon-mail-black.svg") no-repeat center/contain;
}

.postContentArea {
  font-size: 16px;
}
@media (max-width: 480px) {
  .postContentArea {
    font-size: 14px;
  }
}
.postContentArea .container {
  padding: 48px 86px 48px 108px;
  position: relative;
}
@media (max-width: 768px) {
  .postContentArea .container {
    padding: 48px;
  }
}
@media (max-width: 480px) {
  .postContentArea .container {
    padding: 48px 16px;
  }
}
.postContentArea .container:after {
  content: "";
  display: block;
  width: calc(100% - 194px);
  height: 1px;
  background: #ececec;
  position: absolute;
  left: 108px;
  top: 100%;
}
@media (max-width: 768px) {
  .postContentArea .container:after {
    width: calc(100% - 96px);
    left: 48px;
  }
}
@media (max-width: 480px) {
  .postContentArea .container:after {
    left: 16px;
  }
}

.search-field {
  width: 100%;
  -webkit-appearance: textfield !important;
  -moz-appearance: textfield !important;
  appearance: textfield !important;
  height: 45px;
  padding-left: 10px;
}

/* Reset */
#addsearch-results,
#addsearch-results-right,
#addsearch-results-mid,
#addsearch-results-bottom,
#addsearch-results img,
#addsearch-results div div,
#addsearch-results a,
#addsearch-results a img,
#addsearch-results h2,
#addsearch-results h2 a,
#addsearch-results p,
#addsearch-results p span,
#addsearch-results em,
#addsearch-results p em,
#addsearch-results p span em,
#addsearch-results p a,
#addsearch-results table,
#addsearch-results table tr,
#addsearch-results table tr td,
#addsearch-scroll,
#addsearch-scroll-handle,
#addsearch-mobile-field,
#addsearch-load-more,
#addsearch-demo,
#addsearch-fuzzy,
#addsearch-edit,
#addsearch-results div.addsearch-divider {
  color: #000;
  /* background: transparent url() no-repeat top left; */
  background: transparent no-repeat top left;
  margin: 0;
  padding: 0;
  border: 0;
  border-collapse: collapse;
  border-spacing: 0;
  font-variant: normal;
  font-style: normal;
  font-size: 100%;
  font-weight: normal;
  text-align: left;
  text-decoration: none;
  vertical-align: text-top;
  letter-spacing: normal;
  float: none;
  line-height: normal;
  box-sizing: content-box;
  -moz-box-sizing: content-box;
}

#addsearch-results img,
#addsearch-results a,
#addsearch-results a img,
#addsearch-results h2 a,
#addsearch-results p span,
#addsearch-results em,
#addsearch-results p em,
#addsearch-results p span em,
#addsearch-results p a,
#addsearch-load-more span,
#addsearch-demo span,
#addsearch-fuzzy span,
#addsearch-results div.addsearch-divider span {
  display: inline;
  box-sizing: content-box;
  -moz-box-sizing: content-box;
}

/* Input field, remove IE X */
input.addsearch::-ms-clear {
  visibility: hidden;
}

/* Use #'s everywhere so page's css won't overwrite this */
#addsearch-results {
  background: #fff;
  position: absolute;
  font-family: Helvetica, Arial;
  font-size: 13px;
  line-height: 16px;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
}

/* Desktop specific result container styles */
#addsearch-results.addsearch-d {
  width: 776px;
  /* Was 764 */
  height: 576px;
  border: 2px solid #dadada;
}

#addsearch-results-mid {
  height: 544px;
  width: 796px;
  overflow: auto;
  overflow-y: scroll;
  overflow-x: hidden;
  background: transparent url(//addsearch.com/www/script/v3/bg-border1.gif) repeat-y 585px 0;
  -webkit-overflow-scrolling: touch;
}

#addsearch-results-right {
  position: absolute;
  top: 0;
  margin-left: 588px;
  height: 544px;
  width: 186px;
  border-left: 2px solid transparent;
  background-color: #fff;
}

#addsearch-results-right table {
  width: auto;
}

#addsearch-results-right img {
  margin: 0;
  padding: 0;
}

#addsearch-edit {
  width: 150px;
  margin-top: 20px;
}

/* Scroll bar only on desktop */
#addsearch-results #addsearch-scroll {
  display: none;
}

#addsearch-results.addsearch-d #addsearch-scroll {
  display: block;
  float: right;
  height: 544px;
  width: 12px;
  background-color: #f6f6f6;
}

#addsearch-results.addsearch-d #addsearch-scroll-handle {
  margin: 1px 1px 1px 3px;
  border-radius: 3px;
  width: 6px;
  height: 200px;
  background-color: #ccc;
  position: relative;
  top: 0;
}

/* Bottom */
#addsearch-results-bottom {
  height: 22px;
  padding-top: 8px;
  background-color: #fff;
  color: #999;
  border-top: 2px solid #ececec;
  text-transform: uppercase;
  font-family: Helvetica, Arial;
  font-size: 13px;
  line-height: 16px;
}

#addsearch-results-bottom a img {
  margin: 0 0 0 8px;
  padding: 0;
  border: none;
}

#addsearch-loading {
  margin: 10px 0 10px 253px !important;
}

#addsearch-results.addsearch-m2 #addsearch-loading {
  margin: 10px auto !important;
}

#addsearch-nohits {
  width: 585px;
  border-bottom: 2px solid #ececec;
  border-right: 2px solid #ececec;
  /* background: #fff url() no-repeat top left; */
  background: #fff no-repeat top left;
}

#addsearch-nohits p {
  padding: 12px 0 12px 12px;
  margin: 0;
}

#addsearch-nohits p em {
  font-weight: bold;
  font-style: normal;
}

#addsearch-results .addsearch-result-item-container {
  /* background: transparent url() no-repeat 8px 50%; */
  background: transparent no-repeat 8px 50%;
  background-size: 136px auto;
}

#addsearch-results .addsearch-result-item-sub {
  width: 585px;
  min-height: 152px;
  border-bottom: 2px solid #ececec;
  border-right: 2px solid #ececec;
  /* background: transparent url() no-repeat 8px 50%; */
  background: transparent no-repeat 8px 50%;
  background-size: 136px auto;
  cursor: pointer;
}

#addsearch-results .addsearch-result-item-sub-active {
  width: 587px;
  border-right: none;
  background-color: rgba(0, 0, 0, 0.05);
}

#addsearch-results .addsearch-result-item-sub div {
  width: 415px;
  margin-top: 0px;
  min-height: 154px;
  padding: 0 14px 0 160px;
  -moz-box-sizing: content-box;
}

#addsearch-results .addsearch-result-item-sub h2 {
  padding: 0;
  margin: 0;
  background: none;
}

#addsearch-results .addsearch-result-item-sub h2 a {
  color: #41444C;
  padding: 16px 0;
  margin: 0;
  font-size: 14px;
  font-weight: bold;
  /* IE bug fixing */
  display: block;
  vertical-align: top;
}

#addsearch-results .addsearch-result-item-sub p {
  padding: 0 12px 0 0;
  margin: 0;
}

#addsearch-results .addsearch-result-item-sub p span {
  display: block;
  margin-top: 16px;
}

#addsearch-results .addsearch-result-item-sub p span em {
  text-transform: uppercase;
  color: #999999;
  font-size: 12px;
}

#addsearch-results .addsearch-result-item-sub p span.doc_date em {
  text-transform: none;
}

#addsearch-results .addsearch-result-item-sub p em {
  font-weight: bold;
  font-style: normal;
}

#addsearch-results .addsearch-result-item-sub p em.fuzzy {
  font-weight: bold;
  font-style: italic;
  color: #444;
}

#addsearch-results .addsearch-result-item-sub p span.price {
  float: right;
  font-size: 18px;
  color: #080;
}

/* Tablet specific rules */
#addsearch-results.addsearch-t {
  width: 580px;
  height: 576px;
  border: 2px solid #dadada;
}

#addsearch-results.addsearch-t .addsearch-result-item-sub {
  width: 578px;
}

#addsearch-results.addsearch-t .addsearch-result-item-sub-active {
  width: 580px;
}

#addsearch-results.addsearch-t .addsearch-result-item-sub-active div,
#addsearch-results.addsearch-t .addsearch-result-item-sub div {
  width: 415px;
  padding: 0 5px 0 160px;
}

#addsearch-results.addsearch-t #addsearch-results-right {
  display: none;
}

/* Mobile v2 specific rules */
#addsearch-results.addsearch-m2 {
  width: 100%;
  height: 576px;
  box-sizing: border-box;
  border: 0;
  border-bottom: 2px solid #dadada;
  border-top: 2px solid #dadada;
}

#addsearch-results.addsearch-m2 #addsearch-results-mid {
  width: 100%;
  background-image: none;
}

#addsearch-results.addsearch-m2 .addsearch-result-item-sub {
  width: 100%;
}

#addsearch-results.addsearch-m2 .addsearch-result-item-sub-active {
  width: 100%;
}

#addsearch-results.addsearch-m2 .addsearch-result-item-sub-active div,
#addsearch-results.addsearch-m2 .addsearch-result-item-sub div {
  width: auto;
  padding: 0 5px 0 160px;
}

#addsearch-results.addsearch-m2 #addsearch-results-right {
  display: none;
}

#addsearch-results.addsearch-m2 .addsearch_category {
  margin-bottom: 1em;
}

#addsearch-results.addsearch-m2 #addsearch-babbler {
  width: auto;
}

/* Hide time and profile pic on mobile */
#addsearch-results.addsearch-m2 #addsearch-babbler .bab_time,
#addsearch-results.addsearch-m2 #addsearch-babbler .babbler-profile-img {
  display: none;
}

#addsearch-results.addsearch-m2 #addsearch-babbler .bab_name {
  margin-left: 0;
}

#addsearch-results.addsearch-m2 #addsearch-top-close {
  border-bottom: 2px solid #dadada;
  padding: 12px 0 12px 10px;
}

#addsearch-results.addsearch-m2 #addsearch-top-close a {
  font-size: 20px;
  margin-top: -3px;
}

/* Mobile specific rules */
#addsearch-results.addsearch-m {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  /*padding-top: 42px;*/
  border: none;
}

#addsearch-mobile-wrapper #header {
  display: block;
}

/* Mobile load more link */
#addsearch-load-more {
  height: 100px;
}

#addsearch-load-more a {
  display: block;
  text-align: center;
  padding: 20px 0;
  margin: 10px auto;
  width: 80%;
  background-color: #eee;
  border: 1px solid #ddd;
}

#addsearch-demo {
  height: 101px;
  width: 585px;
}

#addsearch-demo span {
  display: block;
  padding: 35px 50px 0 50px;
  margin: 0;
  height: 101px;
  color: #00b0b9;
  font-size: 15px;
  background: #f7f7f7 url(//addsearch.com/www/script/v3/placeholder1.gif) no-repeat center;
  border-bottom: 2px solid #ececec;
}

#addsearch-fuzzy,
#addsearch-results div.addsearch-divider {
  height: 28px;
  width: 585px;
  clear: both;
}

#addsearch-results.addsearch-m2 div.addsearch-divider,
#addsearch-results.addsearch-m div.addsearch-divider {
  width: 100%;
}

#addsearch-fuzzy span,
#addsearch-results div.addsearch-divider span {
  display: block;
  text-align: center;
  padding: 8px 0 0 0;
  margin: 0;
  height: 20px;
  font-size: 11px;
  line-height: 11px;
  background-color: #f7f7f7;
  border-bottom: 2px solid #ececec;
}

#addsearch-results div.addsearch-divider-noresults span {
  border-bottom: none;
  background-color: transparent;
}

#addsearch-results.addsearch-m #addsearch-results-mid {
  height: 100%;
}

#addsearch-results.addsearch-m .addsearch-result-item-sub,
#addsearch-results.addsearch-m .addsearch-result-item-sub-active {
  width: 100%;
  border-right: none;
}

#addsearch-results.addsearch-m .addsearch-result-item-sub-active div,
#addsearch-results.addsearch-m .addsearch-result-item-sub div {
  background: none;
  width: auto;
}

#addsearch-results.addsearch-m #addsearch-results-bottom {
  display: none;
}

#addsearch-results.addsearch-m .addsearch-result-item-container {
  /* background: transparent url() no-repeat 0 0; */
  background: transparent no-repeat 0 0;
  background-size: 106px auto;
}

#addsearch-results.addsearch-m .addsearch-result-item-sub {
  /* background: transparent url() no-repeat 0 0; */
  background: transparent no-repeat 0 0;
  background-size: 106px auto;
  min-height: 106px;
}

#addsearch-results.addsearch-m .addsearch-result-item-sub div {
  min-height: 106px;
  padding-left: 118px;
  padding-bottom: 20px;
}

#addsearch-results.addsearch-m #addsearch-results-right {
  display: none;
}

#addsearch-results.addsearch-m .addsearch-result-item-sub h2 a {
  padding: 12px 0;
}

#addsearch-results.addsearch-m .addsearch-result-item-sub p {
  padding: 0 5px 0 0;
}

#addsearch-results.addsearch-m .addsearch-result-item-sub p span {
  margin-top: 12px;
  font-size: 10px;
}

/* Hide close link from bottom */
#addsearch-results.addsearch-m #addsearch-closelink {
  display: none;
}

#addsearch-mobile-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 38px;
  background: #fff url(//addsearch.com/www/script/v3/mobile-close1.gif) no-repeat 50% 50%;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

#addsearch-closelink:focus {
  color: #f9423a;
}

/* Action buttons (reply / retweet / favorite) */
#addsearch-results #addsearch-babbler .bab_tw_actions {
  float: right;
  margin-right: 10px;
  padding-right: 24px;
  background: transparent url(//addsearch.com/www/script/v3/bab_tw_16.png) no-repeat right 4px;
}

#addsearch-results.addsearch-m #addsearch-babbler .bab_tw_actions {
  display: none;
}

#addsearch-results #addsearch-babbler .bab_tw_reply,
#addsearch-results #addsearch-babbler .bab_tw_retweet,
#addsearch-results #addsearch-babbler .bab_tw_favorite {
  display: block;
  width: 16px;
  height: 16px;
  margin-left: 2px;
  float: left;
  background: transparent url(//addsearch.com/www/script/v3/bab_twitter_buttons.png) no-repeat 0 0;
}

#addsearch-results #addsearch-babbler .bab_tw_reply:hover {
  background-position: -16px 0;
}

#addsearch-results #addsearch-babbler .bab_tw_retweet {
  background-position: -80px 0;
}

#addsearch-results #addsearch-babbler .bab_tw_retweet:hover {
  background-position: -96px 0;
}

#addsearch-results #addsearch-babbler .bab_tw_favorite {
  background-position: -32px 0;
}

#addsearch-results #addsearch-babbler .bab_tw_favorite:hover {
  background-position: -48px 0;
}

.search-form label {
  display: none;
}

#addsearch-logo {
  display: none !important;
}

.featuredPost {
  background: #1b78e0;
  background: -moz-linear-gradient(45deg, #1b78e0 0%, #004899 100%);
  background: -webkit-linear-gradient(45deg, #1b78e0 0%, #004899 100%);
  background: linear-gradient(45deg, #1b78e0 0%, #004899 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#1b78e0", endColorstr="#004899",GradientType=1 );
  padding: 100px 0 40px;
}
@media (max-width: 991px) {
  .featuredPost {
    padding: 120px 0 40px;
  }
}
.featuredPost .container {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-around;
  align-items: stretch;
  gap: 24px;
}
@media (max-width: 991px) {
  .featuredPost .container {
    flex-flow: column nowrap;
    align-items: center;
  }
}
.featuredPost .featuredBlogImage {
  width: 50%;
  max-width: 500px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
}
@media (max-width: 991px) {
  .featuredPost .featuredBlogImage {
    width: 100%;
    margin: 0 auto;
    order: 2;
  }
}
.featuredPost .featuredBlogImage img {
  width: 100%;
  height: auto;
}
.featuredPost .featuredBlogContent {
  width: 50%;
  color: #fff;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: flex-start;
}
@media (max-width: 991px) {
  .featuredPost .featuredBlogContent {
    order: 1;
    width: 100%;
  }
}
.featuredPost .featuredBlogContent .preTitle {
  color: #FFC700;
  font-weight: 600;
  width: 100%;
}
@media (max-width: 991px) {
  .featuredPost .featuredBlogContent .preTitle {
    text-align: center;
  }
}
.featuredPost .featuredBlogContent h2 {
  font-size: 36px;
  color: #fff;
  margin: 16px 0;
}
@media (max-width: 991px) {
  .featuredPost .featuredBlogContent h2 {
    text-align: center;
    font-size: 32px;
    width: 100%;
  }
}
@media (max-width: 768px) {
  .featuredPost .featuredBlogContent h2 {
    font-size: 30px;
  }
}
@media (max-width: 480px) {
  .featuredPost .featuredBlogContent h2 {
    font-size: 22px;
  }
}
.featuredPost .featuredBlogContent p {
  font-size: 22px;
}
@media (max-width: 991px) {
  .featuredPost .featuredBlogContent p {
    text-align: center;
    font-size: 20px;
  }
}
@media (max-width: 768px) {
  .featuredPost .featuredBlogContent p {
    font-size: 18px;
  }
}
@media (max-width: 480px) {
  .featuredPost .featuredBlogContent p {
    font-size: 16px;
  }
}
.featuredPost .featuredBlogContent a {
  color: #fff;
}
.featuredPost .featuredBlogContent .action {
  margin-top: 40px;
  width: 100%;
}
@media (max-width: 991px) {
  .featuredPost .featuredBlogContent .action {
    text-align: center;
  }
}
.featuredPost .featuredBlogContent .action .btn:hover {
  color: #FFC700;
  border-color: #FFC700;
}

.blogSearch #subscribeSidebar label {
  font-size: 22px;
}
.blogSearch #subscribeSidebar .container {
  max-width: 991px;
}
.blogSearch #subscribeSidebar .container .addsWg-searchfield-container-class .addsWg-searchfield {
  max-width: 991px;
}
.blogSearch #subscribeSidebar .container input[type=search] {
  width: 100%;
  border-radius: 33px;
  border: none;
  height: 66px;
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
  font-size: 22px;
  padding-left: 90px !important;
  background: #fff url("/blog/wp-content/themes/keeper-blog-2024/images/search.svg") no-repeat 50px center/30px;
}
@media (max-width: 1200px) {
  .blogSearch #subscribeSidebar .container input[type=search] {
    height: 57px;
    background-position: 40px center;
    padding-left: 80px !important;
  }
}
@media (max-width: 991px) {
  .blogSearch #subscribeSidebar .container input[type=search] {
    height: 48px;
    background-position: 30px center;
    padding-left: 70px !important;
  }
}
@media (max-width: 768px) {
  .blogSearch #subscribeSidebar .container input[type=search] {
    height: 40px;
    background-position: 20px center;
    padding-left: 60px !important;
  }
}
@media (max-width: 480px) {
  .blogSearch #subscribeSidebar .container input[type=search] {
    background-position: 10px center;
    padding-left: 45px !important;
  }
}

.adds-components-widget-results {
  margin-left: -50px;
}
@media (max-width: 480px) {
  .adds-components-widget-results {
    margin-left: 0;
  }
}

.outerListContainer {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: flex-start;
  width: 1440px;
  max-width: 100%;
  position: relative;
  background: #F0F0F0;
  border-radius: 8px;
  border: 1px solid #D8D8D8;
  overflow: hidden;
}
.outerListContainer .catListContainer {
  display: none;
  width: 100%;
  background: #fff;
  z-index: 91;
  border-radius: 0 0 8px 8px;
}
.outerListContainer .catListContainer::-webkit-scrollbar-button {
  background-color: #575757;
  background-repeat: no-repeat;
  width: 10px;
  height: 10px;
}
.outerListContainer .catListContainer::-webkit-scrollbar-track {
  background: #575757;
}
.outerListContainer .catListContainer::-webkit-scrollbar-thumb {
  -webkit-border-radius: 0px;
  border-radius: 0px;
  background-color: #1e1e1e;
}
.outerListContainer .catListContainer::-webkit-scrollbar {
  width: 4px;
}
.outerListContainer .catListContainer a {
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: left;
  font-size: 16px;
  font-weight: 600;
  pointer-events: none;
  z-index: 90;
  border: 0px;
  padding: 12px 16px;
  color: #000;
}
.outerListContainer .catListContainer a:hover {
  background: #1BACB3;
}
.outerListContainer .catListContainer a + a {
  border-top: 0px solid #c3c3c3;
}
.outerListContainer .arrowDownIcon {
  display: block;
  position: absolute;
  z-index: 95;
  right: 0;
  top: 0;
  width: 56px;
  height: 56px;
  cursor: pointer;
  pointer-events: none;
}
.outerListContainer .arrowDownIcon:after {
  content: "";
  width: 8px;
  height: 8px;
  border: 3px solid #000;
  border-left: 0;
  border-bottom: 0;
  transform: rotate(134deg);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -10px 0 0 -8px;
}
.outerListContainer.open {
  overflow: visible;
  background: #fff;
}
.outerListContainer.open .catListContainer {
  display: block;
}
.outerListContainer.open .catListContainer a {
  pointer-events: all;
}
.outerListContainer.open .arrowDownIcon:after {
  transform: rotate(-45deg);
}
.outerListContainer .prime_category {
  padding: 16px;
  text-align: left;
  font-size: 16px;
  font-weight: 600;
  color: #000;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  pointer-events: none;
  z-index: 90;
}

.mobileCategories {
  display: none;
  margin-top: 24px;
}
@media (max-width: 768px) {
  .mobileCategories {
    display: block;
  }
}

.widget-sidebar {
  display: block;
}
.widget-sidebar h3 {
  margin-bottom: 38px;
}
.widget-sidebar ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: block;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
}
.widget-sidebar ul li {
  list-style-type: none;
  margin: 0;
  padding: 8px 0;
  display: block;
  text-align: left;
}
.widget-sidebar ul li a {
  display: block;
  color: #000;
  font-size: 20px;
  font-weight: 400;
}
.widget-sidebar ul li:hover a, .widget-sidebar ul li.current-cat a {
  color: #054B91;
  font-weight: 600;
}

.blogRoll .container {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: stretch;
  gap: 96px;
}
@media (max-width: 991px) {
  .blogRoll .container {
    gap: 48px;
  }
}
.blogRoll .sidebar {
  position: relative;
  padding: 72px 0 72px 72px;
  width: 25%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 1200px) {
  .blogRoll .sidebar {
    padding: 64px 0 64px 48px;
  }
}
@media (max-width: 1100px) {
  .blogRoll .sidebar {
    padding: 48px 0 48px 40px;
  }
}
@media (max-width: 1024px) {
  .blogRoll .sidebar {
    padding: 40px 0 40px 32px;
  }
}
@media (max-width: 991px) {
  .blogRoll .sidebar {
    width: 40%;
    padding-left: 0;
  }
}
@media (max-width: 768px) {
  .blogRoll .sidebar {
    display: none;
  }
}
.blogRoll .sidebar .scrollTo {
  display: block;
  color: #000;
  font-size: 20px;
  font-weight: 400;
  margin-top: 16px;
}
.blogRoll .sidebar .scrollTo:hover {
  color: #054B91;
  font-weight: 600;
}
.blogRoll .sidebar.scrolled .navContainer {
  position: fixed;
  left: 50%;
  margin-left: -633px;
  top: 182px;
  max-width: 336px;
}
@media (max-width: 1440px) {
  .blogRoll .sidebar.scrolled .navContainer {
    left: 0;
    padding: 0 0 0 72px;
    margin-left: 0;
    max-width: 300px;
  }
}
@media (max-width: 1200px) {
  .blogRoll .sidebar.scrolled .navContainer {
    max-width: 275px;
  }
}
@media (max-width: 1100px) {
  .blogRoll .sidebar.scrolled .navContainer {
    max-width: 270px;
  }
}
@media (max-width: 1024px) {
  .blogRoll .sidebar.scrolled .navContainer {
    max-width: 250px;
  }
}
@media (max-width: 991px) {
  .blogRoll .sidebar.scrolled .navContainer {
    max-width: 230px;
  }
}
@media (min-width: 861px) {
  .blogRoll .sidebar.scrolled.scrolledMax .navContainer {
    position: absolute;
    margin-left: 0;
    top: auto;
    left: 72px;
    bottom: 72px;
  }
}
.blogRoll .blogPosts {
  padding: 72px 0;
  width: 75%;
}
@media (max-width: 1200px) {
  .blogRoll .blogPosts {
    padding: 64px 0;
  }
}
@media (max-width: 1100px) {
  .blogRoll .blogPosts {
    padding: 48px 0;
  }
}
@media (max-width: 1024px) {
  .blogRoll .blogPosts {
    padding: 40px 0;
  }
}
@media (max-width: 991px) {
  .blogRoll .blogPosts {
    width: 60%;
  }
}
@media (max-width: 768px) {
  .blogRoll .blogPosts {
    width: 100%;
  }
}
.blogRoll .blogPosts h1 {
  font-size: 26px;
  margin-bottom: 38px;
}
@media (max-width: 768px) {
  .blogRoll .blogPosts h1 {
    font-size: 22px;
  }
}
.blogRoll .blogPosts .postsGrid {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: stretch;
  gap: 38px 24px;
}
.blogRoll .blogPosts .postsGrid .thePost {
  width: calc(50% - 12px);
  position: relative;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.1);
  overflow: hidden;
  position: relative;
}
@media (max-width: 991px) {
  .blogRoll .blogPosts .postsGrid .thePost {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .blogRoll .blogPosts .postsGrid .thePost {
    width: calc(50% - 12px);
  }
}
@media (max-width: 767px) {
  .blogRoll .blogPosts .postsGrid .thePost {
    width: 100%;
    min-height: auto;
  }
}
.blogRoll .blogPosts .postsGrid .thePost .tpImage {
  display: block;
  width: 100%;
  height: 0;
  padding-top: 34%;
  position: relative;
}
.blogRoll .blogPosts .postsGrid .thePost .tpImage a {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.blogRoll .blogPosts .postsGrid .thePost .tpImage a img {
  display: none;
}
.blogRoll .blogPosts .postsGrid .thePost .summary {
  opacity: 0;
  height: 0;
  pointer-events: none;
}
.blogRoll .blogPosts .postsGrid .thePost h3 {
  text-align: center;
  font-size: 20px;
  margin: 0;
}
.blogRoll .blogPosts .postsGrid .thePost h3 a {
  color: #000;
  display: block;
  padding: 26px 16px;
}
.blogRoll .blogPosts .postsGrid .thePost h3:hover a {
  color: #1B74DA;
}

.paging-navigation {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  padding: 64px 0;
  border-bottom: 1px solid #d8d8d8;
}
.paging-navigation .page-numbers {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  gap: 16px;
}
.paging-navigation .page-numbers li {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
}
.paging-navigation .page-numbers li a {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  border: 1px solid #d8d8d8;
  border-radius: 4px;
  height: 30px;
  min-width: 30px;
  font-size: 16px;
  color: #000;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}
.paging-navigation .page-numbers li:hover a {
  background: #1B74DA;
  color: #fff;
}
.paging-navigation .page-numbers li span.page-numbers {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  border: 1px solid #d8d8d8;
  border-radius: 4px;
  height: 30px;
  min-width: 30px;
  font-size: 16px;
  color: #000;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}
.paging-navigation .page-numbers li span.page-numbers.current {
  background: #1B74DA;
  color: #fff;
}
.paging-navigation .page-numbers li .prev.page-numbers {
  text-indent: -5000px;
  position: relative;
  border: none;
}
.paging-navigation .page-numbers li .prev.page-numbers:before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border: 3px solid #000;
  transform: rotate(45deg);
  border-top: 0;
  border-right: 0;
  position: relative;
  left: calc(50% - 4px);
  top: 0;
}
.paging-navigation .page-numbers li .prev.page-numbers:hover:before {
  border-color: #fff;
}
.paging-navigation .page-numbers li .next.page-numbers {
  text-indent: -5000px;
  position: relative;
  border: none;
}
.paging-navigation .page-numbers li .next.page-numbers:before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border: 3px solid #000;
  transform: rotate(45deg);
  border-bottom: 0;
  border-left: 0;
  position: relative;
  left: calc(50% - 8px);
  top: 0;
}
.paging-navigation .page-numbers li .next.page-numbers:hover:before {
  border-color: #fff;
}

.trendingPosts {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  padding: 40px 0 0;
}
.trendingPosts h2 {
  display: block;
  width: 100%;
  text-align: left;
  margin-bottom: 38px;
}
.trendingPosts .tpPostsGrid {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: stretch;
  gap: 38px 24px;
}
.trendingPosts .trendingPost {
  width: calc(50% - 12px);
  min-height: 320px;
  position: relative;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.1);
  overflow: hidden;
  position: relative;
}
@media (max-width: 991px) {
  .trendingPosts .trendingPost {
    width: 100%;
    min-height: auto;
  }
}
@media (max-width: 768px) {
  .trendingPosts .trendingPost {
    width: calc(50% - 12px);
  }
}
@media (max-width: 767px) {
  .trendingPosts .trendingPost {
    width: 100%;
  }
}
.trendingPosts .trendingPost .tpImage {
  display: block;
  width: 100%;
  height: 0;
  padding-top: 42%;
  position: relative;
}
.trendingPosts .trendingPost .tpImage a {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.trendingPosts .trendingPost .tpImage a img {
  display: none;
}
.trendingPosts .trendingPost h3 {
  text-align: center;
  font-size: 20px;
}
.trendingPosts .trendingPost h3 a {
  color: #000;
  display: block;
  padding: 26px 0;
}
.trendingPosts .trendingPost h3:hover a {
  color: #FFC600;
}

body.no-scroll {
  overflow: hidden;
}

body.no-scroll .wrapper {
  overflow-y: hidden;
  z-index: 1;
}

.no-transition {
  transition: 0s !important;
}

.main,
.wrapper,
.header {
  transition: 0.05s ease;
}

.popup.active {
  display: block;
}

@media (max-width: 450px) {
  .popup {
    overflow-y: scroll;
  }
}
.popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 101;
}
.popup .popup-background {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
.popup .popup-content {
  position: absolute;
  background-color: white;
  top: 84px;
  left: 0;
  right: 0;
  width: 450px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 30px;
  border-radius: 5px;
}
.popup .popup-content h3 {
  text-align: center;
  font-weight: 300;
}
.popup .popup-content form {
  margin: 20px 0;
}
.popup .popup-content form .field {
  background-color: hsla(0, 0%, 97.6%, 0.98);
  border: 1px solid #dadada;
  border-radius: 3px;
  display: block;
  font-size: 16px;
  font-weight: 300;
  height: 48px;
  padding: 0 10px;
  width: 100%;
}
.popup .popup-content form .ff-section.stretch {
  width: 100%;
}
.popup .popup-content form .ff-section {
  width: 48%;
}
.popup .popup-content form .ff-section.terms {
  margin: 10px 0;
}
.popup .popup-content form .ff-section.terms p {
  width: 300px;
  margin: 0 auto;
}
.popup .popup-content form .ff-section.terms p a {
  color: #e6b300;
}
.popup .popup-content form .ff-section.feedback {
  text-align: center;
}
.popup .popup-content form .ff-section.feedback p {
  color: red;
}
.popup .popup-content form .ff-section.submit .ff-item {
  text-align: center;
}
.popup .popup-content form .ff-item {
  margin-bottom: 15px;
}
@media (max-width: 414px) {
  .popup .popup-content {
    padding: 40px 30px;
  }
}
@media (max-height: 1024px) {
  .popup .lightbox.popup-business-trial .popup-content h3,
  .popup .lightbox.popup-demo .popup-content h3 {
    font-size: 20px;
    line-height: 26px;
  }
  .popup .popup-content {
    top: 84px;
    max-height: 94%;
    overflow: hidden;
  }
  .popup .popup-content form .field {
    height: 40px !important;
  }
}
@media (max-height: 768px) {
  .popup .popup-content {
    top: 84px;
    max-height: 96%;
  }
}
@media (max-width: 650px) {
  .popup form .ff-section.left,
  .popup form .ff-section.right {
    width: 100%;
  }
  .popup .popup-content {
    min-height: calc(100vh - 20px);
    top: 10px;
    width: calc(100% - 20px);
    border-radius: 5px;
  }
}

.popup.popup-select-locale .popup-content {
  top: auto;
  bottom: 80px;
  left: 50%;
  margin-left: -700px;
}
@media (max-width: 1440px) {
  .popup.popup-select-locale .popup-content {
    left: 10px;
    margin-left: 0;
  }
}
@media (max-width: 414px) {
  .popup.popup-select-locale .popup-content {
    padding: 40px 30px;
  }
}

.popup-close {
  background: -webkit-linear-gradient(45deg, transparent 46%, #6f6f6f 50%, transparent 54%), -webkit-linear-gradient(135deg, transparent 46%, #6f6f6f 50%, transparent 54%);
  background: -o-linear-gradient(45deg, transparent 46%, #6f6f6f 50%, transparent 54%), -o-linear-gradient(135deg, transparent 46%, #6f6f6f 50%, transparent 54%);
  background: linear-gradient(45deg, transparent 46%, #6f6f6f 50%, transparent 54%), linear-gradient(-45deg, transparent 46%, #6f6f6f 50%, transparent 54%);
  cursor: pointer;
  height: 16px;
  position: absolute;
  right: 14px;
  top: 14px;
  width: 16px;
}

.closePopup {
  cursor: pointer;
  height: 16px;
  position: absolute;
  right: 20px;
  top: 14px;
  width: 16px;
  z-index: 110;
}
.closePopup img {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 16px;
  height: 16px;
  margin: -8px 0 0 -8px;
}

img.closePopup {
  cursor: pointer;
  height: 16px;
  position: absolute;
  right: 20px;
  top: 20px;
  width: 16px;
  z-index: 110;
  width: 16px;
  height: 16px;
  margin: -8px 0 0 -8px;
}

.popup.popup-select-locale img.closePopup {
  top: 20px;
}
.popup.popup-select-locale .popup-content {
  width: 520px;
  padding: 40px 56px;
}
.popup.popup-select-locale .popup-content .popupHeading {
  display: block;
  text-align: left;
  margin-bottom: 24px;
  line-height: 1.4;
  max-width: 100%;
  font-size: 24px;
  font-family: "Outfit", Helvetica, Arial, sans-serif;
}
@media (max-width: 768px) {
  .popup.popup-select-locale .popup-content .popupHeading {
    font-size: 20px;
  }
}
.popup.popup-select-locale .popup-content ul {
  list-style: none;
  display: flex;
  flex-flow: row wrap;
}
.popup.popup-select-locale .popup-content ul li {
  width: 33.3%;
  margin-bottom: 16px;
  font-size: 16px;
}
@media (max-width: 800px) {
  .popup.popup-select-locale .popup-content ul li {
    width: 50%;
    margin-bottom: 16px;
  }
}
.popup.popup-select-locale .popup-content ul li a {
  color: #000;
}
.popup.popup-select-locale .popup-content ul li:hover a {
  color: #cf9f24;
  cursor: pointer;
}
@media (max-width: 800px) {
  .popup.popup-select-locale .popup-content {
    width: calc(100% - 20px);
    top: 10px;
    overflow-y: scroll;
  }
}
@media (max-width: 414px) {
  .popup.popup-select-locale .popup-content {
    padding: 40px 30px;
  }
}

.popup.popup-select-phone .popup-content {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  width: 600px;
  padding: 40px 56px;
}
@media (max-width: 800px) {
  .popup.popup-select-phone .popup-content {
    width: calc(100% - 20px);
    top: 10px;
    overflow-y: scroll;
    flex-flow: column nowrap;
    justify-content: flex-start;
  }
}
@media (max-width: 414px) {
  .popup.popup-select-phone .popup-content {
    padding: 40px 30px;
  }
}
.popup.popup-select-phone .popup-content .category {
  width: 50%;
  margin: 0;
}
@media (max-width: 800px) {
  .popup.popup-select-phone .popup-content .category {
    width: 100%;
  }
}
.popup.popup-select-phone .popup-content .category .list-phones {
  display: flex;
  list-style: none;
  flex-flow: row wrap;
  justify-content: space-between;
  box-sizing: border-box;
  padding-right: 40px;
}
@media (max-width: 800px) {
  .popup.popup-select-phone .popup-content .category .list-phones {
    padding-right: 0;
  }
}
.popup.popup-select-phone .popup-content .category .list-phones li {
  width: 100%;
  margin-bottom: 24px;
}
.popup.popup-select-phone .popup-content .category .list-phones li a:hover {
  text-decoration: none;
}
.popup.popup-select-phone .list-phones li a:hover span:first-of-type,
.popup.popup-select-phone .list-phones li a:hover span:last-of-type {
  color: #cf9f24;
  text-decoration: none;
}
.popup.popup-select-phone .list-phones li a span:first-of-type {
  font-size: 16px;
  color: #000000;
  letter-spacing: 0;
  line-height: 28px;
  font-weight: 300;
}
.popup.popup-select-phone .list-phones li a span:last-of-type {
  font-weight: 600;
  font-size: 16px;
  color: #000000;
  line-height: 28px;
}
.popup.popup-select-phone .menuHeading {
  color: #000;
  font-size: 26px;
  line-height: 48px;
  font-weight: 600;
  letter-spacing: -0.81px;
  margin-bottom: 24px;
}
.popup.popup-select-phone span {
  display: block;
}

.popup.popup-business-includes .popup-content {
  top: 25%;
  width: 736px;
}
@media (max-width: 768px) {
  .popup.popup-business-includes .popup-content {
    width: auto;
    width: calc(100% - 20px);
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    overflow-y: scroll;
  }
}
.popup.popup-business-includes .popup-content h3 {
  text-align: left;
  font-size: 22px;
  color: #000000;
  letter-spacing: 0;
  line-height: 28px;
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  .popup.popup-business-includes .popup-content h3 {
    text-align: center;
    font-size: 14px;
    color: #000000;
    text-align: center;
    line-height: 42px;
    font-weight: 600;
    margin-bottom: 16px;
  }
}
.popup.popup-business-includes .popup-content .list-features {
  list-style: none;
  display: flex;
  flex-flow: row wrap;
}
.popup.popup-business-includes .popup-content .list-features li {
  width: 50%;
  padding-left: 40px;
  margin-bottom: 15px;
  position: relative;
  font-size: 18px;
  color: #000000;
  letter-spacing: 0;
  line-height: 28px;
}
.popup.popup-business-includes .popup-content .list-features li:before {
  content: "";
  display: block;
  width: 9px;
  height: 18px;
  border: 2px solid #000;
  border-left: 0;
  border-top: 0;
  position: absolute;
  left: 7px;
  top: 1px;
  transform: rotate(45deg);
}
@media (max-width: 768px) {
  .popup.popup-business-includes .popup-content .list-features li:before {
    display: none;
  }
}
@media (max-width: 768px) {
  .popup.popup-business-includes .popup-content .list-features li {
    width: 100%;
    background-image: none;
    font-weight: 300;
    font-size: 14px;
    text-align: center;
    line-height: 20px;
    padding-left: 0;
    margin-bottom: 8px;
  }
}

[locale=de_DE] .popup.popup-select-phone .popup-content .category {
  width: 59%;
}
[locale=de_DE] .popup.popup-select-phone .popup-content .category + .category {
  width: 40%;
}

.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}

.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.6;
}

.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.mfp-bg {
  background-color: black;
  z-index: 99;
  width: 100%;
}

html[locale=ar_AE] .popup.popup-select-locale .popup-content {
  bottom: 80px;
  left: auto;
  right: 50%;
  margin-right: -700px;
  margin-left: auto;
}
@media (max-width: 1440px) {
  html[locale=ar_AE] .popup.popup-select-locale .popup-content {
    left: auto;
    right: 10px;
    margin-left: auto;
    margin-right: 0;
  }
}
@media (max-width: 414px) {
  html[locale=ar_AE] .popup.popup-select-locale .popup-content {
    padding: 40px 30px;
  }
}
html[locale=ar_AE] .popup.popup-select-locale .popup-content .popupHeading {
  text-align: right;
}
html[locale=ar_AE] .popup.popup-business-includes .popup-content .list-features li {
  background-position: 100% 0;
  padding-left: 0;
  padding-right: 40px;
}
@media (max-width: 768px) {
  html[locale=ar_AE] .popup.popup-business-includes .popup-content .list-features li {
    padding-right: 0;
  }
}
html[locale=ar_AE] .popup.popup-select-phone .list-phones {
  padding-right: 0;
  padding-left: 40px;
}

.headingArea {
  background: #000;
  padding-top: 64px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .headingArea {
    background: #054B91;
  }
}
.headingArea .container {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: stretch;
  gap: 24px;
  padding: 0 86px 0 108px;
}
@media (max-width: 991px) {
  .headingArea .container {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .headingArea .container {
    flex-flow: column nowrap;
    padding: 0 48px;
  }
}
@media (max-width: 480px) {
  .headingArea .container {
    padding: 0 16px;
  }
}
.headingArea .tpHeading {
  width: 50%;
  padding: 30px 0 66px;
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  justify-content: center;
}
@media (max-width: 1440px) {
  .headingArea .tpHeading {
    padding: 24px 0 60px;
  }
}
@media (max-width: 1200px) {
  .headingArea .tpHeading {
    padding: 21px 0 57px;
  }
}
@media (max-width: 768px) {
  .headingArea .tpHeading {
    padding: 21px 0 0;
    width: 100%;
    text-align: center;
    justify-content: center;
  }
}
.headingArea .tpHeading a.back {
  display: block;
  position: relative;
  width: max-content;
  padding-left: 21px;
  margin-bottom: 8px;
  color: #FFC700 !important;
}
@media (max-width: 768px) {
  .headingArea .tpHeading a.back {
    margin: 0 auto 24px;
  }
}
.headingArea .tpHeading a.back:before {
  content: "";
  display: block;
  width: 7px;
  height: 7px;
  border: 2px solid #FFC700;
  transform: rotate(135deg);
  border-left: 0;
  border-top: 0;
  margin-top: -4px;
  position: absolute;
  left: 3px;
  top: 50%;
}
.headingArea .tpHeading h1 {
  color: #fff;
  margin: 0;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
}
@media (max-width: 1440px) {
  .headingArea .tpHeading h1 {
    font-size: 32px;
  }
}
@media (max-width: 1200px) {
  .headingArea .tpHeading h1 {
    font-size: 30px;
  }
}
@media (max-width: 991px) {
  .headingArea .tpHeading h1 {
    font-size: 28px;
  }
}
@media (max-width: 768px) {
  .headingArea .tpHeading h1 {
    font-size: 24px;
    width: 100%;
    text-align: center;
    justify-content: center;
  }
}
@media (max-width: 480px) {
  .headingArea .tpHeading h1 {
    font-size: 22px;
  }
}
.headingArea .tpImageContainer {
  display: block;
  width: 50%;
  padding-top: 36px;
}
@media (max-width: 1200px) {
  .headingArea .tpImageContainer {
    padding-top: 30px;
  }
}
@media (max-width: 768px) {
  .headingArea .tpImageContainer {
    width: 100%;
    padding-top: 0;
  }
}
.headingArea .tpImageContainer .tpImage {
  display: block;
  width: 100%;
  height: 0;
  padding-top: 42%;
  position: relative;
  border-radius: 10px 10px 0 0;
}
@media (max-width: 991px) {
  .headingArea .tpImageContainer .tpImage {
    border-radius: 8px 8px 0 0;
  }
}
@media (max-width: 768px) {
  .headingArea .tpImageContainer .tpImage {
    border-radius: 6px 6px 0 0;
  }
}
@media (max-width: 480px) {
  .headingArea .tpImageContainer .tpImage {
    border-radius: 4px 4px 0 0;
  }
}
.headingArea .tpImageContainer .tpImage img {
  opacity: 0;
  width: 100%;
  height: auto;
}

.metaArea {
  padding: 56px 0 48px;
}
@media (max-width: 768px) {
  .metaArea {
    padding: 48px 0 36px;
  }
}
@media (max-width: 640px) {
  .metaArea {
    padding: 36px 0 16px;
  }
}
@media (max-width: 480px) {
  .metaArea {
    padding: 32px 0 0;
  }
}
.metaArea .container {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  gap: 16px;
  width: 800px;
  padding: 0 16px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 480px) {
  .metaArea .container {
    width: 100%;
  }
}
.metaArea .container .postDate {
  font-size: 16px;
  color: #565656;
}
@media (max-width: 480px) {
  .metaArea .container .postDate {
    font-size: 14px;
  }
}
.metaArea .container .authorAndReviewers {
  margin-top: 26px;
}
@media (max-width: 1200px) {
  .metaArea .container .authorAndReviewers {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 4px;
  }
}
@media (max-width: 480px) {
  .metaArea .container .authorAndReviewers {
    font-size: 14px;
  }
}
.metaArea .container .authorAndReviewers p {
  display: inline-flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  font-size: 16px;
  color: #565656;
}
@media (max-width: 480px) {
  .metaArea .container .authorAndReviewers p {
    margin: 0;
  }
}
.metaArea .container .authorAndReviewers p img {
  margin-right: 8px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
}
@media (max-width: 480px) {
  .metaArea .container .authorAndReviewers p img {
    width: 20px;
    height: 20px;
  }
}
.metaArea .container .authorAndReviewers p + p {
  border-left: 2px solid #565656;
  padding: 0 0 0 8px;
  margin-left: 8px;
}
@media (max-width: 1200px) {
  .metaArea .container .authorAndReviewers p + p {
    margin-left: 0;
    padding-left: 0;
    border-left: none;
  }
}
.metaArea .container .socialShare {
  font-size: 16px;
}
@media (max-width: 640px) {
  .metaArea .container .socialShare {
    display: none;
  }
}
@media (max-width: 480px) {
  .metaArea .container .socialShare {
    font-size: 14px;
  }
}

.single-post .contentArea .container {
  width: 800px;
  padding: 0 16px;
}
@media (max-width: 991px) {
  .single-post .contentArea .container {
    width: 100%;
  }
}
.single-post .contentArea .container .is-type-video.wp-block-embed-vimeo.wp-embed-aspect-16-9 {
  position: relative;
  width: 100%;
  max-width: 1024px;
  padding: 24px 0;
}
@media (max-width: 480px) {
  .single-post .contentArea .container .is-type-video.wp-block-embed-vimeo.wp-embed-aspect-16-9 {
    padding: 16px 0;
  }
}
.single-post .blog-post h2 {
  font-size: 32px;
  margin: 48px 0 16px;
}
@media (max-width: 1200px) {
  .single-post .blog-post h2 {
    font-size: 30px;
    margin: 40px 0 16px;
  }
}
@media (max-width: 991px) {
  .single-post .blog-post h2 {
    font-size: 24px;
    margin: 32px 0 16px;
  }
}
@media (max-width: 768px) {
  .single-post .blog-post h2 {
    font-size: 22px;
    margin: 24px 0 16px;
  }
}
.single-post .blog-post h2 a {
  color: #000;
}
.single-post .blog-post h2 a:hover {
  color: #1B74DA;
}
.single-post .blog-post h3 {
  font-size: 20px;
  margin: 24px 0 16px;
}
@media (max-width: 480px) {
  .single-post .blog-post h3 {
    font-size: 18px;
  }
}
.single-post .blog-post p {
  margin: 16px 0;
}
.single-post .blog-post ul, .single-post .blog-post ol {
  margin: 16px 0 16px 22px;
}
.single-post .blog-post a:not(.btn) {
  color: #1B74DA;
}
.single-post .blog-post .wp-block-superb-blocks-superb-author-box {
  margin-top: 48px;
  border-radius: 8px !important;
  padding: 40px !important;
}
@media (max-width: 991px) {
  .single-post .blog-post .wp-block-superb-blocks-superb-author-box {
    padding: 40px 32px !important;
  }
}
@media (max-width: 768px) {
  .single-post .blog-post .wp-block-superb-blocks-superb-author-box {
    padding: 32px 24px !important;
  }
}
@media (max-width: 480px) {
  .single-post .blog-post .wp-block-superb-blocks-superb-author-box {
    padding: 24px 16px !important;
  }
}
@media (max-width: 991px) {
  .single-post .blog-post .wp-block-superb-blocks-superb-author-box .sptcrb__abouttheauthor__block__right {
    padding-left: 0 !important;
  }
}
.single-post .blog-post .wp-block-superb-blocks-superb-author-box .sptcrb__abouttheauthor__block__right > span {
  font-size: 32px !important;
}
@media (max-width: 991px) {
  .single-post .blog-post .wp-block-superb-blocks-superb-author-box .sptcrb__abouttheauthor__block__right > span {
    font-size: 28px !important;
  }
}
@media (max-width: 768px) {
  .single-post .blog-post .wp-block-superb-blocks-superb-author-box .sptcrb__abouttheauthor__block__right > span {
    font-size: 24px !important;
  }
}
.single-post .blog-post .wp-block-superb-blocks-superb-author-box .sptcrb__abouttheauthor__block__right p {
  font-size: 20px !important;
}
@media (max-width: 991px) {
  .single-post .blog-post .wp-block-superb-blocks-superb-author-box .sptcrb__abouttheauthor__block__right p {
    font-size: 18px !important;
  }
}
@media (max-width: 768px) {
  .single-post .blog-post .wp-block-superb-blocks-superb-author-box .sptcrb__abouttheauthor__block__right p {
    font-size: 16px !important;
  }
}
.single-post .addsearch.addsearch-written {
  display: none;
}

.gstWidget {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: 16px;
  background: #E8F2FC;
  border-radius: 8px;
  box-sizing: border-box;
  padding: 32px;
  margin-top: 48px;
  width: 100%;
}
@media (max-height: 768px) {
  .gstWidget {
    margin-top: 0;
    padding: 24px;
  }
}
.gstWidget h3 {
  text-align: center;
  font-size: 22px;
  margin: 0 !important;
}
.gstWidget ul {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: 8px;
  margin: 0 !important;
  padding: 0;
}
.gstWidget ul li {
  font-size: 16px;
  margin: 0;
  padding: 0 0 0 26px;
}
.gstWidget ul li:before {
  width: 13px;
  height: 6px;
}

#postContentArea {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 24px;
  width: 1250px;
  max-width: 100%;
  margin: 0 auto;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#postContentArea .content {
  width: 800px;
  max-width: 100%;
}
@media (max-width: 1200px) {
  #postContentArea .content {
    width: 60%;
  }
}
@media (max-width: 991px) {
  #postContentArea .content {
    width: 100%;
  }
}
#postContentArea #sidebar {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  width: 325px;
  margin: 56px 0 0;
  max-height: calc(100vh - 64px);
}
@media (max-height: 768px) {
  #postContentArea #sidebar {
    overflow-y: scroll;
  }
}
@media (max-width: 1300px) {
  #postContentArea #sidebar {
    position: relative;
    right: 0;
    margin-right: 0;
    padding-right: 40px;
  }
}
@media (max-width: 991px) {
  #postContentArea #sidebar {
    display: none;
  }
}
#postContentArea #sidebar.stickyNav {
  position: fixed;
  right: 50%;
  margin-right: -625px;
  top: 56px;
}
@media (max-width: 1300px) {
  #postContentArea #sidebar.stickyNav {
    right: 0;
    margin-right: 0;
  }
}
@media (max-height: 991px) {
  #postContentArea #sidebar.stickyNav {
    top: 36px;
  }
}
@media (max-height: 768px) {
  #postContentArea #sidebar.stickyNav {
    top: 24px;
  }
}
#postContentArea #sidebar.stickyNav.scrolledNav {
  position: absolute;
  bottom: 0;
  top: auto;
}
#postContentArea #sidebar .sidebarTitle {
  font-size: 22px;
  font-weight: 700;
  padding-bottom: 16px;
  border-bottom: 2px solid #D8D8D8;
  margin-bottom: 16px;
  text-transform: uppercase;
}
#postContentArea #sidebar ul {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: 16px;
  margin: 0;
  padding: 0;
  max-width: 100%;
  padding-bottom: 32px;
  box-sizing: border-box;
}
@media (max-height: 991px) {
  #postContentArea #sidebar ul {
    gap: 12px;
  }
}
@media (max-height: 768px) {
  #postContentArea #sidebar ul {
    gap: 10px;
  }
}
#postContentArea #sidebar ul.tallView {
  max-height: calc(100vh - 620px);
  overflow-x: scroll;
}
#postContentArea #sidebar ul li {
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
#postContentArea #sidebar ul li a {
  display: block;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  color: #000;
  font-size: 20px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media (max-height: 991px) {
  #postContentArea #sidebar ul li a {
    font-size: 19px;
  }
}
@media (max-height: 768px) {
  #postContentArea #sidebar ul li a {
    font-size: 18px;
  }
}
#postContentArea #sidebar ul li.visible a {
  padding-left: 24px;
  border-left: 3px solid #1B74DA;
}
#postContentArea #sidebar ul li:hover a {
  color: #1B74DA;
}
@media (max-width: 991px) {
  #postContentArea #sidebar .gstWidget {
    display: none;
  }
}
#postContentArea #sidebar .gstWidget ul {
  margin: 0;
  padding: 0;
}
#postContentArea #sidebar .gstWidget ul li {
  padding: 0 0 0 26px;
}

.keepReading {
  margin-top: 48px;
}
.keepReading .krCTA {
  background: #1B74DA;
  position: relative;
  border-radius: 8px;
  width: 100%;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: flex-start;
  box-sizing: border-box;
}
.keepReading .krCTA:after {
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  border: 2px solid #fff;
  border-left: 0;
  border-bottom: 0;
  transform: rotate(45deg);
  position: absolute;
  right: 40px;
  top: 50%;
  margin-top: -16px;
  pointer-events: none;
}
.keepReading .krCTA span {
  display: block;
  color: #fff;
  width: 100%;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 2px;
  text-transform: uppercase;
  pointer-events: none;
  position: absolute;
  left: 40px;
  top: 32px;
}
.keepReading .krCTA a {
  display: block;
  width: 100%;
  font-size: 24px;
  font-weight: 500;
  padding: 60px 72px 32px 40px;
  color: #fff !important;
  box-sizing: border-box;
}

.authorArea {
  display: block;
  width: 100%;
  background: #fff;
  margin-top: 48px;
}
@media (max-width: 768px) {
  .authorArea {
    margin-top: 32px;
  }
}
@media (max-width: 480px) {
  .authorArea {
    margin-top: 16px;
  }
}
.authorArea .container {
  width: 800px;
  padding: 0 16px;
}
@media (max-width: 991px) {
  .authorArea .container {
    width: 100%;
  }
}
.authorArea .authorLayout {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: stretch;
  gap: 40px;
  padding: 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #f3f3f3;
  border-radius: 8px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .authorArea .authorLayout {
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: center;
    padding: 32px 24px;
    gap: 16px;
  }
}
.authorArea .authorLayout .authorImage {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
}
.authorArea .authorLayout .authorImage img {
  display: block;
  overflow: hidden;
  border-radius: 50%;
}
.authorArea .authorLayout h3 {
  font-size: 32px;
  margin-top: 0;
}
@media (max-width: 1200px) {
  .authorArea .authorLayout h3 {
    font-size: 30px;
  }
}
@media (max-width: 991px) {
  .authorArea .authorLayout h3 {
    font-size: 28px;
  }
}
@media (max-width: 768px) {
  .authorArea .authorLayout h3 {
    font-size: 24px;
  }
}
@media (max-width: 480px) {
  .authorArea .authorLayout h3 {
    font-size: 22px;
  }
}
.authorArea .authorLayout p {
  color: #6d6d6d;
}

#subscribeForm {
  position: relative;
}

#subscribeForm .hs_recaptcha {
  height: 0;
  overflow: hidden;
  display: none;
}

#subscribeForm input[type=email] {
  height: 48px;
  width: calc(100% - 40px);
  border: none;
  border-radius: 8px 0 0 8px;
  padding: 0 15px;
  font-size: 18px;
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
}

#subscribeForm ul.hs-error-msgs {
  box-shadow: none;
  border: none;
  background: none;
  margin-top: 0;
}

#subscribeForm ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  font-size: 18px;
  color: #A4A4A4;
  opacity: 1;
  /* Firefox */
}

#subscribeForm :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  font-size: 18px;
  color: #A4A4A4;
}

#subscribeForm ::-ms-input-placeholder {
  /* Microsoft Edge */
  font-size: 18px;
  color: #A4A4A4;
}

#subscribeForm .hs_submit {
  display: inline-block;
  position: absolute;
  z-index: 50;
  top: 0;
  right: 0;
}

#subscribeForm .actions {
  position: absolute;
  right: 0;
  top: 0;
}

#subscribeForm input[type=submit] {
  height: 48px;
  background: #FFC600;
  color: #000;
  border-radius: 0 8px 8px 0;
  width: 105px;
  font-size: 16px;
  font-weight: 500;
  border: none;
}

.hs_error_rollup {
  display: none;
}

.hs_email label {
  display: none;
}

.hs-error-msg {
  display: inline-block !important;
  margin-top: 10px;
  margin-left: 10px;
}

.hs-error-msgs {
  height: 44px;
}

.subscriptionArea {
  margin-top: 48px;
}
.subscriptionArea .container {
  width: 832px;
  padding: 0 16px;
}
.subscriptionArea .subscriptionWidgetBox {
  background: #1b78e0;
  background: -moz-linear-gradient(top, #1b78e0 0%, #004899 100%);
  background: -webkit-linear-gradient(top, #1b78e0 0%, #004899 100%);
  background: linear-gradient(to bottom, #1b78e0 0%, #004899 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#1b78e0", endColorstr="#004899",GradientType=0 );
  border-radius: 8px;
  overflow: hidden;
  padding: 40px;
}
@media (max-width: 1200px) {
  .subscriptionArea .subscriptionWidgetBox {
    padding: 40px 36px;
  }
}
@media (max-width: 991px) {
  .subscriptionArea .subscriptionWidgetBox {
    padding: 40px 24px;
  }
}
@media (max-width: 768px) {
  .subscriptionArea .subscriptionWidgetBox {
    padding: 40px 16px;
  }
}
@media (max-width: 480px) {
  .subscriptionArea .subscriptionWidgetBox {
    padding: 40px 14px;
  }
}
.subscriptionArea .subscriptionWidgetBox h2 {
  color: #fff;
  text-align: center;
  width: 750px;
  max-width: 100%;
  margin: 0 auto 40px;
}
@media (max-width: 991px) {
  .subscriptionArea .subscriptionWidgetBox h2 {
    font-size: 22px;
  }
}
@media (max-width: 768px) {
  .subscriptionArea .subscriptionWidgetBox h2 {
    font-size: 20px;
  }
}
@media (max-width: 480px) {
  .subscriptionArea .subscriptionWidgetBox h2 {
    font-size: 18px;
  }
}
.subscriptionArea .subscriptionWidgetBox .widget_keeper_subscribe_widget {
  width: 478px;
  max-width: 100%;
  margin: 0 auto;
  position: relative;
}
.subscriptionArea .subscriptionWidgetBox ul.no-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
}
.subscriptionArea .subscriptionWidgetBox ul.no-list .hs-error-msg {
  list-style-type: none;
  margin: 0;
  padding: 0;
  color: #FFC600;
}

.relatedPost .container {
  padding: 0 86px 0 108px;
}
@media (max-width: 768px) {
  .relatedPost .container {
    padding: 0 48px;
  }
}
@media (max-width: 480px) {
  .relatedPost .container {
    padding: 0 16px;
  }
}
.relatedPost h4 {
  margin: 40px 0 26px;
  text-align: center;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
}
.relatedPost h4 img {
  margin-right: 6px;
}
.relatedPost .thePost {
  background: #F0F0F0;
  padding: 56px 0;
}
@media (max-width: 991px) {
  .relatedPost .thePost {
    padding: 52px 0;
  }
}
@media (max-width: 768px) {
  .relatedPost .thePost {
    padding: 0;
    background: none;
  }
}
.relatedPost .thePost .container {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 100px;
}
@media (max-width: 991px) {
  .relatedPost .thePost .container {
    gap: 48px;
  }
}
@media (max-width: 768px) {
  .relatedPost .thePost .container {
    flex-flow: column nowrap;
    justify-content: flex-start;
    gap: 0;
  }
}
.relatedPost .thePost .container .postImage {
  width: 400px;
  max-width: 100%;
}
@media (max-width: 991px) {
  .relatedPost .thePost .container .postImage {
    width: 50%;
  }
}
@media (max-width: 768px) {
  .relatedPost .thePost .container .postImage {
    width: 100%;
    height: auto;
  }
}
.relatedPost .thePost .container .postImage .tpImage {
  display: block;
  width: 100%;
  border-bottom: 1px solid #D5D5D5;
  border-radius: 8px;
  overflow: hidden;
}
.relatedPost .thePost .container .postImage .tpImage img {
  display: block;
  opacity: 0;
  width: 100%;
  height: 100%;
}
.relatedPost .thePost .container .postContent {
  width: calc(100% - 500px);
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  .relatedPost .thePost .container .postContent {
    width: 50%;
  }
}
@media (max-width: 768px) {
  .relatedPost .thePost .container .postContent {
    width: 100%;
    background: #F0F0F0;
    border-radius: 0 0 8px 8px;
    overflow: hidden;
    padding: 40px 16px;
  }
}
.relatedPost .thePost .container .postContent h2 {
  margin-top: 0;
  font-size: 20px;
}
@media (max-width: 768px) {
  .relatedPost .thePost .container .postContent .action {
    text-align: center;
  }
}
.relatedPost .thePost .container .postContent .action .btn {
  border-color: #000;
  color: #000;
}

.summaryBlock {
  display: flex;
  width: 100%;
  padding: 16px 40px 24px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  background: #F0F0F0;
  border-radius: 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.page-template-t-about .box {
  background: #fff;
  border: 1px solid #efefef;
  -webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 8px;
  border-radius: 8px;
  padding: 48px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.page-template-t-about .box h2 {
  text-align: center;
  width: 100%;
  max-width: 930px;
  margin: 0 auto;
}
.page-template-t-about .box p {
  text-align: center;
  width: 100%;
  max-width: 930px;
  margin: 0 auto 76px;
}
.page-template-t-about .list-members {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: stretch;
  margin: 0 -10px;
  font-size: 18px;
  text-align: center;
}
@media (max-width: 768px) {
  .page-template-t-about .list-members {
    display: block;
    max-width: 100%;
    width: 100%;
    margin: 0;
  }
}
.page-template-t-about .list-members li {
  padding-bottom: 25px;
  display: inline-block;
  width: 305px;
  max-width: 22%;
  margin: 20px 10px 56px;
  min-height: 310px;
  vertical-align: top;
  font-size: 18px;
  line-height: 1.4;
  position: relative;
}
@media (max-width: 1024px) {
  .page-template-t-about .list-members li {
    max-width: 23%;
    margin: 20px 20px 40px;
  }
}
@media (max-width: 1023px) {
  .page-template-t-about .list-members li {
    width: 24%;
    margin: 0 25px 50px;
  }
}
@media (max-width: 991px) {
  .page-template-t-about .list-members li {
    max-width: 45%;
  }
}
@media (max-width: 768px) {
  .page-template-t-about .list-members li {
    font-size: 14px;
    font-weight: 300;
    width: 100%;
    max-width: 100%;
    min-height: auto;
    padding-bottom: 0;
    margin-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .page-template-t-about .list-members li {
    max-width: 45%;
  }
}
@media (max-width: 640px) {
  .page-template-t-about .list-members li {
    max-width: 90%;
    margin: 0 0 60px;
  }
}
@media (max-width: 480px) {
  .page-template-t-about .list-members li {
    margin: 0 0 30px;
  }
}
.page-template-t-about .list-members li .image.face {
  height: 160px;
  width: 160px;
  display: block;
  margin: 0 auto 14px;
}
.page-template-t-about .list-members li .image.face img {
  opacity: 0;
}
.page-template-t-about .list-members .ico-linkedin-secondary {
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: 18px;
  background-image: url("https://www.keepersecurity.com/assets/icons/1x/ico-linkedin-secondary.png");
  background-size: contain;
  text-indent: -5000px;
  overflow: hidden;
}
.page-template-t-about .list-members strong {
  display: block;
  padding-bottom: 8px;
  font-size: 20px;
  line-height: 1;
  font-weight: 600;
}
@media (max-width: 768px) {
  .page-template-t-about .list-members strong {
    font-size: 16px;
    font-weight: 600;
  }
}
@media (max-width: 480px) {
  .page-template-t-about .list-members strong {
    padding-bottom: 0;
  }
}
.page-template-t-about .list-members span {
  display: block;
  font-size: 18px;
}
@media (max-width: 1200px) {
  .page-template-t-about .list-members span {
    white-space: normal;
  }
}
@media (max-width: 768px) {
  .page-template-t-about .list-members span {
    font-size: 16px;
  }
}
@media (max-width: 480px) {
  .page-template-t-about .list-members span {
    font-size: 14px;
  }
}
.page-template-t-about .list-members a.linkedIn {
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -9px;
}
@media (max-width: 768px) {
  .page-template-t-about .list-members a.linkedIn {
    display: block;
    position: relative;
    margin: 20px auto 0;
    text-align: center;
    left: 0;
    bottom: 0;
  }
}
.page-template-t-about .list-members .person-adam,
.page-template-t-about .list-members .person-nick,
.page-template-t-about .list-members .person-takuya {
  max-width: none;
  width: 100%;
  display: flex;
  margin: 0;
  max-width: none;
  position: relative;
  padding-bottom: 0;
}
@media (max-width: 1023px) {
  .page-template-t-about .list-members .person-adam,
  .page-template-t-about .list-members .person-nick,
  .page-template-t-about .list-members .person-takuya {
    margin: 0px;
    width: 100%;
  }
}
@media (max-width: 768px) {
  .page-template-t-about .list-members .person-adam,
  .page-template-t-about .list-members .person-nick,
  .page-template-t-about .list-members .person-takuya {
    display: block;
  }
}
.page-template-t-about .list-members .person-adam .person,
.page-template-t-about .list-members .person-nick .person,
.page-template-t-about .list-members .person-takuya .person {
  position: relative;
  margin-top: 25px;
}
@media (max-width: 640px) {
  .page-template-t-about .list-members .person-adam .person,
  .page-template-t-about .list-members .person-nick .person,
  .page-template-t-about .list-members .person-takuya .person {
    min-height: 220px;
  }
}
.page-template-t-about .list-members .person-adam .person a.linkedIn,
.page-template-t-about .list-members .person-nick .person a.linkedIn,
.page-template-t-about .list-members .person-takuya .person a.linkedIn {
  display: block;
  position: absolute;
  top: 200px;
  left: 50%;
  margin-left: -9px;
}
.page-template-t-about .list-members .person-adam .bio h2,
.page-template-t-about .list-members .person-nick .bio h2,
.page-template-t-about .list-members .person-takuya .bio h2 {
  margin-bottom: 16px;
  padding: 0;
}
.page-template-t-about .list-members .person-adam .bio a,
.page-template-t-about .list-members .person-nick .bio a,
.page-template-t-about .list-members .person-takuya .bio a {
  display: inline-block;
  margin-top: 0;
}
.page-template-t-about .list-members .person-adam .bio p:last-child,
.page-template-t-about .list-members .person-nick .bio p:last-child,
.page-template-t-about .list-members .person-takuya .bio p:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}

.page-template-t-keeper101 h1, .page-template-t-keeper101 h2, .page-template-t-keeper101 h3, .page-template-t-keeper101 h4, .page-template-t-keeper101 h5, .page-template-t-keeper101 h6, .page-template-t-keeper101 ol, .page-template-t-keeper101 p, .page-template-t-keeper101 ul {
  padding: 0;
  margin: 0;
  font-family: "Outfit", Helvetica, Arial, sans-serif;
}
.page-template-t-keeper101 p {
  font-size: 20px;
  line-height: 1.4;
  font-weight: 300;
  letter-spacing: 0;
  max-width: 100%;
}
.page-template-t-keeper101 .btn.btn-clear-blue {
  font-size: 14px;
  border: 2px solid #1b78e0;
  color: #1b78e0;
  position: relative;
}
.page-template-t-keeper101 .btn.playBtn {
  position: relative;
  padding-left: 57px;
}
.page-template-t-keeper101 .btn.playBtn:before {
  content: "";
  position: absolute;
  left: 28px;
  display: block;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  margin: 5px 8px 0 0;
  -webkit-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.5s ease;
  top: 50%;
  margin-top: -10px;
  border: 2px solid #1b78e0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  top: 50%;
  margin-top: -10px;
  border: 2px solid #1b78e0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.page-template-t-keeper101 .btn.playBtn:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 36px;
  margin-top: -4px;
  border-left: 6px solid #1b78e0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
}
@media (max-width: 768px) {
  .page-template-t-keeper101 .btn.playBtn:after {
    left: 36px;
  }
}
.page-template-t-keeper101 > .container {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 75px 15px 0;
}
.page-template-t-keeper101 > .container .box {
  background: #fff;
  border: 1px solid #efefef;
  -webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 8px;
  border-radius: 8px;
  padding: 48px 136px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.page-template-t-keeper101 #video-tutorials.box {
  width: 100%;
  padding: 48px 136px 36px;
}
@media (max-width: 1400px) {
  .page-template-t-keeper101 #video-tutorials.box {
    padding: 48px 48px 36px;
  }
}
@media (max-width: 1024px) {
  .page-template-t-keeper101 #video-tutorials.box {
    padding: 40px 30px 30px;
  }
}
@media (max-width: 768px) {
  .page-template-t-keeper101 #video-tutorials.box {
    padding: 40px 20px 30px;
  }
}
.page-template-t-keeper101 #video-tutorials.box h2 {
  color: #000;
  margin-bottom: 32px;
  text-align: center;
}
@media (max-width: 768px) {
  .page-template-t-keeper101 #video-tutorials.box h2 {
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 24px;
  }
}
.page-template-t-keeper101 #video-tutorials.box .tab-toggles {
  position: relative;
  text-align: center;
}
@media (min-width: 769px) {
  .page-template-t-keeper101 #video-tutorials.box .tab-toggles .fs-dropdown {
    display: none;
  }
}
.page-template-t-keeper101 #video-tutorials.box .tab-toggles .desktop-tabs {
  border-radius: 4px;
  list-style: none;
  display: inline-block;
  text-align: left;
  font-size: 0;
  display: flex;
  justify-content: center;
}
@media (max-width: 768px) {
  .page-template-t-keeper101 #video-tutorials.box .tab-toggles .desktop-tabs {
    display: none;
  }
}
.page-template-t-keeper101 #video-tutorials.box .tab-toggles .desktop-tabs .tab {
  display: inline-block;
  position: relative;
  z-index: 2;
  min-width: 100px;
  height: 48px;
  padding: 0 36px;
  color: black;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  line-height: 48px;
  border-radius: 24px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: all 0.3s ease;
  box-sizing: content-box;
  margin: 0;
}
@media (max-width: 1200px) {
  .page-template-t-keeper101 #video-tutorials.box .tab-toggles .desktop-tabs .tab {
    min-width: auto;
  }
}
@media (max-width: 1150px) {
  .page-template-t-keeper101 #video-tutorials.box .tab-toggles .desktop-tabs .tab {
    padding: 0 40px;
  }
}
@media (max-width: 1100px) {
  .page-template-t-keeper101 #video-tutorials.box .tab-toggles .desktop-tabs .tab {
    padding: 0 30px;
  }
}
@media (max-width: 960px) {
  .page-template-t-keeper101 #video-tutorials.box .tab-toggles .desktop-tabs .tab {
    padding: 0 20px;
  }
}
@media (max-width: 900px) {
  .page-template-t-keeper101 #video-tutorials.box .tab-toggles .desktop-tabs .tab {
    padding: 0 15px;
  }
}
@media (max-width: 820px) {
  .page-template-t-keeper101 #video-tutorials.box .tab-toggles .desktop-tabs .tab {
    padding: 0 12px;
  }
}
.page-template-t-keeper101 #video-tutorials.box .tab-toggles .desktop-tabs .tab.active, .page-template-t-keeper101 #video-tutorials.box .tab-toggles .desktop-tabs .tab:focus, .page-template-t-keeper101 #video-tutorials.box .tab-toggles .desktop-tabs .tab:active {
  cursor: pointer;
  color: #1B78E0;
  text-decoration: none;
}
.page-template-t-keeper101 #video-tutorials.box .tab-toggles .desktop-tabs .tab:hover {
  cursor: pointer;
  color: #1B78E0;
  text-decoration: none;
}
.page-template-t-keeper101 #video-tutorials.box .tab-toggles #dtHighligher {
  content: "";
  box-sizing: content-box;
  display: block;
  height: 48px;
  width: 100px;
  border-radius: 24px;
  box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.15);
  background: #fff;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  transition: all 1.2s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}
@media (max-width: 768px) {
  .page-template-t-keeper101 #video-tutorials.box .tab-toggles #dtHighligher {
    display: none;
  }
}
@media (min-width: 768px) {
  .page-template-t-keeper101 #video-tutorials.box .tab-toggles .mobile-tabs {
    display: none;
  }
}
.page-template-t-keeper101 #video-tutorials.box .tab-content {
  display: none;
  margin-top: 48px;
}
@media (max-width: 768px) {
  .page-template-t-keeper101 #video-tutorials.box .tab-content {
    margin-top: 32px;
  }
}
.page-template-t-keeper101 #video-tutorials.box .tab-content .list-videos {
  display: flex;
  justify-content: center;
  flex-flow: row wrap;
  align-items: stretch;
  gap: 16px;
  list-style: none;
}
.page-template-t-keeper101 #video-tutorials.box .tab-content .list-videos li {
  width: calc(33% - 33px);
  transition: 0.5s ease;
}
@media (max-width: 768px) {
  .page-template-t-keeper101 #video-tutorials.box .tab-content .list-videos li {
    width: 100%;
    margin-right: 0;
  }
}
.page-template-t-keeper101 #video-tutorials.box .tab-content .list-videos li:hover, .page-template-t-keeper101 #video-tutorials.box .tab-content .list-videos li:focus, .page-template-t-keeper101 #video-tutorials.box .tab-content .list-videos li:active {
  text-decoration: none;
}
.page-template-t-keeper101 #video-tutorials.box .tab-content .list-videos .video {
  background-color: #fff;
  border: 2px solid #E7E7E7;
  border-radius: 8px;
  text-align: center;
  min-height: 160px;
  padding: 190px 10px 40px;
  color: #000000;
  text-align: center;
  font-size: 20px;
}
@media (max-width: 1200px) {
  .page-template-t-keeper101 #video-tutorials.box .tab-content .list-videos .video {
    font-size: 20px;
  }
}
@media (max-width: 1100px) {
  .page-template-t-keeper101 #video-tutorials.box .tab-content .list-videos .video {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .page-template-t-keeper101 #video-tutorials.box .tab-content .list-videos .video {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .page-template-t-keeper101 #video-tutorials.box .tab-content .list-videos .video {
    color: #000000;
    letter-spacing: 0;
    text-align: center;
    height: auto;
    background-size: 300px;
    background-position: center 30px;
  }
}
.page-template-t-keeper101 #video-tutorials.box .tab-content .list-videos .video .btn {
  margin: 24px auto 0;
}
.page-template-t-keeper101 #video-tutorials.box .tab-content .list-videos .video span:not(.btn) {
  display: block;
  width: 100%;
}
.page-template-t-keeper101 #video-tutorials.box .tab-content .list-videos .video .userGuide {
  display: block;
  width: 100%;
  font-size: 14px;
  line-height: 1.4;
  color: #1B78E0;
  text-align: center;
  margin-top: 16px;
  text-decoration: none;
}
.page-template-t-keeper101 #video-tutorials.box .tab-content .list-videos .video .userGuide img {
  margin-right: 8px;
}
.page-template-t-keeper101 #video-tutorials.box .tab-content .vimeoShowcase {
  width: 100%;
  text-align: center;
  margin-top: 24px;
}
.page-template-t-keeper101 #video-tutorials.box .tab-content .vimeoShowcase .btn {
  margin-left: 10px;
}
.page-template-t-keeper101 #video-tutorials.box .tab-content.active {
  display: block;
}

.page-template-t-integrations #integrationsWithNav {
  padding: 56px 0;
}
.page-template-t-integrations #integrationsWithNav #ksmPreloader {
  display: block;
  width: 150px;
  height: 150px;
  margin: 40px auto;
}
.page-template-t-integrations #integrationsWithNav .container {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: stretch;
}
.page-template-t-integrations #integrationsWithNav .container:before, .page-template-t-integrations #integrationsWithNav .container:after {
  display: none;
}
@media (max-width: 991px) {
  .page-template-t-integrations #integrationsWithNav .container {
    flex-flow: column nowrap;
    justify-content: flex-start;
  }
}
.page-template-t-integrations #integrationsWithNav .sidebar {
  position: relative;
  width: 400px;
}
@media (max-width: 1300px) {
  .page-template-t-integrations #integrationsWithNav .sidebar {
    width: 350px;
  }
}
@media (max-width: 1200px) {
  .page-template-t-integrations #integrationsWithNav .sidebar {
    width: 320px;
  }
}
@media (max-width: 991px) {
  .page-template-t-integrations #integrationsWithNav .sidebar {
    display: none;
  }
}
.page-template-t-integrations #integrationsWithNav .sidebar .searchBox {
  width: 100%;
  max-width: 300px;
  border: none;
  height: 56px;
  border-radius: 8px;
  line-height: 56px;
  font-size: 18px;
  padding: 0 10px 0 56px;
  margin-bottom: 24px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background: #F1F1F1 url("https://www.keepersecurity.com/assets/icons/ico-search.svg") no-repeat 20px center/28px;
}
.page-template-t-integrations #integrationsWithNav .sidebar .searchBox.stickyNav {
  position: fixed;
  top: 210px;
  display: block;
  width: 400px;
  z-index: 10;
}
.page-template-t-integrations #integrationsWithNav .sidebar .searchBox.stickyNav.scrolledNav {
  position: absolute;
  top: auto;
  bottom: 230px;
}
.page-template-t-integrations #integrationsWithNav .sidebar nav.integrationNav {
  display: block;
  position: relative;
  width: 100%;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.page-template-t-integrations #integrationsWithNav .sidebar nav.integrationNav.stickyNav {
  position: fixed;
  top: 290px;
  display: block;
  width: 400px;
  z-index: 10;
}
.page-template-t-integrations #integrationsWithNav .sidebar nav.integrationNav.stickyNav.scrolledNav {
  position: absolute;
  top: auto;
  bottom: 20px;
}
.page-template-t-integrations #integrationsWithNav .sidebar nav.integrationNav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.page-template-t-integrations #integrationsWithNav .sidebar nav.integrationNav ul li a {
  font-size: 20px;
  padding: 8px 0;
  display: block;
}
.page-template-t-integrations #integrationsWithNav .sidebar nav.integrationNav ul li a.active {
  color: #2B568C;
  font-weight: 700;
}
.page-template-t-integrations #integrationsWithNav #integrations .integrationType {
  display: none;
}
.page-template-t-integrations #integrationsWithNav #integrations .integrationType.active {
  display: block;
}
.page-template-t-integrations #integrationsWithNav #noResults {
  display: block;
  text-align: left;
  width: calc(100% - 400px);
}
@media (max-width: 1300px) {
  .page-template-t-integrations #integrationsWithNav #noResults {
    width: calc(100% - 350px);
  }
}
@media (max-width: 1200px) {
  .page-template-t-integrations #integrationsWithNav #noResults {
    width: calc(100% - 320px);
  }
}
@media (max-width: 991px) {
  .page-template-t-integrations #integrationsWithNav #noResults {
    width: 100%;
  }
}
.page-template-t-integrations #integrationsWithNav .integrationsGrid {
  width: calc(100% - 400px);
}
@media (max-width: 1300px) {
  .page-template-t-integrations #integrationsWithNav .integrationsGrid {
    width: calc(100% - 350px);
  }
}
@media (max-width: 1200px) {
  .page-template-t-integrations #integrationsWithNav .integrationsGrid {
    width: calc(100% - 320px);
  }
}
@media (max-width: 991px) {
  .page-template-t-integrations #integrationsWithNav .integrationsGrid {
    width: 100%;
  }
}
.page-template-t-integrations #integrationsWithNav .integrationsGrid.stickyNav {
  padding: 148px 0 0;
}
.page-template-t-integrations #integrationsWithNav .integrationsGrid > div + div {
  padding-top: 24px;
}
.page-template-t-integrations #integrationsWithNav .integrationsGrid h2 {
  display: block;
  width: 100%;
  clear: both;
  margin-bottom: 16px;
}
.page-template-t-integrations #integrationsWithNav .integrationsGrid h2 + p {
  margin-bottom: 40px;
}
.page-template-t-integrations #integrationsWithNav .integrationsGrid .noResults {
  display: block;
  clear: both;
  opacity: 0.6;
}
.page-template-t-integrations #integrationsWithNav .integrationsGrid ul.integrations {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: stretch;
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
@media (max-width: 640px) {
  .page-template-t-integrations #integrationsWithNav .integrationsGrid ul.integrations {
    justify-content: space-between;
  }
}
.page-template-t-integrations #integrationsWithNav .integrationsGrid ul.integrations li.integration {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-end;
  align-items: center;
  border: 1px solid #BFBFBF;
  border-radius: 8px;
  width: 22%;
  width: calc(24.5% - 16px);
  list-style-type: none;
  margin: 0 0 24px;
  cursor: pointer;
}
@media (max-width: 991px) {
  .page-template-t-integrations #integrationsWithNav .integrationsGrid ul.integrations li.integration {
    width: calc(25% - 18px);
  }
}
@media (max-width: 768px) {
  .page-template-t-integrations #integrationsWithNav .integrationsGrid ul.integrations li.integration {
    width: calc(33% - 13px);
    margin-bottom: 16px;
  }
}
@media (max-width: 640px) {
  .page-template-t-integrations #integrationsWithNav .integrationsGrid ul.integrations li.integration {
    width: calc(50% - 8px);
  }
}
@media (max-width: 480px) {
  .page-template-t-integrations #integrationsWithNav .integrationsGrid ul.integrations li.integration {
    width: 100%;
    flex-flow: row nowrap;
    height: 76px;
    overflow: hidden;
  }
}
.page-template-t-integrations #integrationsWithNav .integrationsGrid ul.integrations li.integration.notFound {
  display: none;
}
.page-template-t-integrations #integrationsWithNav .integrationsGrid ul.integrations li.integration.notFound + .found {
  margin-left: 0 !important;
}
.page-template-t-integrations #integrationsWithNav .integrationsGrid ul.integrations li.integration.found + .found, .page-template-t-integrations #integrationsWithNav .integrationsGrid ul.integrations li.integration.found + .notFound ~ .found {
  margin-left: 22px !important;
}
.page-template-t-integrations #integrationsWithNav .integrationsGrid ul.integrations li.integration > a {
  display: block;
  width: 100%;
}
@media (max-width: 480px) {
  .page-template-t-integrations #integrationsWithNav .integrationsGrid ul.integrations li.integration > a {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
  }
}
.page-template-t-integrations #integrationsWithNav .integrationsGrid ul.integrations li.integration:first-child {
  margin-left: 0 !important;
}
.page-template-t-integrations #integrationsWithNav .integrationsGrid ul.integrations li.integration + .integration {
  margin-left: 22px;
}
@media (max-width: 640px) {
  .page-template-t-integrations #integrationsWithNav .integrationsGrid ul.integrations li.integration + .integration {
    margin-left: 0;
  }
}
.page-template-t-integrations #integrationsWithNav .integrationsGrid ul.integrations li.integration + .integration:nth-child(4n+1) {
  margin-left: 0;
}
@media (max-width: 768px) {
  .page-template-t-integrations #integrationsWithNav .integrationsGrid ul.integrations li.integration + .integration:nth-child(4n+1) {
    margin-left: 22px;
  }
}
@media (max-width: 640px) {
  .page-template-t-integrations #integrationsWithNav .integrationsGrid ul.integrations li.integration + .integration:nth-child(4n+1) {
    margin-left: 0;
  }
}
@media (max-width: 768px) {
  .page-template-t-integrations #integrationsWithNav .integrationsGrid ul.integrations li.integration + .integration:nth-child(3n+1) {
    margin-left: 0;
  }
}
.page-template-t-integrations #integrationsWithNav .integrationsGrid ul.integrations li.integration:last-child:nth-child(2n):not(:last-child), .page-template-t-integrations #integrationsWithNav .integrationsGrid ul.integrations li.integration:last-child:nth-child(2n):not(:nth-last-child(4n+1)), .page-template-t-integrations #integrationsWithNav .integrationsGrid ul.integrations li.integration:last-child:nth-child(2n+1):not(:last-child) {
  margin-right: auto;
  margin-left: 22px;
}
@media (max-width: 768px) {
  .page-template-t-integrations #integrationsWithNav .integrationsGrid ul.integrations li.integration:last-child:nth-child(2n):not(:last-child), .page-template-t-integrations #integrationsWithNav .integrationsGrid ul.integrations li.integration:last-child:nth-child(2n):not(:nth-last-child(4n+1)), .page-template-t-integrations #integrationsWithNav .integrationsGrid ul.integrations li.integration:last-child:nth-child(2n+1):not(:last-child) {
    margin: 0 0 16px;
  }
}
.page-template-t-integrations #integrationsWithNav .integrationsGrid ul.integrations li.integration:nth-child(2n):nth-last-child(2) {
  margin-right: 0;
  margin-left: 22px;
}
@media (max-width: 768px) {
  .page-template-t-integrations #integrationsWithNav .integrationsGrid ul.integrations li.integration:nth-child(2n):nth-last-child(2) {
    margin: 0 0 16px 22px;
  }
}
@media (max-width: 640px) {
  .page-template-t-integrations #integrationsWithNav .integrationsGrid ul.integrations li.integration:nth-child(2n):nth-last-child(2) {
    margin-left: 0;
  }
}
@media (max-width: 768px) {
  .page-template-t-integrations #integrationsWithNav .integrationsGrid ul.integrations li.integration:nth-child(3n+1):nth-last-child(2) {
    margin-left: 0;
  }
}
.page-template-t-integrations #integrationsWithNav .integrationsGrid ul.integrations li.integration:last-child:nth-child(4n) {
  margin: 0 0 24px 22px !important;
}
@media (max-width: 640px) {
  .page-template-t-integrations #integrationsWithNav .integrationsGrid ul.integrations li.integration:last-child:nth-child(4n) {
    margin-left: 0 !important;
  }
}
.page-template-t-integrations #integrationsWithNav .integrationsGrid ul.integrations li.integration .integrationLogo {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  box-sizing: content-box;
  margin: 38px auto 20px;
  width: 48px;
  height: 48px;
  border-radius: 8px;
  border: 1.2px solid #D8D8D8;
  position: relative;
  box-sizing: border-box;
}
@media (max-width: 480px) {
  .page-template-t-integrations #integrationsWithNav .integrationsGrid ul.integrations li.integration .integrationLogo {
    background-color: #F8F8F8 !important;
    width: 127px;
    height: 76px;
    margin: 0;
    border-left: 10px solid #F8F8F8;
    border-right: 10px solid #F8F8F8;
  }
}
.page-template-t-integrations #integrationsWithNav .integrationsGrid ul.integrations li.integration .integrationLogo img {
  height: 100%;
  opacity: 0;
  pointer-events: none;
}
.page-template-t-integrations #integrationsWithNav .integrationsGrid ul.integrations li.integration .integrationName {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  text-align: center;
  padding: 0 20px 28px;
  font-size: 15px;
  box-sizing: border-box;
}
@media (max-width: 480px) {
  .page-template-t-integrations #integrationsWithNav .integrationsGrid ul.integrations li.integration .integrationName {
    font-size: 14px;
    width: calc(100% - 127px);
    height: 76px;
    flex-flow: row nowrap;
    justify-content: flex-start;
    text-align: left;
    padding: 0 16px 0 24px;
  }
}

.page-template-t-passkeys #passKeyDirectory {
  background: #fff;
  padding: 56px 0;
}
@media (max-width: 991px) {
  .page-template-t-passkeys #passKeyDirectory {
    padding: 48px 0;
  }
}
.page-template-t-passkeys #passKeyDirectory #searchBox {
  border: 2px solid #D8D8D8;
  border-radius: 56px;
  display: block;
  height: 56px;
  width: 100%;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.12);
  padding-left: 64px;
  font-size: 20px;
  line-height: 56px;
  margin-top: 24px;
  box-sizing: border-box;
  background: #fff url("https://www.keepersecurity.com/assets/icons/ico-search.svg") no-repeat 20px center/28px;
}
.page-template-t-passkeys #passKeyDirectory .box {
  background: #fff;
  border: 1px solid #efefef;
  -webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 32px 56px;
  border-radius: 16px;
}
@media (max-width: 768px) {
  .page-template-t-passkeys #passKeyDirectory .box {
    box-shadow: none;
    padding: 0;
    border: none;
  }
}
.page-template-t-passkeys #passKeyDirectory .box h2 {
  font-size: 20px;
  text-align: center;
  font-weight: 400;
}
.page-template-t-passkeys #passKeyDirectory .box h2 a {
  color: #1B74DA;
  font-weight: 500;
}
.page-template-t-passkeys #passKeyDirectory .box .filterBox {
  background: #E8F2FC;
  padding: 24px 32px;
  border-radius: 16px;
  margin: 24px 0;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  gap: 24px;
}
@media (max-width: 640px) {
  .page-template-t-passkeys #passKeyDirectory .box .filterBox {
    flex-flow: column nowrap;
    justify-content: center;
  }
}
.page-template-t-passkeys #passKeyDirectory .box .filterBox .sortFilter {
  width: 50%;
  font-size: 20px;
  position: relative;
}
@media (max-width: 768px) {
  .page-template-t-passkeys #passKeyDirectory .box .filterBox .sortFilter {
    font-size: 18px;
  }
}
@media (max-width: 640px) {
  .page-template-t-passkeys #passKeyDirectory .box .filterBox .sortFilter {
    width: 100%;
  }
}
.page-template-t-passkeys #passKeyDirectory .box .filterBox .sortFilter .selector {
  display: inline-block;
  position: relative;
  padding-right: 30px;
  cursor: pointer;
}
.page-template-t-passkeys #passKeyDirectory .box .filterBox .sortFilter .selector:after {
  content: "";
  display: block;
  width: 9px;
  height: 9px;
  border: 2px solid #000;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -6px;
  transform: rotate(45deg);
  border-left: 0;
  border-top: 0;
}
.page-template-t-passkeys #passKeyDirectory .box .filterBox .sortFilter .filters {
  display: none;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  position: absolute;
  left: 0;
  top: 100%;
  background: #fff;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.12);
  border-radius: 24px;
  padding: 16px 0;
  z-index: 10;
}
.page-template-t-passkeys #passKeyDirectory .box .filterBox .sortFilter .filters span {
  display: block;
  width: 100%;
  padding: 8px 52px;
  position: relative;
  cursor: pointer;
}
.page-template-t-passkeys #passKeyDirectory .box .filterBox .sortFilter .filters span:hover {
  background: rgba(0, 0, 0, 0.05);
}
.page-template-t-passkeys #passKeyDirectory .box .filterBox .sortFilter .filters span.current:before {
  content: "";
  position: absolute;
  left: 30px;
  top: 50%;
  margin: -10px 0 0 0;
  width: 9px;
  height: 15px;
  border: 2px solid #1B74DA;
  transform: rotate(45deg);
  border-left: 0;
  border-top: 0;
}
.page-template-t-passkeys #passKeyDirectory .box .filterBox .sortFilter.open .filters {
  display: flex;
}
.page-template-t-passkeys #passKeyDirectory .box .filterBox .integrationFilter {
  font-size: 20px;
  width: calc(50% - 80px);
  position: relative;
}
@media (max-width: 768px) {
  .page-template-t-passkeys #passKeyDirectory .box .filterBox .integrationFilter {
    font-size: 18px;
  }
}
@media (max-width: 640px) {
  .page-template-t-passkeys #passKeyDirectory .box .filterBox .integrationFilter {
    width: 100%;
  }
}
.page-template-t-passkeys #passKeyDirectory .box .filterBox .integrationFilter .selector {
  display: inline-block;
  position: relative;
  padding-right: 30px;
  cursor: pointer;
}
.page-template-t-passkeys #passKeyDirectory .box .filterBox .integrationFilter .selector:after {
  content: "";
  display: block;
  width: 9px;
  height: 9px;
  border: 2px solid #000;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -6px;
  transform: rotate(45deg);
  border-left: 0;
  border-top: 0;
}
.page-template-t-passkeys #passKeyDirectory .box .filterBox .integrationFilter .filters {
  display: none;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  position: absolute;
  left: 0;
  top: 100%;
  background: #fff;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.12);
  border-radius: 24px;
  padding: 16px 0;
  z-index: 10;
}
.page-template-t-passkeys #passKeyDirectory .box .filterBox .integrationFilter .filters span {
  display: block;
  width: 100%;
  padding: 8px 52px;
  position: relative;
  cursor: pointer;
}
.page-template-t-passkeys #passKeyDirectory .box .filterBox .integrationFilter .filters span:hover {
  background: rgba(0, 0, 0, 0.05);
}
.page-template-t-passkeys #passKeyDirectory .box .filterBox .integrationFilter .filters span.current:before {
  content: "";
  position: absolute;
  left: 30px;
  top: 50%;
  margin: -10px 0 0 0;
  width: 9px;
  height: 15px;
  border: 2px solid #1B74DA;
  transform: rotate(45deg);
  border-left: 0;
  border-top: 0;
}
.page-template-t-passkeys #passKeyDirectory .box .filterBox .integrationFilter.open .filters {
  display: flex;
}
@media (max-width: 768px) {
  .page-template-t-passkeys #passKeyDirectory .box .brandsList {
    margin: 0 -25px;
    width: calc(100% + 50px);
  }
}
.page-template-t-passkeys #passKeyDirectory .box .brandsList .brand {
  padding: 16px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
  border-bottom: 1px solid #D8D8D8;
}
@media (max-width: 768px) {
  .page-template-t-passkeys #passKeyDirectory .box .brandsList .brand {
    padding: 16px 25px;
  }
}
@media (max-width: 640px) {
  .page-template-t-passkeys #passKeyDirectory .box .brandsList .brand {
    flex-flow: row wrap;
  }
}
.page-template-t-passkeys #passKeyDirectory .box .brandsList .brand:last-child {
  border: none;
}
.page-template-t-passkeys #passKeyDirectory .box .brandsList .brand.notFound {
  display: none;
}
.page-template-t-passkeys #passKeyDirectory .box .brandsList .brand .brandLogo {
  border-radius: 8px;
  width: 64px;
  height: 64px;
}
.page-template-t-passkeys #passKeyDirectory .box .brandsList .brand .brandLogo img {
  width: 100%;
  height: auto;
}
.page-template-t-passkeys #passKeyDirectory .box .brandsList .brand .brandName {
  width: calc(50% - 80px);
  font-size: 16px;
}
@media (max-width: 640px) {
  .page-template-t-passkeys #passKeyDirectory .box .brandsList .brand .brandName {
    width: calc(100% - 80px);
  }
}
.page-template-t-passkeys #passKeyDirectory .box .brandsList .brand .brandName strong {
  display: block;
  font-size: 20px;
  width: 100%;
}
@media (max-width: 480px) {
  .page-template-t-passkeys #passKeyDirectory .box .brandsList .brand .brandName strong {
    font-size: 18px;
  }
}
.page-template-t-passkeys #passKeyDirectory .box .brandsList .brand .suMethods {
  width: calc(50% - 80px);
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
}
@media (max-width: 640px) {
  .page-template-t-passkeys #passKeyDirectory .box .brandsList .brand .suMethods {
    width: 100%;
  }
}
.page-template-t-passkeys #passKeyDirectory .box .brandsList .brand .suMethods span {
  display: inline-flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  padding: 0 10px 0 30px;
  height: 28px;
  border-radius: 14px;
  color: #fff;
  font-size: 14px;
  position: relative;
  white-space: nowrap;
}
.page-template-t-passkeys #passKeyDirectory .box .brandsList .brand .suMethods span:before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  left: 4px;
  top: 50%;
  margin-top: -10px;
}
.page-template-t-passkeys #passKeyDirectory .box .brandsList .brand .suMethods span:after {
  content: "";
  display: block;
  width: 7px;
  height: 12px;
  border: 2px solid #55A76A;
  transform: rotate(45deg);
  border-left: 0;
  border-top: 0;
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -8px;
}
.page-template-t-passkeys #passKeyDirectory .box .brandsList .brand .suMethods span.signIn {
  background: #55A76A;
}
.page-template-t-passkeys #passKeyDirectory .box .brandsList .brand .suMethods span.mfa {
  background: #887EFE;
}
.page-template-t-passkeys #passKeyDirectory .box .brandsList .brand .suMethods span.mfa:after {
  border-color: #887EFE;
}

#filterByCountry {
  width: 290px;
  display: block;
  position: relative;
}
#filterByCountry p {
  font-size: 14px;
  color: #565656;
  margin-bottom: 8px;
}
#filterByCountry #currentSelection {
  display: block;
  height: 40px;
  width: 100%;
  padding: 7px 8px 7px 16px;
  box-sizing: border-box;
  border: 1px solid #565656;
  border-radius: 4px;
  font-size: 16px;
  position: relative;
}
#filterByCountry #currentSelection:hover {
  background: #f0f0f0;
  cursor: pointer;
}
#filterByCountry #currentSelection:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid #000;
  position: absolute;
  right: 16px;
  top: 50%;
  margin-top: -3px;
}
#filterByCountry #searchCountry {
  display: block;
  height: 40px;
  width: 100%;
  padding: 7px 8px 7px 16px;
  box-sizing: border-box;
  border: 1px solid #565656;
  border-radius: 4px;
  font-size: 16px;
  background: #fff url("https://www.keepersecurity.com/assets/icons/ico-search.svg") no-repeat right center/20px;
  background-position: calc(100% - 16px) center;
}
#filterByCountry #countryDropdown {
  box-shadow: 0px 6px 18px 0px rgba(0, 0, 0, 0.3);
  border-radius: 8px;
  width: 100%;
  background: #fff;
  overflow: hidden;
  height: 520px;
  padding: 8px;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 72px;
  z-index: 10;
  display: none;
}
#filterByCountry #countryDropdown.active {
  display: block;
}
#filterByCountry #countryDropdown .allCountries {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  line-height: 24px;
  padding: 8px 16px 8px 8px;
  background: #fff;
  box-sizing: border-box;
  position: relative;
}
#filterByCountry #countryDropdown .allCountries:hover {
  background: #f0f0f0;
  cursor: pointer;
}
#filterByCountry #countryDropdown .allCountries.active:before {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -8px;
  right: 10px;
  display: block;
  width: 15px;
  height: 7px;
  transform: rotate(-45deg);
  border: 2px solid #000;
  border-right: 0;
  border-top: 0;
}
#filterByCountry #countryDropdown #countriesList {
  height: 440px;
  position: absolute;
  left: 0;
  top: 88px;
  width: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  box-sizing: border-box;
  padding: 0;
}
#filterByCountry #countryDropdown #countriesList > div {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  line-height: 24px;
  padding: 8px 16px;
  background: #fff;
  position: relative;
}
#filterByCountry #countryDropdown #countriesList > div:hover {
  background: #f0f0f0;
  cursor: pointer;
}
#filterByCountry #countryDropdown #countriesList > div.active:before {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -8px;
  right: 10px;
  display: block;
  width: 15px;
  height: 7px;
  transform: rotate(-45deg);
  border: 2px solid #000;
  border-right: 0;
  border-top: 0;
}

#featuredPartners {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  list-style: none;
  width: 840px;
  max-width: 100%;
  margin: 0 auto;
}
@media (max-width: 768px) {
  #featuredPartners {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-flow: row wrap;
  }
}
#featuredPartners li.partner {
  width: 25%;
  margin-bottom: 40px;
}
@media (max-width: 768px) {
  #featuredPartners li.partner {
    width: 50%;
  }
}
#featuredPartners li.partner .partnerImage {
  max-width: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  width: 160px;
  height: auto;
  margin: 0 auto;
}
#featuredPartners li.partner .partnerImage.partner-brigantia {
  width: 200px;
  height: auto;
}
#featuredPartners li.partner .partnerImage.partner-lpl-financial {
  width: 142px;
  height: auto;
}
#featuredPartners li.partner .partnerImage.partner-carahsoft {
  width: 120px;
  height: auto;
}
#featuredPartners li.partner .partnerImage.orange {
  width: 63px;
  height: auto;
}
#featuredPartners li.partner .partnerImage.partner-secret-double-octopus {
  width: 110px;
  height: 50px;
}
#featuredPartners li.partner .partnerImage.partner-hypr {
  width: 60px;
  height: 38px;
}
#featuredPartners li.partner .partnerImage.partner-veridium {
  width: 116px;
  height: auto;
}
#featuredPartners li.partner .partnerImage.partner-devo {
  width: 110px;
  height: auto;
}
#featuredPartners li.partner .partnerImage.partner-keyless {
  width: 190px;
  height: 95px;
}
#featuredPartners li.partner .partnerImage.partner-daiwabo {
  width: 62px;
  height: 21px;
}
#featuredPartners li.partner .partnerImage.partner-SBCS {
  width: 109px;
  height: 18px;
}

.list-partners {
  width: 1100px;
}
@media (max-width: 1150px) {
  .list-partners {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .list-partners {
    justify-content: space-between;
  }
}
.list-partners li.partner {
  width: 20%;
  margin: 40px 0 0;
}
@media (max-width: 991px) {
  .list-partners li.partner {
    width: 25%;
  }
}
@media (max-width: 860px) {
  .list-partners li.partner {
    width: 30%;
  }
}
@media (max-width: 640px) {
  .list-partners li.partner {
    width: 33%;
  }
}
.list-partners li.partner .partnerImage {
  max-width: 80%;
}
.list-partners li.partner .partnerImage.partner-hypr {
  width: 160px;
  height: auto;
}
.list-partners li.partner .partnerImage.partner-secret-double-octopus {
  width: 90px;
  height: auto;
}
.list-partners li.partner .partnerImage.partner-devolutions, .list-partners li.partner .partnerImage.partner-datadog {
  width: 140px;
  height: auto;
}
.list-partners li.partner .partnerImage.partner-hypr {
  width: 60px;
  height: auto;
}

#partnersWithNav {
  padding: 72px 0;
}
#partnersWithNav .container {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: stretch;
}
#partnersWithNav .container:before, #partnersWithNav .container:after {
  display: none;
}
@media (max-width: 991px) {
  #partnersWithNav .container {
    flex-flow: column nowrap;
    justify-content: flex-start;
  }
}
#partnersWithNav .noResultsFound {
  display: block;
  text-align: left;
  width: calc(100% - 400px);
}
@media (max-width: 1300px) {
  #partnersWithNav .noResultsFound {
    width: calc(100% - 350px);
  }
}
@media (max-width: 1200px) {
  #partnersWithNav .noResultsFound {
    width: calc(100% - 320px);
  }
}
@media (max-width: 991px) {
  #partnersWithNav .noResultsFound {
    width: 100%;
  }
}
#partnersWithNav .noResultsFor {
  display: block;
  clear: both;
  opacity: 0.6;
}
#partnersWithNav .sidebar {
  position: relative;
  width: 400px;
}
@media (max-width: 1300px) {
  #partnersWithNav .sidebar {
    width: 350px;
  }
}
@media (max-width: 1200px) {
  #partnersWithNav .sidebar {
    width: 320px;
  }
}
@media (max-width: 991px) {
  #partnersWithNav .sidebar {
    display: none;
  }
}
#partnersWithNav .sidebar .searchBox {
  position: relative;
  width: 290px;
  max-width: 100%;
  box-sizing: border-box;
  border: none;
  height: 56px;
  border-radius: 8px;
  line-height: 56px;
  font-size: 18px;
  padding: 0 10px 0 56px;
  margin-bottom: 24px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background: #F1F1F1 url("https://www.keepersecurity.com/assets/icons/ico-search.svg") no-repeat 20px center/28px;
}
#partnersWithNav .sidebar .searchBox.stickyNav {
  position: fixed;
  top: 210px;
  display: block;
  width: 400px;
  z-index: 10;
}
#partnersWithNav .sidebar .searchBox.stickyNav.scrolledNav {
  position: absolute;
  top: auto;
  bottom: 230px;
}
#partnersWithNav .sidebar nav#partnersNav {
  display: block;
  position: relative;
  width: 100%;
}
#partnersWithNav .sidebar nav#partnersNav.stickyNav {
  position: fixed;
  top: 110px;
  display: block;
  width: 400px;
  z-index: 10;
}
#partnersWithNav .sidebar nav#partnersNav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
#partnersWithNav .sidebar nav#partnersNav ul li a {
  font-size: 20px;
  font-weight: 200;
  padding: 8px 0;
  display: block;
  color: #000;
}
#partnersWithNav .sidebar nav#partnersNav ul li a.active {
  color: #2B568C;
  font-weight: 500;
}
#partnersWithNav .partnersList {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: 48px;
  width: calc(100% - 400px);
}
@media (max-width: 1300px) {
  #partnersWithNav .partnersList {
    width: calc(100% - 350px);
  }
}
@media (max-width: 1200px) {
  #partnersWithNav .partnersList {
    width: calc(100% - 320px);
  }
}
@media (max-width: 991px) {
  #partnersWithNav .partnersList {
    width: 100%;
  }
}
#partnersWithNav .partnersList > .partnersGroup {
  display: block;
}
#partnersWithNav .partnersList > .partnersGroup.hide {
  display: none;
}
#partnersWithNav .partnersList h2 {
  margin-bottom: 16px;
}
#partnersWithNav .partnersList h2 + p {
  margin-bottom: 40px;
}
#partnersWithNav .partnersList h2 + p a {
  font-weight: 500;
  color: #1B74DA;
}
#partnersWithNav .partnersList .partnersGrid {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: 24px;
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
#partnersWithNav .partnersList .partnersGrid .partner {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-end;
  align-items: center;
  border: 1px solid #BFBFBF;
  border-radius: 8px;
  width: calc(25% - 18px);
  list-style-type: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
}
@media (max-width: 1150px) {
  #partnersWithNav .partnersList .partnersGrid .partner {
    width: calc(33.32% - 16px);
  }
}
@media (max-width: 1080px) {
  #partnersWithNav .partnersList .partnersGrid .partner {
    width: calc(50% - 12px);
  }
}
@media (max-width: 991px) {
  #partnersWithNav .partnersList .partnersGrid .partner {
    width: calc(33.32% - 16px);
  }
}
@media (max-width: 768px) {
  #partnersWithNav .partnersList .partnersGrid .partner {
    width: calc(50% - 12px);
  }
}
@media (max-width: 480px) {
  #partnersWithNav .partnersList .partnersGrid .partner {
    width: 100%;
    flex-flow: row nowrap;
    justify-content: flex-start;
    height: 76px;
    overflow: hidden;
  }
}
#partnersWithNav .partnersList .partnersGrid .partner.hide {
  display: none;
}
#partnersWithNav .partnersList .partnersGrid .partner.notFound {
  display: none;
}
#partnersWithNav .partnersList .partnersGrid .partner > div {
  display: block;
  width: 80%;
}
@media (max-width: 480px) {
  #partnersWithNav .partnersList .partnersGrid .partner > div {
    width: auto;
  }
}
#partnersWithNav .partnersList .partnersGrid .partner .partnerLogo {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  box-sizing: content-box;
  margin: 38px 0 20px;
  width: 100%;
}
@media (max-width: 480px) {
  #partnersWithNav .partnersList .partnersGrid .partner .partnerLogo {
    background: #F8F8F8;
    width: 40%;
    height: 76px;
    margin: 0;
  }
}
#partnersWithNav .partnersList .partnersGrid .partner .partnerLogo a {
  display: flex;
}
#partnersWithNav .partnersList .partnersGrid .partner .partnerLogo > img {
  margin: 0 auto;
  max-width: 80%;
  height: auto;
  max-height: 60px;
  opacity: 0;
}
#partnersWithNav .partnersList .partnersGrid .partner .partnerName {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  font-size: 16px;
  text-align: center;
  padding: 0 0 28px;
}
@media (max-width: 991px) {
  #partnersWithNav .partnersList .partnersGrid .partner .partnerName {
    font-size: 18px;
  }
}
@media (max-width: 480px) {
  #partnersWithNav .partnersList .partnersGrid .partner .partnerName {
    font-size: 16px;
    width: 60%;
    height: 76px;
    flex-flow: row nowrap;
    justify-content: flex-start;
    text-align: left;
    padding: 0;
  }
}

.page-template-t-links {
  background: #000;
}
.page-template-t-links .container {
  width: 480px;
}
.page-template-t-links header {
  padding-top: 96px;
  display: block;
  width: 100%;
  position: relative;
  left: 0;
  top: 0;
  background: #000;
}
.page-template-t-links header.header {
  display: none;
}
.page-template-t-links header .container {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: flex-end;
}
.page-template-t-links nav#socialNavCMS {
  display: block;
  width: 100%;
  padding: 72px 0;
  background: #000;
}
.page-template-t-links nav#socialNavCMS .container {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  width: 530px;
}
.page-template-t-links nav#socialNavCMS .container ul#socialNetworksCMS {
  list-style-type: none;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 16px;
}
@media (max-width: 768px) {
  .page-template-t-links nav#socialNavCMS .container ul#socialNetworksCMS {
    gap: 10px;
  }
}
@media (max-width: 480px) {
  .page-template-t-links nav#socialNavCMS .container ul#socialNetworksCMS {
    gap: 8px;
  }
}
.page-template-t-links nav#socialNavCMS .container ul#socialNetworksCMS li {
  margin: 0;
  padding: 0;
}
.page-template-t-links nav#socialNavCMS .container ul#socialNetworksCMS li a {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  background: #404040;
  border-radius: 14px;
  padding: 9px;
}
@media (max-width: 768px) {
  .page-template-t-links nav#socialNavCMS .container ul#socialNetworksCMS li a {
    padding: 6px;
  }
}
@media (max-width: 480px) {
  .page-template-t-links nav#socialNavCMS .container ul#socialNetworksCMS li a {
    border-radius: 12px;
  }
}
.page-template-t-links nav#socialNavCMS .container ul#socialNetworksCMS li a img {
  width: 28px;
  height: 28px;
}
@media (max-width: 480px) {
  .page-template-t-links nav#socialNavCMS .container ul#socialNetworksCMS li a img {
    width: 24px;
    height: 24px;
  }
}
.page-template-t-links .main[view=linkInBio] {
  min-height: calc(100vh - 100px);
  box-sizing: border-box;
}
.page-template-t-links .main[view=linkInBio] .container {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
}
.page-template-t-links .main[view=linkInBio] .container nav#bioLinksCMS {
  width: 100%;
  box-sizing: border-box;
}
.page-template-t-links .main[view=linkInBio] .container nav#bioLinksCMS ul#bioLinksListCMS {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  gap: 16px;
  width: 100%;
}
.page-template-t-links .main[view=linkInBio] .container nav#bioLinksCMS ul#bioLinksListCMS li {
  margin: 0;
  padding: 0;
  width: 100%;
}
.page-template-t-links .main[view=linkInBio] .container nav#bioLinksCMS ul#bioLinksListCMS li a {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  background: #404040;
  border-radius: 12px;
  padding: 12px;
  font-size: 16px;
  color: #fff;
  transition: all 0.4s;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.page-template-t-links .main[view=linkInBio] .container nav#bioLinksCMS ul#bioLinksListCMS li a img {
  width: 58px;
  height: 58px;
}
@media (max-width: 480px) {
  .page-template-t-links .main[view=linkInBio] .container nav#bioLinksCMS ul#bioLinksListCMS li a img {
    width: 56px;
    height: 56px;
  }
}
.page-template-t-links .main[view=linkInBio] .container nav#bioLinksCMS ul#bioLinksListCMS li a p {
  display: block;
  text-align: left;
  font-size: 16px;
  width: calc(100% - 70px);
}
.page-template-t-links .main[view=linkInBio] .container nav#bioLinksCMS ul#bioLinksListCMS li:hover a {
  background: rgba(255, 255, 255, 0.4);
}
.page-template-t-links footer {
  padding: 40px 0;
}
.page-template-t-links footer.secondary {
  display: none;
}
.page-template-t-links footer p {
  color: #fff;
  text-align: center;
  font-size: 14px;
}

.footer {
  padding: 0;
  overflow: hidden;
}
.footer a {
  font-family: "Outfit", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 300;
  color: #000;
}
.footer a:hover {
  color: #cf9f24;
}
.footer .bottombar a {
  color: #fff;
}

.footer > .navigation {
  background-color: white;
  padding: 50px 0;
}

.footer > .navigation > .container {
  position: relative;
}

.footer > .navigation > .inner {
  display: flex;
  justify-content: space-between;
}

.footer > .navigation > .inner:before,
.footer > .navigation > .inner:after {
  content: none;
}

.footer > .navigation > .inner > ul {
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  list-style: none;
  align-items: center;
  color: white;
  width: 100%;
}

.footer > .navigation > .inner > ul li {
  margin: 0;
  width: 100%;
  display: block;
  text-align: center;
}

.footer > .navigation > .inner > ul li a {
  display: block;
  padding: 9px 0;
  width: 100%;
  text-align: center;
}

/* ------------------------------------------------------------ *\
  Copyright
\* ------------------------------------------------------------ */
.copyright {
  font-size: 12px;
  font-weight: 300;
  color: #797979;
  text-align: center;
}

.footer > .copyright {
  background-color: #000;
  padding: 24px 0;
}
@media (max-width: 768px) {
  .footer > .copyright {
    background: #fff;
  }
}

.footer > .copyright ul {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  list-style: none;
  align-items: center;
  width: 100%;
}

.footer > .bottombar {
  background: black;
}

.footer > .bottombar > .inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 25px;
  padding-bottom: 25px;
}

.footer > .bottombar > .inner:before,
.footer > .bottombar > .inner:after {
  content: none;
}

.footer > .bottombar > .inner > .social > ul {
  list-style: none;
  display: flex;
  justify-content: space-between;
  width: 140px;
  margin: 0 auto;
}

.footer > .bottombar > .inner > .social > ul > li {
  display: inline-block;
}

.footer .copyright p {
  font-family: "Outfit", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 16px;
  color: #fff;
  text-align: center;
}
@media (max-width: 768px) {
  .footer .copyright p {
    font-size: 14px;
    color: #000;
  }
}

.footer .current_locale {
  margin-right: 5px;
  margin-left: 2px;
  color: #fff;
}
@media (max-width: 768px) {
  .footer .current_locale {
    color: #000;
  }
}

.footer [data-popup=select-locale] {
  text-decoration: none;
  color: white;
  cursor: pointer;
}
@media (max-width: 768px) {
  .footer [data-popup=select-locale] {
    color: #000;
  }
}
.footer [data-popup=select-locale] .caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-right: 4px solid rgba(0, 0, 0, 0);
  border-left: 4px solid rgba(0, 0, 0, 0);
}

.footer [data-popup=select-locale]:hover {
  text-decoration: none;
  color: #cf9f24;
}
.footer [data-popup=select-locale]:hover .current_locale {
  color: #cf9f24;
}

.footer .language a {
  font-size: 16px;
}
.footer .language a.consent {
  color: #fff;
  margin-left: 20px;
}

.footer .footerHeading {
  font-size: 14px;
  line-height: 1.3;
  text-transform: uppercase;
}

@media (max-width: 850px) {
  .footer .mobile {
    display: block;
  }
  .footer .desktop {
    display: none;
  }
}
@media (min-width: 850px) {
  .footer .mobile {
    display: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .footer .desktop {
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.footer .mobile.copyright.socials {
  padding-top: 0;
}
.footer .socials li {
  display: inline-block;
  vertical-align: top;
}
.footer .socials li a {
  display: block;
  padding: 30px 12px 25px;
}
.footer .mobile .socials li a {
  padding: 15px 12px 10px;
}
.footer .ico-linkedin,
.footer .ico-facebook,
.footer .ico-twitter,
.footer .ico-instagram,
.footer .ico-reddit,
.footer .ico-linkedin-black,
.footer .ico-facebook-black,
.footer .ico-twitter-black,
.footer .ico-instagram-black,
.footer .ico-reddit-black {
  height: 21px;
  width: 21px;
  text-indent: -5000px;
  overflow: hidden;
}
.footer .ico-facebook {
  background: url("https://www.keepersecurity.com/assets/icons/ico-facebook.svg") no-repeat center/contain;
}
.footer .ico-twitter {
  background: url("https://www.keepersecurity.com/assets/icons/x-twitter-white.svg") no-repeat center/contain;
}
.footer .ico-linkedin {
  background: url("https://www.keepersecurity.com/assets/icons/ico-linkedin.svg") no-repeat center/contain;
}
.footer .ico-instagram {
  background: url("https://www.keepersecurity.com/assets/icons/ico-instagram.svg") no-repeat center/contain;
}
.footer .ico-reddit {
  background: url("https://www.keepersecurity.com/assets/icons/ico-reddit.svg") no-repeat center/contain;
}
.footer .ico-facebook-black {
  background: url("https://www.keepersecurity.com/assets/icons/ico-facebook-black.svg") no-repeat center/contain;
}
.footer .ico-twitter-black {
  background: url("https://www.keepersecurity.com/assets/icons/x-twitter-black.svg") no-repeat center/contain;
}
.footer .ico-linkedin-black {
  background: url("https://www.keepersecurity.com/assets/icons/ico-linkedin-black.svg") no-repeat center/contain;
}
.footer .ico-instagram-black {
  background: url("https://www.keepersecurity.com/assets/icons/ico-instagram-black.svg") no-repeat center/contain;
}
.footer .ico-reddit-black {
  background: url("https://www.keepersecurity.com/assets/icons/ico-reddit-black.svg") no-repeat center/contain;
}

@media (min-width: 768px) {
  .footer .ico-twitter {
    margin: 0 0;
  }
}
.footer .ico-globe {
  height: 24px;
  width: 20px;
  background: url("https://www.keepersecurity.com/assets/icons/ico-language.svg") no-repeat center/contain;
}

.footer .ico-globe-black {
  height: 24px;
  width: 20px;
  background: url("https://www.keepersecurity.com/assets/icons/ico-language_black.svg") no-repeat center/contain;
}

.footer [data-popup=select-locale]:hover .ico-globe {
  background: url("https://www.keepersecurity.com/assets/icons/ico-language_gold.svg") no-repeat center/contain;
}

.footer section.socials {
  margin-bottom: 18px;
}

.footer .cookie-consent-popup-trig {
  font-size: 16px;
}
@media (max-width: 768px) {
  .footer .cookie-consent-popup-trig {
    font-family: "Outfit", Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #000;
    text-align: center;
  }
}

#cookie-consent-popup-trig-desktop {
  margin: 0;
}
#cookie-consent-popup-trig-desktop p {
  text-align: center;
  display: block;
  width: 100%;
  margin-top: -10px;
}
#cookie-consent-popup-trig-desktop p .cookie-consent-popup-trig {
  margin-left: -64px;
  color: #fff;
}

.footer .footer-nav ul {
  list-style: none;
  font-size: 16px;
}

.footer .fragment .footerHeading {
  margin-bottom: 16px;
  letter-spacing: 0;
  font-weight: 600;
}

.footer .fragment .footerHeading:not(:first-child) {
  margin-top: 30px;
}

.footer .fragment li {
  line-height: 16px;
  margin-bottom: 15px;
}

.footer .navigation a:hover,
.footer .navigation a:focus {
  color: #cf9f24;
  text-decoration: none;
}

@media not all, only screen and (-webkit-min-device-pixel-ratio: 2), not all, only screen and (min-resolution: 192dpi) {
  .ico-facebook {
    width: 12px;
    height: 21px;
    background-image: url("https://www.keepersecurity.com/assets/icons/mo-ico-facebook@2x.png");
  }
  .ico-linkedin {
    width: 19px;
    height: 19px;
    background-image: url("https://www.keepersecurity.com/assets/icons/mo-ico-linkedin@2x.png");
  }
  .ico-twitter {
    width: 21px;
    height: 17px;
    background-image: url("https://www.keepersecurity.com/assets/icons/mo-ico-twitter@2x.png");
  }
}
html[locale=ru_RU] .footer .fragment .footerHeading {
  font-weight: 600;
}

.mobile.copyright .cookie-consent-popup-trig {
  margin: 25px 0 0 0;
  padding: 0;
}

.cj-img {
  display: none;
}

.footer .mobile .language {
  display: block;
  padding-top: 72px;
  margin-bottom: 30px;
}
.footer .mobile .language a {
  color: #000;
}

.wp-block-embed__wrapper {
  height: 0;
  padding-top: 57%;
  position: relative;
}

.wp-block-embed__wrapper iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100% !important;
  height: 100% !important;
}

.withdraw-cc-footer {
  margin-left: 20px;
  display: inline-block;
}

.cp-right-footer {
  display: inline-block;
}

.widget ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  font-size: 18px;
  color: #A4A4A4;
  opacity: 1;
  /* Firefox */
}

.widget :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  font-size: 18px;
  color: #A4A4A4;
}

.widget ::-ms-input-placeholder {
  /* Microsoft Edge */
  font-size: 18px;
  color: #A4A4A4;
}

.entry-summary {
  height: auto;
}

.entry-body a {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;
  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

div.tp_recent_tweets ul {
  padding: 20px !important;
}

div.tp_recent_tweets ul li {
  padding-top: 15px !important;
  background-position: 0px 20px !important;
  padding-left: 40px !important;
}

/* HEADINGS */
.entry-title {
  white-space: pre-wrap !important;
}

h1.entry-title {
  font-size: 26px;
  font-weight: 500;
  overflow: visible !important;
}

#business-solutions-showcase {
  width: 840px;
}

#personal-solutions-showcase {
  width: 576px;
}

@media screen and (min-width: 768px) {
  a[title="Sign Up"] {
    border-radius: 5px;
    border: 1px solid #E6B300;
    max-height: 40px;
  }
  a[title="Sign Up"]:hover {
    border-radius: 5px;
    background-color: #E6B300 !important;
    color: #000 !important;
  }
}
section#frontpage-banner {
  display: none;
}

.feed-title {
  display: none;
}

section {
  padding-top: 0;
}

#comments {
  display: none;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
  background-color: transparent;
}

.navbar-toggle {
  margin-top: 20px;
}

h3.entry-title {
  font-size: 20px;
  overflow: visible !important;
}

.entry-summary,
.entry-content {
  margin-top: -18px;
}

.entry-category {
  display: none;
}

.entry-category a {
  color: #E6B300;
}

/* category link */
section.blogFeed p.entry-more,
section.blog-post p.entry-more {
  margin: 0;
}

.entry-more a {
  background-color: #FFC600;
  color: black;
}

.entry-more a:focus,
.entry-more a:hover {
  background-color: #E6B300;
  color: black;
}

.entry-meta li {
  font-size: 16px;
}

.nav-nums {
  padding-top: 10px;
}

.entry-title {
  font-weight: 400;
  margin: 0 0 15px;
  line-height: 30px !important;
  overflow: visible !important;
  text-overflow: ellipsis;
}

.entry-thumb {
  background-color: #FFC600;
  min-height: 10px;
  max-height: 500px;
  overflow: hidden;
  display: flex;
  align-items: center;
}

.entry-thumb a {
  width: 100%;
}

.entry-title a:focus,
.entry-title a:hover,
.footer-menu li a:focus,
.footer-menu li a:hover {
  color: #E6B300;
  text-decoration: none;
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
  background-color: transparent;
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
  background-color: transparent;
  border-color: #FFC600;
}

.navbar-default .navbar-toggle:focus .icon-bar,
.navbar-default .navbar-toggle:hover .icon-bar {
  background-color: #FFC600;
}

#navbelow {
  margin-bottom: 50px;
}

.entry-more a:focus,
.entry-more a:hover {
  color: black;
  background-color: #E6B300;
  -webkit-box-shadow: 0 14px 26px -12px rgba(230, 179, 0, 0.2), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(230, 179, 0, 0.2);
  -moz-box-shadow: 0 14px 26px -12px rgba(64, 200, 115, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(230, 179, 0, 0.2);
  box-shadow: 0 14px 26px -12px rgba(230, 179, 0, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(230, 179, 0, 0.2);
}

.entry-more i.fa {
  margin-right: -5px;
}

/* HIDE COMMENT META */
i.fa.fa-comment-o {
  display: none;
}

i.fa.fa-comment-o ~ a {
  display: none;
}

.footer-copyright {
  color: #fff;
  font-size: 16px;
}

.footer-copyright p {
  margin: 4px 0 0;
}

a:focus,
a:hover {
  text-decoration: none;
}

.footer-float-left {
  float: left;
}

.footer-float-right {
  float: right;
}

.footer-menu {
  padding: 0;
}

.footer-menu li a {
  color: #fff;
  padding-top: 4px;
  font-size: 16px;
}

@media screen and (max-width: 992px) {
  .footer-float-left {
    float: none;
  }
  .footer-float-right {
    float: none;
  }
  .social-media {
    margin-bottom: 15px;
  }
}
/************** SOCIAL MEDIA *****************/
.social-media .fa-stack-1x {
  font-size: 16px;
}

.social-media.footer-float-left a {
  display: inline-block;
  color: rgba(0, 0, 0, 0);
  width: 43px;
  height: 28px;
}

.footer-cookie-withdraw {
  display: none;
}

.user-cookie-consent .footer-cookie-withdraw {
  display: block;
}

.cookie-consent-popup .modal-content {
  border-radius: 0;
  padding: 40px;
  width: 600px;
  margin: 0 auto;
}

@media screen and (max-width: 620px) {
  .cookie-consent-popup {
    padding: 0 !important;
  }
  .cookie-consent-popup .modal-content {
    width: 100%;
  }
}
.cookie-consent-popup h3 {
  margin-bottom: 20px;
}

.cookie-consent-popup p a {
  color: #499ee6;
}

.cookie-consent-popup .actions {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  margin-top: 20px;
}

@media screen and (max-width: 465px) {
  .cookie-consent-popup .actions .btn-black {
    min-width: 0;
  }
}
.cookie-consent-popup .actions a:last-of-type {
  margin-left: 10px;
}

/* COOKIE CONSENT BANNER - DEFAULT */
.cookie-consent-banner {
  position: fixed;
  display: block;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  padding: 20px;
  background-color: #333;
  z-index: 9999999999;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: flex-start;
  transition: 0.4s ease;
}

.cookie-consent-banner h6 {
  color: white;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 400;
}

.cookie-consent-banner .columns {
  display: flex;
}

@media screen and (max-width: 768px) {
  .cookie-consent-banner .columns {
    display: block;
  }
}
.cookie-consent-banner p {
  color: white;
  font-size: 14px;
  font-weight: 200;
}

.cookie-consent-banner p a {
  color: #ffffff;
  text-decoration: underline;
}

.cookie-consent-banner p a:hover {
  text-decoration: none;
}

.cookie-consent-banner .actions {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  align-items: center;
  margin-left: 20px;
}

@media screen and (max-width: 768px) {
  .cookie-consent-banner .actions {
    margin: 0;
    margin-top: 15px;
    width: 100%;
  }
}
.cookie-consent-banner .actions .btn-alt {
  padding: 0 15px;
  border-radius: 5px;
  line-height: 32px;
  color: black;
  font-size: 16px;
}

.cookie-consent-banner .actions .btn-alt:hover {
  text-decoration: none;
}

.cookie-consent-banner .actions .btn-alt.btn-yellow {
  background-color: #FFC600;
  transition: 0.2s ease;
}

.cookie-consent-banner .actions .btn-alt.btn-yellow:hover {
  background-color: #E6B300;
  filter: brightness(0.7);
}

.cookie-consent-banner .actions .btn-alt.btn-grey {
  background-color: lightgrey;
  transition: 0.2s ease;
}

.cookie-consent-banner .actions .btn-alt.btn-grey:hover {
  background-color: white;
  filter: brightness(0.7);
}

.cookie-consent-banner .actions .cookie_accept {
  margin-left: 10px;
}

.backupbutton {
  bottom: 85px;
  transition: all 0.4s, bottom 0.8s ease-in-out;
  z-index: 999998;
}

#olark-wrapper .olark-launch-button.olark-chat-tab {
  z-index: 999998 !important;
}

/* COOKIE CONSENT BANNER - NO CONSENT */
.no-cookie-consent .cookie-consent-banner {
  display: none;
}

.no-cookie-consent #cookie-consent-popup-trig,
#cookie-consent-popup-trig {
  display: none;
}

/* COOKIE CONSENT BANNER - WITH CONSENT */
.user-cookie-consent .cookie-consent-banner {
  display: none;
}

.user-cookie-consent #cookie-consent-popup-trig {
  display: block;
}

.main-column {
  margin: 0;
}

#blogLayout {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 32px;
  padding: 0 16px;
}

#blogLayout:before,
#blogLayout:after {
  display: none;
}

#blogLayout .sidebar {
  order: 1;
  width: calc(33.332% - 16px);
  margin: 0;
}

#blogLayout #contentEntry {
  width: calc(65.665% - 16px);
  order: 2;
}

#subscribeSidebar {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  background: #F0F0F0;
  padding: 32px 0;
}

#sidebarTop {
  margin-bottom: 0;
}

#sidebarTop.widget_above_post form {
  margin-bottom: 0;
}

.widget_above_post {
  position: relative;
}

.widget_above_post form {
  position: relative;
}

.widget_above_post .form-control {
  border: 0;
  height: 57px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.2s cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 0.2s cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 0.2s cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 0.2s cubic-bezier(0.4, 0, 1, 1);
  transition: all 0.2s cubic-bezier(0.4, 0, 1, 1);
}

.widget_above_post .form-control:focus {
  -webkit-box-shadow: 0 1px 15px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 1px 15px rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 15px rgba(0, 0, 0, 0.5);
}

.widget_above_post .btn-search {
  min-width: inherit;
  position: absolute;
  right: 20px;
  top: 20px;
  line-height: 20px;
  height: 20px;
  background-color: transparent;
  font-size: 14px;
  color: #666666;
  padding: 0;
  border: 0;
}

.widget_above_post .btn-search:focus,
.widget_above_post .btn-search:hover {
  background-color: transparent;
  color: #006cff;
}

.contentCTA {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  clear: both;
  width: 100%;
  border-radius: 6px;
  color: #fff;
  margin: 48px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px 32px;
  background: #245290;
  background: -moz-linear-gradient(left, #245290 0%, #11273e 100%);
  background: -webkit-linear-gradient(left, #245290 0%, #11273e 100%);
  background: linear-gradient(to right, #245290 0%, #11273e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#245290", endColorstr="#11273e", GradientType=1);
}

.contentCTA p.ctaMessage {
  color: #fff;
  font-size: 18px;
  text-align: left;
  width: 80%;
  margin: 0;
}

.contentCTA p.action {
  width: 20%;
  margin: 0;
  text-align: right;
}

.contentCTA p.action .btn {
  display: inline-flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  height: 32px;
  padding: 0 14px;
  text-transform: none;
  line-height: 1.1;
}

.contentCTA p.action .btn-clear-yellow {
  color: #fff;
}

@media (max-width: 1024px) {
  .contentCTA p.ctaMessage {
    width: 70%;
  }
  .contentCTA p.action {
    width: 30%;
  }
}
@media (max-width: 991px) {
  .contentCTA {
    margin: 40px 0;
  }
  .contentCTA p.ctaMessage {
    width: 65%;
  }
  .contentCTA p.action {
    width: 35%;
  }
}
@media (max-width: 767px) {
  .contentCTA {
    flex-flow: column nowrap;
    margin: 40px 0;
  }
  .contentCTA p.ctaMessage,
  .contentCTA p.action {
    width: 100%;
    text-align: center;
    margin: 6px 0;
  }
  .contentCTA p.action {
    margin-top: 20px;
  }
}
@media (max-width: 414px) {
  .contentCTA {
    margin: 32px 0;
  }
  .contentCTA p.ctaMessage {
    font-size: 16px;
  }
  .contentCTA p.action a.btn {
    width: 100%;
  }
}

/*# sourceMappingURL=style.css.map */