/*.flex(@args: none) {
    -webkit-flex: @args;
    -moz-flex: @args;
    -ms-flex: @args;
    -webkit-flex: @args;
    flex: @args;
}*/
.italic,
em {
  font-style: italic;
}
.bold,
.strong,
strong {
  font-weight: 600;
}
.site-constraint {
  width: 100%;
  max-width: 1500px;
  margin: 0 auto;
  padding: 0 70px;
}
@media (max-width: 800px) {
  .site-constraint {
    padding: 0 20px;
  }
}
.cta {
  cursor: pointer;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  display: inline-block;
  font-size: 18px;
  font-weight: 400;
  border-radius: 4px;
  color: #ffffff;
  text-transform: uppercase;
  text-shadow: 1px 0px 1px rgba(0, 0, 0, 0.2);
  text-align: center;
  width: 220px;
  line-height: 44px;
  box-shadow: 1px 1px 0 0 rgba(66, 69, 72, 0.3);
}
.cta:hover {
  color: #ffffff;
}
.cta.blue {
  background: #33bbff;
}
.cta.blue:hover {
  background: #00aaff;
}
.cta.yellow {
  background: #ffb31a;
}
.cta.yellow:hover {
  background: #f5a300;
}
.cta.vert {
  background: #29c76d;
}
.cta.vert:hover {
  background: #25b664;
}
.cta.invert.vert {
  font-weight: 400;
  background: #ffffff;
  color: #29c76d;
  border: 2px solid #29c76d;
  line-height: 40px;
  text-shadow: none;
}
.cta.invert.vert:hover {
  color: rgba(0, 0, 0, 0.4);
  border-color: rgba(0, 0, 0, 0.4);
}
.cta.white {
  color: #424548;
  background: #ffffff;
}
.cta.white:hover {
  background: #e6e6e6;
}
.cta.slate {
  background: #425c6c;
}
.cta.slate:hover {
  background: #2f414c;
}
.cta.disabled {
  pointer-events: none;
  background: #ced5d9;
  color: #ebeeef;
}
.spacer {
  display: inline-block;
  width: 220px;
  height: 4px;
  margin: 40px auto;
}
.spacer.blue {
  background: #33bbff;
}
.spacer.yellow {
  background: #ffb31a;
}
.spacer.vert {
  background: #29c76d;
}
.no-select {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.no-events {
  pointer-events: none;
}
.clearfix:after {
  content: "";
  display: inline-block;
  clear: both;
}
* {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
body {
  -webkit-font-smoothing: antialiased;
  font-weight: 300;
  font-size: 18px;
  color: #474747;
  font-family: 'Open Sans', sans-serif;
}
a {
  color: inherit;
  text-decoration: inherit;
}
em,
b,
i,
strong {
  font-weight: inherit;
  font-style: inherit;
}
b {
  font-weight: 400;
}
strong {
  font-weight: 600;
}
em,
i {
  font-style: italic;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  font-weight: inherit;
  color: inherit;
}
ol,
ul {
  list-style: none;
}
address {
  font-style: normal;
}
svg {
  display: block;
  width: 100%;
  height: 100%;
}
input,
select,
[contenteditable],
textarea {
  outline: none;
  border: none;
  background: transparent;
  font: inherit;
  color: inherit;
}
button {
  -webkit-appearance: none;
  text-decoration: none;
  background: none;
  border: none;
  border-spacing: 0;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  outline: none;
}
p {
  line-height: 1.75;
}
#pefin-logo {
  fill: #ffffff;
}
#pefin-logo path.fill-set-primary {
  fill: #33bbff;
}
#pefin-logo path.fill-set-secondary {
  fill: #ffb31a;
}
#pefin-logo path.fill-set-tertiary {
  fill: #29c76d;
}
.site-wrapper {
  position: relative;
}
html {
  -webkit-text-size-adjust: none;
  -webkit-font-size-adjust: none;
  font-size-adjust: none;
}
/*p {
    font-size: 18px;
}*/
body {
  min-width: 1250px;
}
* {
  max-height: 1000000px;
}
body.home {
  min-width: 0;
  min-width: none;
  min-width: unset;
  min-width: initial;
}
@media (max-width: 1180px) {
  body.home header .main-header-wrapper {
    display: none;
  }
  body.home header .mobile-header-wrapper {
    display: block;
  }
}
body.home footer .links {
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
header .mobile-header-wrapper {
  z-index: 101;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: none;
}
header .mobile-header-wrapper.nav-open .header {
  background: #425c6c;
}
header .mobile-header-wrapper.nav-open .nav-menu {
  visibility: inherit;
  visibility: initial;
  opacity: 1.0;
  pointer-events: auto;
}
header .mobile-header-wrapper .header {
  z-index: 2;
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 80px;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
header .mobile-header-wrapper .pefin-logo {
  display: block;
  height: 100%;
  padding: 0 20px;
}
header .mobile-header-wrapper .pefin-logo svg {
  width: 150px;
}
header .mobile-header-wrapper .menu-button {
  width: 60px;
  height: 50px;
  padding: 10px;
  margin-right: 20px;
  display: -webkit-flex;
  display: flex;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  cursor: pointer;
}
header .mobile-header-wrapper .menu-button .bar {
  height: 3px;
  background: #ffffff;
}
header .mobile-header-wrapper .nav-menu {
  z-index: 1;
  position: absolute;
  top: 100%;
  width: 100%;
  padding-bottom: 20px;
  text-align: center;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  transition: all 0.4s ease;
  font-size: 20px;
  background: #425c6c;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  visibility: hidden;
  opacity: 0.0;
  opacity: 0;
  pointer-events: none;
}
header .mobile-header-wrapper .nav-menu a {
  display: block;
  padding: 10px;
}
header .mobile-header-wrapper .nav-menu a:hover {
  background: rgba(255, 255, 255, 0.1);
}
header .main-header-wrapper {
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
header .main-header-wrapper .site-constraint {
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: flex-start;
  -moz-box-align: flex-start;
  -ms-flex-align: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  padding: 25px 70px;
  margin: 0 auto;
  max-width: 1640px;
}
header .main-header-wrapper .pefin-logo {
  width: 190px;
  height: 80px;
}
header .main-header-wrapper .pefin-logo svg {
  width: 100%;
  height: 100%;
}
header .main-header-wrapper nav {
  margin-top: 20px;
}
header .main-header-wrapper nav a {
  font-weight: 400;
  color: #ffffff;
  text-transform: uppercase;
  margin-left: 40px;
}
header .main-header-wrapper nav a:hover {
  color: #29c76d;
}
header .main-header-wrapper nav .cta {
  width: 135px;
}
header .main-header-wrapper nav .cta:last-child {
  margin-left: 10px;
}
header .main-header-wrapper nav .cta:hover {
  color: #ffffff;
}
header .main-header-wrapper nav .invitation,
header .main-header-wrapper nav .signup,
header .main-header-wrapper nav .login {
  position: relative;
}
header .main-header-wrapper nav .invitation:before,
header .main-header-wrapper nav .signup:before,
header .main-header-wrapper nav .login:before {
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  position: absolute;
  display: block;
  top: -80px;
  left: 50%;
  -o-transform: translateX(-20px);
  -webkit-transform: translateX(-20px);
  -moz-transform: translateX(-20px);
  -ms-transform: translateX(-20px);
  transform: translateX(-20px);
  width: 0;
  height: 0;
  border: 20px solid transparent;
  border-top-color: #ffffff;
}
header .main-header-wrapper nav .invitation.open:before,
header .main-header-wrapper nav .signup.open:before,
header .main-header-wrapper nav .login.open:before {
  content: '';
  top: -45px;
}
header .main-header-wrapper nav.tour a.tour,
header .main-header-wrapper nav.about a.about,
header .main-header-wrapper nav.faq a.faq,
header .main-header-wrapper nav.security a.security,
header .main-header-wrapper nav.blog a.blog {
  color: #29c76d;
}
.banner {
  position: relative;
  background: #425c6c;
  color: #ffffff;
  height: 100vh;
  max-height: 600px;
}
.banner .title-wrapper {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 0;
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  font-size: 55px;
  color: #ffffff;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
}
.banner .title-wrapper .title span {
  font-weight: 400;
}
.banner .title-wrapper .subtitle {
  margin-top: 50px;
  font-size: 26px;
}
.banner .title-wrapper .site-constraint {
  max-width: 1088px;
}
.heading {
  background: #425c6c;
  padding: 80px 20px;
}
.heading .site-constraint {
  color: #ffffff;
  text-align: center;
  font-weight: 600;
  font-size: 32px;
}
.heading .site-constraint span {
  font-weight: 300;
  font-size: 18px;
}
.heading .site-constraint a {
  text-decoration: underline;
}
.heading.inverse {
  background: #ffffff;
}
.heading.inverse .site-constraint {
  color: #425c6c;
}
.subheading {
  font-size: 32px;
  font-weight: 600;
  color: #425c6c;
  text-align: center;
}
.form-wrapper,
.form-success-wrapper {
  display: none;
  width: 100%;
  max-width: 750px;
  margin: 0 auto;
}
.form-wrapper.focus,
.form-success-wrapper.focus {
  z-index: 1;
  display: block;
  position: relative;
}
.early-access-form-wrapper {
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  max-width: 660px;
  margin: 0 auto;
  padding: 0 20px;
  font-size: 18px;
}
.early-access-form-wrapper .pefin-input-wrapper {
  -moz-flex-grow: 100;
  -ms-flex-grow: 100;
  -webkit-flex-grow: 100;
  flex-grow: 100;
  border-bottom: none;
}
.early-access-form-wrapper .pefin-input-wrapper .error-wrapper {
  border-right: none;
  text-align: left;
}
.early-access-form-wrapper .pefin-input-wrapper .input-wrapper {
  border-right: none;
}
.early-access-form-wrapper .cta {
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  font-weight: 400;
  line-height: 46px;
  box-shadow: none;
  border-radius: unset;
}
.contact-us-form-wrapper .form-wrapper,
.contact-us-form-wrapper .form-success {
  display: none;
  max-width: unset;
  width: 100%;
}
.contact-us-form-wrapper .form-wrapper.focus,
.contact-us-form-wrapper .form-success.focus {
  display: block;
}
.contact-us-form-wrapper .subheading {
  margin-bottom: 60px;
}
.contact-us-form-wrapper .form-fields-wrapper {
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin: 0 auto 40px;
}
.contact-us-form-wrapper .form-fields-wrapper .left-panel {
  display: -webkit-flex;
  display: flex;
  -moz-flex-basis: 320px;
  -ms-flex-basis: 320px;
  -webkit-flex-basis: 320px;
  flex-basis: 320px;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  padding-right: 40px;
  border-right: 1px dashed rgba(66, 92, 108, 0.2);
}
.contact-us-form-wrapper .form-fields-wrapper .left-panel .pefin-input-wrapper:first-child {
  margin-bottom: 40px;
}
.contact-us-form-wrapper .form-fields-wrapper .right-panel {
  display: -webkit-flex;
  display: flex;
  -moz-flex-basis: 320px;
  -ms-flex-basis: 320px;
  -webkit-flex-basis: 320px;
  flex-basis: 320px;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  padding-left: 40px;
}
.contact-us-form-wrapper .form-fields-wrapper .right-panel .pefin-input-wrapper .input-wrapper {
  height: 136px;
}
.contact-us-form-wrapper .cta {
  display: block;
  margin: 0 auto;
}
.thank-you-wrapper {
  text-align: left;
  color: #425c6c;
}
.thank-you-wrapper .message {
  font-weight: 400;
  margin-bottom: 50px;
}
.thank-you-wrapper .message-header {
  font-weight: 600;
  font-size: 24px;
  color: #33bbff;
  padding-bottom: 40px;
  border-bottom: 1px dashed #8ba5b1;
  margin-bottom: 40px;
}
.thank-you-wrapper #uniqueUrlForUser {
  margin-top: 5px;
}
share-button.detailed-shares {
  background: none;
  padding: 0;
}
share-button.detailed-shares:hover {
  background: none;
}
share-button.detailed-shares:before {
  display: none;
}
share-button.detailed-shares .sb-social {
  opacity: 1;
  -o-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  -moz-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  -ms-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  position: relative;
  visibility: visible;
  margin-bottom: 20px;
}
share-button.detailed-shares .sb-social ul li {
  font-size: 18px;
  font-weight: 600;
  border-radius: 3px;
  width: 150px;
  margin-right: 20px;
  text-align: center;
}
share-button.detailed-shares .sb-social ul li:hover a {
  color: rgba(0, 0, 0, 0.5);
}
share-button.detailed-shares .sb-social ul li:before,
share-button.detailed-shares .sb-social ul li:after {
  display: block;
  width: 30px;
  height: 30px;
  top: 6px;
  left: 15px;
  padding-right: 5px;
  border-right: 1px solid #ffffff;
}
share-button.detailed-shares .sb-social ul li a {
  -o-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  color: #ffffff;
  line-height: 44px;
  padding-left: 45px;
}
.pefin-input-wrapper {
  display: block;
  min-width: 180px;
  background: #ffffff;
  border-bottom: 4px solid #ffaa00;
}
.pefin-input-wrapper ::-webkit-input-placeholder {
  color: #425c6c;
}
.pefin-input-wrapper .input-wrapper {
  padding: 10px 18px;
  color: #425c6c;
  border: 1px solid #edf2f4;
}
.pefin-input-wrapper .error-wrapper {
  display: none;
  padding: 13px 18px 12px;
  font-size: 15px;
  font-weight: 400;
  color: #ffaa00;
  border: 1px solid #f57e47;
}
.pefin-input-wrapper .input {
  width: 100%;
}
.pefin-input-wrapper textarea {
  height: 100%;
}
.pefin-input-wrapper.filled {
  border-color: #859ca8;
}
.pefin-input-wrapper.textarea {
  height: 140px;
}
.pefin-input-wrapper.textarea.error .error-wrapper {
  height: 100%;
}
.pefin-input-wrapper.error {
  border-color: #f57e47;
}
.pefin-input-wrapper.error .input-wrapper {
  border-color: #f57e47;
}
.pefin-input-wrapper.error.inline-error .input-wrapper {
  display: none;
}
.pefin-input-wrapper.error.inline-error .error-wrapper {
  display: block;
  border-color: #f57e47;
}
.pefin-checkbox-wrapper .label {
  cursor: pointer;
}
.pefin-checkbox-wrapper input[type="checkbox"] {
  display: none;
}
.pefin-checkbox-wrapper .pefin-checkbox {
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  margin-right: 10px;
  background: #ffffff;
  -o-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  border: 3px solid #ffaa00;
  border-radius: 50%;
}
.pefin-checkbox-wrapper .pefin-checkbox .checkmark-wrapper {
  -o-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  opacity: 0;
  position: relative;
  width: 20px;
  height: 20px;
  overflow: hidden;
}
.pefin-checkbox-wrapper .pefin-checkbox .checkmark {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 10px;
  height: 10px;
  background: #ffaa00;
  border-radius: 50%;
  -o-transition: 0.2s;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}
.pefin-checkbox-wrapper .pefin-checkbox:empty:before {
  position: absolute;
  background: #ffaa00;
  border-radius: 50%;
  -o-transition: 0.2s;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
  content: "";
  display: block;
  top: 2px;
  left: 2px;
  width: 10px;
  height: 10px;
  -o-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -o-transform: translate3d(0, 0, 0) scale3d(0.5, 0.5, 1) rotate3d(0, 0, 1, -45deg);
  -webkit-transform: translate3d(0, 0, 0) scale3d(0.5, 0.5, 1) rotate3d(0, 0, 1, -45deg);
  -moz-transform: translate3d(0, 0, 0) scale3d(0.5, 0.5, 1) rotate3d(0, 0, 1, -45deg);
  -ms-transform: translate3d(0, 0, 0) scale3d(0.5, 0.5, 1) rotate3d(0, 0, 1, -45deg);
  transform: translate3d(0, 0, 0) scale3d(0.5, 0.5, 1) rotate3d(0, 0, 1, -45deg);
  opacity: 0;
}
.pefin-checkbox-wrapper.filled .pefin-checkbox {
  border-color: #859ca8;
}
.pefin-checkbox-wrapper.filled .pefin-checkbox .checkmark {
  background: #859ca8;
}
.pefin-checkbox-wrapper.filled .pefin-checkbox:empty:before {
  background: #859ca8;
}
.pefin-checkbox-wrapper.error .pefin-checkbox {
  border-color: #f57e47;
}
.pefin-checkbox-wrapper.error .pefin-checkbox .checkmark {
  background: #859ca8;
}
.pefin-checkbox-wrapper.error .pefin-checkbox:empty:before {
  background: #859ca8;
}
.pefin-checkbox-wrapper.disabled {
  pointer-events: none;
}
.pefin-checkbox-wrapper.disabled .pefin-checkbox {
  border-color: #cccccc;
}
.pefin-checkbox-wrapper.disabled .pefin-checkbox .checkmark,
.pefin-checkbox-wrapper.disabled .pefin-checkbox:empty:before {
  border-color: #cccccc;
}
.pefin-checkbox-wrapper.checked .pefin-checkbox .checkmark-wrapper,
.pefin-checkbox-wrapper input[type="checkbox"]:checked + .pefin-checkbox .checkmark-wrapper {
  opacity: 1;
}
.pefin-checkbox-wrapper.checked .pefin-checkbox:empty:before,
.pefin-checkbox-wrapper input[type="checkbox"]:checked + .pefin-checkbox:empty:before {
  -o-transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotate3d(0, 0, 1, -45deg);
  -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotate3d(0, 0, 1, -45deg);
  -moz-transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotate3d(0, 0, 1, -45deg);
  -ms-transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotate3d(0, 0, 1, -45deg);
  transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotate3d(0, 0, 1, -45deg);
  opacity: 1;
}
/* Loading bar */
@-webkit-keyframes bounce-animation {
  0% {
    bottom: 50px;
  }
  50% {
    bottom: 40px;
  }
  100% {
    bottom: 50px;
  }
}
@-moz-keyframes bounce-animation {
  0% {
    bottom: 50px;
  }
  50% {
    bottom: 40px;
  }
  100% {
    bottom: 50px;
  }
}
@-ms-keyframes bounce-animation {
  0% {
    bottom: 50px;
  }
  50% {
    bottom: 40px;
  }
  100% {
    bottom: 50px;
  }
}
@keyframes bounce-animation {
  0% {
    bottom: 50px;
  }
  50% {
    bottom: 40px;
  }
  100% {
    bottom: 50px;
  }
}
.play-bounce-animation {
  -o-animation: bounce-animation 1.2s ease infinite both;
  -webkit-animation: bounce-animation 1.2s ease infinite both;
  -moz-animation: bounce-animation 1.2s ease infinite both;
  -ms-animation: bounce-animation 1.2s ease infinite both;
  animation: bounce-animation 1.2s ease infinite both;
}
.signup-login-wrapper {
  width: 100%;
  position: relative;
  top: 0;
  left: 0;
  background: #ffffff;
  overflow: hidden;
  /*.closer-wrapper {
        text-align: right;
    }*/
}
.signup-login-wrapper .login-wrapper,
.signup-login-wrapper .signup-wrapper,
.signup-login-wrapper .invitation-wrapper,
.signup-login-wrapper .forgot-password-wrapper,
.signup-login-wrapper .reset-password-wrapper {
  display: none;
  max-width: 750px;
  margin: 0 auto;
}
.signup-login-wrapper.signup-focus .signup-wrapper {
  display: block;
}
.signup-login-wrapper.signup-focus .signup-wrapper .cta {
  margin-bottom: 60px;
}
.signup-login-wrapper.invitation-focus .invitation-wrapper {
  display: block;
}
.signup-login-wrapper.invitation-focus .invitation-wrapper .pefin-input-wrapper,
.signup-login-wrapper.invitation-focus .invitation-wrapper .cta {
  margin-bottom: 0;
}
.signup-login-wrapper.forgot-password-focus .forgot-password-wrapper {
  display: block;
}
.signup-login-wrapper.forgot-password-focus .forgot-password-wrapper .pefin-input-wrapper,
.signup-login-wrapper.forgot-password-focus .forgot-password-wrapper .cta {
  margin-bottom: 0;
}
.signup-login-wrapper.login-focus .login-wrapper {
  display: block;
}
.signup-login-wrapper.login-focus .login-wrapper .cta {
  margin-bottom: 60px;
}
.signup-login-wrapper.reset-password-focus .reset-password-wrapper {
  display: block;
}
.signup-login-wrapper.reset-password-focus .reset-password-wrapper .pefin-input-wrapper:last-child,
.signup-login-wrapper.reset-password-focus .reset-password-wrapper .cta {
  margin-bottom: 0;
}
.signup-login-wrapper .form-wrapper,
.signup-login-wrapper .form-success-wrapper {
  display: none;
}
.signup-login-wrapper .form-wrapper.focus,
.signup-login-wrapper .form-success-wrapper.focus {
  display: block;
}
.signup-login-wrapper .site-constraint {
  z-index: 1;
  position: relative;
  padding: 80px 70px;
}
.signup-login-wrapper .signup-login-closer {
  position: absolute;
  z-index: 10;
  cursor: pointer;
  top: 100px;
  right: 70px;
  background: url(images/close_small_grey.png) no-repeat center;
  width: 20px;
  height: 20px;
}
.signup-login-wrapper .title {
  font-weight: 400;
  font-size: 30px;
  color: #425c6c;
  margin-bottom: 40px;
  line-height: 1.7;
}
.signup-login-wrapper .caption {
  font-size: 16px;
  color: #8ba5b1;
  margin-top: 40px;
  line-height: 1.7;
}
.signup-login-wrapper .pefin-input-wrapper {
  margin-bottom: 40px;
}
.signup-login-wrapper .forgot-password {
  font-weight: 400;
  font-size: 15px;
}
.signup-login-wrapper .forgot-password a {
  color: #ffb31a;
}
.signup-login-wrapper .forgot-password a:hover {
  text-decoration: underline;
}
.signup-login-wrapper .cta {
  line-height: 50px;
  width: 100%;
  margin-bottom: 40px;
}
.signup-login-wrapper .subheading {
  font-size: 18px;
  font-weight: 700;
  color: #ffaa00;
  margin-bottom: 40px;
  text-align: left;
}
.signup-login-wrapper .input-panels {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -40px;
}
.signup-login-wrapper .input-panels:before {
  z-index: 1;
  pointer-events: none;
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  background: #ffffff;
  width: 1px;
}
.signup-login-wrapper .input-panels .left-panel {
  position: relative;
  margin-left: 40px;
  padding-right: 40px;
  margin-bottom: 20px;
  border-right: 1px dashed rgba(66, 92, 108, 0.2);
  display: none;
}
.signup-login-wrapper .input-panels .left-panel .pefin-checkbox-wrapper {
  font-size: 15px;
}
.signup-login-wrapper .input-panels .left-panel .pefin-checkbox-wrapper a {
  text-decoration: underline;
}
.signup-login-wrapper .input-panels .left-panel.focus {
  display: -webkit-flex;
  display: flex;
  -moz-flex-basis: 320px;
  -ms-flex-basis: 320px;
  -webkit-flex-basis: 320px;
  flex-basis: 320px;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: flex-end;
  -moz-box-pack: flex-end;
  -ms-flex-pack: flex-end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -moz-flex-grow: 2;
  -ms-flex-grow: 2;
  -webkit-flex-grow: 2;
  flex-grow: 2;
}
.signup-login-wrapper .input-panels .right-panel {
  display: none;
  margin: 0 40px;
  margin-bottom: 20px;
}
.signup-login-wrapper .input-panels .right-panel.focus {
  display: -webkit-flex;
  display: flex;
  -moz-flex-basis: 320px;
  -ms-flex-basis: 320px;
  -webkit-flex-basis: 320px;
  flex-basis: 320px;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: flex-end;
  -moz-box-pack: flex-end;
  -ms-flex-pack: flex-end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.signup-login-wrapper .error-msg-wrapper {
  display: none;
  font-size: 15px;
  font-weight: 600;
  color: #f57e47;
  padding-bottom: 20px;
  margin-bottom: auto;
}
.signup-login-wrapper .error-msg-wrapper.focus {
  display: block;
}
.signup-login-wrapper .watermark-pefin-star {
  z-index: 0;
  position: absolute;
  bottom: -380px;
  left: -320px;
  width: 840px;
  height: 760px;
}
.signup-login-wrapper .watermark-pefin-star svg {
  width: 100%;
  height: 100%;
  fill: rgba(66, 69, 72, 0.04);
}
.login-layout:before {
  z-index: -1;
  content: "";
  display: inline-block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(images/signin-logout-background.jpg) top center no-repeat;
  background-size: cover;
}
.login-layout header nav .cta {
  display: none;
}
.login-layout .banner {
  height: 130px;
  background: transparent;
}
.login-layout .layout-constraint {
  margin: 0 70px;
}
.login-layout .layout-wrapper {
  width: 100%;
  max-width: 1500px;
  margin: 0 auto;
  padding: 0 70px;
  margin: 0 auto 100px;
  background: #425c6c;
  max-width: 1200px;
  padding: 0;
  overflow: hidden;
}
@media (max-width: 800px) {
  .login-layout .layout-wrapper {
    padding: 0 20px;
  }
}
.login-layout .layout-wrapper .heading {
  background: transparent;
  text-align: left;
  padding: 40px 70px;
}
.login-layout .layout-wrapper .heading .site-constraint {
  max-width: 750px;
  padding: 0;
  text-align: left;
}
.login-layout .layout-wrapper .signup-login-wrapper {
  overflow: visible;
  height: auto;
}
.login-layout .layout-wrapper .signup-login-wrapper .message {
  font-weight: 400;
  margin-bottom: 50px;
}
.login-layout .layout-wrapper .signup-login-wrapper .watermark-pefin-star {
  z-index: 0;
  bottom: auto;
  top: -280px;
  left: auto;
  right: -240px;
  width: 740px;
  height: 660px;
}
.login-layout .layout-wrapper .signup-login-wrapper .watermark-pefin-star:last-child svg {
  fill: rgba(255, 255, 255, 0.05);
}
.error-layout {
  background: url(images/error/gears.png) no-repeat bottom center #425c6c;
  min-height: 100vh;
}
.error-layout header .main-header-wrapper {
  position: relative;
}
.error-layout header .main-header-wrapper .site-constraint {
  display: block;
  text-align: center;
  padding-top: 50px;
  padding-bottom: 50px;
}
.error-layout header .main-header-wrapper .title {
  font-size: 32px;
  font-weight: 600;
  color: #ffb31a;
}
.error-layout header .main-header-wrapper .subtitle {
  font-size: 26px;
  font-weight: 600;
}
.error-layout .banner {
  background: #ffffff;
  color: #425c6c;
  height: auto;
}
.error-layout .body-copy .site-constraint {
  color: #8ba5b1;
}
.error-layout .body-copy .site-constraint a {
  text-decoration: underline;
}
.error-layout .people-wrapper {
  position: relative;
  width: 780px;
  height: 795px;
  margin: 0 auto;
  text-align: center;
}
.error-layout .gears-wrapper {
  position: relative;
  padding: 100px 0 150px;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: flex-end;
  -moz-box-align: flex-end;
  -ms-flex-align: flex-end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  margin: 0 auto;
  text-align: center;
}
@-webkit-keyframes clockwise {
  from {
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes clockwise {
  from {
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-ms-keyframes clockwise {
  from {
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes clockwise {
  from {
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.error-layout .gears-wrapper .play-clockwise {
  -o-animation: clockwise 16s linear infinite both;
  -webkit-animation: clockwise 16s linear infinite both;
  -moz-animation: clockwise 16s linear infinite both;
  -ms-animation: clockwise 16s linear infinite both;
  animation: clockwise 16s linear infinite both;
}
@-webkit-keyframes counterclockwise {
  from {
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -o-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@-moz-keyframes counterclockwise {
  from {
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -o-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@-ms-keyframes counterclockwise {
  from {
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -o-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@keyframes counterclockwise {
  from {
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -o-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
.error-layout .gears-wrapper .play-counterclockwise {
  -o-animation: counterclockwise 14s linear infinite both;
  -webkit-animation: counterclockwise 14s linear infinite both;
  -moz-animation: counterclockwise 14s linear infinite both;
  -ms-animation: counterclockwise 14s linear infinite both;
  animation: counterclockwise 14s linear infinite both;
}
.error-layout .gears-wrapper .gear {
  margin: 0 15px;
}
.error-layout .gears-wrapper .gear.large {
  width: 140px;
  height: 140px;
  -o-animation: clockwise 16s linear infinite both;
  -webkit-animation: clockwise 16s linear infinite both;
  -moz-animation: clockwise 16s linear infinite both;
  -ms-animation: clockwise 16s linear infinite both;
  animation: clockwise 16s linear infinite both;
}
.error-layout .gears-wrapper .gear.small {
  width: 100px;
  height: 100px;
  -o-animation: counterclockwise 14s linear infinite both;
  -webkit-animation: counterclockwise 14s linear infinite both;
  -moz-animation: counterclockwise 14s linear infinite both;
  -ms-animation: counterclockwise 14s linear infinite both;
  animation: counterclockwise 14s linear infinite both;
}
.error-layout .puller {
  z-index: 1;
  position: absolute;
  right: 0;
  top: 0;
  width: 159px;
  height: 795px;
  background: url(images/error/pulling_guy.png) no-repeat top center;
}
@-webkit-keyframes hanger-swing {
  0% {
    -o-transform: rotateZ(-2deg);
    -webkit-transform: rotateZ(-2deg);
    -moz-transform: rotateZ(-2deg);
    -ms-transform: rotateZ(-2deg);
    transform: rotateZ(-2deg);
  }
  50% {
    -o-transform: rotateZ(1deg);
    -webkit-transform: rotateZ(1deg);
    -moz-transform: rotateZ(1deg);
    -ms-transform: rotateZ(1deg);
    transform: rotateZ(1deg);
  }
  100% {
    -o-transform: rotateZ(-2deg);
    -webkit-transform: rotateZ(-2deg);
    -moz-transform: rotateZ(-2deg);
    -ms-transform: rotateZ(-2deg);
    transform: rotateZ(-2deg);
  }
}
@-moz-keyframes hanger-swing {
  0% {
    -o-transform: rotateZ(-2deg);
    -webkit-transform: rotateZ(-2deg);
    -moz-transform: rotateZ(-2deg);
    -ms-transform: rotateZ(-2deg);
    transform: rotateZ(-2deg);
  }
  50% {
    -o-transform: rotateZ(1deg);
    -webkit-transform: rotateZ(1deg);
    -moz-transform: rotateZ(1deg);
    -ms-transform: rotateZ(1deg);
    transform: rotateZ(1deg);
  }
  100% {
    -o-transform: rotateZ(-2deg);
    -webkit-transform: rotateZ(-2deg);
    -moz-transform: rotateZ(-2deg);
    -ms-transform: rotateZ(-2deg);
    transform: rotateZ(-2deg);
  }
}
@-ms-keyframes hanger-swing {
  0% {
    -o-transform: rotateZ(-2deg);
    -webkit-transform: rotateZ(-2deg);
    -moz-transform: rotateZ(-2deg);
    -ms-transform: rotateZ(-2deg);
    transform: rotateZ(-2deg);
  }
  50% {
    -o-transform: rotateZ(1deg);
    -webkit-transform: rotateZ(1deg);
    -moz-transform: rotateZ(1deg);
    -ms-transform: rotateZ(1deg);
    transform: rotateZ(1deg);
  }
  100% {
    -o-transform: rotateZ(-2deg);
    -webkit-transform: rotateZ(-2deg);
    -moz-transform: rotateZ(-2deg);
    -ms-transform: rotateZ(-2deg);
    transform: rotateZ(-2deg);
  }
}
@keyframes hanger-swing {
  0% {
    -o-transform: rotateZ(-2deg);
    -webkit-transform: rotateZ(-2deg);
    -moz-transform: rotateZ(-2deg);
    -ms-transform: rotateZ(-2deg);
    transform: rotateZ(-2deg);
  }
  50% {
    -o-transform: rotateZ(1deg);
    -webkit-transform: rotateZ(1deg);
    -moz-transform: rotateZ(1deg);
    -ms-transform: rotateZ(1deg);
    transform: rotateZ(1deg);
  }
  100% {
    -o-transform: rotateZ(-2deg);
    -webkit-transform: rotateZ(-2deg);
    -moz-transform: rotateZ(-2deg);
    -ms-transform: rotateZ(-2deg);
    transform: rotateZ(-2deg);
  }
}
.error-layout .play-hanger-swing {
  -o-animation: hanger-swing 1.1s linear infinite forwards;
  -webkit-animation: hanger-swing 1.1s linear infinite forwards;
  -moz-animation: hanger-swing 1.1s linear infinite forwards;
  -ms-animation: hanger-swing 1.1s linear infinite forwards;
  animation: hanger-swing 1.1s linear infinite forwards;
}
.error-layout .hanger {
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  position: absolute;
  right: 128px;
  top: 130px;
  width: 122px;
  height: 259px;
  background: url(images/error/hanging_guy.png) no-repeat top center;
  -o-transform-origin: top right;
  -webkit-transform-origin: top right;
  -moz-transform-origin: top right;
  -ms-transform-origin: top right;
  transform-origin: top right;
  -o-animation: hanger-swing 1.1s linear infinite forwards;
  -webkit-animation: hanger-swing 1.1s linear infinite forwards;
  -moz-animation: hanger-swing 1.1s linear infinite forwards;
  -ms-animation: hanger-swing 1.1s linear infinite forwards;
  animation: hanger-swing 1.1s linear infinite forwards;
}
.error-layout .layout-constraint {
  margin: 0 70px;
}
.error-layout .layout-wrapper {
  width: 100%;
  max-width: 1500px;
  margin: 0 auto;
  padding: 0 70px;
  margin: 0 auto 100px;
  background: #425c6c;
  max-width: 1200px;
  padding: 0;
  overflow: hidden;
}
@media (max-width: 800px) {
  .error-layout .layout-wrapper {
    padding: 0 20px;
  }
}
.error-layout .layout-wrapper .heading {
  background: transparent;
  text-align: left;
  padding: 40px 70px;
}
.error-layout .layout-wrapper .heading .site-constraint {
  max-width: 750px;
  padding: 0;
  text-align: left;
}
.error-layout .layout-wrapper .signup-login-wrapper {
  overflow: visible;
  height: auto;
}
.error-layout .layout-wrapper .signup-login-wrapper .message {
  font-weight: 400;
  margin-bottom: 50px;
}
.error-layout .layout-wrapper .signup-login-wrapper .watermark-pefin-star {
  z-index: 0;
  bottom: auto;
  top: -280px;
  left: auto;
  right: -240px;
  width: 740px;
  height: 660px;
}
.error-layout .layout-wrapper .signup-login-wrapper .watermark-pefin-star:last-child svg {
  fill: rgba(255, 255, 255, 0.05);
}
footer {
  position: relative;
  background: #424548;
  padding: 120px 20px;
  overflow: hidden;
}
@media (max-width: 700px) {
  footer .site-constraint {
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
}
footer .site-constraint {
  z-index: 1;
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
footer .links {
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  margin: 50px 0;
}
footer .company-col {
  padding-right: 40px;
  -moz-flex-shrink: 0;
  -ms-flex-shrink: 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
footer .nav-col {
  margin: 0 20px;
  -moz-flex-basis: 210px;
  -ms-flex-basis: 210px;
  -webkit-flex-basis: 210px;
  flex-basis: 210px;
  border-right: 1px solid rgba(255, 255, 255, 0.4);
  font-size: 20px;
}
footer .nav-col:last-child {
  border-right: none;
}
footer .nav-col a {
  display: block;
  color: #ffffff;
  padding: 5px 20px;
}
footer .nav-col a:hover,
footer .nav-col a.active {
  color: #33bbff;
}
footer .nav-col .fb-like {
  padding: 0px 20px 10px;
}
footer .nav-col .social-media {
  padding: 5px 20px;
}
footer .nav-col .social-media .social-icon {
  display: inline-block;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  opacity: 0.6;
  width: 25px;
  height: 25px;
  padding: 0;
  margin-right: 10px;
  background: no-repeat center;
}
footer .nav-col .social-media .social-icon span {
  display: block;
  text-indent: -9999px;
}
footer .nav-col .social-media .social-icon.linkedin {
  background-image: url(images/social/linkedin-icon-white.png);
}
footer .nav-col .social-media .social-icon.facebook {
  background-image: url(images/social/facebook-icon-white.png);
}
footer .nav-col .social-media .social-icon.twitter {
  background-image: url(images/social/twitter-icon-white.png);
  width: 31px;
}
footer .nav-col .social-media .social-icon:hover {
  opacity: 1;
}
footer .pefin-logo {
  display: block;
  width: 200px;
  height: 80px;
  padding-right: 10px;
  margin-top: 10px;
}
footer .pefin-logo svg {
  width: 100%;
  height: 100%;
}
footer .copyright {
  font-size: 15px;
  color: #cccccc;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
footer .back-to-top {
  -moz-flex-shrink: 0;
  -ms-flex-shrink: 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  z-index: 1;
  position: relative;
  cursor: pointer;
  background: #33bbff;
  width: 70px;
  height: 70px;
  border-radius: 50%;
}
footer .back-to-top:before,
footer .back-to-top:after {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  content: '';
  width: 12px;
  height: 1px;
  box-shadow: 1px 0 1px #ffffff;
  background: #ffffff;
}
footer .back-to-top:before {
  -o-transform: translateX(calc(-100% + 1px)) rotate(-30deg);
  -webkit-transform: translateX(calc(-100% + 1px)) rotate(-30deg);
  -moz-transform: translateX(calc(-100% + 1px)) rotate(-30deg);
  -ms-transform: translateX(calc(-100% + 1px)) rotate(-30deg);
  transform: translateX(calc(-100% + 1px)) rotate(-30deg);
}
footer .back-to-top:after {
  -o-transform: translateX(-1px) rotate(30deg);
  -webkit-transform: translateX(-1px) rotate(30deg);
  -moz-transform: translateX(-1px) rotate(30deg);
  -ms-transform: translateX(-1px) rotate(30deg);
  transform: translateX(-1px) rotate(30deg);
}
footer.tour a.tour,
footer.about a.about,
footer.terms a.terms,
footer.careers a.careers,
footer.support a.support,
footer.press a.press,
footer.security a.security,
footer.privacy a.privacy,
footer.policies a.policies,
footer.legal a.legal,
footer.blog a.blog,
footer.faq a.faq,
footer.contact a.contact {
  color: #33bbff;
}
footer .watermark-pefin-star {
  z-index: 0;
  position: absolute;
  bottom: -300px;
  right: -160px;
  width: 840px;
  height: 760px;
}
footer .watermark-pefin-star svg {
  width: 100%;
  height: 100%;
  fill: rgba(255, 255, 255, 0.05);
}
.text-only .banner {
  height: 130px;
}
.text-only .body-copy .breadcrumbs {
  padding: 0 70px 70px;
  display: block;
  max-width: 1500px;
  margin: 0 auto;
  padding: 40px 70px 0;
  font-size: 15px;
}
.text-only .body-copy .breadcrumbs a {
  text-decoration: none;
  color: #8ba5b1;
}
.text-only .body-copy .breadcrumbs a:hover {
  text-decoration: underline;
}
.text-only .body-copy .breadcrumbs .separator {
  font-size: 18px;
  font-weight: 400;
  margin: 0 5px;
}
.text-only .body-copy .title {
  padding: 0 70px 70px;
  display: block;
  max-width: 1500px;
  margin: 0 auto;
  padding: 70px;
  text-align: center;
  font-size: 32px;
  font-weight: 600;
  color: #383838;
  line-height: 1.5;
}
.text-only .body-copy .title span {
  display: block;
  font-size: 20px;
  font-weight: 300;
}
.text-only .body-copy .site-constraint {
  padding: 0 70px 70px;
}
.text-only .body-copy h2 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 20px;
}
.text-only .body-copy p {
  margin-bottom: 20px;
  line-height: 1.5;
}
.text-only .body-copy p.press-contact {
  margin: 40px 0;
}
.text-only .body-copy ol,
.text-only .body-copy ul {
  margin-bottom: 20px;
}
.text-only .body-copy ol li,
.text-only .body-copy ul li {
  margin: 0 0 10px 20px;
  padding-left: 20px;
}
.text-only .body-copy ol {
  list-style-type: lower-alpha;
}
.text-only .body-copy ul {
  list-style-type: disc;
}
.text-only .body-copy a {
  text-decoration: underline;
}
.text-only .body-copy .press-contact {
  font-size: 15px;
  margin: 30px 0;
}
.text-only .body-copy .press-footer {
  margin-top: 60px;
  padding-top: 60px;
  border-top: 1px solid #ced5d9;
}
.text-only.video-layout {
  min-width: auto;
}
.text-only.video-layout .site-wrapper {
  z-index: 1;
}
.text-only.video-layout .banner {
  height: 100px;
  margin-bottom: 40px;
}
.text-only.video-layout .banner header .main-header-wrapper .site-constraint {
  padding: 10px 70px;
}
@media screen and (max-width: 800px) {
  .text-only.video-layout .banner header .main-header-wrapper .site-constraint {
    padding: 10px 20px;
  }
}
.text-only.video-layout .banner header .main-header-wrapper .pefin-logo {
  width: 140px;
}
.text-only.video-layout .banner header .main-header-wrapper .title {
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  font-size: 32px;
  font-weight: 400;
  margin-top: 20px;
  text-align: center;
  padding-right: 140px;
}
@media screen and (max-width: 800px) {
  .text-only.video-layout .body-copy .site-constraint {
    padding: 10px 20px;
  }
}
.text-only.video-layout .embed-container {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  max-width: 100%;
}
.text-only.video-layout .embed-container iframe,
.text-only.video-layout .embed-container object,
.text-only.video-layout .embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.text-only.video-layout .watermark-pefin-star {
  z-index: 0;
  position: fixed;
  bottom: -380px;
  right: -320px;
  width: 840px;
  height: 760px;
  overflow: hidden;
}
.text-only.video-layout .watermark-pefin-star svg {
  width: 100%;
  height: 100%;
  fill: rgba(66, 69, 72, 0.04);
}
.modal-item {
  opacity: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  z-index: 9999;
  position: fixed;
  visibility: hidden;
  overflow: hidden;
}
.modal-item .content-fader {
  position: fixed;
  top: 0;
  left: 50%;
  height: 80px;
  width: 100%;
  max-width: 880px;
  background: white;
  -o-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.modal-item .content-fader .modal-trigger {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 20px;
  height: 20px;
  background: url(images/close_small_grey.png);
  z-index: 200;
}
.modal-item .modal-content {
  max-width: 880px;
  padding: 80px 40px;
  margin: 0 auto;
  line-height: 1.5em;
  background: #ffffff;
}
.modal-item .modal-content .site-constraint {
  padding: 0;
}
.modal-item.current_modal {
  overflow: visible;
  visibility: visible;
  opacity: 1;
  position: absolute;
  height: auto;
  min-height: 100%;
  transition: all .5s ease .3s;
}
.modal-overlay {
  visibility: hidden;
  opacity: 0;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  transition: all .2s ease .3s;
  position: fixed;
}
.modal-item.current_modal ~ .modal-overlay {
  z-index: 999;
  opacity: 1;
  background: rgba(0, 0, 0, 0.9);
  visibility: visible;
  transition: all .2s ease 0s;
}
.home .banner {
  -o-transition: all 0.8s ease;
  -webkit-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  -ms-transition: all 0.8s ease;
  transition: all 0.8s ease;
  background: #425c6c;
  color: #ffffff;
  height: calc(100vh - 240px);
  min-height: 550px;
  max-height: none;
  background-size: cover;
  background-color: #425c6c;
}
.home .banner.shorten .view-more-arrow {
  opacity: 1;
  -o-transform: translate3d(-50%, 50%, 0) scale3d(1, 1, 1) rotate3d(0, 0, 1, 0);
  -webkit-transform: translate3d(-50%, 50%, 0) scale3d(1, 1, 1) rotate3d(0, 0, 1, 0);
  -moz-transform: translate3d(-50%, 50%, 0) scale3d(1, 1, 1) rotate3d(0, 0, 1, 0);
  -ms-transform: translate3d(-50%, 50%, 0) scale3d(1, 1, 1) rotate3d(0, 0, 1, 0);
  transform: translate3d(-50%, 50%, 0) scale3d(1, 1, 1) rotate3d(0, 0, 1, 0);
}
.home .banner .intro-sequence {
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.home .banner .intro-sequence .msg-wrapper {
  -o-transition: all 0.8s ease;
  -webkit-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  -ms-transition: all 0.8s ease;
  transition: all 0.8s ease;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-size: 55px;
  color: #ffffff;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
}
.home .banner .intro-sequence .msg-wrapper .text-msg {
  -o-transition: all 0.8s ease;
  -webkit-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  -ms-transition: all 0.8s ease;
  transition: all 0.8s ease;
  opacity: 0;
}
.home .banner .intro-sequence .msg-wrapper .text-msg b {
  font-weight: 400;
}
.home .banner .intro-sequence .msg-wrapper .text-msg .serif-me {
  display: inline!important;
  font-size: inherit!important;
  color: inherit!important;
  padding: 0;
  margin: 0;
  font-family: 'Josefin Slab', serif;
  font-weight: 700;
}
.home .banner .intro-sequence .msg-wrapper .text-msg.focus {
  opacity: 1;
}
.home .banner .intro-sequence .msg-wrapper.focus {
  opacity: 1;
}
@media (max-width: 800px) {
  .home .banner .intro-sequence .msg-wrapper {
    font-size: 32px;
    padding: 0 20px;
  }
  .home .banner .intro-sequence .msg-wrapper .text-msg#holder {
    text-align: center;
  }
}
.home .banner .slideshow-wrapper {
  opacity: 0;
  z-index: 1;
  position: absolute;
  -o-transition: all 1.2s ease;
  -webkit-transition: all 1.2s ease;
  -moz-transition: all 1.2s ease;
  -ms-transition: all 1.2s ease;
  transition: all 1.2s ease;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100vh - 240px);
  min-height: 550px;
}
.home .banner .slideshow-wrapper .slide {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: no-repeat center;
  background-size: cover;
}
.home .banner .slideshow-wrapper .slide#final-slide {
  background-position: center 80%;
}
.home .banner .slideshow-wrapper .slide .slide-caption {
  z-index: 2;
  position: absolute;
  width: 100%;
  top: 50%;
  left: 0;
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  font-size: 55px;
  color: #ffffff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
}
@media (max-width: 800px) {
  .home .banner .slideshow-wrapper .slide .slide-caption {
    font-size: 32px;
    padding: 0 20px;
  }
}
.home .banner .slideshow-wrapper .slide .slide-caption span {
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.home .banner .slideshow-wrapper .slide .slide-caption span.unfocus {
  opacity: 0;
}
.home .banner .slideshow-wrapper .slide .slide-caption .serif-me {
  display: inline!important;
  font-size: inherit!important;
  color: inherit!important;
  padding: 0;
  margin: 0;
  font-family: 'Josefin Slab', serif;
  font-weight: 700;
}
.home .banner .slideshow-wrapper .slide .slide-caption .get-early-access {
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  margin-top: 30px;
}
.home .banner .slideshow-wrapper .slide .slide-caption .get-early-access .pefin-input-wrapper {
  text-shadow: none;
}
.home .banner .slideshow-wrapper .slide .slide-caption .get-early-access .message {
  font-weight: 600;
  font-size: 26px;
  color: #ffb31a;
}
.home .banner .slideshow-wrapper .slide .slide-caption .get-early-access.unfocus {
  opacity: 0;
  -o-transform: translateY(25%);
  -webkit-transform: translateY(25%);
  -moz-transform: translateY(25%);
  -ms-transform: translateY(25%);
  transform: translateY(25%);
}
.home .banner .slideshow-wrapper .slide .slide-caption.focus {
  opacity: 1;
}
.home .banner .slideshow-wrapper .slide .slide-blur-img {
  z-index: 1;
  -o-transition: all 0.8s ease;
  -webkit-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  -ms-transition: all 0.8s ease;
  transition: all 0.8s ease;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: no-repeat center;
  background-size: cover;
}
.home .banner .slideshow-wrapper .slide .slide-blur-img.unfocus {
  opacity: 0;
}
.home .banner .slideshow-wrapper .slide .slide-img {
  z-index: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: no-repeat center;
  background-size: cover;
}
.home .banner .slideshow-wrapper .slide.current-slide {
  opacity: 1;
}
.home .banner .view-more-arrow {
  position: absolute;
  z-index: 10;
  bottom: 0;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  left: 50%;
  background: #33bbff;
  padding: 10px 40px;
  border-radius: 100px;
  cursor: pointer;
  font-weight: 600;
  font-size: 22px;
  opacity: 0.0;
  opacity: 0;
  -o-transform: translate3d(-50%, 50%, 0) scale3d(0, 0, 1) rotate3d(0, 0, 1, 0);
  -webkit-transform: translate3d(-50%, 50%, 0) scale3d(0, 0, 1) rotate3d(0, 0, 1, 0);
  -moz-transform: translate3d(-50%, 50%, 0) scale3d(0, 0, 1) rotate3d(0, 0, 1, 0);
  -ms-transform: translate3d(-50%, 50%, 0) scale3d(0, 0, 1) rotate3d(0, 0, 1, 0);
  transform: translate3d(-50%, 50%, 0) scale3d(0, 0, 1) rotate3d(0, 0, 1, 0);
  /*&:before, &:after {
                .block;
                .absolute;
                top: 50%;
                left: 50%;
                content: '';
                width: 20px;
                height: 2px;
                box-shadow: 1px 1px 1px @black60;
                background: @white;
            }

            &:before {
                .transform(translateX(~'calc(-100% + 3px)') rotate(45deg));
            }

            &:after {
                .transform(translateX(-3px) rotate(-45deg));
            }*/
}
.home .banner .view-more-arrow:before {
  content: "";
  display: inline-block;
  z-index: -1;
  position: absolute;
  font-size: 20px;
  width: 1em;
  height: 1em;
  -o-transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotate3d(0, 0, 1, 45deg);
  -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotate3d(0, 0, 1, 45deg);
  -moz-transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotate3d(0, 0, 1, 45deg);
  -ms-transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotate3d(0, 0, 1, 45deg);
  transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotate3d(0, 0, 1, 45deg);
  background: inherit;
  bottom: 0;
  left: 50%;
  margin-bottom: -0.5em;
  margin-left: -0.5em;
}
.home .happy-future {
  padding: 75px 0 40px;
  margin: 0 20px;
}
.home .happy-future .subheading {
  font-size: 32px;
  font-weight: 600;
  color: #425c6c;
  text-align: center;
  margin-bottom: 50px;
}
.home .happy-future .subheading .sub {
  margin-top: 10px;
  color: #8ba5b1;
  font-weight: 400;
  font-size: 26px;
}
.home .happy-future .site-constraint {
  display: -webkit-flex;
  display: flex;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.home .happy-future .site-constraint .circle-col {
  -moz-flex-basis: 320px;
  -ms-flex-basis: 320px;
  -webkit-flex-basis: 320px;
  flex-basis: 320px;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  text-align: center;
  margin: 0 20px;
  margin-bottom: 60px;
}
.home .happy-future .site-constraint .circle-graphic {
  -o-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  margin: 0px auto 40px;
  width: 200px;
  height: 200px;
  text-align: center;
  background: transparent center no-repeat;
  background-size: 100%;
}
.home .happy-future .site-constraint .circle-graphic.power {
  background-image: url(images/home/power.jpg);
}
.home .happy-future .site-constraint .circle-graphic.intellect {
  background-image: url(images/home/intellect-img.jpg);
}
.home .happy-future .site-constraint .circle-graphic.fingertips {
  background-image: url(images/home/fingertips.jpg);
}
.home .happy-future .site-constraint .circle-graphic.focus {
  opacity: 1;
  -o-transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.home .happy-future .site-constraint .title {
  font-size: 26px;
  font-weight: 600;
  color: #33bbff;
}
.home .happy-future .site-constraint .title .serif-me {
  display: inline!important;
  font-size: inherit!important;
  color: inherit!important;
  padding: 0;
  margin: 0;
  font-family: 'Source Code Pro', serif;
  font-weight: 600;
  font-size: 29px!important;
}
.home .happy-future .site-constraint p {
  margin: 0 auto;
  max-width: 280px;
  text-align: center;
}
.home .happy-future .site-constraint .spacer {
  margin: 40px auto;
}
.home .make-plans {
  padding: 0 20px;
  background: url(images/home/timeline.gif) no-repeat bottom right;
}
@media (max-width: 1300px) {
  .home .make-plans {
    background-size: contain;
  }
}
@media (min-width: 1710px) {
  .home .make-plans {
    background-position: center right;
  }
}
.home .make-plans .site-constraint {
  display: -webkit-flex;
  display: flex;
  padding-top: 110px;
  padding-bottom: 120px;
}
.home .make-plans .invest-text {
  max-width: 420px;
}
@media (max-width: 1100px) {
  .home .make-plans .invest-text {
    max-width: none;
    padding-bottom: 200px;
  }
}
.home .make-plans .title {
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 40px;
}
.home .make-plans .title span {
  display: block;
  font-size: 18px;
  font-weight: 300;
  color: #9bacb6;
}
.home .make-plans .cta {
  margin-top: 50px;
}
.home .sync-up {
  padding: 0 20px;
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 20%, rgba(66, 92, 108, 0.9) 100%), radial-gradient(circle at 25%, rgba(0, 0, 0, 0) 0%, rgba(66, 92, 108, 0.77) 85%), url(images/home/sync-up.jpg) center;
  background-repeat: no-repeat;
  background-size: auto, auto, cover;
}
.home .sync-up .site-constraint {
  display: -webkit-flex;
  display: flex;
  padding-top: 120px;
  padding-bottom: 120px;
}
.home .sync-up .text-panel {
  -moz-align-self: flex-end;
  -ms-align-self: flex-end;
  -webkit-align-self: flex-end;
  align-self: flex-end;
  margin-left: auto;
  color: #ffffff;
  max-width: 520px;
}
.home .sync-up .title {
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 40px;
}
.home .sync-up .title span {
  display: block;
  font-size: 18px;
  font-weight: 300;
  color: #9bacb6;
}
.home .invest-confidently {
  padding: 110px 20px 40px;
}
.home .invest-confidently .content-wrapper {
  display: -webkit-flex;
  display: flex;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.home .invest-confidently .invest-text {
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -moz-flex-basis: 320px;
  -ms-flex-basis: 320px;
  -webkit-flex-basis: 320px;
  flex-basis: 320px;
  max-width: 420px;
  margin-bottom: 80px;
  margin-right: 50px;
}
.home .invest-confidently .title {
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 40px;
}
.home .invest-confidently .title span {
  display: block;
  font-size: 18px;
  font-weight: 300;
  color: #9bacb6;
}
.home .invest-confidently .invest-image {
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -moz-flex-basis: 500px;
  -ms-flex-basis: 500px;
  -webkit-flex-basis: 500px;
  flex-basis: 500px;
  max-width: 750px;
  margin: auto;
  margin-bottom: 80px;
}
.home .invest-confidently .invest-image img {
  width: 100%;
}
.home .personal-tiles {
  display: -webkit-flex;
  display: flex;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media (max-width: 1080px) {
  .home .personal-tiles {
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
}
.home .personal-tiles .tile {
  display: -webkit-flex;
  display: flex;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -moz-flex-basis: 320px;
  -ms-flex-basis: 320px;
  -webkit-flex-basis: 320px;
  flex-basis: 320px;
  -moz-flex-shrink: 0;
  -ms-flex-shrink: 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
.home .personal-tiles .tile .text-panel {
  display: -webkit-flex;
  display: flex;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  text-align: center;
  background: #ffb31a;
  height: 400px;
  padding: 40px;
}
.home .personal-tiles .tile .text-panel .circle-number {
  opacity: 0;
  -o-transform: scale(0.75);
  -webkit-transform: scale(0.75);
  -moz-transform: scale(0.75);
  -ms-transform: scale(0.75);
  transform: scale(0.75);
  -o-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  font-weight: 600;
  font-size: 26px;
  width: 80px;
  height: 80px;
  line-height: 72px;
  text-align: center;
  color: #ffffff;
  margin: 0 auto 20px;
}
.home .personal-tiles .tile .text-panel .circle-number svg {
  width: 100%;
  height: 100%;
  fill: #ffffff;
}
.home .personal-tiles .tile .text-panel .circle-number.focus {
  opacity: 1;
  -o-transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.home .personal-tiles .tile .text-panel .title {
  font-weight: 600;
  font-size: 30px;
  max-width: 260px;
  margin: 0 auto;
}
.home .personal-tiles .tile .text-panel .spacer {
  width: 100%;
  background: #ffffff;
  height: 1px;
  max-width: 275px;
  margin: 20px auto;
}
.home .personal-tiles .tile .image-panel {
  background: #424548 no-repeat center;
  background-size: cover;
  height: 400px;
}
.home .personal-tiles .tile .image-panel.happy-hands {
  background-image: url(images/home/happy-hands.jpg);
}
.home .personal-tiles .tile .image-panel.investing-couple {
  background-image: url(images/home/investing-couple.jpg);
}
.home .personal-tiles .tile .image-panel.boating-couple {
  background-image: url(images/home/boating-couple.jpg);
}
.home .personal-tiles .tile.alternate {
  flex-direction: column-reverse;
}
.home .personal-tiles .tile.alternate .text-panel {
  color: #ffffff;
  background: #425c6c;
}
@media (max-width: 1080px) {
  .home .personal-tiles .tile {
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -moz-flex-basis: unset;
    -ms-flex-basis: unset;
    -webkit-flex-basis: unset;
    flex-basis: unset;
  }
  .home .personal-tiles .tile.alternate {
    -moz-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .home .personal-tiles .tile .text-panel,
  .home .personal-tiles .tile .image-panel {
    width: 50%;
  }
}
@media (max-width: 730px) {
  .home .personal-tiles .tile {
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -moz-flex-basis: unset;
    -ms-flex-basis: unset;
    -webkit-flex-basis: unset;
    flex-basis: unset;
  }
  .home .personal-tiles .tile.alternate {
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .home .personal-tiles .tile .text-panel,
  .home .personal-tiles .tile .image-panel {
    width: 100%;
  }
  .home .personal-tiles .tile .text-panel .rwd-br,
  .home .personal-tiles .tile .image-panel .rwd-br {
    display: none;
  }
  .home .personal-tiles .tile .text-panel .title {
    max-width: none;
  }
}
.home .our-technology {
  padding: 110px 20px 40px;
  display: -webkit-flex;
  display: flex;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.home .our-technology .title {
  font-size: 32px;
  font-weight: 600;
  color: #425c6c;
  text-align: center;
  margin-bottom: 80px;
}
.home .our-technology .title span {
  display: block;
  font-size: 20px;
  font-weight: 300;
  color: #8ba5b1;
  margin-top: 10px;
  padding: 0 20px;
}
.home .our-technology .title span.serif-me {
  display: inline!important;
  font-size: inherit!important;
  padding: 0;
  margin: 0;
  color: inherit!important;
  font-family: 'Source Code Pro', serif;
  font-weight: 600;
  font-size: 35px!important;
}
.home .our-technology .content-wrapper {
  display: -webkit-flex;
  display: flex;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.home .our-technology .site-constraint .technology-information {
  -moz-flex-basis: 420px;
  -ms-flex-basis: 420px;
  -webkit-flex-basis: 420px;
  flex-basis: 420px;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  max-width: 720px;
  margin-bottom: 80px;
}
.home .our-technology .site-constraint .technology-information p {
  margin-bottom: 50px;
}
.home .our-technology .site-constraint .technology-image {
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -moz-flex-basis: 400px;
  -ms-flex-basis: 400px;
  -webkit-flex-basis: 400px;
  flex-basis: 400px;
  -moz-align-self: center;
  -ms-align-self: center;
  -webkit-align-self: center;
  align-self: center;
  max-width: 540px;
  margin: 0 auto;
  padding: 0 20px;
}
.home .our-technology .site-constraint .technology-image img {
  width: 100%;
}
.home .security.panel {
  padding: 0 20px;
  position: relative;
  color: #ffffff;
  background-color: #424548;
  background-image: radial-gradient(transparent 6px, rgba(255, 255, 255, 0.05) 7px, transparent 8px), radial-gradient(transparent 6px, rgba(255, 255, 255, 0.05) 7px, transparent 8px), radial-gradient(transparent 6px, rgba(255, 255, 255, 0.05) 7px, transparent 8px), radial-gradient(transparent 6px, rgba(255, 255, 255, 0.05) 7px, transparent 8px);
  background-size: 32px 32px;
  background-position: 0 0, 16px 0, 8px 16px, 24px 16px;
}
.home .security.panel .site-constraint {
  z-index: 1;
  position: relative;
  display: -webkit-flex;
  display: flex;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.home .security.panel .site-constraint .security-information {
  padding: 80px 0 100px;
  -moz-flex-basis: 460px;
  -ms-flex-basis: 460px;
  -webkit-flex-basis: 460px;
  flex-basis: 460px;
}
.home .security.panel .site-constraint .security-information .title {
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 40px;
}
.home .security.panel .site-constraint .security-information .cta {
  margin-top: 50px;
}
.home .security.panel .security-image {
  -moz-flex-basis: 500px;
  -ms-flex-basis: 500px;
  -webkit-flex-basis: 500px;
  flex-basis: 500px;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  min-height: 300px;
  background: url(images/home/security.png) no-repeat center center;
  background-size: cover;
}
.home .featured-in-media {
  background: #616265;
}
.home .featured-in-media .site-constraint {
  padding-top: 80px;
  padding-bottom: 100px;
  text-align: center;
}
.home .featured-in-media .site-constraint .title {
  font-weight: 600;
  font-size: 32px;
  color: #ffffff;
  margin-bottom: 60px;
}
.home .featured-in-media .site-constraint .media-items-wrapper {
  display: -webkit-flex;
  display: flex;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.home .featured-in-media .site-constraint .media-item {
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  max-width: 35%;
  height: 55px;
  padding: 30px 0;
  box-sizing: content-box;
  border-right: 1px solid #78797d;
}
@media (max-width: 1280px) {
  .home .featured-in-media .site-constraint .media-item {
    height: 45px;
    max-width: unset;
    -moz-flex-basis: 320px;
    -ms-flex-basis: 320px;
    -webkit-flex-basis: 320px;
    flex-basis: 320px;
    border-right: none;
  }
}
@media (max-width: 1130px) {
  .home .featured-in-media .site-constraint .media-item {
    -moz-flex-basis: 400px;
    -ms-flex-basis: 400px;
    -webkit-flex-basis: 400px;
    flex-basis: 400px;
  }
}
.home .featured-in-media .site-constraint .media-item:first-child a {
  background-position: left center;
  text-align: left;
}
@media (max-width: 1280px) {
  .home .featured-in-media .site-constraint .media-item:first-child a {
    background-position: center;
    text-align: center;
  }
}
.home .featured-in-media .site-constraint .media-item:nth-child(2) {
  max-width: 25%;
}
@media (max-width: 1280px) {
  .home .featured-in-media .site-constraint .media-item:nth-child(2) {
    max-width: unset;
  }
}
.home .featured-in-media .site-constraint .media-item:last-child {
  border-right-color: #616265;
}
.home .featured-in-media .site-constraint .media-item a {
  display: block;
  height: 100%;
  background: top center no-repeat;
  background-size: contain;
}
.home .featured-in-media .site-constraint .media-item a img {
  height: 100%;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  display: inline-block;
  background-color: #616265;
}
.home .featured-in-media .site-constraint .media-item a:hover img {
  opacity: 0;
}
.home .featured-in-media .site-constraint .media-item a.cnbc {
  background-image: url(images/media-sources/CNBC-color.png);
}
.home .featured-in-media .site-constraint .media-item a.inc {
  background-image: url(images/media-sources/inc-color.png);
}
.home .featured-in-media .site-constraint .media-item a.lifehacker {
  background-image: url(images/media-sources/lifehacker-color.png);
}
.home .get-started {
  background: #ffffff;
  padding: 120px 0;
}
.home .get-started .display {
  padding: 0 20px;
  font-size: 40px;
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 40px;
}
.home .get-started .display.blue {
  color: #33bbff;
}
.home .get-started .caption {
  font-size: 16px;
  color: #8ba5b1;
  margin-top: 40px;
  text-align: center;
  line-height: 1.7;
}
.home .get-started .message {
  margin: 30px 0;
  line-height: 1.75;
  text-align: center;
}
.home .get-started .message .first-month {
  position: relative;
  display: inline-block;
  font-weight: 700;
  font-style: italic;
  color: #fe6748;
  white-space: nowrap;
}
.home .get-started .message .first-month:before {
  display: block;
  position: absolute;
  top: -200%;
  left: 0;
  content: '';
  width: 200px;
  height: 55px;
  background: url(images/home/arrow.png) no-repeat;
}
@media (max-width: 1400px) {
  .home .get-started .message .first-month:before {
    display: none;
  }
}
.home .get-started .cta {
  width: 260px;
}
.home .get-started .detailed-shares {
  text-align: center;
}
.home .get-started .fb-like {
  display: block;
  margin: 0 auto;
  text-align: center;
}
.about .banner {
  background: url(images/about/about_header_new.jpg) no-repeat top center;
  background-size: cover;
}
.about .intro-mission-team {
  padding: 80px 0 100px;
}
.about .intro-mission-team .site-constraint {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 812px) {
  .about .intro-mission-team .site-constraint.outerspace {
    background: url(images/about/spaceman.jpg) no-repeat center;
    background-size: 80%;
  }
}
@media screen and (min-width: 1400px) {
  .about .intro-mission-team .site-constraint.outerspace {
    background: url(images/about/spaceman.jpg) no-repeat center;
  }
}
.about .intro-mission-team .site-constraint.stars {
  background: url(images/about/stars.png) no-repeat 90% center;
  margin-top: 100px;
}
.about .intro-mission-team .site-constraint .mission {
  text-align: left;
  max-width: 600px;
  -moz-flex-basis: 320px;
  -ms-flex-basis: 320px;
  -webkit-flex-basis: 320px;
  flex-basis: 320px;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  padding-bottom: 480px;
}
@media screen and (min-width: 813px) {
  .about .intro-mission-team .site-constraint .mission {
    background: url(images/about/astronaut.png) no-repeat bottom left;
    background-size: contain;
    padding-bottom: 480px;
  }
}
@media screen and (min-width: 1400px) {
  .about .intro-mission-team .site-constraint .mission {
    background: none;
  }
}
.about .intro-mission-team .site-constraint .mission .spacer {
  margin: 40px 0;
}
.about .intro-mission-team .site-constraint .technology {
  max-width: 560px;
  display: -webkit-flex;
  display: flex;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: flex-end;
  -moz-box-pack: flex-end;
  -ms-flex-pack: flex-end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -moz-flex-basis: 320px;
  -ms-flex-basis: 320px;
  -webkit-flex-basis: 320px;
  flex-basis: 320px;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  text-align: right;
}
@media screen and (min-width: 813px) {
  .about .intro-mission-team .site-constraint .technology {
    background: url(images/about/spaceship.png) no-repeat top right;
    background-size: 65%;
    padding-top: 480px;
  }
}
@media screen and (min-width: 1400px) {
  .about .intro-mission-team .site-constraint .technology {
    background: none;
  }
}
.about .intro-mission-team .site-constraint .technology .spacer {
  margin: 40px 0 40px auto;
}
.about .intro-mission-team .site-constraint .team {
  max-width: 560px;
  display: -webkit-flex;
  display: flex;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: flex-end;
  -moz-box-pack: flex-end;
  -ms-flex-pack: flex-end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -moz-flex-basis: 320px;
  -ms-flex-basis: 320px;
  -webkit-flex-basis: 320px;
  flex-basis: 320px;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  text-align: left;
}
.about .intro-mission-team .site-constraint .team .spacer {
  margin: 40px 0;
}
.about .intro-mission-team .title {
  font-size: 26px;
  font-weight: 600;
}
.about .intro-mission-team .title span {
  display: block;
  font-size: 18px;
  font-weight: 300;
  color: #9bacb6;
}
.about .intro-mission-team .title span.serif-me {
  display: inline!important;
  font-size: inherit!important;
  padding: 0;
  margin: 0;
  color: inherit!important;
  font-family: 'Source Code Pro', serif;
  font-weight: 600;
  font-size: 30px!important;
}
.about .intro-mission-team .subheading {
  font-size: 32px;
  font-weight: 600;
  color: #425c6c;
  text-align: center;
  margin-bottom: 70px;
}
.about .team-wrapper {
  display: -webkit-flex;
  display: flex;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (min-width: 1812px) {
  .about .team-wrapper .teamster {
    max-width: 25%;
  }
}
@media screen and (max-width: 1811px) {
  .about .team-wrapper .teamster {
    max-width: 33.333333333%;
  }
}
.about .team-wrapper .teamster {
  position: relative;
  -moz-flex-basis: 449px;
  -ms-flex-basis: 449px;
  -webkit-flex-basis: 449px;
  flex-basis: 449px;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  height: 449px;
  background-size: cover;
}
.about .team-wrapper .teamster .bio-toggle {
  cursor: pointer;
  z-index: 1;
  -o-transition: all 400ms ease;
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  transition: all 400ms ease;
  position: absolute;
  -o-transform: translate(128px, -128px);
  -webkit-transform: translate(128px, -128px);
  -moz-transform: translate(128px, -128px);
  -ms-transform: translate(128px, -128px);
  transform: translate(128px, -128px);
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border: 64px solid #425c6c;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
.about .team-wrapper .teamster .bio-toggle .open-book {
  display: block;
  z-index: 2;
  cursor: pointer;
  position: absolute;
  top: -45px;
  right: -45px;
  width: 36px;
  height: 30px;
  background: url(images/about/open-book.png) no-repeat;
}
.about .team-wrapper .teamster .bio-toggle .close-x {
  cursor: pointer;
  position: absolute;
  top: -40px;
  right: -40px;
  width: 20px;
  height: 20px;
  background: url(images/close_small.png) no-repeat;
}
.about .team-wrapper .teamster .view-more-wrapper {
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: rgba(51, 187, 255, 0.85);
  opacity: 0;
}
.about .team-wrapper .teamster .view-more-wrapper .view-more {
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  position: absolute;
  width: 100%;
  bottom: 60px;
  text-align: center;
}
.about .team-wrapper .teamster .view-more-wrapper .view-more .member-name {
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -o-transform: translateY(40px);
  -webkit-transform: translateY(40px);
  -moz-transform: translateY(40px);
  -ms-transform: translateY(40px);
  transform: translateY(40px);
  font-size: 26px;
  font-weight: 600;
  color: #ffffff;
  text-transform: uppercase;
}
.about .team-wrapper .teamster .view-more-wrapper .view-more .spacer {
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -o-transform: translateY(40px);
  -webkit-transform: translateY(40px);
  -moz-transform: translateY(40px);
  -ms-transform: translateY(40px);
  transform: translateY(40px);
  margin: 20px auto;
  background: #ffffff;
}
.about .team-wrapper .teamster .view-more-wrapper .view-more .member-role {
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -o-transform: translateY(40px);
  -webkit-transform: translateY(40px);
  -moz-transform: translateY(40px);
  -ms-transform: translateY(40px);
  transform: translateY(40px);
  font-size: 18px;
  font-weight: 400;
  color: #ffffff;
}
.about .team-wrapper .teamster .extended-bio {
  opacity: 0;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #33bbff;
}
.about .team-wrapper .teamster .extended-bio .member-info {
  margin: 40px 40px 0;
  text-align: center;
}
.about .team-wrapper .teamster .extended-bio .member-info .member-name {
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -o-transform: translateY(40px);
  -webkit-transform: translateY(40px);
  -moz-transform: translateY(40px);
  -ms-transform: translateY(40px);
  transform: translateY(40px);
  font-size: 26px;
  font-weight: 600;
  color: #ffffff;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.about .team-wrapper .teamster .extended-bio .member-info .member-role {
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -o-transform: translateY(40px);
  -webkit-transform: translateY(40px);
  -moz-transform: translateY(40px);
  -ms-transform: translateY(40px);
  transform: translateY(40px);
  font-size: 18px;
  font-weight: 400;
  color: #ffffff;
}
.about .team-wrapper .teamster .extended-bio .member-info .spacer {
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -o-transform: translateY(40px);
  -webkit-transform: translateY(40px);
  -moz-transform: translateY(40px);
  -ms-transform: translateY(40px);
  transform: translateY(40px);
  margin: 20px auto;
  background: #ffffff;
}
.about .team-wrapper .teamster .extended-bio .bio-text {
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -o-transform: translateY(40px);
  -webkit-transform: translateY(40px);
  -moz-transform: translateY(40px);
  -ms-transform: translateY(40px);
  transform: translateY(40px);
  color: #ffffff;
  margin: 0 40px;
}
.about .team-wrapper .teamster:nth-child(1):hover .bio-toggle,
.about .team-wrapper .teamster:nth-child(2):hover .bio-toggle {
  -o-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  -moz-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  -ms-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
}
.about .team-wrapper .teamster:hover .view-more-wrapper {
  opacity: 1;
}
.about .team-wrapper .teamster:hover .view-more-wrapper .view-more .member-name,
.about .team-wrapper .teamster:hover .view-more-wrapper .view-more .spacer,
.about .team-wrapper .teamster:hover .view-more-wrapper .view-more .member-role {
  -o-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  -moz-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  -ms-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
}
.about .team-wrapper .teamster.active .extended-bio {
  opacity: 1;
}
.about .team-wrapper .teamster.active .extended-bio .bio-toggle,
.about .team-wrapper .teamster.active .extended-bio .member-name,
.about .team-wrapper .teamster.active .extended-bio .member-role,
.about .team-wrapper .teamster.active .extended-bio .spacer,
.about .team-wrapper .teamster.active .extended-bio .bio-text {
  -o-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  -moz-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  -ms-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
}
.about .team-wrapper .teamster.active:hover .view-more-wrapper {
  opacity: 0;
}
.about .team-wrapper .teamster.ramya {
  background-image: url(images/about/team/ramya-2016.jpg);
}
.about .team-wrapper .teamster.joe {
  background-image: url(images/about/team/joe.jpg);
}
.about .team-wrapper .teamster.bala {
  background-image: url(images/about/team/bala.jpg);
}
.about .team-wrapper .teamster.chao {
  background-image: url(images/about/team/chao.jpg);
}
.about .team-wrapper .teamster.david-mack {
  background-image: url(images/about/team/david-mack.jpg);
}
.about .team-wrapper .teamster.jay {
  background-image: url(images/about/team/jay.jpg);
}
.about .team-wrapper .teamster.xun {
  background-image: url(images/about/team/xun.jpg);
}
.about .team-wrapper .teamster.david-hung {
  background-image: url(images/about/team/david-hung.jpg);
}
.about .team-wrapper .teamster.dahea {
  background-image: url(images/about/team/dahea.jpg);
}
.about .team-wrapper .teamster.alex {
  background-image: url(images/about/team/alex.jpg);
}
.about .team-wrapper .teamster.yara {
  background-image: url(images/about/team/yara.jpg);
}
.about .team-wrapper .teamster.rudy {
  background-image: url(images/about/team/rudy.jpg);
}
.about .team-wrapper .teamster.maksim {
  background-image: url(images/about/team/maksim.jpg);
}.about .team-wrapper .teamster.daryl {
  background-image: url(images/about/team/daryl.jpg);
}
.about .team-wrapper .teamster.milind {
  background-image: url(images/about/team/milind.jpg);}
.about .team-wrapper .teamster:nth-child(1n+1) {
  background-color: #e8edef;
}
.about .team-wrapper .teamster:nth-child(2n+2) {
  background-color: #ecf0f2;
}
.about .team-wrapper .teamster:nth-child(3n+3) {
  background-color: #d2e0e5;
}
.about .team-wrapper .teamster:nth-child(4n+4) {
  background-color: #e3f0f5;
}
.about .our-advisors-wrapper {
  background: #425c6c;
  padding: 100px 0 0;
  color: #cfd6da;
}
.about .our-advisors-wrapper .advisor-wrapper {
  display: -webkit-flex;
  display: flex;
  padding-bottom: 100px;
  margin-bottom: 100px;
  border-bottom: 1px solid #8ba5b1;
}
.about .our-advisors-wrapper .advisor-wrapper:last-child {
  border-bottom: none;
  margin-bottom: 0;
}
.about .our-advisors-wrapper .advisor-wrapper .advisor-photo {
  max-width: 380px;
  margin-right: 80px;
}
.about .our-advisors-wrapper .advisor-wrapper .advisor-details {
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.about .our-advisors-wrapper .advisor-wrapper .advisor-details .advisor-name {
  font-size: 32px;
  font-weight: 600;
  color: #ffffff;
  line-height: 26px;
}
.about .our-advisors-wrapper .advisor-wrapper .advisor-details .spacer {
  margin: 30px 0;
  width: 280px;
}
.about .our-advisors-wrapper .advisor-wrapper .advisor-details .advisor-title {
  font-size: 26px;
  font-weight: 400;
  color: #ffffff;
  margin-bottom: 40px;
}
.about .our-advisors-wrapper .advisor-wrapper .advisor-details .advisor-bio p {
  margin-bottom: 20px;
}
.about .our-advisors-wrapper .advisor-wrapper .advisor-details .advisor-bio .expando {
  display: none;
}
.about .our-advisors-wrapper .advisor-wrapper .advisor-details .advisor-bio .expando-toggle {
  cursor: pointer;
  display: inline;
  color: #29c76d;
  text-decoration: underline;
}
.about .join-team-wrapper {
  padding: 40px 0;
}
.about .join-team-wrapper .site-constraint {
  font-size: 26px;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.about .join-team-wrapper .site-constraint .smile {
  margin: 0 40px;
  width: 100px;
  height: 100px;
  background: url(images/about/smile.png) no-repeat center;
  background-size: contain;
}
.about .join-team-wrapper .site-constraint a {
  text-decoration: underline;
}
.careers .banner {
  background: url(images/careers/career_header_new.jpg) no-repeat top center;
  background-size: cover;
}
.careers .intro {
  padding: 100px 0 80px;
  text-align: center;
}
.careers .intro .site-constraint {
  position: relative;
  max-width: 1088px;
}
.careers .intro p {
  margin-bottom: 40px;
}
.careers .culture {
  padding: 120px 0 0;
  background-color: #425c6c;
  background-image: linear-gradient(to right, rgba(66, 92, 108, 0.95) 0%, rgba(66, 92, 108, 0.95) 100%), url(images/careers/our_culture.jpg);
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  color: #ffffff;
}
.careers .culture .subheading {
  font-size: 32px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 80px;
  color: #ffffff;
}
.careers .culture .site-constraint {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: space-around;
  -moz-box-pack: space-around;
  -ms-flex-pack: space-around;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.careers .culture .culture-item {
  -moz-flex-basis: 320px;
  -ms-flex-basis: 320px;
  -webkit-flex-basis: 320px;
  flex-basis: 320px;
  text-align: center;
  margin-bottom: 120px;
}
.careers .culture .culture-item .title {
  font-size: 20px;
  font-weight: 600;
}
.careers .culture .culture-item .spacer {
  margin: 35px auto;
}
.careers .culture .culture-item .details {
  line-height: 1.75;
}
.careers .perks {
  padding: 100px 0 80px;
}
.careers .perks .subheading {
  font-size: 32px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 80px;
}
.careers .perks .site-constraint {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: space-around;
  -moz-box-pack: space-around;
  -ms-flex-pack: space-around;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.careers .perks .perk-item-wrapper {
  position: relative;
  -moz-flex-basis: 270px;
  -ms-flex-basis: 270px;
  -webkit-flex-basis: 270px;
  flex-basis: 270px;
  text-align: center;
  height: 270px;
}
.careers .perks .perk-item-wrapper .perk-details {
  z-index: 1;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 0;
  display: -webkit-flex;
  display: flex;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  font-weight: 400;
  overflow: hidden;
  background: #ffb31a;
}
.careers .perks .perk-item-wrapper .perk-details .details {
  opacity: 0;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  padding: 30px;
  line-height: 1.75;
}
.careers .perks .perk-item-wrapper .perk-item {
  cursor: pointer;
  position: relative;
  width: 100%;
  height: 100%;
  padding: 20px;
}
.careers .perks .perk-item-wrapper .perk-item .icon {
  margin-bottom: 20px;
}
.careers .perks .perk-item-wrapper .perk-item .title {
  font-size: 20px;
  font-weight: 600;
}
.careers .perks .perk-item-wrapper:hover .perk-details {
  height: 100%;
}
.careers .perks .perk-item-wrapper:hover .perk-details .details {
  opacity: 1;
}
.careers .photo-grid {
  font-size: 0;
  background: #425c6c;
}
.careers .photo-grid .photo {
  display: inline-block;
  width: 25%;
  vertical-align: middle;
}
.careers .photo-grid .photo.wide {
  width: 75%;
}
.careers .photo-grid .photo.quote {
  font-size: 32px;
  font-weight: 600;
  width: 50%;
  color: #8ba5b1;
  text-align: center;
  padding: 20px;
}
.careers .photo-grid .photo.quote .quote-wrapper {
  max-width: 420px;
  margin: 0 auto;
}
.careers .photo-grid .photo.quote span {
  color: #ffffff;
  margin: 0 10px;
}
.careers .photo-grid .photo img {
  width: 100%;
  height: auto;
}
.careers .careers-listings {
  padding: 100px 0;
}
.careers .careers-listings .subheading {
  font-size: 32px;
  font-weight: 600;
  color: #425c6c;
  text-align: center;
  margin-bottom: 80px;
}
.careers .careers-listings .careers-wrapper {
  border: 1px solid #ced5d9;
}
.careers .careers-listings .careers-wrapper .careers-heading {
  font-size: 20px;
  font-weight: 400;
  color: #29c76d;
  text-align: center;
  line-height: 80px;
  border-bottom: 1px solid #ced5d9;
}
.careers .careers-listings .careers-wrapper .career-item-wrapper .career-listing {
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-start;
  -moz-box-pack: flex-start;
  -ms-flex-pack: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin: 0 50px;
  height: 90px;
  border-bottom: 1px solid #ebeeef;
}
.careers .careers-listings .careers-wrapper .career-item-wrapper .career-listing .listing-title {
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -moz-flex-basis: 320px;
  -ms-flex-basis: 320px;
  -webkit-flex-basis: 320px;
  flex-basis: 320px;
  font-weight: 600;
}
.careers .careers-listings .careers-wrapper .career-item-wrapper .career-listing .listing-type,
.careers .careers-listings .careers-wrapper .career-item-wrapper .career-listing .listing-location {
  -moz-flex-basis: 220px;
  -ms-flex-basis: 220px;
  -webkit-flex-basis: 220px;
  flex-basis: 220px;
}
.careers .careers-listings .careers-wrapper .career-item-wrapper .career-listing .listing-toggle a.cta {
  display: block;
}
.careers .careers-listings .careers-wrapper .career-item-wrapper .career-listing .listing-toggle a.cta.slate span:last-child {
  display: none;
}
.careers .careers-listings .careers-wrapper .career-item-wrapper .career-listing .listing-toggle a.cta.slate:hover {
  background: #29c76d;
}
.careers .careers-listings .careers-wrapper .career-item-wrapper .career-listing .listing-toggle a.cta.invert.vert span:first-child {
  display: none;
}
.careers .careers-listings .careers-wrapper .career-item-wrapper .career-listing .listing-toggle a.cta.invert.vert span:last-child {
  display: block;
}
.careers .careers-listings .careers-wrapper .career-item-wrapper .career-desc {
  display: none;
  position: relative;
  background: #425c6c;
  color: #ffffff;
  padding: 50px;
}
.careers .careers-listings .careers-wrapper .career-item-wrapper .career-desc p,
.careers .careers-listings .careers-wrapper .career-item-wrapper .career-desc ul,
.careers .careers-listings .careers-wrapper .career-item-wrapper .career-desc ol {
  margin-bottom: 20px;
}
.careers .careers-listings .careers-wrapper .career-item-wrapper .career-desc li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 10px;
}
.careers .careers-listings .careers-wrapper .career-item-wrapper .career-desc li:before {
  content: "";
  display: inline-block;
  display: block;
  position: absolute;
  width: 4px;
  height: 4px;
  background: #29c76d;
  top: 12px;
  left: 0px;
  border-radius: 50%;
}
.careers .careers-listings .careers-wrapper .career-item-wrapper .career-desc .note,
.careers .careers-listings .careers-wrapper .career-item-wrapper .career-desc a {
  color: #29c76d;
}
.careers .careers-listings .careers-wrapper .career-item-wrapper .career-desc a {
  text-decoration: underline;
}
.careers .careers-listings .careers-wrapper .career-item-wrapper .career-desc:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 0;
  height: 0;
  top: -30px;
  left: 35px;
  border: 15px solid transparent;
  border-bottom-color: #425c6c;
}
.tour .banner {
  height: 130px;
}
.tour .tour-wrapper {
  width: 100%;
  position: relative;
  height: 670px;
  background: #ffffff;
  overflow: hidden;
}
.tour .tour-panel {
  position: relative;
  width: 100%;
  height: 100%;
  padding-top: 50px;
  overflow: hidden;
  background: #ffffff;
}
.tour .tour-panel .panel-title {
  -o-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  font-size: 32px;
  font-weight: 600;
  height: 110px;
  color: #425c6c;
  text-align: center;
}
.tour .tour-panel.text-only {
  text-align: center;
  color: #425c6c;
}
.tour .tour-panel.text-only .panel-wrapper {
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.tour .tour-panel.text-only .panel-display {
  font-weight: 400;
  font-size: 55px;
  margin-bottom: 50px;
}
.tour .tour-panel.text-only .panel-display .title span {
  font-weight: 400;
}
.tour .tour-panel.text-only .panel-display .title span.serif-me {
  display: inline!important;
  font-size: inherit!important;
  padding: 0;
  margin: 0;
  color: inherit!important;
  font-family: 'Josefin Slab', serif;
  font-weight: 700;
}
.tour .tour-panel.text-only .panel-display .subtitle {
  margin-top: 20px;
  font-size: 26px;
}
.tour .tour-panel.text-only .panel-display.blue {
  color: #33bbff;
}
.tour .tour-panel.text-only .panel-title {
  height: auto;
  margin-bottom: 50px;
  font-weight: 300;
}
.tour .tour-panel.text-only .panel-caption {
  font-size: 16px;
  color: #8ba5b1;
  margin-top: 40px;
  text-align: center;
  line-height: 1.7;
}
.tour .tour-panel.text-only .smile {
  font-weight: 400;
  font-size: 70px;
  -o-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.tour .tour-panel.text-only .cta {
  z-index: 1;
}
.tour .tour-panel .panel-wrapper {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-end;
  -moz-box-pack: flex-end;
  -ms-flex-pack: flex-end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 560px;
}
.tour .tour-panel .panel-wrapper .panel-visual {
  position: absolute;
  right: calc(50% + 170px);
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  width: 100%;
  max-width: 50vw;
  height: 560px;
  border-top: 50px solid #ced5d9;
  border-right: 30px solid #ced5d9;
  border-top-right-radius: 30px;
  -webkit-box-shadow: 0 0 90px -10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 90px -10px rgba(0, 0, 0, 0.2);
  background-repeat: no-repeat;
}
.tour .tour-panel .panel-wrapper .panel-visual.accounts {
  background: url(images/tour/accounts-screen.jpg) top right;
}
.tour .tour-panel .panel-wrapper .panel-visual.plans {
  background: url(images/tour/plans-screen.jpg);
  background-position: top left;
}
.tour .tour-panel .panel-wrapper .panel-visual.plans.children {
  background-image: url(images/tour/children-plan.jpg);
}
.tour .tour-panel .panel-wrapper .panel-visual.plans.children.scrolling {
  -o-transition: background-position 60s ease;
  -webkit-transition: background-position 60s ease;
  -moz-transition: background-position 60s ease;
  -ms-transition: background-position 60s ease;
  transition: background-position 60s ease;
}
.tour .tour-panel .panel-wrapper .panel-visual.plans.retirement {
  background-image: url(images/tour/retirement-plan.jpg);
}
.tour .tour-panel .panel-wrapper .panel-visual.plans.retirement.scrolling {
  -o-transition: background-position 50s ease;
  -webkit-transition: background-position 50s ease;
  -moz-transition: background-position 50s ease;
  -ms-transition: background-position 50s ease;
  transition: background-position 50s ease;
}
.tour .tour-panel .panel-wrapper .panel-visual.plans.college {
  background-image: url(images/tour/college-plan.jpg);
}
.tour .tour-panel .panel-wrapper .panel-visual.plans.college.scrolling {
  -o-transition: background-position 40s ease;
  -webkit-transition: background-position 40s ease;
  -moz-transition: background-position 40s ease;
  -ms-transition: background-position 40s ease;
  transition: background-position 40s ease;
}
.tour .tour-panel .panel-wrapper .panel-visual.plans.home {
  background-image: url(images/tour/summary_home.jpg);
  background-size: cover;
}
.tour .tour-panel .panel-wrapper .panel-visual.plans.home.scrolling {
  -o-transition: background-position 50s ease;
  -webkit-transition: background-position 50s ease;
  -moz-transition: background-position 50s ease;
  -ms-transition: background-position 50s ease;
  transition: background-position 50s ease;
}
.tour .tour-panel .panel-wrapper .panel-visual.guidance {
  background: url(images/tour/tour_timeline.jpg) top center no-repeat;
  background-size: cover;
}
.tour .tour-panel .panel-wrapper .panel-visual.invest {
  background: url(images/tour/investments-screen.jpg) top center no-repeat;
  background-size: contain;
}
.tour .tour-panel .panel-wrapper .panel-visual.notifications {
  background: url(images/tour/notifications_panel.jpg) top center no-repeat;
  background-size: cover;
}
.tour .tour-panel .panel-wrapper .visual-breakdown {
  z-index: 1;
  position: absolute;
  width: 390px;
  right: calc(50% - 120px);
  border-top: 1px solid #ced5d9;
  text-align: right;
}
.tour .tour-panel .panel-wrapper .visual-breakdown.accounts {
  top: 85px;
}
.tour .tour-panel .panel-wrapper .visual-breakdown.plans {
  top: 100px;
  width: 450px;
}
.tour .tour-panel .panel-wrapper .visual-breakdown.plans:before {
  background: #29c76d;
}
.tour .tour-panel .panel-wrapper .visual-breakdown.plans .breakdown-wrapper .breakdown-item {
  cursor: pointer;
}
.tour .tour-panel .panel-wrapper .visual-breakdown.plans .breakdown-wrapper .breakdown-item:hover {
  background: #29c76d;
  color: #ffffff;
}
.tour .tour-panel .panel-wrapper .visual-breakdown.guidance {
  top: 75px;
  width: 340px;
}
.tour .tour-panel .panel-wrapper .visual-breakdown.invest {
  top: 95px;
}
.tour .tour-panel .panel-wrapper .visual-breakdown.invest:before {
  background: #29c76d;
}
.tour .tour-panel .panel-wrapper .visual-breakdown.notifications {
  top: 85px;
}
.tour .tour-panel .panel-wrapper .visual-breakdown.notifications:before {
  background: #29c76d;
}
.tour .tour-panel .panel-wrapper .visual-breakdown:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: -5px;
  left: -5px;
  width: 10px;
  height: 10px;
  background: #ffffff;
  border-radius: 50%;
}
.tour .tour-panel .panel-wrapper .visual-breakdown .breakdown-wrapper {
  display: inline-block;
}
.tour .tour-panel .panel-wrapper .visual-breakdown .breakdown-wrapper .breakdown-item {
  position: relative;
  background: #ffffff;
  border: 1px solid #ced5d9;
  border-top: none;
  padding: 20px 30px;
  text-align: center;
}
.tour .tour-panel .panel-wrapper .visual-breakdown .breakdown-wrapper .breakdown-item.active {
  background: #29c76d;
  color: #ffffff;
}
.tour .tour-panel .panel-wrapper .visual-breakdown .breakdown-wrapper .breakdown-item.active:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 15px;
  width: 0;
  height: 0;
  border: 15px solid transparent;
  border-left-color: #425c6c;
}
.tour .tour-panel .panel-wrapper .visual-breakdown .breakdown-details-wrapper {
  position: absolute;
  width: 100%;
  top: 0;
  left: calc(-100% + 1px);
}
.tour .tour-panel .panel-wrapper .visual-breakdown .breakdown-details-wrapper .breakdown-detail {
  display: -webkit-flex;
  display: flex;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  background: #425c6c;
  color: #ffffff;
  width: 100%;
  height: 325px;
  padding: 30px;
}
.tour .tour-panel .panel-wrapper .visual-breakdown .breakdown-details-wrapper .breakdown-detail ul:nth-child(2) {
  margin-top: 10px;
}
.tour .tour-panel .panel-wrapper .visual-breakdown .breakdown-details-wrapper .breakdown-detail ul li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 10px;
}
.tour .tour-panel .panel-wrapper .visual-breakdown .breakdown-details-wrapper .breakdown-detail ul li:before {
  content: "";
  display: inline-block;
  display: block;
  position: absolute;
  width: 4px;
  height: 4px;
  background: #29c76d;
  top: 12px;
  left: 0px;
  border-radius: 50%;
}
.tour .tour-panel .panel-wrapper .panel-overview {
  -moz-flex-shrink: 0;
  -ms-flex-shrink: 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -moz-flex-basis: 420px;
  -ms-flex-basis: 420px;
  -webkit-flex-basis: 420px;
  flex-basis: 420px;
  text-align: right;
  line-height: 1.75;
}
.tour .tour-panel .panel-wrapper .panel-overview p {
  margin-bottom: 40px;
}
.tour .tour-panel .panel-wrapper .panel-overview .highlight {
  color: #8ba5b1;
}
.tour .tour-panel .panel-wrapper .watermark-pefin-star {
  z-index: 0;
  position: absolute;
  top: 45%;
  left: -160px;
  width: 840px;
  height: 760px;
}
.tour .tour-panel .panel-wrapper .watermark-pefin-star svg {
  width: 100%;
  height: 100%;
  fill-opacity: 0.03;
}
.tour .tour-panel.reverse .panel-wrapper {
  -webkit-box-pack: flex-start;
  -moz-box-pack: flex-start;
  -ms-flex-pack: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.tour .tour-panel.reverse .panel-wrapper .panel-visual {
  right: auto;
  left: calc(50% + 170px);
  border-right: none;
  border-top-right-radius: unset;
  border-left: 30px solid #ced5d9;
  border-top-left-radius: 30px;
}
.tour .tour-panel.reverse .panel-wrapper .visual-breakdown {
  text-align: left;
  left: calc(50% - 120px);
  right: auto;
}
.tour .tour-panel.reverse .panel-wrapper .visual-breakdown:before {
  left: auto;
  right: -5px;
}
.tour .tour-panel.reverse .panel-wrapper .panel-overview {
  text-align: left;
}
.tour .tour-panel.slidein .panel-wrapper .panel-visual {
  opacity: 0;
  -o-transition: all 0.5s 0.2s ease;
  -webkit-transition: all 0.5s 0.2s ease;
  -moz-transition: all 0.5s 0.2s ease;
  -ms-transition: all 0.5s 0.2s ease;
  transition: all 0.5s 0.2s ease;
  -o-transform: translateX(-30px);
  -webkit-transform: translateX(-30px);
  -moz-transform: translateX(-30px);
  -ms-transform: translateX(-30px);
  transform: translateX(-30px);
}
.tour .tour-panel.slidein .panel-wrapper .visual-breakdown {
  opacity: 0;
  -o-transition: all 0.5s 1s ease;
  -webkit-transition: all 0.5s 1s ease;
  -moz-transition: all 0.5s 1s ease;
  -ms-transition: all 0.5s 1s ease;
  transition: all 0.5s 1s ease;
  -o-transform: translateX(20px);
  -webkit-transform: translateX(20px);
  -moz-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
}
.tour .tour-panel.slidein .panel-wrapper .panel-overview {
  opacity: 0;
  -o-transition: all 0.5s 0.7s ease;
  -webkit-transition: all 0.5s 0.7s ease;
  -moz-transition: all 0.5s 0.7s ease;
  -ms-transition: all 0.5s 0.7s ease;
  transition: all 0.5s 0.7s ease;
  -o-transform: translateX(20px);
  -webkit-transform: translateX(20px);
  -moz-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
}
.tour .tour-panel.slidein.reverse .panel-wrapper .panel-visual {
  -o-transform: translateX(30px);
  -webkit-transform: translateX(30px);
  -moz-transform: translateX(30px);
  -ms-transform: translateX(30px);
  transform: translateX(30px);
}
.tour .tour-panel.slidein.reverse .panel-wrapper .visual-breakdown {
  -o-transform: translateX(-20px);
  -webkit-transform: translateX(-20px);
  -moz-transform: translateX(-20px);
  -ms-transform: translateX(-20px);
  transform: translateX(-20px);
}
.tour .tour-panel.slidein.reverse .panel-wrapper .panel-overview {
  -o-transform: translateX(-20px);
  -webkit-transform: translateX(-20px);
  -moz-transform: translateX(-20px);
  -ms-transform: translateX(-20px);
  transform: translateX(-20px);
}
.tour .tour-panel.large-screen .panel-wrapper .panel-visual {
  left: -100px;
  right: auto;
  width: 100%;
  max-width: 1020px;
  border-left: 30px solid #ced5d9;
  border-top-left-radius: 30px;
}
@media (max-width: 1560px) {
  .tour .tour-panel.large-screen .panel-wrapper .panel-visual {
    left: 0;
    max-width: 55vw;
    border-left: none;
    border-top-left-radius: 0;
  }
}
.tour .tour-panel.cycle-slide-active .panel-wrapper .scrolling {
  background-position: bottom left;
}
.tour .tour-panel.cycle-slide-active.slidein .panel-wrapper .panel-visual {
  opacity: 1;
  -o-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  -moz-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  -ms-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
}
.tour .tour-panel.cycle-slide-active.slidein .panel-wrapper .visual-breakdown {
  opacity: 1;
  -o-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  -moz-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  -ms-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
}
.tour .tour-panel.cycle-slide-active.slidein .panel-wrapper .panel-overview {
  opacity: 1;
  -o-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  -moz-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  -ms-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
}
.tour .tour-controller-wrapper {
  width: 100%;
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 100px;
  background: #425c6c;
}
.tour .tour-controller-wrapper .arrow-pager {
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  cursor: pointer;
  position: relative;
  width: 24px;
  height: 24px;
  background: no-repeat center center;
  background-size: contain;
}
.tour .tour-controller-wrapper .arrow-pager.cycle-prev {
  background-image: url(images/tour/arrow_left.png);
}
.tour .tour-controller-wrapper .arrow-pager.cycle-next {
  background-image: url(images/tour/arrow_right.png);
}
.tour .tour-controller-wrapper .tour-controller {
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 100%;
  text-align: center;
  margin: 0 40px;
}
.tour .tour-controller-wrapper .tour-controller .pager {
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  cursor: pointer;
  position: relative;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  border: 2px solid #ced5d9;
  border-radius: 50%;
}
.tour .tour-controller-wrapper .tour-controller .pager:first-child {
  display: none;
}
.tour .tour-controller-wrapper .tour-controller .pager:after {
  opacity: 0;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  content: "";
  display: inline-block;
  position: absolute;
  top: 3px;
  left: 3px;
  width: 10px;
  height: 10px;
  background: #ced5d9;
  border-radius: 50%;
}
.tour .tour-controller-wrapper .tour-controller .pager:hover {
  border-color: #ebeeef;
}
.tour .tour-controller-wrapper .tour-controller .pager.cycle-pager-active:after,
.tour .tour-controller-wrapper .tour-controller .pager.pseudo-pager-active:after {
  opacity: 1;
}
.press .banner {
  height: 130px;
}
.press .press-intro .title {
  padding: 100px 70px;
  display: -webkit-flex;
  display: flex;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  display: block;
  max-width: 1500px;
  margin: 0 auto;
  padding: 95px 70px;
  text-align: center;
  font-size: 55px;
  color: #383838;
  border-bottom: 1px solid #ced5d9;
}
@media (max-width: 1540px) {
  .press .press-intro .title {
    margin: 0 70px;
  }
}
.press .press-intro .site-constraint {
  padding: 100px 70px;
  display: -webkit-flex;
  display: flex;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.press .press-intro .about-pefin {
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -moz-flex-basis: 475px;
  -ms-flex-basis: 475px;
  -webkit-flex-basis: 475px;
  flex-basis: 475px;
  padding-right: 80px;
  border-right: 1px dashed #ced5d9;
}
@media (max-width: 1105px) {
  .press .press-intro .about-pefin {
    padding-right: 0;
    border-right: none;
  }
}
.press .press-intro .about-pefin h1 {
  font-size: 26px;
  font-weight: 600;
  margin: 20px 0;
}
.press .press-intro .about-pefin p {
  margin-bottom: 20px;
}
.press .press-intro .pefin-info {
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -moz-flex-basis: 475px;
  -ms-flex-basis: 475px;
  -webkit-flex-basis: 475px;
  flex-basis: 475px;
  padding-left: 90px;
}
@media (max-width: 1105px) {
  .press .press-intro .pefin-info {
    padding-left: 0;
  }
}
.press .press-intro .line-item {
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-weight: 600;
  height: 100px;
  border-bottom: 1px solid #ebeeef;
}
.press .press-intro .line-item:first-child {
  height: 85px;
}
.press .press-intro .line-item:last-child {
  border-bottom: none;
  height: 120px;
}
.press .press-intro .line-item .label {
  color: #8ba5b1;
}
.press .press-intro .line-item .value {
  text-align: right;
}
.press .press-intro .line-item a {
  font-weight: 400;
}
.press .press-intro .line-item a:hover {
  text-decoration: underline;
}
.press .press-intro .line-item a.social-media {
  cursor: pointer;
  display: inline-block;
  width: 41px;
  height: 41px;
  background: center no-repeat;
  margin-left: 10px;
}
.press .press-intro .line-item a.social-media span {
  display: none;
}
.press .press-intro .line-item a.social-media.linkedin {
  background-image: url(images/social/linkedin-icon.png);
}
.press .press-intro .line-item a.social-media.twitter {
  background-image: url(images/social/twitter-icon.png);
}
.press .press-intro .line-item a.social-media.facebook {
  background-image: url(images/social/facebook-icon.png);
}
.press .pefin-people .person-wrapper {
  color: #425c6c;
  background: #e2edeb repeat-x center;
  background-size: contain;
}
.press .pefin-people .person-wrapper .site-constraint {
  display: -webkit-flex;
  display: flex;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.press .pefin-people .person-wrapper .site-constraint .bio {
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -moz-flex-basis: 320px;
  -ms-flex-basis: 320px;
  -webkit-flex-basis: 320px;
  flex-basis: 320px;
  -moz-align-self: center;
  -ms-align-self: center;
  -webkit-align-self: center;
  align-self: center;
  padding: 40px 40px 20px 0;
}
.press .pefin-people .person-wrapper .site-constraint .bio h1 {
  font-weight: 300;
  font-size: 32px;
  margin-bottom: 50px;
}
.press .pefin-people .person-wrapper .site-constraint .bio h1 span {
  font-weight: 600;
}
.press .pefin-people .person-wrapper .site-constraint .bio .assets {
  margin-top: 50px;
}
.press .pefin-people .person-wrapper .site-constraint .bio .assets a {
  cursor: pointer;
  display: inline-block;
}
.press .pefin-people .person-wrapper .site-constraint .bio .assets .linkedin {
  width: 30px;
  height: 28px;
  background: url(images/social/linkedin-icon-slate.png) no-repeat;
  margin-right: 20px;
  vertical-align: bottom;
}
.press .pefin-people .person-wrapper .site-constraint .bio .assets .linkedin span {
  display: none;
}
.press .pefin-people .person-wrapper .site-constraint .bio .assets .headshot {
  height: 28px;
  background: url(images/download-icon.png) no-repeat center left;
  padding-left: 40px;
}
.press .pefin-people .person-wrapper .site-constraint .headshot {
  -moz-align-self: flex-end;
  -ms-align-self: flex-end;
  -webkit-align-self: flex-end;
  align-self: flex-end;
  -moz-flex-shrink: 0;
  -ms-flex-shrink: 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -moz-flex-basis: 420px;
  -ms-flex-basis: 420px;
  -webkit-flex-basis: 420px;
  flex-basis: 420px;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: flex-end;
  -moz-box-align: flex-end;
  -ms-flex-align: flex-end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  height: 450px;
  text-align: center;
}
.press .pefin-people .person-wrapper.ramya {
  background-image: url(images/press/ramya-joseph-gradient.jpg);
}
.press .pefin-people .person-wrapper.joe {
  background-image: url(images/press/joe-abraham-gradient.jpg);
}
.press .resources .site-constraint {
  padding: 70px 70px 120px;
}
.press .resources .subheading {
  font-size: 32px;
  font-weight: 600;
  color: #425c6c;
  text-align: center;
  margin-bottom: 80px;
}
.press .resources .resource-items-wrapper {
  border: 1px solid #ced5d9;
  padding: 70px 0;
}
.press .resources .resource-items-wrapper .resource-item-wrapper:last-child .resource-item {
  border-bottom: none;
}
.press .resources .resource-items-wrapper .resource-item-wrapper .resource-item {
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-start;
  -moz-box-pack: flex-start;
  -ms-flex-pack: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin: 0 50px;
  height: 90px;
  border-bottom: 1px solid #ebeeef;
}
.press .resources .resource-items-wrapper .resource-item-wrapper .resource-item .item-title {
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -moz-flex-basis: 320px;
  -ms-flex-basis: 320px;
  -webkit-flex-basis: 320px;
  flex-basis: 320px;
  font-weight: 600;
}
.press .resources .resource-items-wrapper .resource-item-wrapper .resource-item .item-date,
.press .resources .resource-items-wrapper .resource-item-wrapper .resource-item .item-type,
.press .resources .resource-items-wrapper .resource-item-wrapper .resource-item .item-toggle {
  -moz-flex-basis: 220px;
  -ms-flex-basis: 220px;
  -webkit-flex-basis: 220px;
  flex-basis: 220px;
}
.press .resources .resource-items-wrapper .resource-item-wrapper .resource-item .item-toggle {
  cursor: pointer;
  color: #8ba5b1;
  text-decoration: underline;
}
.press .resources .resource-items-wrapper .resource-item-wrapper .resource-item .item-toggle.read-more {
  -moz-flex-basis: 120px;
  -ms-flex-basis: 120px;
  -webkit-flex-basis: 120px;
  flex-basis: 120px;
  text-align: right;
}
.press .resources .resource-items-wrapper .resource-item-wrapper .resource-item .item-download a.cta {
  display: block;
}
.press .resources .resource-items-wrapper .resource-item-wrapper .resource-item .item-download a.cta.slate:hover {
  background: #29c76d;
}
.press .resources .resource-items-wrapper .resource-item-wrapper .resource-details {
  display: none;
  position: relative;
  background: #425c6c;
  color: #8ba5b1;
  padding: 50px;
}
.press .resources .resource-items-wrapper .resource-item-wrapper .resource-details p,
.press .resources .resource-items-wrapper .resource-item-wrapper .resource-details ul,
.press .resources .resource-items-wrapper .resource-item-wrapper .resource-details ol {
  margin-bottom: 20px;
}
.press .resources .resource-items-wrapper .resource-item-wrapper .resource-details li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 10px;
}
.press .resources .resource-items-wrapper .resource-item-wrapper .resource-details li:before {
  content: "";
  display: inline-block;
  display: block;
  position: absolute;
  width: 4px;
  height: 4px;
  background: #29c76d;
  top: 12px;
  left: 0px;
  border-radius: 50%;
}
.press .resources .resource-items-wrapper .resource-item-wrapper .resource-details .note,
.press .resources .resource-items-wrapper .resource-item-wrapper .resource-details a {
  color: #29c76d;
}
.press .resources .resource-items-wrapper .resource-item-wrapper .resource-details a {
  text-decoration: underline;
}
.press .resources .resource-items-wrapper .resource-item-wrapper .resource-details:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 0;
  height: 0;
  top: -30px;
  left: 35px;
  border: 15px solid transparent;
  border-bottom-color: #425c6c;
}
.press .resources .resource-items-wrapper .resource-item-wrapper .details-wrapper {
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: baseline;
  -moz-box-align: baseline;
  -ms-flex-align: baseline;
  -webkit-align-items: baseline;
  align-items: baseline;
}
.press .resources .resource-items-wrapper .resource-item-wrapper .details-wrapper .detail-item {
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -moz-flex-shrink: 0;
  -ms-flex-shrink: 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  text-align: center;
  padding-bottom: 40px;
}
.press .resources .resource-items-wrapper .resource-item-wrapper .details-wrapper .detail-item img {
  margin-bottom: 40px;
}
.press .resources .resource-items-wrapper .resource-item-wrapper .details-wrapper .detail-item span {
  display: block;
  text-align: center;
}
.press .resources .resource-items-wrapper .resource-item-wrapper .details-wrapper.product {
  margin-right: -20px;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.press .resources .resource-items-wrapper .resource-item-wrapper .details-wrapper.product .detail-item {
  background: no-repeat top center;
  background-size: cover;
  padding-bottom: 0;
  margin-right: 20px;
  max-width: 312px;
  width: calc(25% - 20px);
}
.press .resources .resource-items-wrapper .resource-item-wrapper .details-wrapper.product .detail-item.homepage {
  background-image: url(images/press/homepage-thumb.jpg);
}
.press .resources .resource-items-wrapper .resource-item-wrapper .details-wrapper.product .detail-item.homepage-full {
  background-image: url(images/press/homepage-full-thumb.jpg);
}
.press .resources .resource-items-wrapper .resource-item-wrapper .details-wrapper.product .detail-item.home {
  background-image: url(images/press/app_home_thumb.jpg);
}
.press .resources .resource-items-wrapper .resource-item-wrapper .details-wrapper.product .detail-item.notifications {
  background-image: url(images/press/notifications_thumb.jpg);
}
.press .resources .resource-items-wrapper .resource-item-wrapper .details-wrapper.product .detail-item.retirement {
  background-image: url(images/press/retire_thumb.jpg);
}
.press .resources .resource-items-wrapper .resource-item-wrapper .details-wrapper.product .detail-item.child {
  background-image: url(images/press/baby_thumb.jpg);
}
.press .resources .resource-items-wrapper .resource-item-wrapper .details-wrapper.product .detail-item .detail-hover {
  opacity: 0;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  width: 100%;
  height: 200px;
  background: rgba(139, 165, 177, 0.9);
  color: #ffffff;
  display: -webkit-flex;
  display: flex;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: center;
  text-decoration: none;
  padding-top: 40px;
}
.press .resources .resource-items-wrapper .resource-item-wrapper .details-wrapper.product .detail-item .detail-hover img {
  margin-top: 30px;
}
.press .resources .resource-items-wrapper .resource-item-wrapper .details-wrapper.product .detail-item:hover .detail-hover {
  opacity: 1;
}
.press .resources .resource-items-wrapper .resource-item-wrapper .details-wrapper.logo-asset {
  -webkit-box-align: flex-start;
  -moz-box-align: flex-start;
  -ms-flex-align: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.press .resources .resource-items-wrapper .resource-item-wrapper .details-wrapper.logo-asset .detail-item {
  position: relative;
  height: 220px;
  padding-bottom: 0;
}
.press .resources .resource-items-wrapper .resource-item-wrapper .details-wrapper.logo-asset .detail-item img {
  margin-bottom: 0;
}
.press .resources .resource-items-wrapper .resource-item-wrapper .details-wrapper.logo-asset .detail-item span {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.press .resources .resource-items-wrapper .resource-item-wrapper .details-wrapper.logo-asset .detail-item:nth-child(2) img {
  margin-top: 30px;
}
.press .resources .resource-items-wrapper .resource-item-wrapper .details-wrapper.logo-asset .detail-item:nth-child(3) img {
  margin-top: 80px;
}
.press .resources.press {
  background: #425c6c;
  color: #ffffff;
}
.press .resources.press .subheading {
  color: #ffffff;
}
.press .resources.press .resource-items-wrapper {
  border-color: #8ba5b1;
}
.press .resources.press .resource-items-wrapper .resource-item-wrapper:last-child .resource-item {
  border-bottom: none;
}
.press .resources.press .resource-items-wrapper .resource-item-wrapper .resource-item {
  border-bottom: 1px solid #8ba5b1;
}
.press .resources.press .resource-items-wrapper .resource-item-wrapper .resource-item .item-toggle {
  color: #ced5d9;
}
.press .resources.press .resource-items-wrapper .resource-item-wrapper .resource-details {
  background: #ffffff;
  color: #425c6c;
}
.press .resources.press .resource-items-wrapper .resource-item-wrapper .resource-details .press-item-wrapper h1 {
  margin-bottom: 20px;
}
.press .resources.press .resource-items-wrapper .resource-item-wrapper .resource-details:before {
  border-bottom-color: #ffffff;
}
.press .resources.press .resource-items-wrapper .item-toggle {
  color: #ced5d9;
}
.faq .banner {
  background: url(images/faq-banner.jpg) top right no-repeat #2b2a2f;
  background-size: cover;
}
.faq .faq-wrapper .site-constraint {
  padding: 100px 70px 120px;
}
.faq .faq-wrapper .faq-sections {
  font-size: 26px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 70px;
}
.faq .faq-wrapper .faq-sections .section-item {
  display: inline-block;
  cursor: pointer;
  color: #425c6c;
}
.faq .faq-wrapper .faq-sections .section-item:hover {
  text-decoration: underline;
}
.faq .faq-wrapper .faq-sections .section-item.active {
  color: #29c76d;
  text-decoration: underline;
}
.faq .faq-wrapper .faq-sections .section-item .serif-me {
  display: inline!important;
  font-size: inherit!important;
  color: inherit!important;
  padding: 0;
  margin: 0;
  font-family: 'Source Code Pro', serif;
  font-weight: 600;
  font-size: 29px!important;
}
.faq .faq-wrapper .faq-sections .separator {
  display: inline-block;
  height: 26px;
  width: 1px;
  background: #8ba5b1;
  margin: 0 20px;
}
.faq .faq-wrapper .faq-section-wrapper {
  display: none;
  border: 1px solid #ced5d9;
  padding: 20px 0;
}
.faq .faq-wrapper .faq-section-wrapper.active {
  display: block;
}
.faq .faq-wrapper .faq-section-wrapper .faq-item-wrapper:last-child .faq-item {
  border-bottom: none;
}
.faq .faq-wrapper .faq-section-wrapper .faq-item-wrapper .faq-item {
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-start;
  -moz-box-pack: flex-start;
  -ms-flex-pack: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin: 0 50px;
  height: 90px;
  border-bottom: 1px solid #ebeeef;
}
.faq .faq-wrapper .faq-section-wrapper .faq-item-wrapper .faq-item .item-number {
  font-weight: 600;
  margin-right: 50px;
  color: #29c76d;
}
.faq .faq-wrapper .faq-section-wrapper .faq-item-wrapper .faq-item .item-title {
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -moz-flex-basis: 320px;
  -ms-flex-basis: 320px;
  -webkit-flex-basis: 320px;
  flex-basis: 320px;
  font-weight: 600;
}
.faq .faq-wrapper .faq-section-wrapper .faq-item-wrapper .faq-item .item-title .serif-me {
  display: inline!important;
  font-size: inherit!important;
  color: inherit!important;
  padding: 0;
  margin: 0;
  font-family: 'Source Code Pro', serif;
  font-weight: 600;
  font-size: 20px!important;
}
.faq .faq-wrapper .faq-section-wrapper .faq-item-wrapper .faq-item .item-toggle a.cta {
  display: block;
}
.faq .faq-wrapper .faq-section-wrapper .faq-item-wrapper .faq-item .item-toggle a.cta.slate span:last-child {
  display: none;
}
.faq .faq-wrapper .faq-section-wrapper .faq-item-wrapper .faq-item .item-toggle a.cta.slate:hover {
  background: #29c76d;
}
.faq .faq-wrapper .faq-section-wrapper .faq-item-wrapper .faq-item .item-toggle a.cta.invert.vert span:first-child {
  display: none;
}
.faq .faq-wrapper .faq-section-wrapper .faq-item-wrapper .faq-item .item-toggle a.cta.invert.vert span:last-child {
  display: block;
}
.faq .faq-wrapper .faq-section-wrapper .faq-item-wrapper .faq-details {
  display: none;
  position: relative;
  background: #425c6c;
  color: #ffffff;
  padding: 50px;
}
.faq .faq-wrapper .faq-section-wrapper .faq-item-wrapper .faq-details p,
.faq .faq-wrapper .faq-section-wrapper .faq-item-wrapper .faq-details ul,
.faq .faq-wrapper .faq-section-wrapper .faq-item-wrapper .faq-details ol {
  margin-bottom: 20px;
}
.faq .faq-wrapper .faq-section-wrapper .faq-item-wrapper .faq-details li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 10px;
}
.faq .faq-wrapper .faq-section-wrapper .faq-item-wrapper .faq-details li:before {
  content: "";
  display: inline-block;
  display: block;
  position: absolute;
  width: 4px;
  height: 4px;
  background: #29c76d;
  top: 12px;
  left: 0px;
  border-radius: 50%;
}
.faq .faq-wrapper .faq-section-wrapper .faq-item-wrapper .faq-details .note,
.faq .faq-wrapper .faq-section-wrapper .faq-item-wrapper .faq-details a {
  color: #29c76d;
}
.faq .faq-wrapper .faq-section-wrapper .faq-item-wrapper .faq-details a {
  text-decoration: underline;
}
.faq .faq-wrapper .faq-section-wrapper .faq-item-wrapper .faq-details:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 0;
  height: 0;
  top: -30px;
  left: 75px;
  border: 15px solid transparent;
  border-bottom-color: #425c6c;
}
.faq .faq-form {
  padding: 40px 50px 60px;
}
.security .banner {
  background: url(images/security/security-banner.jpg) top right no-repeat #a3acb4;
  background-size: cover;
}
.security .security-intro {
  padding: 100px 0 20px;
}
.security .security-intro .site-constraint {
  display: -webkit-flex;
  display: flex;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.security .security-intro .site-constraint .col {
  -moz-flex-basis: 340px;
  -ms-flex-basis: 340px;
  -webkit-flex-basis: 340px;
  flex-basis: 340px;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  text-align: center;
  margin-right: 40px;
  margin-bottom: 80px;
}
.security .security-intro .site-constraint .col:last-child {
  margin-right: 0;
}
.security .security-intro .site-constraint .title {
  font-size: 26px;
  font-weight: 600;
  color: #425c6c;
}
.security .security-intro .site-constraint .spacer {
  margin: 40px auto 32px;
}
.security .security-intro .site-constraint p {
  max-width: 350px;
  margin: 0 auto;
  text-align: justify;
}
.security .security-faq-wrapper .site-constraint {
  padding: 90px 70px 120px;
  border-bottom: 1px solid #ced5d9;
}
.security .security-faq-wrapper .subheading {
  background: url(images/security/security-locks.png) no-repeat top center;
  padding-top: 80px;
  margin-bottom: 70px;
}
.security .security-faq-wrapper .faq-section-wrapper {
  border: 1px solid #ced5d9;
  padding: 20px 0;
}
.security .security-faq-wrapper .faq-section-wrapper .faq-item-wrapper:last-child .faq-item {
  border-bottom: none;
}
.security .security-faq-wrapper .faq-section-wrapper .faq-item-wrapper .faq-item {
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-start;
  -moz-box-pack: flex-start;
  -ms-flex-pack: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin: 0 50px;
  height: 90px;
  border-bottom: 1px solid #ebeeef;
}
.security .security-faq-wrapper .faq-section-wrapper .faq-item-wrapper .faq-item .item-number {
  font-weight: 600;
  margin-right: 50px;
  color: #29c76d;
}
.security .security-faq-wrapper .faq-section-wrapper .faq-item-wrapper .faq-item .item-title {
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -moz-flex-basis: 320px;
  -ms-flex-basis: 320px;
  -webkit-flex-basis: 320px;
  flex-basis: 320px;
  font-weight: 600;
}
.security .security-faq-wrapper .faq-section-wrapper .faq-item-wrapper .faq-item .item-toggle a.cta {
  display: block;
}
.security .security-faq-wrapper .faq-section-wrapper .faq-item-wrapper .faq-item .item-toggle a.cta.slate:hover {
  background: #29c76d;
}
.security .security-faq-wrapper .faq-section-wrapper .faq-item-wrapper .faq-details {
  display: none;
  position: relative;
  background: #425c6c;
  color: #ffffff;
  padding: 50px;
}
.security .security-faq-wrapper .faq-section-wrapper .faq-item-wrapper .faq-details p,
.security .security-faq-wrapper .faq-section-wrapper .faq-item-wrapper .faq-details ul,
.security .security-faq-wrapper .faq-section-wrapper .faq-item-wrapper .faq-details ol {
  margin-bottom: 20px;
}
.security .security-faq-wrapper .faq-section-wrapper .faq-item-wrapper .faq-details li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 10px;
}
.security .security-faq-wrapper .faq-section-wrapper .faq-item-wrapper .faq-details li:before {
  content: "";
  display: inline-block;
  display: block;
  position: absolute;
  width: 4px;
  height: 4px;
  background: #29c76d;
  top: 12px;
  left: 0px;
  border-radius: 50%;
}
.security .security-faq-wrapper .faq-section-wrapper .faq-item-wrapper .faq-details .note,
.security .security-faq-wrapper .faq-section-wrapper .faq-item-wrapper .faq-details a {
  color: #29c76d;
}
.security .security-faq-wrapper .faq-section-wrapper .faq-item-wrapper .faq-details a {
  text-decoration: underline;
}
.security .security-faq-wrapper .faq-section-wrapper .faq-item-wrapper .faq-details:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 0;
  height: 0;
  top: -30px;
  left: 75px;
  border: 15px solid transparent;
  border-bottom-color: #425c6c;
}
.security .system-security .site-constraint {
  display: -webkit-flex;
  display: flex;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding-top: 80px;
  padding-bottom: 80px;
  border-bottom: 1px solid #ced5d9;
}
.security .system-security .site-constraint:nth-child(2) {
  padding-bottom: 140px;
}
.security .system-security .text-panel {
  -moz-flex-basis: 320px;
  -ms-flex-basis: 320px;
  -webkit-flex-basis: 320px;
  flex-basis: 320px;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  margin-right: 140px;
}
.security .system-security .text-panel.data-hack {
  margin-right: 0;
  margin-left: 140px;
}
.security .system-security .title {
  font-size: 26px;
  font-weight: 600;
}
.security .system-security p {
  margin-bottom: 20px;
}
.security .system-security .comparison-wrapper {
  border: 10px solid #ced5d9;
  border-top-width: 45px;
  border-radius: 20px;
  -webkit-box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.2);
}
.security .system-security .comparison-wrapper .cd-image-container {
  position: relative;
  width: 100%;
}
.security .system-security .comparison-wrapper .cd-image-container img {
  display: block;
}
.security .system-security .comparison-wrapper .cd-image-label {
  position: absolute;
  bottom: -60px;
  right: 0;
  color: #8ba5b1;
}
.security .system-security .comparison-wrapper .cd-image-label.left {
  right: auto;
  left: 0;
}
.security .system-security .comparison-wrapper .cd-resize-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  overflow: hidden;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.security .system-security .comparison-wrapper .cd-resize-img img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  height: 100%;
  width: auto;
  max-width: none;
}
.security .system-security .comparison-wrapper .cd-resize-img .cd-image-label {
  right: auto;
  left: 0;
}
.security .system-security .comparison-wrapper .is-visible .cd-resize-img {
  width: 50%;
  /* bounce in animation of the modified image */
  -webkit-animation: cd-bounce-in 0.7s;
  -moz-animation: cd-bounce-in 0.7s;
  animation: cd-bounce-in 0.7s;
}
@-webkit-keyframes cd-bounce-in {
  0% {
    width: 0;
  }
  60% {
    width: 55%;
  }
  100% {
    width: 50%;
  }
}
@-moz-keyframes cd-bounce-in {
  0% {
    width: 0;
  }
  60% {
    width: 55%;
  }
  100% {
    width: 50%;
  }
}
@keyframes cd-bounce-in {
  0% {
    width: 0;
  }
  60% {
    width: 55%;
  }
  100% {
    width: 50%;
  }
}
.security .system-security .comparison-wrapper .cd-handle {
  position: absolute;
  height: 60px;
  width: 60px;
  /* center the element */
  left: 50%;
  top: 50%;
  margin-left: -30px;
  margin-top: -30px;
  border-radius: 50%;
  background: #8ba5b1 url(images/security/slider-arrows.png) no-repeat center center;
  cursor: move;
  opacity: 0;
  -webkit-transform: translate3d(0, 0, 0) scale(0);
  -moz-transform: translate3d(0, 0, 0) scale(0);
  -ms-transform: translate3d(0, 0, 0) scale(0);
  -o-transform: translate3d(0, 0, 0) scale(0);
  transform: translate3d(0, 0, 0) scale(0);
}
.security .system-security .comparison-wrapper .cd-handle:before {
  content: "";
  display: inline-block;
  background: #8ba5b1;
  width: 8px;
  height: 625px;
  border-radius: 4px;
  position: absolute;
  top: -280px;
  left: calc(50% - 4px);
}
.security .system-security .comparison-wrapper .cd-handle.draggable {
  /* change background color when element is active */
}
.security .system-security .comparison-wrapper .is-visible .cd-handle {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  -moz-transform: translate3d(0, 0, 0) scale(1);
  -ms-transform: translate3d(0, 0, 0) scale(1);
  -o-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1);
  -webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0s 0.7s;
  -moz-transition: -moz-transform 0.3s 0.7s, opacity 0s 0.7s;
  transition: transform 0.3s 0.7s, opacity 0s 0.7s;
}
.contact .banner {
  background: url(images/contact-banner.jpg) no-repeat top center;
  background-size: cover;
}
.contact .contact-form {
  padding: 90px 0;
}
.contact .contact-form .site-constraint {
  max-width: 1070px;
  height: 330px;
}
.contact #map_banner {
  width: 100%;
  height: 650px;
}
.contact #map_banner #map_canvas {
  height: 650px;
  width: 100%;
}
.contact .contact-bar {
  padding: 60px 0 10px;
}
.contact .contact-bar .site-constraint {
  display: -webkit-flex;
  display: flex;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.contact .contact-bar .site-constraint .col {
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -moz-flex-basis: 320px;
  -ms-flex-basis: 320px;
  -webkit-flex-basis: 320px;
  flex-basis: 320px;
  margin-right: 40px;
  margin-bottom: 50px;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-start;
  -moz-box-pack: flex-start;
  -ms-flex-pack: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.contact .contact-bar .site-constraint .col:last-child {
  -moz-flex-grow: initial;
  -ms-flex-grow: initial;
  -webkit-flex-grow: initial;
  flex-grow: initial;
  -moz-flex-basis: initial;
  -ms-flex-basis: initial;
  -webkit-flex-basis: initial;
  flex-basis: initial;
  margin-right: 0;
}
.contact .contact-bar .site-constraint .icon {
  display: inline-block;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: #424548 no-repeat center;
  margin-right: 20px;
  vertical-align: middle;
}
.contact .contact-bar .site-constraint .icon.poi {
  background-image: url(images/poi-icon-white.png);
}
.contact .contact-bar .site-constraint .icon.email {
  background-image: url(images/envelope-icon-white.png);
}
.contact .contact-bar .site-constraint .email-prompt a {
  font-style: italic;
  font-weight: 600;
  color: #ffb31a;
}
.contact .contact-bar .site-constraint .social {
  width: 41px;
  height: 41px;
  background: no-repeat center;
  margin: 0 5px;
}
.contact .contact-bar .site-constraint .social span {
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  display: inline-block;
  width: 41px;
  height: 41px;
  background: no-repeat center;
  text-indent: -99999px;
}
.contact .contact-bar .site-constraint .social.facebook {
  background-image: url(images/social/facebook-icon.png);
}
.contact .contact-bar .site-constraint .social.facebook span {
  background-image: url(images/social/facebook-icon-gray.png);
}
.contact .contact-bar .site-constraint .social.linkedin {
  background-image: url(images/social/linkedin-icon.png);
}
.contact .contact-bar .site-constraint .social.linkedin span {
  background-image: url(images/social/linkedin-icon-gray.png);
}
.contact .contact-bar .site-constraint .social.twitter {
  background-image: url(images/social/twitter-icon.png);
}
.contact .contact-bar .site-constraint .social.twitter span {
  background-image: url(images/social/twitter-icon-gray.png);
}
.contact .contact-bar .site-constraint .social:hover span {
  opacity: 0;
}
.site-wrapper {
  width: 100%;
}
/*# sourceMappingURL=main.css.map */