.pbka-widget-auth {
  background: #FFF;
  border: none;
  box-sizing: border-box;
}
.pbka-widget-auth input {
  -webkit-appearance: none;
  border-radius: 0px;
}
.pbka-widget-auth *,
.pbka-widget-auth *:before,
.pbka-widget-auth *:after {
  box-sizing: inherit;
}
.pbka-widget-auth > h2 {
  display: block;
  background: #005FA9;
  color: white;
  text-align: center;
  padding: 20px;
  font-weight: normal;
  margin: 0px;
}
.pbka-widget-auth > div {
  padding: 40px;
}
.pbka-widget-auth > div .pbka-widget-auth-icon {
  display: block;
  margin: 0px auto 20px;
  width: 128px;
  height: 128px;
  background-image: url('/images/pbk/padlock.png');
  background-size: 128px 128px;
}
.pbka-widget-auth > div .pbka-widget-auth-icon:hover {
  animation: radial-shake 1s linear;
  animation-fill-mode: both;
}
.pbka-widget-auth > div .pbka-widget-auth-field-container {
  display: flex;
  font-size: 32px;
  height: 64px;
}
.pbka-widget-auth > div .pbka-widget-auth-field-container .pbka-widget-auth-field {
  display: block;
  margin: 0px;
  padding: 10px;
  font-size: inherit;
  border: 1px solid #CCC;
  outline: none;
  width: 100%;
  min-width: 200px;
  transition: border-color 0.2s linear;
  border-right: none;
}
.pbka-widget-auth > div .pbka-widget-auth-field-container .pbka-widget-auth-field:focus {
  border-color: #004276;
}
.pbka-widget-auth > div .pbka-widget-auth-field-container.pbka-widget-auth-error {
  animation: shake 1s linear;
  animation-fill-mode: both;
}
.pbka-widget-auth > div .pbka-widget-auth-field-container.pbka-widget-auth-error .pbka-widget-auth-field {
  border-color: #C00;
}
.pbka-widget-auth > div .pbka-widget-auth-field-container .pbka-widget-auth-submit {
  background: #005FA9;
  color: white;
  border: none;
  font-size: 24px;
  outline: none;
  cursor: pointer;
}
.pbka-widget-auth > div .pbka-widget-auth-loader {
  display: none;
  height: 64px;
  widgth: 64px;
  margin: 0px auto;
  background: url("/images/pbk/loading.gif");
  background-size: 64px 64px;
  background-position: center;
  background-repeat: no-repeat;
}
.pbka-widget-auth.pbka-widget-auth-decrypted > div .pbka-widget-auth-field-container {
  display: none;
}
.pbka-widget-auth.pbka-widget-auth-decrypted > div .pbka-widget-auth-loader {
  display: block;
}
.pbka-widget-auth.pbka-widget-auth-decrypted > div .pbka-widget-auth-icon {
  background-image: url('/images/pbk/success.png');
  animation: bounce 0.5s linear;
  animation-iteration-count: 1;
  animation-timing-function: ease-in-out;
}
body::after {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  z-index: -1;
  content: url('/images/pbk/success.png') url('/images/pbk/loading.gif');
}
@keyframes bounce {
  0%,
  100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.15);
  }
}
@keyframes shake {
  0%,
  100% {
    transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translateX(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    transform: translateX(10px);
  }
}
@keyframes radial-shake {
  0%,
  100% {
    transform: rotate(0deg);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    transform: rotate(-3deg);
  }
  20%,
  40%,
  60%,
  80% {
    transform: rotate(3deg);
  }
}
*,
*:before,
*:after {
  box-sizing: border-box;
}
html,
body {
  margin: 0px;
  padding: 0px;
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
  min-width: 320px;
  background: #005FA9;
}
.container {
  width: 1200px;
  max-width: 95%;
  margin: 0px auto;
}
.brand-logo {
  height: 60px;
}
.brand-logo.medium {
  height: 40px;
}
#content {
  background: #FFF;
}
header {
  border-bottom: 8px solid #005FA9;
  padding: 30px 0px;
  text-align: right;
  background: #FFF;
}
header .brand-logos {
  float: left;
}
header .brand-logos .brand-logo {
  margin-right: 10px;
}
header .container > * {
  vertical-align: middle;
}
footer {
  background: #005FA9;
  color: #FFF;
}
footer .terms-and-conditions {
  padding: 80px 0px 50px;
}
footer .terms-and-conditions h2 {
  font-size: 36px;
  font-weight: normal;
  margin: 0px 0px 20px;
}
footer .brand-logos img {
  margin: 0px 10px;
  height: 35px;
}
footer .footer-bottom {
  padding: 30px 0px;
  text-align: center;
}
footer .footer-bottom .copyright {
  padding: 30px 0px 0px;
  color: rgba(255, 255, 255, 0.75);
  font-size: 14px;
}
footer a {
  color: #FFF;
}
.brand-benefits {
  text-align: center;
}
.brand-benefits .brand {
  display: inline-block;
  width: 390px;
  vertical-align: top;
  max-width: 100%;
}
.partner-logo {
  padding-left: 20px;
  margin-left: 20px;
  float: right;
}
.partner-logo.bordered {
  border-left: 1px solid #CCC;
}
.languages {
  font-size: 14px;
  display: inline;
  height: 50px;
  margin: 20px 0px;
}
.languages > a {
  margin-left: 20px;
  line-height: 60px;
}
.languages > select {
  display: none;
  margin: 20px 0px;
  height: 20px;
}
.languages .selected-locale {
  color: #000;
  text-decoration: none;
  pointer-events: none;
}
.languages.show-select > a {
  display: none;
}
.languages.show-select > select {
  display: inline;
}
@media screen and (max-width: 768px) {
  .languages > a {
    display: none;
  }
  .languages > select {
    display: inline;
  }
}
@media screen and (max-width: 768px) {
  header {
    text-align: center;
  }
  header .brand-logos {
    float: none;
  }
  header .partner-logo {
    float: none;
    margin-top: 10px;
    margin-left: 0px;
    padding: 0px;
  }
  header .partner-logo.bordered {
    border: none;
  }
  header .languages {
    position: absolute;
    top: 0px;
    right: 10px;
  }
}
a {
  color: #005FA9;
}
hr {
  width: 95%;
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}
.hero-image {
  background-position: center;
  background-size: cover;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.75);
}
.hero-image h1 {
  font-size: 42px;
  color: #F7E017;
}
.hero-image .bullets {
  color: #FFF;
}
.marketing-banner {
  text-align: center;
  display: block;
}
.marketing-banner img {
  border: none;
  max-width: 100%;
  max-height: 400px;
}
.marketing-banner hr {
  margin-top: 40px;
}
.vertically-padded {
  padding: 60px 0px;
}
.vertically-padded-small {
  padding: 20px 0px;
}
.center {
  text-align: center;
}
.clear {
  clear: both;
}
#widget {
  margin-right: 60px;
  background: #FFF;
  min-width: 320px;
  width: 450px;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.35);
  transition: height 0.1s linear;
}
#enterprise-pbk {
  text-shadow: none;
}
#enterprise-pbk .widget-search-form .widget-search-form-group {
  flex-wrap: wrap !important;
}
.flex {
  display: flex;
  flex-direction: row;
}
.flex > .bullets {
  align-self: flex-end;
}
.fleft {
  float: left;
}
.legal-links {
  margin-top: 15px;
  color: rgba(255, 255, 255, 0.75);
  font-size: 14px;
}
.legal-links a {
  color: inherit;
  font-size: inherit;
}
.legal-links a:hover {
  color: #FFF;
}
.bullets ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
  padding-bottom: 25px;
}
.bullets ul li {
  margin-top: 15px;
}
.bullets ul li:before {
  content: " ";
  display: inline-block;
  width: 8px;
  height: 16px;
  border: 3px solid #F7E017;
  border-left: none;
  border-top: none;
  transform: rotate(40deg);
  background-size: 16px 16px;
  margin-top: -3px;
  margin-right: 10px;
  vertical-align: -2px;
}
@media screen and (max-width: 978px) {
  .flex {
    flex-direction: column-reverse;
  }
  .flex > * {
    align-self: auto;
    width: 100%;
    text-align: center;
  }
  .flex img {
    max-width: 100%;
  }
  .bullets {
    text-align: center;
  }
  .bullets ul {
    padding-bottom: 45px;
  }
  .bullets ul li:before {
    display: none;
  }
  #widget {
    width: 100%;
  }
}