/**
* Asset Variables:
* For CSS background images, we can load the fingerprinted asset path from here.
* Assign it to a variable for use in other files.
*/
/*
@include dark-mode() {
	background-color: #000;
	opacity: 0.5;
	border: 1px solid #fff;
}
@include dark-mode($background: #000, $color: #fff);
@include dark-mode($color: #fff);
@include dark-mode($background: #000);
*/
/*	CSS RESET */
/*	Meyer's CSS Reset, Normalized.css, and custom code */
/*	Mobile Screen Resizing */
@-webkit-viewport {
  width: device-width;
  zoom: 1; }

@-moz-viewport {
  width: device-width;
  zoom: 1; }

@-ms-viewport {
  width: device-width;
  zoom: 1; }

@-o-viewport {
  width: device-width;
  zoom: 1; }

@viewport {
  width: device-width;
  zoom: 1; }

/*	Remove browser defaults */
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
button,
canvas,
caption,
center,
cite,
code,
del,
details,
dfn,
div,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  letter-spacing: -0.02em; }

/*	Set display type for HTML5 semantic elements */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block; }

strong {
  font-weight: 600; }

em {
  font-style: italic; }

/* Force scrollbar display to prevent jumping on pages.
* Fix text resize bug on mobile devices. */
html {
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  background-color: white; }

/*	Display audio, canvas, and video elements as inline block elements. */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

/*	Prevent modern browsers from displaying audio without controls. */
audio:not([controls]) {
  display: none; }

/* Prevent img and video elements from spilling
* outside of the page on smaller screens. */
img,
video {
  max-width: 100%;
  height: auto; }

/* Prevent iframe, object, and embed elements from
* spilling outside of the page on smaller screens. */
embed,
iframe,
object {
  max-width: 100%; }

/*	Prevents IE from making scaled images look like crap */
img {
  -ms-interpolation-mode: bicubic; }

/*	Address outline inconsistency between Chrome and other browsers. */
a:focus,
button:focus {
  outline: thin dotted;
  outline: 0.294117647em auto -webkit-focus-ring-color;
  outline-offset: -0.142857143em; }

/*	Improve readability when focused and also mouse hovered in all browsers. */
a:active,
a:hover {
  outline: 0; }

/* Correct the inability to style clickable types in iOS and Safari. */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

:root {
  --navbar-height-with-banner: 102px; }

@font-face {
  font-family: "Adelle-Semibold";
  src: url("/fonts/adelle-semibold-v1.woff2") format("woff2"), url("/fonts/adelle-semibold-v1.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Courier Prime Bits";
  src: url("/fonts/courier-prime-bits-v1.woff2") format("woff2"), url("/fonts/courier-prime-bits-v1.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

#security-page .container {
  max-width: 1140px;
  margin: 0 auto; }

*,
*::after,
*::before {
  box-sizing: inherit; }

html {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  box-sizing: border-box; }

body {
  fill: currentColor;
  color: #333;
  font-weight: normal;
  -ms-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
  text-rendering: optimizeLegibility;
  -webkit-font-feature-settings: "liga" 1, "kern" 1;
  font-feature-settings: "liga" 1, "kern" 1;
  -webkit-font-kerning: normal;
  font-kerning: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-top: 60px; }
  body.alert-banner-is-visible {
    margin-top: var(--navbar-height-with-banner); }
  @media screen\0 {
    body {
      overflow: hidden; } }
p {
  font-size: 1em;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.38;
  letter-spacing: -0.3px;
  color: #333;
  margin-bottom: 1.3em; }

h1 {
  font-family: "Adelle-Semibold", sans-serif;
  font-size: 2.375em;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.13;
  letter-spacing: -0.48px;
  color: #4c4c4c; }

h2 {
  font-size: 1.4em;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.3;
  color: #4c4c4c;
  margin-bottom: 16px; }

h3 {
  font-size: 1em;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 1;
  color: #999;
  margin-bottom: 6px; }

h4 {
  color: #4d4d4d;
  font-size: 19px;
  font-weight: 500;
  line-height: 1; }

a {
  font-size: 1em;
  text-decoration: none;
  color: inherit; }
  a img {
    border: none;
    background: none; }
  a:hover {
    color: inherit; }
    a:hover img {
      border: none;
      background: none; }

button:hover {
  cursor: pointer; }

nav {
  top: 0;
  left: 0;
  width: 100%;
  min-height: 60px;
  z-index: 1000;
  vertical-align: middle;
  margin-bottom: 0;
  position: fixed;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  /* banner */
  display: flex;
  flex-direction: column;
  /* ---------------- */ }
  @media print {
    nav {
      display: none; } }
  nav a.current {
    opacity: 1; }
  nav a.logo-container {
    float: left; }
    @media (max-width: 759px) {
      nav a.logo-container--center {
        display: none; } }
    @media (max-width: 1023px) {
      nav a.logo-container--center {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); } }
  nav .logo {
    display: inline-block;
    padding: 12px 8px;
    height: 60px;
    float: left;
    margin: 0 0 0 5px; }
    @media (max-width: 1023px) {
      nav .logo {
        margin: 0; } }
    @media screen and (prefers-color-scheme: dark) {
      nav .logo--theme {
        content: url("/img/1password-logo-mobile-light@2x.png"); } }
    @media screen and (prefers-color-scheme: light) {
      nav .logo--theme {
        content: url("/img/1password-logo-mobile-dark@2x.png"); } }
  nav .navigation {
    margin: 0;
    padding: 0;
    font-weight: 600;
    position: relative; }
    nav .navigation ul {
      margin-top: 20px;
      list-style: none;
      display: inline-block;
      float: left; }
      nav .navigation ul li {
        display: inline;
        padding: 0 5px;
        letter-spacing: -0.02em; }
        @media (min-width: 1024px) {
          nav .navigation ul li {
            padding: 0 8px; }
            :lang(ru) nav .navigation ul li {
              padding: 0 4px; } }
        nav .navigation ul li a:hover {
          text-transform: none; }
        nav .navigation ul li.mobile-only {
          display: none; }
        @media (min-width: 833px) {
          nav .navigation ul li.nav-home {
            display: none; } }
    nav .navigation #menu-button {
      display: none; }
      @media (max-width: 1023px) {
        nav .navigation #menu-button {
          margin: 20px 0 20px 20px;
          font-weight: 600;
          font-size: 18px;
          display: block;
          float: left;
          background: none; } }
    @media (max-width: 1023px) {
      nav .navigation .burger {
        display: none; }
        nav .navigation .burger.visible {
          display: block;
          width: 100%;
          position: absolute;
          top: 60px;
          background-color: white;
          margin: 0;
          padding: 10px;
          /* prettier-ignore */
          background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0) 0%, rgba(250, 250, 250, 0) 100%);
          box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.1), inset 0 -2px 0 0 rgba(0, 0, 0, 0.05);
          -webkit-transition: all 0.3s ease-in-out;
          -moz-transition: all 0.3s ease-in-out;
          -ms-transition: all 0.3s ease-in-out;
          -o-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out; }
          nav .navigation .burger.visible li {
            display: block;
            height: 35px; }
            nav .navigation .burger.visible li a {
              line-height: 35px;
              color: #0572ec; }
          nav .navigation .burger.visible .mobile-only {
            display: block; } }
    nav .navigation .signup-container {
      float: right; }
      @media (max-width: 52em) {
        nav .navigation .signup-container .signin {
          display: none; } }
      nav .navigation .signup-container .buy a,
      nav .navigation .signup-container .signup a {
        border-radius: 40px;
        padding: 10px 20px; }
        @media (max-width: 30em) {
          :lang(pt-br) nav .navigation .signup-container .buy a, :lang(de) nav .navigation .signup-container .buy a, :lang(ru) nav .navigation .signup-container .buy a, :lang(pt-br) nav .navigation .signup-container .signup a, :lang(de) nav .navigation .signup-container .signup a, :lang(ru) nav .navigation .signup-container .signup a {
            font-size: 0.75rem;
            padding: 10px; } }
        nav .navigation .signup-container .buy a:hover,
        nav .navigation .signup-container .signup a:hover {
          -webkit-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
          -moz-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
          -ms-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
          -o-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
          transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out; }
        @media (max-width: 52em) {
          nav .navigation .signup-container .buy a span,
          nav .navigation .signup-container .signup a span {
            display: none; } }
nav.navy-bar {
  background: #4d5d8c; }
  nav.navy-bar #menu-button {
    color: white; }
  nav.navy-bar .buy a,
  nav.navy-bar .signup a {
    background-color: #0572ec;
    color: white; }
    nav.navy-bar .buy a:hover,
    nav.navy-bar .signup a:hover {
      -webkit-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
      -moz-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
      -ms-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
      -o-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
      transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
      background-color: #50b347;
      color: white; }
  nav.navy-bar ul a.current {
    color: white; }
  nav.navy-bar ul li a {
    color: #d4defb;
    -webkit-transition: color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out;
    -ms-transition: color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out; }
    nav.navy-bar ul li a:hover {
      -webkit-transition: color 0.3s ease-in-out;
      -moz-transition: color 0.3s ease-in-out;
      -ms-transition: color 0.3s ease-in-out;
      -o-transition: color 0.3s ease-in-out;
      transition: color 0.3s ease-in-out;
      color: white; }

nav.white-bar {
  background: white;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.06), 0 0 1px 1px rgba(0, 0, 0, 0.05); }
  nav.white-bar #menu-button {
    color: #525c66; }
  nav.white-bar .buy a,
  nav.white-bar .signup a {
    background-color: #0572ec;
    color: white; }
    nav.white-bar .buy a:hover,
    nav.white-bar .signup a:hover {
      -webkit-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
      -moz-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
      -ms-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
      -o-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
      transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
      background-color: #50b347;
      color: white; }
    nav.white-bar .buy a.scroll,
    nav.white-bar .signup a.scroll {
      border: solid 2px #0572ec;
      background-color: white;
      color: #0572ec;
      -webkit-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
      -moz-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
      -ms-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
      -o-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
      transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out; }
      nav.white-bar .buy a.scroll:hover,
      nav.white-bar .signup a.scroll:hover {
        background-color: #06c;
        border-color: #06c;
        color: white; }
    nav.white-bar .buy a.scroll-active,
    nav.white-bar .signup a.scroll-active {
      background-color: #0572ec;
      color: white; }
      nav.white-bar .buy a.scroll-active:hover,
      nav.white-bar .signup a.scroll-active:hover {
        background-color: #06c;
        border-color: #06c;
        color: white; }
  nav.white-bar ul a.current {
    color: #0572ec; }
  nav.white-bar ul li a {
    color: #525c66; }
    nav.white-bar ul li a:hover {
      color: #0572ec; }

nav.blue-bar {
  background: #0373e6; }
  nav.blue-bar #menu-button {
    color: white; }
  nav.blue-bar .buy a,
  nav.blue-bar .signup a {
    background-color: white;
    color: #0373e6; }
    nav.blue-bar .buy a:hover,
    nav.blue-bar .signup a:hover {
      -webkit-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
      -moz-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
      -ms-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
      -o-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
      transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
      background-color: #50b347;
      color: white; }
  nav.blue-bar ul a.current {
    color: white; }
  nav.blue-bar ul li a {
    color: #e9f4ff; }
    nav.blue-bar ul li a:hover {
      color: white; }

nav.black-bar {
  background: #292e33; }
  nav.black-bar #menu-button {
    color: white; }
  nav.black-bar .buy a,
  nav.black-bar .signup a {
    background-color: white;
    color: #525c66; }
    nav.black-bar .buy a:hover,
    nav.black-bar .signup a:hover {
      -webkit-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
      -moz-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
      -ms-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
      -o-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
      transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
      color: white;
      background-color: #0572ec; }
  nav.black-bar ul a.current {
    color: white; }
  nav.black-bar ul li a {
    color: #b8c2cc; }
    nav.black-bar ul li a:hover {
      color: white; }

nav.dark-navy-bar {
  background: #0e2555; }
  nav.dark-navy-bar #menu-button {
    color: white; }
  nav.dark-navy-bar .buy a,
  nav.dark-navy-bar .signup a {
    background-color: #0572ec;
    color: white; }
    nav.dark-navy-bar .buy a:hover,
    nav.dark-navy-bar .signup a:hover {
      -webkit-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
      -moz-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
      -ms-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
      -o-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
      transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
      color: white;
      background-color: #0572ec; }
  nav.dark-navy-bar ul a.current {
    color: white; }
  nav.dark-navy-bar ul li a {
    color: white; }
    nav.dark-navy-bar ul li a:hover {
      color: white; }

nav.why-1password-bar {
  background: #d1e8ff; }
  nav.why-1password-bar #menu-button {
    color: #454f5b; }
  nav.why-1password-bar .buy a,
  nav.why-1password-bar .signup a {
    background-color: white;
    color: #454f5b; }
    nav.why-1password-bar .buy a:hover,
    nav.why-1password-bar .signup a:hover {
      -webkit-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
      -moz-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
      -ms-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
      -o-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
      transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
      color: #0572ec;
      background-color: white; }
  nav.why-1password-bar ul a.current {
    color: #454f5b; }
  nav.why-1password-bar ul li a {
    color: #454f5b; }
    nav.why-1password-bar ul li a:hover {
      color: #0572ec; }

nav.forgot-password-bar {
  background: #097be9; }
  nav.forgot-password-bar #menu-button {
    color: white; }
  nav.forgot-password-bar .buy a,
  nav.forgot-password-bar .signup a {
    background-color: #097be9;
    color: white;
    border: 2px solid white; }
    nav.forgot-password-bar .buy a:hover,
    nav.forgot-password-bar .signup a:hover {
      -webkit-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
      -moz-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
      -ms-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
      -o-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
      transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
      background-color: white;
      color: #097be9; }
  nav.forgot-password-bar ul a.current {
    color: white; }
  nav.forgot-password-bar ul li a {
    color: #e9f4ff; }
    nav.forgot-password-bar ul li a:hover {
      color: white; }

nav.security-bar {
  background: #1f2e59; }
  nav.security-bar #menu-button {
    color: white; }
  nav.security-bar .buy a,
  nav.security-bar .signup a {
    background-color: #0572ec;
    color: white; }
    nav.security-bar .buy a:hover,
    nav.security-bar .signup a:hover {
      -webkit-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
      -moz-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
      -ms-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
      -o-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
      transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
      background-color: #50b347;
      color: white; }
  nav.security-bar ul a.current {
    color: white; }
  nav.security-bar ul li a {
    color: #d4defb;
    -webkit-transition: color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out;
    -ms-transition: color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out; }
    nav.security-bar ul li a:hover {
      -webkit-transition: color 0.3s ease-in-out;
      -moz-transition: color 0.3s ease-in-out;
      -ms-transition: color 0.3s ease-in-out;
      -o-transition: color 0.3s ease-in-out;
      transition: color 0.3s ease-in-out;
      color: white; }

nav.customers-bar {
  background: #292e33; }
  nav.customers-bar #menu-button {
    color: white; }
  nav.customers-bar .buy a,
  nav.customers-bar .signup a {
    background-color: #0572ec;
    color: white; }
    nav.customers-bar .buy a:hover,
    nav.customers-bar .signup a:hover {
      -webkit-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
      -moz-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
      -ms-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
      -o-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
      transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
      color: white;
      background-color: #50b347; }
  nav.customers-bar ul a.current {
    color: white; }
  nav.customers-bar ul li a {
    color: #b8c2cc; }
    nav.customers-bar ul li a:hover {
      color: white; }

nav.resources-bar {
  background: #e8f3ff; }
  nav.resources-bar #menu-button {
    color: #0572ec; }
  nav.resources-bar .buy a,
  nav.resources-bar .signup a {
    background-color: #0572ec;
    color: white; }
    nav.resources-bar .buy a:hover,
    nav.resources-bar .signup a:hover {
      -webkit-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
      -moz-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
      -ms-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
      -o-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
      transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
      color: white;
      background-color: #50b347; }
  nav.resources-bar ul a.current {
    color: #525c66; }
  nav.resources-bar ul li a {
    color: #525c66; }
    nav.resources-bar ul li a:hover {
      color: #06c; }

nav.security-black-bar {
  background: #0a2d4d; }
  nav.security-black-bar #menu-button {
    color: white; }
  nav.security-black-bar .buy a,
  nav.security-black-bar .signup a {
    background-color: #0572ec;
    color: white; }
    nav.security-black-bar .buy a:hover,
    nav.security-black-bar .signup a:hover {
      -webkit-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
      -moz-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
      -ms-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
      -o-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
      transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
      color: white;
      background-color: #50b347; }
  nav.security-black-bar ul a.current {
    color: white; }
  nav.security-black-bar ul li a {
    color: white; }
    nav.security-black-bar ul li a:hover {
      color: #06c; }

.unfixed-bar {
  position: relative; }

footer {
  width: 100%;
  background-color: #232a3f;
  -webkit-box-shadow: 0 1px 0 0 #45474d;
  -moz-box-shadow: 0 1px 0 0 #45474d;
  box-shadow: 0 1px 0 0 #45474d; }
  @media print {
    footer {
      display: none; } }
  footer .sitemap {
    max-width: 1188px;
    margin: 0 auto;
    padding: 3rem 1.5rem;
    text-align: left; }
    @media (min-width: 52em) {
      footer .sitemap {
        max-width: 1188px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: flex-start;
        -webkit-align-items: flex-start; } }
    @media (max-width: 52em) {
      footer .sitemap {
        padding: 3rem 1.5rem; } }
    @media (min-width: 768px) {
      footer .sitemap {
        display: grid;
        grid-template-columns: 1fr 1fr; } }
    @media (max-width: 832px) {
      footer .sitemap {
        justify-items: center; } }
    @media (min-width: 832px) {
      footer .sitemap {
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 12px; } }
    @media (min-width: 1200px) {
      footer .sitemap {
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); } }
    footer .sitemap ul {
      list-style: none;
      width: 100%;
      text-align: left;
      margin: 0 0 20px; }
      footer .sitemap ul:last-of-type {
        margin: 0; }
      footer .sitemap ul ul {
        margin: 10px 0 !important; }
      @media (max-width: 52em) {
        footer .sitemap ul {
          text-align: center;
          padding: 10px; } }
      @media (min-width: 52em) {
        footer .sitemap ul {
          flex-grow: 1;
          -webkit-flex-grow: 1;
          margin: 0; } }
      footer .sitemap ul li {
        line-height: 1.5;
        font-size: 0.938em;
        display: block;
        color: #b6bcce;
        margin-bottom: 2px; }
        footer .sitemap ul li.title {
          color: #8892af;
          font-weight: 400;
          font-size: 0.813em;
          margin-bottom: 5px; }
        footer .sitemap ul li.location {
          margin: 1em 0 0; }
        footer .sitemap ul li svg {
          margin-right: 0.3rem; }
        footer .sitemap ul li span.badge {
          background: #e8a152;
          color: #232a3f;
          border-radius: 2px;
          padding: 0 3px;
          font-weight: 500;
          margin-top: 4px;
          margin-bottom: 4px;
          display: inline-block;
          text-transform: uppercase;
          font-size: 0.75em; }
          @media (min-width: 833px) {
            footer .sitemap ul li span.badge {
              margin-right: -6px; } }
        footer .sitemap ul li a#we-are-hiring {
          background: #e8a152;
          color: #232a3f;
          border-radius: 2px;
          padding: 0 6px 1px;
          font-weight: 500;
          margin-top: 4px;
          margin-bottom: 4px;
          display: inline-block; }
          footer .sitemap ul li a#we-are-hiring:hover, footer .sitemap ul li a#we-are-hiring:focus {
            background: #ffbe73; }
          @media (min-width: 833px) {
            footer .sitemap ul li a#we-are-hiring {
              margin-left: -6px; } }
        footer .sitemap ul li a:not([hreflang]):hover, footer .sitemap ul li a:not([hreflang]):focus {
          color: #e5a15c; }
          footer .sitemap ul li a:not([hreflang]):hover svg path, footer .sitemap ul li a:not([hreflang]):focus svg path {
            fill: #e5a15c; }
    footer .sitemap .dropdown.language-picker {
      width: 100%;
      border: solid 1px #626d8c;
      background-color: #232a3f;
      max-width: 150px;
      max-height: 40px;
      font-size: 0.813em;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: row;
      margin-bottom: 30px;
      color: #8f98b3;
      text-align: center;
      margin: 20px auto;
      position: relative;
      text-align: left;
      cursor: pointer;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px; }
      @media (min-width: 832px) {
        footer .sitemap .dropdown.language-picker {
          margin: initial; } }
      @media screen\0 {
        footer .sitemap .dropdown.language-picker {
          max-width: none; } }
      footer .sitemap .dropdown.language-picker ul {
        width: 100%;
        background-color: white;
        position: absolute;
        display: none;
        left: 0;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        overflow: hidden; }
        @media (max-width: 1023px) {
          footer .sitemap .dropdown.language-picker ul {
            bottom: 50px; } }
        footer .sitemap .dropdown.language-picker ul li {
          list-style: none; }
          footer .sitemap .dropdown.language-picker ul li a {
            display: block;
            color: #8892af;
            padding: 1em; }
          footer .sitemap .dropdown.language-picker ul li:last-child {
            border-bottom: 0; }
          footer .sitemap .dropdown.language-picker ul li:hover {
            background-color: #edeff2; }
        footer .sitemap .dropdown.language-picker ul li:last-child:nth-last-child(odd) {
          grid-column: auto / span 2; }
        footer .sitemap .dropdown.language-picker ul li:first-child:nth-last-child(even),
        footer .sitemap .dropdown.language-picker ul li:first-child:nth-last-child(even) ~ li {
          grid-column: auto / span 1; }
      footer .sitemap .dropdown.language-picker.visible ul {
        display: block;
        -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.12);
        -moz-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.12);
        box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.12); }
        @media (min-width: 832px) {
          footer .sitemap .dropdown.language-picker.visible ul {
            display: grid;
            grid-template-columns: 1fr 1fr;
            width: 250px;
            left: -100px; } }
        @media (min-width: 1024px) {
          footer .sitemap .dropdown.language-picker.visible ul {
            top: 50px; } }
        @media (min-width: 1280px) {
          footer .sitemap .dropdown.language-picker.visible ul {
            left: 0; } }
      footer .sitemap .dropdown.language-picker.visible .arrow-box svg {
        transform: rotate(180deg); }
      footer .sitemap .dropdown.language-picker .current-language,
      footer .sitemap .dropdown.language-picker .arrow-box {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center; }
      footer .sitemap .dropdown.language-picker .current-language {
        width: 70%;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        flex-direction: row;
        justify-content: flex-start;
        padding: 15px 0 15px 15px; }
      footer .sitemap .dropdown.language-picker .arrow-box {
        border-right: 1px solid;
        width: 30%;
        -webkit-border-radius: 6px 0 0;
        -moz-border-radius: 6px 0 0;
        border-radius: 6px 0 0;
        flex-direction: column;
        justify-content: center;
        transform: rotate(-180deg);
        cursor: pointer; }
  footer .made-by {
    width: 100%;
    padding: 30px 0;
    background-color: #1b1f33;
    z-index: 1; }
    footer .made-by .container {
      max-width: 1188px;
      margin: 0 auto;
      padding: 1.25rem 1.5rem;
      text-align: left;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      justify-content: flex-start; }
      @media (max-width: 740px) {
        footer .made-by .container {
          padding: 0 10px; } }
      @media (min-width: 832px) {
        footer .made-by .container {
          flex-direction: row;
          flex-wrap: wrap;
          justify-content: space-between; } }
      footer .made-by .container .footer-info {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        text-align: center; }
        @media (min-width: 832px) {
          footer .made-by .container .footer-info {
            justify-content: flex-start;
            flex-basis: 384px;
            flex-grow: 1; } }
        footer .made-by .container .footer-info .address,
        footer .made-by .container .footer-info .copyright,
        footer .made-by .container .footer-info .legal {
          color: #8892af;
          display: block;
          text-align: left;
          font-size: 13px;
          line-height: 1.4em;
          margin: 5px; }
          @media (max-width: 30em) {
            footer .made-by .container .footer-info .address,
            footer .made-by .container .footer-info .copyright,
            footer .made-by .container .footer-info .legal {
              max-width: 240px; } }
          @media (max-width: 831px) {
            footer .made-by .container .footer-info .address,
            footer .made-by .container .footer-info .copyright,
            footer .made-by .container .footer-info .legal {
              text-align: center; } }
          @media (min-width: 832px) {
            footer .made-by .container .footer-info .address,
            footer .made-by .container .footer-info .copyright,
            footer .made-by .container .footer-info .legal {
              margin: 0 10px 0 0; } }
        footer .made-by .container .footer-info .flag {
          margin-left: 5px; }
        @media (min-width: 832px) {
          footer .made-by .container .footer-info .copyright {
            margin-right: 12px; } }
        footer .made-by .container .footer-info .legal a {
          color: #b6bcce;
          font-size: 13px;
          line-height: 1.4em; }
      footer .made-by .container .community {
        flex-grow: 1;
        position: relative; }
        @media (max-width: 1023px) {
          footer .made-by .container .community {
            margin: 1em; } }
        footer .made-by .container .community p.find-us {
          color: #b6bcce;
          margin: 0 0 10px;
          font-size: 0.875em; }
          @media (max-width: 831px) {
            footer .made-by .container .community p.find-us {
              text-align: center; } }
        footer .made-by .container .community > ul {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          flex-grow: 1;
          justify-content: space-between;
          align-items: center;
          width: 100%;
          max-width: 380px; }
          @media (max-width: 600px) {
            footer .made-by .container .community > ul {
              max-width: 280px;
              flex-wrap: wrap; } }
          @media (max-width: 30em) {
            footer .made-by .container .community > ul {
              max-width: 200px; } }
          @media (max-width: 1024px) {
            footer .made-by .container .community > ul {
              margin: 0 auto; } }
          @media (min-width: 832px) {
            footer .made-by .container .community > ul.livechat {
              padding-right: 35px; } }
          @media (min-width: 1150px) {
            footer .made-by .container .community > ul.livechat {
              padding-right: 0; } }
          footer .made-by .container .community > ul li {
            list-style: none; }
            footer .made-by .container .community > ul li.hidden {
              display: none; }
            @media (max-width: 600px) {
              footer .made-by .container .community > ul li {
                flex: 1 0 50px;
                text-align: center;
                margin-bottom: 10px; } }
          @media (min-width: 1200px) {
            footer .made-by .container .community > ul li:hover [data-name]::before {
              content: attr(data-name);
              position: absolute;
              top: 2%;
              left: 68px;
              color: #b6bcce;
              font-size: 0.875em; }
              @supports (-ms-ime-align: auto) {
                footer .made-by .container .community > ul li:hover [data-name]::before {
                  /* IE Edge 16+ CSS */
                  top: 0;
                  left: 64px; } } }
          footer .made-by .container .community > ul li:hover svg path {
            fill: #e5a15c; }

header.error {
  width: 100%;
  height: 300px;
  padding: 50px;
  background-color: #4d5d8c;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: flex-end;
  -webkit-align-items: flex-end;
  text-align: center; }
  header.error h1 {
    font-weight: normal;
    font-size: 45px;
    color: white;
    line-height: 50px;
    margin: 0 0 10px; }

section.error {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center; }
  @media (max-width: 740px) {
    section.error {
      display: block; } }
  section.error > div {
    margin: 100px 0; }
  section.error .obi-one {
    margin-left: 3rem;
    margin-right: 3rem; }
    section.error .obi-one img {
      max-height: 512px; }
    @media (max-width: 740px) {
      section.error .obi-one {
        text-align: center;
        margin: 50px 0 !important; }
        section.error .obi-one img {
          max-height: 260px; } }
  section.error .text {
    margin-right: 30px; }
    @media (max-width: 740px) {
      section.error .text {
        margin: 50px 40px !important; } }
    section.error .text h2 {
      color: #4d5d8c;
      font-size: 26px;
      margin-bottom: 10px; }
    section.error .text li,
    section.error .text p {
      margin-bottom: 10px;
      list-style-position: inside;
      font-size: 17px; }
    section.error .text ul {
      padding: 10px 0 10px 20px;
      margin-bottom: 10px;
      column-count: 2;
      -webkit-column-count: 2;
      -moz-column-count: 2; }
      @media (max-width: 440px) {
        section.error .text ul {
          column-count: 1;
          -webkit-column-count: 1;
          -moz-column-count: 1; } }
    section.error .text a {
      color: #0572ec; }
      section.error .text a:hover {
        color: #06c; }

section.scroller.scrolling .scroller-wrapper .scroller-tracker {
  transition: none;
  transition-delay: unset; }

section.scroller.disable .scroller-wrapper .scroller-tracker {
  pointer-events: none; }

section.scroller.fade .scroller-wrapper .scroller-tracker {
  transition: none;
  cursor: pointer; }

section.scroller.fade .scroller-wrapper .slide {
  opacity: 0;
  transition: opacity 0.5s ease-in-out; }
  section.scroller.fade .scroller-wrapper .slide.active {
    opacity: 1;
    transition-delay: 0.5s;
    transition: opacity 0.5s ease-in-out; }

section.scroller .scroller-wrapper {
  display: flex;
  flex-wrap: nowrap;
  overflow: hidden;
  max-width: 1170px;
  margin: 0 auto;
  -webkit-overflow-scrolling: touch; }
  section.scroller .scroller-wrapper .scroller-tracker {
    transform: translateX(0);
    transition: transform 500ms cubic-bezier(0.215, 0.015, 0.33, 0.94);
    width: 100%;
    cursor: grab; }
  section.scroller .scroller-wrapper .scroller-tracker:not(.g2-container) {
    display: flex;
    flex-wrap: nowrap; }
  section.scroller .scroller-wrapper::-webkit-scrollbar {
    display: none; }
  section.scroller .scroller-wrapper .slide {
    flex: 0 1 auto;
    max-width: 100vw;
    width: 100%;
    min-width: 100%; }
  section.scroller .scroller-wrapper .slide img {
    position: relative; }

section.scroller nav {
  display: none;
  position: relative;
  text-align: center;
  z-index: 0; }
  section.scroller nav.active {
    display: block; }
  section.scroller nav ul {
    display: inline-block;
    list-style: none;
    margin: 20px 0 0;
    width: auto; }
    section.scroller nav ul li {
      display: inline-block;
      margin: 0 4px; }
      section.scroller nav ul li button {
        background: #dfe3e8;
        cursor: pointer;
        font-size: 0;
        width: 8px;
        height: 8px;
        border-radius: 100%;
        transition: background 0.1s ease-in-out, width 0.1s ease-in-out, height 0.1s ease-in-out; }
        section.scroller nav ul li button:hover {
          background: #919eab; }
          @media (hover: none) and (pointer: coarse) {
            section.scroller nav ul li button:hover {
              background: #dfe3e8; } }
      section.scroller nav ul li.active button {
        background: #919eab;
        width: 10px;
        height: 10px; }

/* ==========================================================================
				GRID
========================================================================== */
.grid {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap; }
  .grid--vertical-centre {
    align-items: center; }
  .grid--vertical-end {
    align-items: flex-end; }
  .grid img {
    flex-shrink: 0; }
  @supports (display: grid) {
    .grid.grid-gap-0 {
      grid-gap: 0px; } }
  @supports (display: grid) {
    .grid.grid-col-gap-0 {
      grid-column-gap: 0px; } }
  @supports (display: grid) {
    .grid.grid-row-gap-0 {
      grid-row-gap: 0px; } }
  @supports (display: grid) {
    .grid.grid-gap-10 {
      grid-gap: 10px; } }
  @supports (display: grid) {
    .grid.grid-col-gap-10 {
      grid-column-gap: 10px; } }
  @supports (display: grid) {
    .grid.grid-row-gap-10 {
      grid-row-gap: 10px; } }
  @supports (display: grid) {
    .grid.grid-gap-20 {
      grid-gap: 20px; } }
  @supports (display: grid) {
    .grid.grid-col-gap-20 {
      grid-column-gap: 20px; } }
  @supports (display: grid) {
    .grid.grid-row-gap-20 {
      grid-row-gap: 20px; } }
  @supports (display: grid) {
    .grid.grid-gap-30 {
      grid-gap: 30px; } }
  @supports (display: grid) {
    .grid.grid-col-gap-30 {
      grid-column-gap: 30px; } }
  @supports (display: grid) {
    .grid.grid-row-gap-30 {
      grid-row-gap: 30px; } }
  @supports (display: grid) {
    .grid.grid-gap-40 {
      grid-gap: 40px; } }
  @supports (display: grid) {
    .grid.grid-col-gap-40 {
      grid-column-gap: 40px; } }
  @supports (display: grid) {
    .grid.grid-row-gap-40 {
      grid-row-gap: 40px; } }
  @supports (display: grid) {
    .grid.grid-gap-50 {
      grid-gap: 50px; } }
  @supports (display: grid) {
    .grid.grid-col-gap-50 {
      grid-column-gap: 50px; } }
  @supports (display: grid) {
    .grid.grid-row-gap-50 {
      grid-row-gap: 50px; } }
  @supports (display: grid) {
    .grid.grid-gap-60 {
      grid-gap: 60px; } }
  @supports (display: grid) {
    .grid.grid-col-gap-60 {
      grid-column-gap: 60px; } }
  @supports (display: grid) {
    .grid.grid-row-gap-60 {
      grid-row-gap: 60px; } }
  @supports (display: grid) {
    .grid.grid-gap-70 {
      grid-gap: 70px; } }
  @supports (display: grid) {
    .grid.grid-col-gap-70 {
      grid-column-gap: 70px; } }
  @supports (display: grid) {
    .grid.grid-row-gap-70 {
      grid-row-gap: 70px; } }
  @supports (display: grid) {
    .grid {
      display: grid;
      grid-template-columns: repeat(12, 1fr);
      grid-column-gap: 0;
      grid-row-gap: 0; } }
  @media (min-width: 30em) {
    .grid {
      margin: 0;
      width: 100%; } }
.grid-col {
  -ms-flex-positive: 1;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
  min-height: 1px;
  position: relative;
  width: 100%; }
  .grid-col--1 {
    flex: 0 0 auto;
    width: calc((100% /12) * 1); }
    @supports (display: grid) {
      .grid-col--1 {
        grid-area: span 1/span 1; } }
  .grid-col--order-1 {
    order: 1; }
  .grid-col--2 {
    flex: 0 0 auto;
    width: calc((100% /12) * 2); }
    @supports (display: grid) {
      .grid-col--2 {
        grid-area: span 1/span 2; } }
  .grid-col--order-2 {
    order: 2; }
  .grid-col--3 {
    flex: 0 0 auto;
    width: calc((100% /12) * 3); }
    @supports (display: grid) {
      .grid-col--3 {
        grid-area: span 1/span 3; } }
  .grid-col--order-3 {
    order: 3; }
  .grid-col--4 {
    flex: 0 0 auto;
    width: calc((100% /12) * 4); }
    @supports (display: grid) {
      .grid-col--4 {
        grid-area: span 1/span 4; } }
  .grid-col--order-4 {
    order: 4; }
  .grid-col--5 {
    flex: 0 0 auto;
    width: calc((100% /12) * 5); }
    @supports (display: grid) {
      .grid-col--5 {
        grid-area: span 1/span 5; } }
  .grid-col--order-5 {
    order: 5; }
  .grid-col--6 {
    flex: 0 0 auto;
    width: calc((100% /12) * 6); }
    @supports (display: grid) {
      .grid-col--6 {
        grid-area: span 1/span 6; } }
  .grid-col--order-6 {
    order: 6; }
  .grid-col--7 {
    flex: 0 0 auto;
    width: calc((100% /12) * 7); }
    @supports (display: grid) {
      .grid-col--7 {
        grid-area: span 1/span 7; } }
  .grid-col--order-7 {
    order: 7; }
  .grid-col--8 {
    flex: 0 0 auto;
    width: calc((100% /12) * 8); }
    @supports (display: grid) {
      .grid-col--8 {
        grid-area: span 1/span 8; } }
  .grid-col--order-8 {
    order: 8; }
  .grid-col--9 {
    flex: 0 0 auto;
    width: calc((100% /12) * 9); }
    @supports (display: grid) {
      .grid-col--9 {
        grid-area: span 1/span 9; } }
  .grid-col--order-9 {
    order: 9; }
  .grid-col--10 {
    flex: 0 0 auto;
    width: calc((100% /12) * 10); }
    @supports (display: grid) {
      .grid-col--10 {
        grid-area: span 1/span 10; } }
  .grid-col--order-10 {
    order: 10; }
  .grid-col--11 {
    flex: 0 0 auto;
    width: calc((100% /12) * 11); }
    @supports (display: grid) {
      .grid-col--11 {
        grid-area: span 1/span 11; } }
  .grid-col--order-11 {
    order: 11; }
  .grid-col--12 {
    flex: 0 0 auto;
    width: calc((100% /12) * 12); }
    @supports (display: grid) {
      .grid-col--12 {
        grid-area: span 1/span 12; } }
  .grid-col--order-12 {
    order: 12; }
  .grid-col--centre {
    text-align: center; }

@media (min-width: 420px) {
  .grid-col--sm {
    -ms-flex-positive: 1;
    -ms-flex-preferred-size: 0;
    -webkit-box-flex: 1;
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .grid-col--sm-auto {
    flex: 1 1;
    width: auto; }
  .grid-col--sm-order-1 {
    order: 1; }
  .grid-col--sm-centre {
    text-align: center; }
  .grid-col--sm-left {
    text-align: left; }
  .grid-col--sm-right {
    text-align: right; }
  .grid-col--sm-1 {
    flex: 0 0 auto;
    width: calc((100% /12) * 1); }
    @supports (display: grid) {
      .grid-col--sm-1 {
        grid-area: span 1/span 1;
        width: auto; } }
  .grid-col--sm-order-2 {
    order: 2; }
  .grid-col--sm-centre {
    text-align: center; }
  .grid-col--sm-left {
    text-align: left; }
  .grid-col--sm-right {
    text-align: right; }
  .grid-col--sm-2 {
    flex: 0 0 auto;
    width: calc((100% /12) * 2); }
    @supports (display: grid) {
      .grid-col--sm-2 {
        grid-area: span 1/span 2;
        width: auto; } }
  .grid-col--sm-order-3 {
    order: 3; }
  .grid-col--sm-centre {
    text-align: center; }
  .grid-col--sm-left {
    text-align: left; }
  .grid-col--sm-right {
    text-align: right; }
  .grid-col--sm-3 {
    flex: 0 0 auto;
    width: calc((100% /12) * 3); }
    @supports (display: grid) {
      .grid-col--sm-3 {
        grid-area: span 1/span 3;
        width: auto; } }
  .grid-col--sm-order-4 {
    order: 4; }
  .grid-col--sm-centre {
    text-align: center; }
  .grid-col--sm-left {
    text-align: left; }
  .grid-col--sm-right {
    text-align: right; }
  .grid-col--sm-4 {
    flex: 0 0 auto;
    width: calc((100% /12) * 4); }
    @supports (display: grid) {
      .grid-col--sm-4 {
        grid-area: span 1/span 4;
        width: auto; } }
  .grid-col--sm-order-5 {
    order: 5; }
  .grid-col--sm-centre {
    text-align: center; }
  .grid-col--sm-left {
    text-align: left; }
  .grid-col--sm-right {
    text-align: right; }
  .grid-col--sm-5 {
    flex: 0 0 auto;
    width: calc((100% /12) * 5); }
    @supports (display: grid) {
      .grid-col--sm-5 {
        grid-area: span 1/span 5;
        width: auto; } }
  .grid-col--sm-order-6 {
    order: 6; }
  .grid-col--sm-centre {
    text-align: center; }
  .grid-col--sm-left {
    text-align: left; }
  .grid-col--sm-right {
    text-align: right; }
  .grid-col--sm-6 {
    flex: 0 0 auto;
    width: calc((100% /12) * 6); }
    @supports (display: grid) {
      .grid-col--sm-6 {
        grid-area: span 1/span 6;
        width: auto; } }
  .grid-col--sm-order-7 {
    order: 7; }
  .grid-col--sm-centre {
    text-align: center; }
  .grid-col--sm-left {
    text-align: left; }
  .grid-col--sm-right {
    text-align: right; }
  .grid-col--sm-7 {
    flex: 0 0 auto;
    width: calc((100% /12) * 7); }
    @supports (display: grid) {
      .grid-col--sm-7 {
        grid-area: span 1/span 7;
        width: auto; } }
  .grid-col--sm-order-8 {
    order: 8; }
  .grid-col--sm-centre {
    text-align: center; }
  .grid-col--sm-left {
    text-align: left; }
  .grid-col--sm-right {
    text-align: right; }
  .grid-col--sm-8 {
    flex: 0 0 auto;
    width: calc((100% /12) * 8); }
    @supports (display: grid) {
      .grid-col--sm-8 {
        grid-area: span 1/span 8;
        width: auto; } }
  .grid-col--sm-order-9 {
    order: 9; }
  .grid-col--sm-centre {
    text-align: center; }
  .grid-col--sm-left {
    text-align: left; }
  .grid-col--sm-right {
    text-align: right; }
  .grid-col--sm-9 {
    flex: 0 0 auto;
    width: calc((100% /12) * 9); }
    @supports (display: grid) {
      .grid-col--sm-9 {
        grid-area: span 1/span 9;
        width: auto; } }
  .grid-col--sm-order-10 {
    order: 10; }
  .grid-col--sm-centre {
    text-align: center; }
  .grid-col--sm-left {
    text-align: left; }
  .grid-col--sm-right {
    text-align: right; }
  .grid-col--sm-10 {
    flex: 0 0 auto;
    width: calc((100% /12) * 10); }
    @supports (display: grid) {
      .grid-col--sm-10 {
        grid-area: span 1/span 10;
        width: auto; } }
  .grid-col--sm-order-11 {
    order: 11; }
  .grid-col--sm-centre {
    text-align: center; }
  .grid-col--sm-left {
    text-align: left; }
  .grid-col--sm-right {
    text-align: right; }
  .grid-col--sm-11 {
    flex: 0 0 auto;
    width: calc((100% /12) * 11); }
    @supports (display: grid) {
      .grid-col--sm-11 {
        grid-area: span 1/span 11;
        width: auto; } }
  .grid-col--sm-order-12 {
    order: 12; }
  .grid-col--sm-centre {
    text-align: center; }
  .grid-col--sm-left {
    text-align: left; }
  .grid-col--sm-right {
    text-align: right; }
  .grid-col--sm-12 {
    flex: 0 0 auto;
    width: calc((100% /12) * 12); }
    @supports (display: grid) {
      .grid-col--sm-12 {
        grid-area: span 1/span 12;
        width: auto; } }
  @supports (display: grid) {
    .grid.grid-gap--sm-0 {
      grid-gap: 0px; } }
  @supports (display: grid) {
    .grid.grid-col-gap--sm-0 {
      grid-column-gap: 0px; } }
  @supports (display: grid) {
    .grid.grid-row-gap--sm-0 {
      grid-row-gap: 0px; } }
  @supports (display: grid) {
    .grid.grid-gap--sm-10 {
      grid-gap: 10px; } }
  @supports (display: grid) {
    .grid.grid-col-gap--sm-10 {
      grid-column-gap: 10px; } }
  @supports (display: grid) {
    .grid.grid-row-gap--sm-10 {
      grid-row-gap: 10px; } }
  @supports (display: grid) {
    .grid.grid-gap--sm-20 {
      grid-gap: 20px; } }
  @supports (display: grid) {
    .grid.grid-col-gap--sm-20 {
      grid-column-gap: 20px; } }
  @supports (display: grid) {
    .grid.grid-row-gap--sm-20 {
      grid-row-gap: 20px; } }
  @supports (display: grid) {
    .grid.grid-gap--sm-30 {
      grid-gap: 30px; } }
  @supports (display: grid) {
    .grid.grid-col-gap--sm-30 {
      grid-column-gap: 30px; } }
  @supports (display: grid) {
    .grid.grid-row-gap--sm-30 {
      grid-row-gap: 30px; } }
  @supports (display: grid) {
    .grid.grid-gap--sm-40 {
      grid-gap: 40px; } }
  @supports (display: grid) {
    .grid.grid-col-gap--sm-40 {
      grid-column-gap: 40px; } }
  @supports (display: grid) {
    .grid.grid-row-gap--sm-40 {
      grid-row-gap: 40px; } }
  @supports (display: grid) {
    .grid.grid-gap--sm-50 {
      grid-gap: 50px; } }
  @supports (display: grid) {
    .grid.grid-col-gap--sm-50 {
      grid-column-gap: 50px; } }
  @supports (display: grid) {
    .grid.grid-row-gap--sm-50 {
      grid-row-gap: 50px; } }
  @supports (display: grid) {
    .grid.grid-gap--sm-60 {
      grid-gap: 60px; } }
  @supports (display: grid) {
    .grid.grid-col-gap--sm-60 {
      grid-column-gap: 60px; } }
  @supports (display: grid) {
    .grid.grid-row-gap--sm-60 {
      grid-row-gap: 60px; } }
  @supports (display: grid) {
    .grid.grid-gap--sm-70 {
      grid-gap: 70px; } }
  @supports (display: grid) {
    .grid.grid-col-gap--sm-70 {
      grid-column-gap: 70px; } }
  @supports (display: grid) {
    .grid.grid-row-gap--sm-70 {
      grid-row-gap: 70px; } } }

@media (min-width: 30em) {
  .grid-col--md {
    -ms-flex-positive: 1;
    -ms-flex-preferred-size: 0;
    -webkit-box-flex: 1;
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .grid-col--md-auto {
    flex: 1 1;
    width: auto; }
  .grid-col--md-order-1 {
    order: 1; }
  .grid-col--md-centre {
    text-align: center; }
  .grid-col--md-left {
    text-align: left; }
  .grid-col--md-right {
    text-align: right; }
  .grid-col--md-1 {
    flex: 0 0 auto;
    width: calc((100% /12) * 1); }
    @supports (display: grid) {
      .grid-col--md-1 {
        grid-area: span 1/span 1;
        width: auto; } }
  .grid-col--md-order-2 {
    order: 2; }
  .grid-col--md-centre {
    text-align: center; }
  .grid-col--md-left {
    text-align: left; }
  .grid-col--md-right {
    text-align: right; }
  .grid-col--md-2 {
    flex: 0 0 auto;
    width: calc((100% /12) * 2); }
    @supports (display: grid) {
      .grid-col--md-2 {
        grid-area: span 1/span 2;
        width: auto; } }
  .grid-col--md-order-3 {
    order: 3; }
  .grid-col--md-centre {
    text-align: center; }
  .grid-col--md-left {
    text-align: left; }
  .grid-col--md-right {
    text-align: right; }
  .grid-col--md-3 {
    flex: 0 0 auto;
    width: calc((100% /12) * 3); }
    @supports (display: grid) {
      .grid-col--md-3 {
        grid-area: span 1/span 3;
        width: auto; } }
  .grid-col--md-order-4 {
    order: 4; }
  .grid-col--md-centre {
    text-align: center; }
  .grid-col--md-left {
    text-align: left; }
  .grid-col--md-right {
    text-align: right; }
  .grid-col--md-4 {
    flex: 0 0 auto;
    width: calc((100% /12) * 4); }
    @supports (display: grid) {
      .grid-col--md-4 {
        grid-area: span 1/span 4;
        width: auto; } }
  .grid-col--md-order-5 {
    order: 5; }
  .grid-col--md-centre {
    text-align: center; }
  .grid-col--md-left {
    text-align: left; }
  .grid-col--md-right {
    text-align: right; }
  .grid-col--md-5 {
    flex: 0 0 auto;
    width: calc((100% /12) * 5); }
    @supports (display: grid) {
      .grid-col--md-5 {
        grid-area: span 1/span 5;
        width: auto; } }
  .grid-col--md-order-6 {
    order: 6; }
  .grid-col--md-centre {
    text-align: center; }
  .grid-col--md-left {
    text-align: left; }
  .grid-col--md-right {
    text-align: right; }
  .grid-col--md-6 {
    flex: 0 0 auto;
    width: calc((100% /12) * 6); }
    @supports (display: grid) {
      .grid-col--md-6 {
        grid-area: span 1/span 6;
        width: auto; } }
  .grid-col--md-order-7 {
    order: 7; }
  .grid-col--md-centre {
    text-align: center; }
  .grid-col--md-left {
    text-align: left; }
  .grid-col--md-right {
    text-align: right; }
  .grid-col--md-7 {
    flex: 0 0 auto;
    width: calc((100% /12) * 7); }
    @supports (display: grid) {
      .grid-col--md-7 {
        grid-area: span 1/span 7;
        width: auto; } }
  .grid-col--md-order-8 {
    order: 8; }
  .grid-col--md-centre {
    text-align: center; }
  .grid-col--md-left {
    text-align: left; }
  .grid-col--md-right {
    text-align: right; }
  .grid-col--md-8 {
    flex: 0 0 auto;
    width: calc((100% /12) * 8); }
    @supports (display: grid) {
      .grid-col--md-8 {
        grid-area: span 1/span 8;
        width: auto; } }
  .grid-col--md-order-9 {
    order: 9; }
  .grid-col--md-centre {
    text-align: center; }
  .grid-col--md-left {
    text-align: left; }
  .grid-col--md-right {
    text-align: right; }
  .grid-col--md-9 {
    flex: 0 0 auto;
    width: calc((100% /12) * 9); }
    @supports (display: grid) {
      .grid-col--md-9 {
        grid-area: span 1/span 9;
        width: auto; } }
  .grid-col--md-order-10 {
    order: 10; }
  .grid-col--md-centre {
    text-align: center; }
  .grid-col--md-left {
    text-align: left; }
  .grid-col--md-right {
    text-align: right; }
  .grid-col--md-10 {
    flex: 0 0 auto;
    width: calc((100% /12) * 10); }
    @supports (display: grid) {
      .grid-col--md-10 {
        grid-area: span 1/span 10;
        width: auto; } }
  .grid-col--md-order-11 {
    order: 11; }
  .grid-col--md-centre {
    text-align: center; }
  .grid-col--md-left {
    text-align: left; }
  .grid-col--md-right {
    text-align: right; }
  .grid-col--md-11 {
    flex: 0 0 auto;
    width: calc((100% /12) * 11); }
    @supports (display: grid) {
      .grid-col--md-11 {
        grid-area: span 1/span 11;
        width: auto; } }
  .grid-col--md-order-12 {
    order: 12; }
  .grid-col--md-centre {
    text-align: center; }
  .grid-col--md-left {
    text-align: left; }
  .grid-col--md-right {
    text-align: right; }
  .grid-col--md-12 {
    flex: 0 0 auto;
    width: calc((100% /12) * 12); }
    @supports (display: grid) {
      .grid-col--md-12 {
        grid-area: span 1/span 12;
        width: auto; } }
  @supports (display: grid) {
    .grid.grid-gap--md-0 {
      grid-gap: 0px; } }
  @supports (display: grid) {
    .grid.grid-col-gap--md-0 {
      grid-column-gap: 0px; } }
  @supports (display: grid) {
    .grid.grid-row-gap--md-0 {
      grid-row-gap: 0px; } }
  @supports (display: grid) {
    .grid.grid-gap--md-10 {
      grid-gap: 10px; } }
  @supports (display: grid) {
    .grid.grid-col-gap--md-10 {
      grid-column-gap: 10px; } }
  @supports (display: grid) {
    .grid.grid-row-gap--md-10 {
      grid-row-gap: 10px; } }
  @supports (display: grid) {
    .grid.grid-gap--md-20 {
      grid-gap: 20px; } }
  @supports (display: grid) {
    .grid.grid-col-gap--md-20 {
      grid-column-gap: 20px; } }
  @supports (display: grid) {
    .grid.grid-row-gap--md-20 {
      grid-row-gap: 20px; } }
  @supports (display: grid) {
    .grid.grid-gap--md-30 {
      grid-gap: 30px; } }
  @supports (display: grid) {
    .grid.grid-col-gap--md-30 {
      grid-column-gap: 30px; } }
  @supports (display: grid) {
    .grid.grid-row-gap--md-30 {
      grid-row-gap: 30px; } }
  @supports (display: grid) {
    .grid.grid-gap--md-40 {
      grid-gap: 40px; } }
  @supports (display: grid) {
    .grid.grid-col-gap--md-40 {
      grid-column-gap: 40px; } }
  @supports (display: grid) {
    .grid.grid-row-gap--md-40 {
      grid-row-gap: 40px; } }
  @supports (display: grid) {
    .grid.grid-gap--md-50 {
      grid-gap: 50px; } }
  @supports (display: grid) {
    .grid.grid-col-gap--md-50 {
      grid-column-gap: 50px; } }
  @supports (display: grid) {
    .grid.grid-row-gap--md-50 {
      grid-row-gap: 50px; } }
  @supports (display: grid) {
    .grid.grid-gap--md-60 {
      grid-gap: 60px; } }
  @supports (display: grid) {
    .grid.grid-col-gap--md-60 {
      grid-column-gap: 60px; } }
  @supports (display: grid) {
    .grid.grid-row-gap--md-60 {
      grid-row-gap: 60px; } }
  @supports (display: grid) {
    .grid.grid-gap--md-70 {
      grid-gap: 70px; } }
  @supports (display: grid) {
    .grid.grid-col-gap--md-70 {
      grid-column-gap: 70px; } }
  @supports (display: grid) {
    .grid.grid-row-gap--md-70 {
      grid-row-gap: 70px; } } }

@media (min-width: 760px) {
  .grid-col--lg {
    -ms-flex-positive: 1;
    -ms-flex-preferred-size: 0;
    -webkit-box-flex: 1;
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .grid-col--lg-auto {
    flex: 1 1;
    width: auto; }
  .grid-col--lg-order-1 {
    order: 1; }
  .grid-col--lg-centre {
    text-align: center; }
  .grid-col--lg-left {
    text-align: left; }
  .grid-col--lg-right {
    text-align: right; }
  .grid-col--lg-1 {
    flex: 0 0 auto;
    width: calc((100% /12) * 1); }
    @supports (display: grid) {
      .grid-col--lg-1 {
        grid-area: span 1/span 1;
        width: auto; } }
  .grid-col--lg-order-2 {
    order: 2; }
  .grid-col--lg-centre {
    text-align: center; }
  .grid-col--lg-left {
    text-align: left; }
  .grid-col--lg-right {
    text-align: right; }
  .grid-col--lg-2 {
    flex: 0 0 auto;
    width: calc((100% /12) * 2); }
    @supports (display: grid) {
      .grid-col--lg-2 {
        grid-area: span 1/span 2;
        width: auto; } }
  .grid-col--lg-order-3 {
    order: 3; }
  .grid-col--lg-centre {
    text-align: center; }
  .grid-col--lg-left {
    text-align: left; }
  .grid-col--lg-right {
    text-align: right; }
  .grid-col--lg-3 {
    flex: 0 0 auto;
    width: calc((100% /12) * 3); }
    @supports (display: grid) {
      .grid-col--lg-3 {
        grid-area: span 1/span 3;
        width: auto; } }
  .grid-col--lg-order-4 {
    order: 4; }
  .grid-col--lg-centre {
    text-align: center; }
  .grid-col--lg-left {
    text-align: left; }
  .grid-col--lg-right {
    text-align: right; }
  .grid-col--lg-4 {
    flex: 0 0 auto;
    width: calc((100% /12) * 4); }
    @supports (display: grid) {
      .grid-col--lg-4 {
        grid-area: span 1/span 4;
        width: auto; } }
  .grid-col--lg-order-5 {
    order: 5; }
  .grid-col--lg-centre {
    text-align: center; }
  .grid-col--lg-left {
    text-align: left; }
  .grid-col--lg-right {
    text-align: right; }
  .grid-col--lg-5 {
    flex: 0 0 auto;
    width: calc((100% /12) * 5); }
    @supports (display: grid) {
      .grid-col--lg-5 {
        grid-area: span 1/span 5;
        width: auto; } }
  .grid-col--lg-order-6 {
    order: 6; }
  .grid-col--lg-centre {
    text-align: center; }
  .grid-col--lg-left {
    text-align: left; }
  .grid-col--lg-right {
    text-align: right; }
  .grid-col--lg-6 {
    flex: 0 0 auto;
    width: calc((100% /12) * 6); }
    @supports (display: grid) {
      .grid-col--lg-6 {
        grid-area: span 1/span 6;
        width: auto; } }
  .grid-col--lg-order-7 {
    order: 7; }
  .grid-col--lg-centre {
    text-align: center; }
  .grid-col--lg-left {
    text-align: left; }
  .grid-col--lg-right {
    text-align: right; }
  .grid-col--lg-7 {
    flex: 0 0 auto;
    width: calc((100% /12) * 7); }
    @supports (display: grid) {
      .grid-col--lg-7 {
        grid-area: span 1/span 7;
        width: auto; } }
  .grid-col--lg-order-8 {
    order: 8; }
  .grid-col--lg-centre {
    text-align: center; }
  .grid-col--lg-left {
    text-align: left; }
  .grid-col--lg-right {
    text-align: right; }
  .grid-col--lg-8 {
    flex: 0 0 auto;
    width: calc((100% /12) * 8); }
    @supports (display: grid) {
      .grid-col--lg-8 {
        grid-area: span 1/span 8;
        width: auto; } }
  .grid-col--lg-order-9 {
    order: 9; }
  .grid-col--lg-centre {
    text-align: center; }
  .grid-col--lg-left {
    text-align: left; }
  .grid-col--lg-right {
    text-align: right; }
  .grid-col--lg-9 {
    flex: 0 0 auto;
    width: calc((100% /12) * 9); }
    @supports (display: grid) {
      .grid-col--lg-9 {
        grid-area: span 1/span 9;
        width: auto; } }
  .grid-col--lg-order-10 {
    order: 10; }
  .grid-col--lg-centre {
    text-align: center; }
  .grid-col--lg-left {
    text-align: left; }
  .grid-col--lg-right {
    text-align: right; }
  .grid-col--lg-10 {
    flex: 0 0 auto;
    width: calc((100% /12) * 10); }
    @supports (display: grid) {
      .grid-col--lg-10 {
        grid-area: span 1/span 10;
        width: auto; } }
  .grid-col--lg-order-11 {
    order: 11; }
  .grid-col--lg-centre {
    text-align: center; }
  .grid-col--lg-left {
    text-align: left; }
  .grid-col--lg-right {
    text-align: right; }
  .grid-col--lg-11 {
    flex: 0 0 auto;
    width: calc((100% /12) * 11); }
    @supports (display: grid) {
      .grid-col--lg-11 {
        grid-area: span 1/span 11;
        width: auto; } }
  .grid-col--lg-order-12 {
    order: 12; }
  .grid-col--lg-centre {
    text-align: center; }
  .grid-col--lg-left {
    text-align: left; }
  .grid-col--lg-right {
    text-align: right; }
  .grid-col--lg-12 {
    flex: 0 0 auto;
    width: calc((100% /12) * 12); }
    @supports (display: grid) {
      .grid-col--lg-12 {
        grid-area: span 1/span 12;
        width: auto; } }
  @supports (display: grid) {
    .grid.grid-gap--lg-0 {
      grid-gap: 0px; } }
  @supports (display: grid) {
    .grid.grid-col-gap--lg-0 {
      grid-column-gap: 0px; } }
  @supports (display: grid) {
    .grid.grid-row-gap--lg-0 {
      grid-row-gap: 0px; } }
  @supports (display: grid) {
    .grid.grid-gap--lg-10 {
      grid-gap: 10px; } }
  @supports (display: grid) {
    .grid.grid-col-gap--lg-10 {
      grid-column-gap: 10px; } }
  @supports (display: grid) {
    .grid.grid-row-gap--lg-10 {
      grid-row-gap: 10px; } }
  @supports (display: grid) {
    .grid.grid-gap--lg-20 {
      grid-gap: 20px; } }
  @supports (display: grid) {
    .grid.grid-col-gap--lg-20 {
      grid-column-gap: 20px; } }
  @supports (display: grid) {
    .grid.grid-row-gap--lg-20 {
      grid-row-gap: 20px; } }
  @supports (display: grid) {
    .grid.grid-gap--lg-30 {
      grid-gap: 30px; } }
  @supports (display: grid) {
    .grid.grid-col-gap--lg-30 {
      grid-column-gap: 30px; } }
  @supports (display: grid) {
    .grid.grid-row-gap--lg-30 {
      grid-row-gap: 30px; } }
  @supports (display: grid) {
    .grid.grid-gap--lg-40 {
      grid-gap: 40px; } }
  @supports (display: grid) {
    .grid.grid-col-gap--lg-40 {
      grid-column-gap: 40px; } }
  @supports (display: grid) {
    .grid.grid-row-gap--lg-40 {
      grid-row-gap: 40px; } }
  @supports (display: grid) {
    .grid.grid-gap--lg-50 {
      grid-gap: 50px; } }
  @supports (display: grid) {
    .grid.grid-col-gap--lg-50 {
      grid-column-gap: 50px; } }
  @supports (display: grid) {
    .grid.grid-row-gap--lg-50 {
      grid-row-gap: 50px; } }
  @supports (display: grid) {
    .grid.grid-gap--lg-60 {
      grid-gap: 60px; } }
  @supports (display: grid) {
    .grid.grid-col-gap--lg-60 {
      grid-column-gap: 60px; } }
  @supports (display: grid) {
    .grid.grid-row-gap--lg-60 {
      grid-row-gap: 60px; } }
  @supports (display: grid) {
    .grid.grid-gap--lg-70 {
      grid-gap: 70px; } }
  @supports (display: grid) {
    .grid.grid-col-gap--lg-70 {
      grid-column-gap: 70px; } }
  @supports (display: grid) {
    .grid.grid-row-gap--lg-70 {
      grid-row-gap: 70px; } } }

@media (min-width: 57em) {
  .grid-col--xl {
    -ms-flex-positive: 1;
    -ms-flex-preferred-size: 0;
    -webkit-box-flex: 1;
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .grid-col--xl-auto {
    flex: 1 1;
    width: auto; }
  .grid-col--xl-order-1 {
    order: 1; }
  .grid-col--xl-centre {
    text-align: center; }
  .grid-col--xl-left {
    text-align: left; }
  .grid-col--xl-right {
    text-align: right; }
  .grid-col--xl-1 {
    flex: 0 0 auto;
    width: calc((100% /12) * 1); }
    @supports (display: grid) {
      .grid-col--xl-1 {
        grid-area: span 1/span 1;
        width: auto; } }
  .grid-col--xl-order-2 {
    order: 2; }
  .grid-col--xl-centre {
    text-align: center; }
  .grid-col--xl-left {
    text-align: left; }
  .grid-col--xl-right {
    text-align: right; }
  .grid-col--xl-2 {
    flex: 0 0 auto;
    width: calc((100% /12) * 2); }
    @supports (display: grid) {
      .grid-col--xl-2 {
        grid-area: span 1/span 2;
        width: auto; } }
  .grid-col--xl-order-3 {
    order: 3; }
  .grid-col--xl-centre {
    text-align: center; }
  .grid-col--xl-left {
    text-align: left; }
  .grid-col--xl-right {
    text-align: right; }
  .grid-col--xl-3 {
    flex: 0 0 auto;
    width: calc((100% /12) * 3); }
    @supports (display: grid) {
      .grid-col--xl-3 {
        grid-area: span 1/span 3;
        width: auto; } }
  .grid-col--xl-order-4 {
    order: 4; }
  .grid-col--xl-centre {
    text-align: center; }
  .grid-col--xl-left {
    text-align: left; }
  .grid-col--xl-right {
    text-align: right; }
  .grid-col--xl-4 {
    flex: 0 0 auto;
    width: calc((100% /12) * 4); }
    @supports (display: grid) {
      .grid-col--xl-4 {
        grid-area: span 1/span 4;
        width: auto; } }
  .grid-col--xl-order-5 {
    order: 5; }
  .grid-col--xl-centre {
    text-align: center; }
  .grid-col--xl-left {
    text-align: left; }
  .grid-col--xl-right {
    text-align: right; }
  .grid-col--xl-5 {
    flex: 0 0 auto;
    width: calc((100% /12) * 5); }
    @supports (display: grid) {
      .grid-col--xl-5 {
        grid-area: span 1/span 5;
        width: auto; } }
  .grid-col--xl-order-6 {
    order: 6; }
  .grid-col--xl-centre {
    text-align: center; }
  .grid-col--xl-left {
    text-align: left; }
  .grid-col--xl-right {
    text-align: right; }
  .grid-col--xl-6 {
    flex: 0 0 auto;
    width: calc((100% /12) * 6); }
    @supports (display: grid) {
      .grid-col--xl-6 {
        grid-area: span 1/span 6;
        width: auto; } }
  .grid-col--xl-order-7 {
    order: 7; }
  .grid-col--xl-centre {
    text-align: center; }
  .grid-col--xl-left {
    text-align: left; }
  .grid-col--xl-right {
    text-align: right; }
  .grid-col--xl-7 {
    flex: 0 0 auto;
    width: calc((100% /12) * 7); }
    @supports (display: grid) {
      .grid-col--xl-7 {
        grid-area: span 1/span 7;
        width: auto; } }
  .grid-col--xl-order-8 {
    order: 8; }
  .grid-col--xl-centre {
    text-align: center; }
  .grid-col--xl-left {
    text-align: left; }
  .grid-col--xl-right {
    text-align: right; }
  .grid-col--xl-8 {
    flex: 0 0 auto;
    width: calc((100% /12) * 8); }
    @supports (display: grid) {
      .grid-col--xl-8 {
        grid-area: span 1/span 8;
        width: auto; } }
  .grid-col--xl-order-9 {
    order: 9; }
  .grid-col--xl-centre {
    text-align: center; }
  .grid-col--xl-left {
    text-align: left; }
  .grid-col--xl-right {
    text-align: right; }
  .grid-col--xl-9 {
    flex: 0 0 auto;
    width: calc((100% /12) * 9); }
    @supports (display: grid) {
      .grid-col--xl-9 {
        grid-area: span 1/span 9;
        width: auto; } }
  .grid-col--xl-order-10 {
    order: 10; }
  .grid-col--xl-centre {
    text-align: center; }
  .grid-col--xl-left {
    text-align: left; }
  .grid-col--xl-right {
    text-align: right; }
  .grid-col--xl-10 {
    flex: 0 0 auto;
    width: calc((100% /12) * 10); }
    @supports (display: grid) {
      .grid-col--xl-10 {
        grid-area: span 1/span 10;
        width: auto; } }
  .grid-col--xl-order-11 {
    order: 11; }
  .grid-col--xl-centre {
    text-align: center; }
  .grid-col--xl-left {
    text-align: left; }
  .grid-col--xl-right {
    text-align: right; }
  .grid-col--xl-11 {
    flex: 0 0 auto;
    width: calc((100% /12) * 11); }
    @supports (display: grid) {
      .grid-col--xl-11 {
        grid-area: span 1/span 11;
        width: auto; } }
  .grid-col--xl-order-12 {
    order: 12; }
  .grid-col--xl-centre {
    text-align: center; }
  .grid-col--xl-left {
    text-align: left; }
  .grid-col--xl-right {
    text-align: right; }
  .grid-col--xl-12 {
    flex: 0 0 auto;
    width: calc((100% /12) * 12); }
    @supports (display: grid) {
      .grid-col--xl-12 {
        grid-area: span 1/span 12;
        width: auto; } }
  @supports (display: grid) {
    .grid.grid-gap--xl-0 {
      grid-gap: 0px; } }
  @supports (display: grid) {
    .grid.grid-col-gap--xl-0 {
      grid-column-gap: 0px; } }
  @supports (display: grid) {
    .grid.grid-row-gap--xl-0 {
      grid-row-gap: 0px; } }
  @supports (display: grid) {
    .grid.grid-gap--xl-10 {
      grid-gap: 10px; } }
  @supports (display: grid) {
    .grid.grid-col-gap--xl-10 {
      grid-column-gap: 10px; } }
  @supports (display: grid) {
    .grid.grid-row-gap--xl-10 {
      grid-row-gap: 10px; } }
  @supports (display: grid) {
    .grid.grid-gap--xl-20 {
      grid-gap: 20px; } }
  @supports (display: grid) {
    .grid.grid-col-gap--xl-20 {
      grid-column-gap: 20px; } }
  @supports (display: grid) {
    .grid.grid-row-gap--xl-20 {
      grid-row-gap: 20px; } }
  @supports (display: grid) {
    .grid.grid-gap--xl-30 {
      grid-gap: 30px; } }
  @supports (display: grid) {
    .grid.grid-col-gap--xl-30 {
      grid-column-gap: 30px; } }
  @supports (display: grid) {
    .grid.grid-row-gap--xl-30 {
      grid-row-gap: 30px; } }
  @supports (display: grid) {
    .grid.grid-gap--xl-40 {
      grid-gap: 40px; } }
  @supports (display: grid) {
    .grid.grid-col-gap--xl-40 {
      grid-column-gap: 40px; } }
  @supports (display: grid) {
    .grid.grid-row-gap--xl-40 {
      grid-row-gap: 40px; } }
  @supports (display: grid) {
    .grid.grid-gap--xl-50 {
      grid-gap: 50px; } }
  @supports (display: grid) {
    .grid.grid-col-gap--xl-50 {
      grid-column-gap: 50px; } }
  @supports (display: grid) {
    .grid.grid-row-gap--xl-50 {
      grid-row-gap: 50px; } }
  @supports (display: grid) {
    .grid.grid-gap--xl-60 {
      grid-gap: 60px; } }
  @supports (display: grid) {
    .grid.grid-col-gap--xl-60 {
      grid-column-gap: 60px; } }
  @supports (display: grid) {
    .grid.grid-row-gap--xl-60 {
      grid-row-gap: 60px; } }
  @supports (display: grid) {
    .grid.grid-gap--xl-70 {
      grid-gap: 70px; } }
  @supports (display: grid) {
    .grid.grid-col-gap--xl-70 {
      grid-column-gap: 70px; } }
  @supports (display: grid) {
    .grid.grid-row-gap--xl-70 {
      grid-row-gap: 70px; } } }

#liveChat {
  background-color: white;
  max-width: calc(100% - 10px);
  max-height: calc(100% - 102px);
  width: 400px;
  height: 580px;
  position: fixed;
  z-index: 1002;
  box-shadow: rgba(0, 0, 0, 0.3) 0 4px 8px;
  border-radius: 5px;
  bottom: -100%;
  right: 5px;
  transition: bottom 0.3s ease-in-out; }
  #liveChat.active {
    bottom: 5px; }
  #liveChat iframe {
    height: 100%;
    width: 100%;
    border: 0;
    padding: 0;
    margin: 0;
    position: relative;
    z-index: 2; }

@keyframes spinner {
  to {
    transform: rotate(360deg); } }
  #liveChat.loading::before {
    content: "";
    box-sizing: border-box;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
    border-radius: 50%;
    border: 2px solid white;
    border-top-color: #0572ec;
    animation: spinner 0.6s linear infinite; }

#liveChatToggle {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
  justify-content: center;
  font-size: 0;
  width: 60px;
  height: 60px;
  background: #0489ff;
  box-shadow: rgba(135, 135, 135, 0.5) 0 2px 5px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  border-radius: 100%;
  z-index: 1001;
  transition: transform 0.2s ease-in-out; }
  @media (max-width: 600px) {
    #liveChatToggle {
      bottom: 10px;
      right: 10px; } }
  #liveChatToggle:hover {
    transform: scale(1.2); }
  #liveChatToggle:focus {
    transform: scale(1); }
  #liveChatToggle.active {
    background: #d9e7f2;
    border-radius: 8px 8px 0 0;
    box-shadow: none;
    position: fixed;
    width: 400px;
    height: 32px;
    bottom: auto;
    top: 69px;
    right: 5px;
    transition: none;
    display: block;
    max-width: calc(100% - 10px);
    z-index: 1003; }
    @media (max-width: 600px) {
      #liveChatToggle.active {
        bottom: auto;
        right: 5px; } }
    @media (min-height: 682px) {
      #liveChatToggle.active {
        bottom: 581px;
        top: auto; } }
    #liveChatToggle.active::before {
      content: "Hide Chat";
      color: #2773a0;
      display: flex;
      flex-direction: column;
      align-content: center;
      align-items: center;
      justify-content: center;
      text-align: center;
      font-size: 12px;
      font-weight: bold;
      letter-spacing: 0;
      height: 100%; }
    #liveChatToggle.active:hover {
      transform: scale(1); }
    #liveChatToggle.active svg {
      display: none; }
  #liveChatToggle svg {
    fill: white;
    height: 20px;
    width: 31px;
    position: relative;
    left: -2px; }

.c-alert-banner {
  background-color: #ffd480;
  order: -1;
  display: flex;
  justify-content: center;
  padding: 24px 8px 24px 24px; }
  @media (min-width: 1024px) {
    .c-alert-banner {
      padding-left: 0;
      padding-right: 0; } }
  .c-alert-banner__main-container {
    width: 100%;
    align-items: center;
    flex-direction: row;
    display: flex; }
  .c-alert-banner__image {
    display: none; }
    @media (min-width: 1024px) {
      .c-alert-banner__image {
        display: block; }
        .c-alert-banner__image img {
          margin-right: 24px; } }
    @media (min-width: 1440px) {
      .c-alert-banner__image {
        width: 10%; } }
  .c-alert-banner__outer-container {
    flex: 1 1 50%; }
  .c-alert-banner__inner-container {
    display: flex;
    width: 100%;
    flex-direction: column; }
    @media (min-width: 1024px) {
      .c-alert-banner__inner-container {
        flex-direction: row; } }
    @media (min-width: 1024px) {
      .c-alert-banner__inner-container {
        margin-left: auto;
        margin-right: auto;
        padding-left: 24px;
        padding-right: 24px;
        max-width: 1188px; } }
  .c-alert-banner__inner {
    flex: 1 1 50%; }
  .c-alert-banner__content {
    color: #051627;
    font-family: "Agile Sans Variable", sans-serif;
    width: 100%;
    margin-bottom: 0;
    line-height: 1.75;
    margin: 0;
    padding: 0;
    font-weight: 600; }
  .c-alert-banner__description {
    display: block;
    font-size: 1.5rem;
    line-height: 1.5;
    letter-spacing: -0.015rem; }
    .c-alert-banner__description--medium {
      display: block;
      font-size: 1.125rem;
      line-height: 1.5;
      letter-spacing: -0.01125rem;
      padding-bottom: 8px; }
  .c-alert-banner__title {
    align-items: center;
    display: flex;
    font-weight: 500;
    font-family: "Agile Sans Variable", sans-serif; }
  .c-alert-banner__link {
    background-color: #02346e;
    color: white;
    border-radius: 60px;
    text-decoration: none;
    transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
    border: 2px solid;
    border-color: transparent;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: -0.01rem;
    display: block;
    transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
    padding: 2px 6px; }
    @media (min-width: 1024px) {
      .c-alert-banner__link {
        padding: 4px 12px; } }
    @media (min-width: 1024px) {
      .c-alert-banner__link {
        font-size: 1.125rem;
        line-height: 1.5;
        letter-spacing: -0.01125rem; } }
    .c-alert-banner__link:hover, .c-alert-banner__link:focus {
      background-color: #0a2d4d;
      color: white; }
  .c-alert-banner__button-container {
    text-align: right; }
    @media (min-width: 1440px) {
      .c-alert-banner__button-container {
        width: 10%; } }
  .c-alert-banner--hidden {
    display: none !important; }
  .c-alert-banner__hide-banner-button {
    cursor: pointer;
    background-color: transparent;
    padding: 16px;
    border-width: 0;
    background: none;
    padding: 16px;
    padding-left: 48px; }
    @media (min-width: 1024px) {
      .c-alert-banner__hide-banner-button {
        padding-left: 32px;
        padding-right: 24px; } }
    .c-alert-banner__hide-banner-button > svg path {
      transition: fill 0.5s ease-in-out;
      fill: #02346e; }
    .c-alert-banner__hide-banner-button:focus > svg path, .c-alert-banner__hide-banner-button:hover > svg path {
      transition: fill 0.5s ease-in-out;
      fill: #034ea6; }
  @media (min-width: 1024px) {
    .c-alert-banner\@lg {
      background-image: url("/img/components/alert-banner/background-left.948eb9f545a89a9272de261c5792cc1d.svg");
      background-repeat: no-repeat;
      background-position: left center;
      background-size: contain; } }
  @media (min-width: 1200px) {
    .c-alert-banner\@xl {
      background-image: url("/img/components/alert-banner/background-left.948eb9f545a89a9272de261c5792cc1d.svg");
      background-repeat: no-repeat;
      background-position: left center;
      background-size: contain; } }
  @media print {
    .c-alert-banner {
      display: none; } }
  .c-alert-banner__badge {
    font-size: 12px;
    background-color: white;
    border-radius: 3px;
    color: white;
    display: inline-block;
    padding: 2px 3px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 8px; }
    @media (min-width: 1200px) {
      .c-alert-banner__badge\@xl {
        margin-bottom: 0;
        margin-right: 8px; } }
  .c-alert-banner__arrow {
    color: currentColor;
    fill: currentColor; }

.c-browser-banner {
  background: #e46300;
  color: white;
  display: none;
  text-align: center;
  width: 100%;
  padding: 8px;
  line-height: 1.5; }
  .c-browser-banner__icon {
    vertical-align: top;
    margin-right: 8px; }
  @media screen\0 {
    .c-browser-banner {
      display: block; } }
.c-cookie-banner {
  position: fixed;
  bottom: 0;
  z-index: 1002;
  padding: 8px; }
  .c-cookie-banner__container {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background-color: #051627;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px;
    width: 100%; }
    @media (min-width: 768px) {
      .c-cookie-banner__container {
        flex-direction: row; } }
  @media (min-width: 768px) {
    .c-cookie-banner {
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      max-width: 565px;
      right: 20px;
      bottom: 20px;
      padding: 0; } }
  .c-cookie-banner__content {
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: -0.01rem;
    color: white;
    margin-bottom: 8px; }
    @media (min-width: 768px) {
      .c-cookie-banner__content {
        margin-bottom: 0; } }
    .c-cookie-banner__content > a {
      color: white;
      text-decoration: underline; }
  .c-cookie-banner__option {
    background-color: #051627;
    border: 2px solid #2a3947;
    border-radius: 27px;
    color: white;
    width: 100%;
    max-width: 100px;
    margin: 8px 0 0;
    padding: 12px;
    font-size: 1rem;
    font-weight: 600; }
    @media (min-width: 768px) {
      .c-cookie-banner__option {
        margin: 0; } }
    .c-cookie-banner__option:hover {
      border-color: #69737d; }
    .c-cookie-banner__option--primary {
      background-color: #0572ec;
      border: 0;
      color: white; }
      .c-cookie-banner__option--primary:hover {
        background-color: #02346e; }
  .c-cookie-banner--hidden {
    display: none; }

.c-link-inline {
  font-weight: normal !important;
  text-decoration: underline; }
  .c-link-inline--light {
    color: #0572ec; }
    .c-link-inline--light:hover, .c-link-inline--light:focus {
      color: #034ea6; }
  .c-link-inline--bits-blue {
    color: white !important; }
    .c-link-inline--bits-blue:hover, .c-link-inline--bits-blue:focus {
      color: #dee0e3 !important; }
  .c-link-inline--dark {
    color: white !important; }
    .c-link-inline--dark:hover, .c-link-inline--dark:focus {
      color: #c2eaff !important; }

.content-page {
  background: #fafbfc;
  width: 100%;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column; }
  .content-page header {
    padding: 150px 1.5rem 50px;
    text-align: center;
    margin-bottom: 20px;
    z-index: 1; }
    @media (max-width: 30em) {
      .content-page header {
        padding: 100px 1.5rem 50px; } }
  .content-page h1 {
    font-size: 2.75rem;
    color: #4d5d8c !important;
    letter-spacing: -1.2px;
    font-weight: 300; }
  .content-page h2 {
    color: #333 !important;
    font-size: 1.6rem;
    letter-spacing: -0.76px;
    line-height: 1.4;
    margin: 50px 0 20px; }
  .content-page h3 {
    font-size: 1.27rem;
    color: #4d5d8c !important;
    letter-spacing: -0.6px;
    line-height: 1.375;
    margin-bottom: 10px; }
  .content-page h4 {
    font-size: 1.125rem;
    color: #a1a5b3 !important;
    letter-spacing: -0.6px;
    line-height: 29px;
    margin-bottom: 20px; }
  .content-page p {
    color: #73767f;
    font-size: 1.125rem;
    font-weight: 200;
    line-height: 1.6; }
  .content-page pre {
    margin: 0 0 20px 25px;
    color: #73767f;
    font-size: 1.125rem;
    font-weight: 200;
    line-height: 1.6; }
  .content-page a {
    color: #0572ec;
    text-decoration: none; }
    .content-page a:hover {
      color: #06c;
      text-decoration: underline; }
  .content-page article {
    background: white;
    border: 2px solid rgba(184, 189, 204, 0.19);
    width: 90%;
    position: relative;
    max-width: 650px;
    padding: 100px 80px 50px;
    margin: 80px 0 50px; }
    @media (max-width: 30em) {
      .content-page article {
        padding: 50px 1.5rem; } }
    @media (max-width: 360px) {
      .content-page article {
        width: 100%;
        border-left: none;
        border-right: none;
        padding: 100px 1.5rem; } }
    .content-page article img {
      display: block;
      position: absolute;
      top: -140px;
      left: 50%;
      margin: 0 0 auto -67px; }
    .content-page article ul li,
    .content-page article ol li {
      color: #73767f;
      font-size: 1.125rem;
      font-weight: 200;
      line-height: 1.6;
      margin-left: 0;
      letter-spacing: -0.3px;
      margin-bottom: 1em;
      list-style: disc;
      list-style-position: inside; }
      .content-page article ul li:first-of-type,
      .content-page article ol li:first-of-type {
        margin-top: 0.25em; }
      .content-page article ul li p,
      .content-page article ol li p {
        font-weight: 600;
        margin-bottom: auto; }
      .content-page article ul li ul li,
      .content-page article ol li ul li {
        margin-bottom: 0.25em;
        margin-left: 0; }
    .content-page article ol li {
      list-style: decimal; }
    .content-page article dl {
      color: #73767f;
      font-size: 1.125rem;
      line-height: 1.6; }
      .content-page article dl dt {
        font-size: 1.27rem;
        color: #4d5d8c !important;
        letter-spacing: -0.6px;
        line-height: 1.375;
        margin-bottom: 10px;
        font-weight: 600; }
      .content-page article dl dd {
        color: #73767f;
        font-size: 1.125rem;
        font-weight: 200;
        line-height: 1.6;
        margin-left: 0;
        margin-bottom: 10px;
        letter-spacing: -0.3px;
        margin-bottom: 1.3em; }
    .content-page article footer {
      background: none !important;
      border: none !important;
      box-shadow: none !important;
      -webkit-box-shadow: none !important;
      -moz-box-shadow: none !important; }
  .content-page code {
    font-family: monospace; }

h2.title {
  width: 100%;
  text-align: center;
  margin-bottom: 30px; }

.price-cards {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: stretch;
  text-align: center;
  color: white;
  padding: 0 5px; }
  @media (max-width: 30em) {
    .price-cards {
      display: block; } }
  @media (min-width: 768px) {
    .price-cards {
      padding: 57px 5px; } }
  @media (max-width: 30em) {
    .price-cards div:first-of-type {
      margin: 0 0 10px; } }
  .price-cards.footer {
    background-color: #232a3f; }
    .price-cards.footer .card {
      display: inline-block;
      flex-basis: 300px;
      flex-grow: 1;
      width: 100%; }
      @media (min-width: 768px) {
        .price-cards.footer .card {
          margin: 10px;
          min-width: 330px; } }
      @media (min-width: 1024px) {
        .price-cards.footer .card {
          margin: 30px 10px;
          min-width: 450px; } }
      .price-cards.footer .card h3 {
        max-width: 290px; }
      @media (min-width: 1024px) {
        .price-cards.footer .card.families {
          margin-left: 50px; } }
  .price-cards .card {
    max-width: 450px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    flex-direction: column;
    overflow: hidden;
    padding: 52px 10px 28px;
    min-height: 395px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; }
    @media (max-width: 30em) {
      .price-cards .card {
        max-width: none; } }
    .pricing-landing .price-cards .card {
      justify-content: center;
      padding: 52px 10px 28px;
      min-height: 395px; }
  .price-cards .vat {
    position: absolute;
    top: 55%;
    left: 55%;
    color: white;
    font-size: 0.8rem;
    font-weight: 600;
    opacity: 0.6; }
  .price-cards .card.families {
    background-image: linear-gradient(to bottom, #9469bf -48%, #7869bf 149%);
    align-items: center;
    position: relative; }
    .price-cards .card.families span.tag {
      align-self: flex-end;
      padding: 7px 10px 3px;
      min-width: 107px;
      display: inline-flex;
      background-color: #b4a0d8;
      flex-direction: column;
      justify-content: center;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px;
      position: absolute;
      top: 11px;
      right: 10px; }
      .price-cards .card.families span.tag h1 {
        font-size: 0.938em;
        color: white;
        letter-spacing: 0.15px; }
    .price-cards .card.families a {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      align-items: center;
      color: white; }
      .pricing-landing .price-cards .card.families a {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        align-items: center;
        color: white; }
      .price-cards .card.families a.button {
        background: #482988;
        margin: 0 auto; }
        .pricing-landing .price-cards .card.families a.button {
          background: #482988; }
          .pricing-landing .price-cards .card.families a.button:hover {
            color: white; }
        @media (min-width: 768px) {
          .price-cards .card.families a.button {
            align-self: center;
            display: inline-block; } }
  .price-cards .card.individuals {
    background-image: linear-gradient(-180deg, #47a6ec 0%, #4b91f9 100%);
    align-items: center; }
    .price-cards .card.individuals a {
      color: #0572ec;
      display: block; }
      .pricing-landing .price-cards .card.individuals a {
        display: block; }
      .price-cards .card.individuals a.button {
        background: white;
        margin: 0 auto; }
        @media (min-width: 768px) {
          .price-cards .card.individuals a.button {
            align-self: center;
            display: inline-block; } }
      .price-cards .card.individuals a:hover {
        color: #034288; }
  .price-cards .card.teams {
    background-color: #477db3; }
    .price-cards .card.teams a {
      color: #477db3; }
      .price-cards .card.teams a:hover {
        color: #2a4a6a; }
  .price-cards .card.business {
    background-color: #3d454d;
    align-items: center; }
    .price-cards .card.business a {
      color: #3d454d; }
      .price-cards .card.business a.button {
        background: white;
        margin: 0 auto; }
        @media (min-width: 768px) {
          .price-cards .card.business a.button {
            align-self: center;
            display: inline-block; } }
      .price-cards .card.business a:hover {
        color: #101214; }
  .price-cards h3 {
    color: white;
    font-size: 26px;
    line-height: 1.2em;
    letter-spacing: -0.3px;
    margin: 0 auto 13px;
    max-width: 400px; }
    .pricing-landing .price-cards h3 {
      margin: 0 auto 13px; }
  .price-cards h4 {
    color: white;
    font-size: 1.5em;
    letter-spacing: -1px;
    line-height: 1em;
    margin: 25px 0 30px;
    position: relative;
    width: 100%; }
    .pricing-landing .price-cards h4 {
      margin: 25px 0 30px;
      width: 100%; }
    .price-cards h4 span {
      font-size: 3em;
      vertical-align: -0.44em; }
  .price-cards p:last-of-type {
    font-size: 0.85em;
    font-weight: normal;
    line-height: 20px;
    letter-spacing: 0.34px;
    color: white; }
    .pricing-landing .price-cards p:last-of-type {
      opacity: 1; }
  .price-cards p {
    display: inline-block;
    margin: 10px 14px;
    font-size: 1.1em;
    line-height: 1.4em; }
    .price-cards p span {
      background: white;
      color: #9469bf;
      font-weight: 600;
      padding: 0 5px; }
  .price-cards a.button {
    background-color: white;
    box-sizing: border-box;
    width: 90%;
    padding: 12px;
    margin: 14px auto;
    font-weight: 600;
    display: block;
    max-width: 248px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    -webkit-transition: transform 0.3s ease;
    -moz-transition: transform 0.3s ease;
    -ms-transition: transform 0.3s ease;
    -o-transition: transform 0.3s ease;
    transition: transform 0.3s ease; }
    .price-cards a.button:hover {
      cursor: pointer;
      -webkit-transition: transform 0.3s ease;
      -moz-transition: transform 0.3s ease;
      -ms-transition: transform 0.3s ease;
      -o-transition: transform 0.3s ease;
      transition: transform 0.3s ease;
      -webkit-box-shadow: 0 8px 34px rgba(0, 0, 0, 0.34) ;
      -moz-box-shadow: 0 8px 34px rgba(0, 0, 0, 0.34) ;
      box-shadow: 0 8px 34px rgba(0, 0, 0, 0.34) ;
      transform: scale(1.05); }
  .price-cards.wide {
    margin: 0;
    padding: 20px;
    background-image: url("/img/promotions/icon-tile.jpg");
    background-color: #232a3f; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      .price-cards.wide {
        /* stylelint-disable-next-line function-url-quotes */
        background-image: url("/img/promotions/icon-tile@2x.jpg"); } }
    .price-cards.wide div:first-of-type {
      margin-right: 20px; }
      @media (max-width: 30em) {
        .price-cards.wide div:first-of-type {
          margin: 0; } }
    .price-cards.wide .card {
      width: 80vw;
      margin: 2vh 0;
      max-width: 800px; }
      @media (max-width: 30em) {
        .price-cards.wide .card {
          width: auto; } }
/*
/business/
/families/
/sign-up/
/teams/pricing/
/teams/
/sign-up/eu/
/teams/pricing/eu/
/sign-up/ca/
/teams/pricing/ca/
/landing/forgot-password/
 */
.price-cards-main {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: stretch;
  text-align: center;
  color: white;
  padding: 5px; }
  @media (min-width: 1024px) {
    .price-cards-main {
      padding-left: 10px;
      padding-right: 10px; } }
  @media (max-width: 30em) {
    .price-cards-main {
      display: block; } }
  .price-cards-main--business-hero {
    justify-content: flex-start; }
  .price-cards-main__card {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    flex-direction: column;
    overflow: hidden;
    padding: 40px 10px 28px;
    width: 100%;
    align-items: center;
    position: relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    @media (min-width: 700px) {
      .price-cards-main__card {
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
        .price-cards-main__card:hover {
          -webkit-transform: scale(1.05);
          -ms-transform: scale(1.05);
          transform: scale(1.05);
          -webkit-transition: transform 0.3s ease;
          -moz-transition: transform 0.3s ease;
          -ms-transition: transform 0.3s ease;
          -o-transition: transform 0.3s ease;
          transition: transform 0.3s ease; } }
    @media (max-width: 30em) {
      .price-cards-main__card {
        max-width: none; } }
    @media screen\0 {
      .price-cards-main__card {
        height: auto; } }
    @media (min-width: 1024px) {
      .price-cards-main__card--individuals, .price-cards-main__card--families, .price-cards-main__card--alternate, .price-cards-main__card--teams, .price-cards-main__card--enterprise, .price-cards-main__card--business-alternate {
        padding-left: 20px;
        padding-right: 20px; } }
    .price-cards-main__card--individuals, .price-cards-main__card--individuals-alternate, .price-cards-main__card--families, .price-cards-main__card--alternate {
      min-height: 395px; }
      @media (min-width: 700px) {
        .price-cards-main__card--individuals, .price-cards-main__card--individuals-alternate, .price-cards-main__card--families, .price-cards-main__card--alternate {
          min-width: 350px; } }
      @media (min-width: 990px) {
        .price-cards-main__card--individuals, .price-cards-main__card--individuals-alternate, .price-cards-main__card--families, .price-cards-main__card--alternate {
          width: 470px; } }
    .price-cards-main__card--individuals {
      background-color: #0572ec; }
    .price-cards-main__card--alternate {
      background-color: white; }
    .price-cards-main__card--families {
      background-color: #9469bf; }
    .price-cards-main__card--teams {
      height: 100%;
      min-height: 356px;
      max-height: 380px;
      background-color: #0572ec; }
      @media (min-width: 1200px) {
        .price-cards-main__card--teams {
          width: 350px; } }
    .price-cards-main__card--teams-alternate {
      background-color: #0572ec;
      height: 100%;
      min-height: 330px;
      padding-left: 0;
      padding-right: 0;
      padding-bottom: 0; }
      @media (min-width: 1200px) {
        .price-cards-main__card--teams-alternate {
          min-height: 390px;
          width: 350px; } }
    .price-cards-main__card--business {
      background-color: #475766;
      height: 100%;
      padding-left: 0;
      padding-right: 0;
      padding-bottom: 0; }
      @media (min-width: 1200px) {
        .price-cards-main__card--business {
          min-height: 390px;
          width: 350px; } }
    .price-cards-main__card--business-alternate {
      background-color: #475766;
      height: 100%;
      min-height: 350px;
      max-height: 380px; }
      @media (min-width: 1200px) {
        .price-cards-main__card--business-alternate {
          width: 350px; } }
    @media (min-width: 700px) {
      .price-cards-main__card--business-hero {
        width: 380px; } }
    .price-cards-main__card--enterprise {
      background-color: #3f4c73;
      height: 100%;
      min-height: 356px;
      max-height: 380px; }
      @media (min-width: 1200px) {
        .price-cards-main__card--enterprise {
          width: 350px; } }
    .price-cards-main__card--starter {
      background-color: #034ea6;
      height: 100%;
      min-height: 356px;
      max-height: 380px; }
      @media (min-width: 1200px) {
        .price-cards-main__card--starter {
          width: 350px; } }
  .price-cards-main__title, .price-cards-main__description {
    line-height: 1.39;
    letter-spacing: -0.4px;
    margin: 0 auto 13px; }
  .price-cards-main__title {
    color: white;
    font-size: 1.625rem;
    max-width: 260px; }
  .price-cards-main__title--black {
    color: #333; }
  .price-cards-main__description {
    color: white;
    font-size: 1.125rem; }
    .price-cards-main__description--individuals, .price-cards-main__description--families {
      max-width: 200px; }
    .price-cards-main__description--teams {
      max-width: 270px; }
    .price-cards-main__description--business {
      max-width: 300px;
      margin: 0 auto; }
    .price-cards-main__description--mobile-only {
      margin-bottom: 35px; }
    .price-cards-main__description--enterprise {
      max-width: 270px;
      margin: 0 auto; }
    .price-cards-main__description--black {
      color: #333;
      opacity: 1; }
    .price-cards-main__description--small {
      max-width: 200px; }
  .price-cards-main__button {
    background-color: white;
    box-sizing: border-box;
    width: 90%;
    padding: 12px;
    font-weight: 600;
    display: block;
    max-width: 248px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    -webkit-transition: transform 0.3s ease;
    -moz-transition: transform 0.3s ease;
    -ms-transition: transform 0.3s ease;
    -o-transition: transform 0.3s ease;
    transition: transform 0.3s ease; }
    .price-cards-main__button:hover {
      cursor: pointer;
      -webkit-transition: transform 0.3s ease;
      -moz-transition: transform 0.3s ease;
      -ms-transition: transform 0.3s ease;
      -o-transition: transform 0.3s ease;
      transition: transform 0.3s ease;
      -webkit-box-shadow: 0 8px 34px rgba(0, 0, 0, 0.34) ;
      -moz-box-shadow: 0 8px 34px rgba(0, 0, 0, 0.34) ;
      box-shadow: 0 8px 34px rgba(0, 0, 0, 0.34) ;
      transform: scale(1.05); }
    .price-cards-main__button--individuals {
      color: #0572ec; }
      .price-cards-main__button--individuals:hover {
        color: #034288; }
    .price-cards-main__button--families {
      color: #9469bf; }
      .price-cards-main__button--families:hover {
        color: #7b58ba; }
    .price-cards-main__button--teams {
      color: #0572ec; }
      .price-cards-main__button--teams:hover {
        color: #034288; }
    .price-cards-main__button--business {
      margin-bottom: 16px;
      background-color: #0572ec;
      color: white; }
    .price-cards-main__button--business-alternate {
      background-color: #0572ec;
      color: white; }
    .price-cards-main__button--enterprise {
      color: #475766;
      margin-top: 18px; }
      .price-cards-main__button--enterprise:hover {
        color: #1d242a; }
    .price-cards-main__button--starter {
      background-color: white;
      color: #034ea6; }
      .price-cards-main__button--starter:hover {
        color: #011f42; }
  .price-cards-main__button--blue-primary {
    background-color: #0572ec;
    color: white; }
    .price-cards-main__button--blue-primary:hover {
      color: white; }
  .price-cards-main__price-slash-container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 5px 0 15px; }
  .price-cards-main__price {
    color: white;
    font-size: 1.5em;
    letter-spacing: -1px;
    line-height: 1em;
    margin: 25px 0 30px;
    position: relative;
    width: 100%; }
    .price-cards-main__price--slashed-price {
      width: auto;
      margin: 10px 10px 0;
      font-size: 1em; }
      .price-cards-main__price--slashed-price::before {
        content: "";
        background-color: rgba(255, 255, 255, 0.75);
        position: absolute;
        transform: rotate(-32deg);
        top: 50%;
        left: -4px;
        width: 75px;
        height: 4px;
        border-radius: 6px; }
    .price-cards-main__price--slashed-new-price {
      width: auto;
      margin: 0 10px; }
    .price-cards-main__price--visually-hidden {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      white-space: nowrap;
      border-width: 0; }
  .price-cards-main__price--black {
    color: #333; }
  .price-cards-main__leading-digit {
    font-size: 4.875rem;
    vertical-align: -0.44em; }
    .price-cards-main__leading-digit--slashed-price {
      font-size: 2.875em;
      line-height: 1em; }
    .price-cards-main__leading-digit--slashed-new-price {
      line-height: 1em; }
  .price-cards-main__billing {
    display: inline-block;
    margin: 0 14px 10px;
    line-height: 20px;
    letter-spacing: 0.34px;
    color: white;
    font-size: 0.875rem;
    font-weight: 500;
    opacity: 0.7; }
    .price-cards-main__billing--individuals {
      max-width: 140px; }
    .price-cards-main__billing--families {
      max-width: 240px; }
  .price-cards-main__billing--black {
    color: #333;
    display: block;
    opacity: 1;
    margin-bottom: 0; }
  .price-cards-main__billing--grey {
    color: #333; }
  .price-cards-main__link-block {
    display: block; }
    .price-cards-main__link-block--business {
      padding-left: 20px;
      padding-right: 20px; }
  .price-cards-main__tag {
    padding: 4px 10px;
    min-width: 107px;
    display: inline-flex;
    background-color: #b4a0d8;
    flex-direction: column;
    justify-content: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    position: absolute;
    top: 11px;
    right: 10px;
    font-size: 0.938rem;
    color: white;
    letter-spacing: 0.15px; }
  .price-cards-main__tag--alternate {
    background-color: rgba(5, 114, 236, 0.13);
    color: #0572ec;
    font-weight: 500; }
  .price-cards-main__vat {
    position: absolute;
    top: 55%;
    left: 55%;
    color: white;
    font-size: 0.8rem;
    font-weight: 600;
    opacity: 0.6; }
    .price-cards-main__vat--starter-pack {
      left: 63%; }
    .price-cards-main__vat--slashed-price {
      left: 70%;
      top: 42%; }
  .price-cards-main__advanced-protection-container {
    background-color: #2b3a49;
    border-radius: 0 0 6px 6px;
    margin-top: auto;
    margin-bottom: 0;
    min-height: 70px;
    width: 100%; }
    @media (min-width: 1024px) {
      .price-cards-main__advanced-protection-container {
        position: relative; } }
    @media (min-width: 1024px) {
      .price-cards-main__advanced-protection-container--lang-zh {
        bottom: -10px; } }
  .price-cards-main__advanced-protection-description {
    font-size: 0.875rem;
    margin: 15px auto;
    padding: 0 30px;
    color: white; }
  .price-cards-main__enterprise-list-container {
    position: relative;
    top: 8px;
    max-width: 270px; }
    @media (min-width: 1024px) {
      .price-cards-main__enterprise-list-container {
        margin: 10px 0; } }
  .price-cards-main__enterprise-list-item {
    padding-bottom: 5px;
    color: #b5bcd0;
    list-style: none; }
  .price-cards-main.has-teams-starter-pack {
    min-width: 254px; }
    .price-cards-main.has-teams-starter-pack .price-cards-main__button--business {
      margin-bottom: 30px;
      margin-top: 20px; }
    .price-cards-main.has-teams-starter-pack .price-cards-main__card {
      max-height: unset; }
      .price-cards-main.has-teams-starter-pack .price-cards-main__card--business {
        max-width: unset; }
        @media (min-width: 768px) {
          .price-cards-main.has-teams-starter-pack .price-cards-main__card--business {
            max-width: 366px; } }
      .price-cards-main.has-teams-starter-pack .price-cards-main__card--enterprise {
        max-width: unset;
        justify-content: flex-start; }
        @media (min-width: 768px) {
          .price-cards-main.has-teams-starter-pack .price-cards-main__card--enterprise {
            max-width: 366px;
            padding-bottom: 100px; } }
      .price-cards-main.has-teams-starter-pack .price-cards-main__card--starter {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        max-width: unset;
        justify-content: flex-start;
        overflow: initial; }
        @media (min-width: 768px) {
          .price-cards-main.has-teams-starter-pack .price-cards-main__card--starter {
            max-width: 366px;
            padding-bottom: 100px; } }
    .price-cards-main.has-teams-starter-pack .price-cards-main__link-block {
      flex-grow: 1; }
    .price-cards-main.has-teams-starter-pack .price-cards-main__header {
      background-color: #ffaa05;
      border-radius: 6px 6px 0 0;
      color: #051627;
      font-size: 20px;
      font-weight: 600;
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      transform: translateY(-50%);
      line-height: 1.2;
      padding: 4px; }

.hero-price-card {
  position: relative;
  max-width: 380px; }
  @media (min-width: 700px) {
    .hero-price-card {
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
      .hero-price-card:hover {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
        -webkit-transition: transform 0.3s ease;
        -moz-transition: transform 0.3s ease;
        -ms-transition: transform 0.3s ease;
        -o-transition: transform 0.3s ease;
        transition: transform 0.3s ease; } }
  .hero-price-card--epm:hover {
    transform: none; }
  @media (min-width: 1200px) {
    .hero-price-card--families {
      padding-right: 20px; } }
  .hero-price-card--teams-alternate {
    max-width: none;
    width: 100%; }
    @media (min-width: 768px) {
      .hero-price-card--teams-alternate {
        max-width: 350px; } }
  .hero-price-card__container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    flex-direction: column;
    overflow: hidden;
    padding: 30px;
    border-radius: 5px 5px 0 0; }
    @media (max-width: 30em) {
      .hero-price-card__container {
        max-width: none; } }
    @media screen\0 {
      .hero-price-card__container {
        max-width: 320px; } }
    .hero-price-card__container--teams {
      background-color: #0572ec;
      position: relative; }
      @media (min-width: 500px) {
        .hero-price-card__container--teams {
          max-width: 380px; } }
    .hero-price-card__container--teams-alternate {
      background-color: #0572ec;
      position: relative;
      width: 100%;
      max-width: none; }
      @media (min-width: 768px) {
        .hero-price-card__container--teams-alternate {
          max-width: 350px; } }
    .hero-price-card__container--families {
      background-color: #9469bf;
      width: 100%;
      text-align: center; }
  .hero-price-card__title {
    text-align: center;
    color: white; }
  .hero-price-card__description {
    color: white;
    font-size: 1.125rem;
    text-align: center;
    margin-bottom: 16px; }
    .hero-price-card__description--teams-alternate {
      max-width: 270px;
      margin: 0 auto; }
  .hero-price-card__price {
    color: white;
    text-align: center;
    font-size: 1.75rem;
    letter-spacing: -1px;
    font-weight: 600;
    line-height: 1em;
    margin-top: 20px;
    margin-left: 0;
    margin-right: 0;
    position: relative; }
    .hero-price-card__price--teams {
      margin-bottom: 20px; }
    .hero-price-card__price--families {
      margin-bottom: 40px; }
  .hero-price-card__leading-digit {
    font-size: 4.875rem;
    vertical-align: -0.4em;
    padding: 0 4px 0 6px; }
  .hero-price-card__currency {
    vertical-align: -0.4em; }
  .hero-price-card__plan {
    color: white;
    margin-bottom: 5px;
    font-size: 0.875rem; }
  .hero-price-card__billing {
    text-align: left;
    position: absolute;
    top: 30px;
    left: 56%;
    color: white;
    font-size: 0.8rem;
    font-weight: 600;
    opacity: 0.6;
    max-width: 100px; }
    .hero-price-card__billing--teams-alternate {
      top: 65px;
      left: 0;
      max-width: none;
      width: 100%;
      text-align: center; }
  .hero-price-card__button {
    font-size: 1.063rem;
    color: white;
    text-align: center;
    box-sizing: border-box;
    width: 90%;
    padding: 12px 2px 10px;
    margin: 28px auto 0;
    font-weight: 600;
    display: block;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    -webkit-transition: transform 0.3s ease;
    -moz-transition: transform 0.3s ease;
    -ms-transition: transform 0.3s ease;
    -o-transition: transform 0.3s ease;
    transition: transform 0.3s ease; }
    .hero-price-card__button:hover {
      cursor: pointer;
      -webkit-box-shadow: 0 8px 34px rgba(0, 0, 0, 0.34) ;
      -moz-box-shadow: 0 8px 34px rgba(0, 0, 0, 0.34) ;
      box-shadow: 0 8px 34px rgba(0, 0, 0, 0.34) ;
      transform: scale(1.05);
      text-decoration: none;
      -webkit-transition: transform 0.3s ease;
      -moz-transition: transform 0.3s ease;
      -ms-transition: transform 0.3s ease;
      -o-transition: transform 0.3s ease;
      transition: transform 0.3s ease; }
    .hero-price-card__button--teams {
      background-color: white;
      color: #0572ec; }
      .hero-price-card__button--teams:hover {
        color: #034288; }
    .hero-price-card__button--teams-alternate {
      max-width: 248px;
      margin-top: 40px; }
    .hero-price-card__button--families {
      background-color: white;
      color: #9469bf; }
      .hero-price-card__button--families:hover {
        color: #613a88; }
    .hero-price-card__button--epm {
      background-color: #0572ec;
      max-width: 300px;
      margin-left: 0; }
      .hero-price-card__button--epm:hover {
        color: white; }
  .hero-price-card__features {
    width: 100%;
    padding: 15px;
    margin-top: -1px;
    border-radius: 0 0 5px 5px;
    justify-content: center; }
    @media (max-width: 1023px) {
      .hero-price-card__features {
        padding-left: 30px;
        padding-right: 30px; } }
    @media (min-width: 1024px) {
      .hero-price-card__features {
        padding-left: 20px;
        padding-right: 20px; } }
    @supports (display: grid) {
      .hero-price-card__features {
        display: grid;
        grid-gap: 8px; }
        @media (min-width: 1024px) {
          .hero-price-card__features {
            grid-template-columns: repeat(2, 1fr);
            grid-template-rows: repeat(2, 1fr);
            justify-content: space-between; } } }
    .hero-price-card__features--teams {
      background-color: #0b66c3; }
    .hero-price-card__features--teams-alternate {
      background-color: #0b66c3; }
      @media (min-width: 1024px) {
        .hero-price-card__features--teams-alternate {
          padding-left: 15px;
          padding-right: 10px; } }
    .hero-price-card__features--families {
      background-color: #7952a1; }
  .hero-price-card__list-item {
    display: flex;
    align-items: baseline;
    list-style: none;
    color: white;
    line-height: 1.23;
    font-size: 0.813rem;
    font-weight: 500;
    margin-bottom: 2px; }
  .hero-price-card__list-item-content {
    color: white;
    margin-bottom: 0;
    font-size: 0.8rem;
    text-align: left; }
  .hero-price-card__checkmark {
    margin-right: 6px; }

.hero-price-card-promo {
  margin-bottom: 1em; }
  .hero-price-card-promo__container {
    max-width: 300px;
    background-color: white;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
    padding: 20px;
    overflow: hidden;
    min-height: 330px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; }
    @media (max-width: 30em) {
      .hero-price-card-promo__container {
        max-width: none; } }
    @media screen\0 {
      .hero-price-card-promo__container {
        max-width: 320px; } }
  .hero-price-card-promo__img {
    padding: 20px 10px;
    width: 100%; }
    @media screen\0 {
      .hero-price-card-promo__img {
        padding: 0; } }
  .hero-price-card-promo__free-trial, .hero-price-card-promo__pricing-plan {
    font-size: 0.94em;
    text-align: center;
    margin: 10px 14px;
    color: #3d454d; }
  .hero-price-card-promo__free-trial {
    font-weight: 600;
    max-width: 220px; }
  .hero-price-card-promo__button {
    font-size: 1.063rem;
    color: white;
    text-align: center;
    box-sizing: border-box;
    padding: 12px 2px 10px;
    font-weight: 600;
    display: block;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    -webkit-transition: transform 0.3s ease;
    -moz-transition: transform 0.3s ease;
    -ms-transition: transform 0.3s ease;
    -o-transition: transform 0.3s ease;
    transition: transform 0.3s ease;
    background-color: #50b347;
    width: 100%;
    margin-bottom: 0; }
    .hero-price-card-promo__button:hover {
      color: white; }
    .hero-price-card-promo__button:hover, .hero-price-card-promo__button:focus {
      box-shadow: 0 8px 34px 0 rgba(0, 0, 0, 0.3);
      transform: scale(1.05);
      -webkit-transition: transform 0.2s ease-in-out;
      -moz-transition: transform 0.2s ease-in-out;
      -ms-transition: transform 0.2s ease-in-out;
      -o-transition: transform 0.2s ease-in-out;
      transition: transform 0.2s ease-in-out;
      -webkit-transition: box-shadow 0.2s ease-in-out;
      -moz-transition: box-shadow 0.2s ease-in-out;
      -ms-transition: box-shadow 0.2s ease-in-out;
      -o-transition: box-shadow 0.2s ease-in-out;
      transition: box-shadow 0.2s ease-in-out; }
    .hero-price-card-promo__button--penta {
      background-color: #2afc85;
      color: #383e66; }
      .hero-price-card-promo__button--penta:hover {
        color: #383e66; }

section.awards {
  width: 80%;
  margin: auto;
  text-align: center;
  max-width: 1000px; }
  @media (max-width: 30em) {
    section.awards {
      display: none; } }
  section.awards h1 {
    text-align: center;
    font-size: 28px;
    color: #b6bcce;
    margin: 80px 0 60px; }
  section.awards .awards-image {
    margin: 60px auto 90px;
    height: 100px;
    background: url("/img/teams/awards.svg") center center no-repeat;
    background-size: 95%;
    max-width: 1000px; }

section.quote {
  width: 90%;
  margin: 50px auto;
  position: relative;
  max-width: 600px; }
  @media (min-width: 52em) {
    section.quote {
      width: 55%;
      max-width: 560px; } }
  section.quote img {
    max-width: 240px;
    max-height: 60px;
    display: block;
    margin: 0 auto 10px; }
  section.quote strong {
    font-size: 20px;
    line-height: 32px;
    text-align: center;
    padding: 5px;
    margin: 10px;
    color: #5b80a6;
    background-color: #def;
    box-shadow: 7px 0 0 #def, -7px 0 0 #def; }
  section.quote a.linktomore {
    text-align: center;
    box-sizing: border-box;
    width: calc(100% - 60px);
    max-width: 300px;
    padding: 12px;
    margin: 0 auto;
    border-radius: 100px;
    font-weight: 600;
    display: flex;
    outline: none;
    align-self: center;
    justify-content: center;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
    -webkit-transition: transform 0.2s ease-in-out;
    -moz-transition: transform 0.2s ease-in-out;
    -ms-transition: transform 0.2s ease-in-out;
    -o-transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    -webkit-transition: box-shadow 0.2s ease-in-out;
    -moz-transition: box-shadow 0.2s ease-in-out;
    -ms-transition: box-shadow 0.2s ease-in-out;
    -o-transition: box-shadow 0.2s ease-in-out;
    transition: box-shadow 0.2s ease-in-out;
    background-color: #0572ec;
    color: white;
    text-align: center;
    font-weight: 600;
    font-size: 14px; }
    @media (max-width: 600px) {
      section.quote a.linktomore {
        width: calc(100% - 30px); } }
    section.quote a.linktomore:hover, section.quote a.linktomore:focus {
      box-shadow: 0 8px 34px 0 rgba(0, 0, 0, 0.3);
      transform: scale(1.05);
      -webkit-transition: transform 0.2s ease-in-out;
      -moz-transition: transform 0.2s ease-in-out;
      -ms-transition: transform 0.2s ease-in-out;
      -o-transition: transform 0.2s ease-in-out;
      transition: transform 0.2s ease-in-out;
      -webkit-transition: box-shadow 0.2s ease-in-out;
      -moz-transition: box-shadow 0.2s ease-in-out;
      -ms-transition: box-shadow 0.2s ease-in-out;
      -o-transition: box-shadow 0.2s ease-in-out;
      transition: box-shadow 0.2s ease-in-out; }
  section.quote svg.chevron-right {
    fill: currentcolor;
    height: 11px;
    display: inline;
    margin-bottom: -1px; }

section.home-popup.hidden {
  display: none; }

section.home-popup {
  background-size: 164px 71px;
  background-position: bottom left 20px;
  background-repeat: no-repeat;
  box-shadow: 0 0 0 1px rgba(71, 101, 131, 0.2), 0 4px 15px 0 rgba(0, 0, 0, 0.2);
  position: fixed;
  z-index: 100;
  bottom: 0;
  width: 100%;
  max-width: 550px;
  right: 0;
  margin: 20px;
  border-radius: 6px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  background-image: url("/img/pricing/haveateam.png");
  background-color: #f7fbff; }
  @media (max-width: 574px) {
    section.home-popup {
      width: 90%; } }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    section.home-popup {
      /* stylelint-disable-next-line function-url-quotes */
      background-image: url("/img/pricing/haveateam@2x.png"); } }
  section.home-popup svg.dismiss {
    position: absolute;
    top: 10px;
    left: 10px;
    fill: #c8d7e6;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }
  section.home-popup svg.forward {
    position: absolute;
    top: 35px;
    right: 15px;
    fill: #c8d7e6;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }
  section.home-popup div {
    max-width: 300px;
    margin: 10px 10px 10px 200px; }
    @media (max-width: 363px) {
      section.home-popup div {
        margin: 25px 10px 90px; } }
    section.home-popup div h3 {
      font-size: 0.9375em;
      color: #0572ec;
      line-height: 1.6em; }
    section.home-popup div p {
      font-size: 13px;
      color: #4c4c4c;
      line-height: 1.3em; }
      section.home-popup div p span {
        font-weight: 600; }
  section.home-popup:hover {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    margin: 30px 20px;
    box-shadow: 0 0 0 1px rgba(71, 101, 131, 0.2), 0 2px 5px 0 rgba(0, 0, 0, 0.05); }
    section.home-popup:hover svg.dismiss,
    section.home-popup:hover svg.forward {
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      -ms-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out;
      fill: #0572ec; }

.video-container {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 100;
  background: rgba(0, 0, 0, 0.8);
  display: none; }
  .video-container .close {
    cursor: pointer;
    height: 30px;
    width: 30px;
    position: fixed;
    top: calc(50% - 170px);
    left: calc(50% + 412px); }
    @media (max-width: 900px) {
      .video-container .close {
        left: calc(100vw - 30px); } }
  .video-container.visible {
    display: block; }
  .video-container .video {
    position: fixed;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 800px;
    max-height: 480px;
    width: 100%;
    height: 100%; }
    .video-container .video iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      padding: 30px 0 0; }

section.what-you-get {
  width: 100%;
  background-color: white;
  text-align: center; }
  section.what-you-get .container {
    padding: 85px 0;
    max-width: 970px;
    margin: 0 auto; }
    @media (max-width: 1023px) {
      section.what-you-get .container {
        padding-top: 35px; } }
    section.what-you-get .container h1 {
      font-size: 27px;
      margin-bottom: 35px;
      padding: 0 20px; }
    section.what-you-get .container .full-width-feature {
      min-height: 190px;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: #f0f6fc;
      max-width: 970px;
      margin: 30px auto; }
      @media (max-width: 500px) {
        section.what-you-get .container .full-width-feature {
          display: block; } }
      @supports (display: grid) {
        section.what-you-get .container .full-width-feature {
          display: grid;
          grid-template-columns: 1fr; }
          @media (min-width: 768px) {
            section.what-you-get .container .full-width-feature {
              grid-template-columns: 500px 250px; } }
          @media (min-width: 1024px) {
            section.what-you-get .container .full-width-feature {
              grid-template-columns: 510px 400px; } }
          section.what-you-get .container .full-width-feature.personal-family {
            justify-content: flex-start; }
            @media (min-width: 768px) {
              section.what-you-get .container .full-width-feature.personal-family {
                grid-template-columns: 485px 1fr; } }
            @media (min-width: 1024px) {
              section.what-you-get .container .full-width-feature.personal-family {
                grid-template-columns: 520px 1fr; } } }
      section.what-you-get .container .full-width-feature .icon.protection-family {
        position: relative;
        width: 100%;
        max-width: 460px;
        margin: 0 auto; }
        @media screen\0 {
          section.what-you-get .container .full-width-feature .icon.protection-family {
            width: 230px;
            margin: 0; } }
        @media (min-width: 768px) {
          section.what-you-get .container .full-width-feature .icon.protection-family {
            top: 23px;
            height: auto; } }
        @media (min-width: 1024px) {
          section.what-you-get .container .full-width-feature .icon.protection-family {
            margin-left: 40px; } }
      section.what-you-get .container .full-width-feature .icon.all-devices {
        height: 174px;
        object-fit: contain;
        object-position: bottom;
        margin: auto;
        margin-bottom: 0; }
        @media screen\0 {
          section.what-you-get .container .full-width-feature .icon.all-devices {
            max-width: none;
            margin: 0; } }
        @media (min-width: 501px) {
          section.what-you-get .container .full-width-feature .icon.all-devices {
            max-width: 430px; } }
        @media (max-width: 767px) {
          section.what-you-get .container .full-width-feature .icon.all-devices {
            order: 1; } }
        @media (min-width: 1024px) {
          section.what-you-get .container .full-width-feature .icon.all-devices {
            object-fit: cover; } }
      section.what-you-get .container .full-width-feature .icon.under-control {
        align-self: flex-start;
        justify-self: center; }
      section.what-you-get .container .full-width-feature .icon.passwords-2 {
        margin: 0;
        width: 100%;
        min-height: 250px;
        object-fit: cover; }
      section.what-you-get .container .full-width-feature p {
        width: 100%;
        margin: auto;
        max-width: 330px;
        padding: 10px 1em; }
        @media (max-width: 500px) {
          section.what-you-get .container .full-width-feature p {
            margin: auto; }
            section.what-you-get .container .full-width-feature p span,
            section.what-you-get .container .full-width-feature p strong {
              text-align: center; } }
        @media (min-width: 1024px) {
          section.what-you-get .container .full-width-feature p {
            padding-left: 20px; } }
        @media screen\0 {
          section.what-you-get .container .full-width-feature p {
            width: 100%;
            max-width: none; } }
    @media (max-width: 767px) {
      section.what-you-get .container .full-width-feature.family strong,
      section.what-you-get .container .full-width-feature.family span {
        text-align: center; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      section.what-you-get .container .full-width-feature.family {
        grid-template-columns: 400px 400px; } }
    section.what-you-get .container .full-width-feature.devices {
      display: flex;
      background: url("/img/promotions/all-your-devices.62488f3fb7f5f84aedc85a97167a86b9.svg") no-repeat center bottom;
      background-size: contain;
      background-color: #f0f6fc; }
      @media (min-width: 1024px) {
        section.what-you-get .container .full-width-feature.devices {
          background-size: 905px; } }
      section.what-you-get .container .full-width-feature.devices p {
        width: 65%; }
        @media (min-width: 768px) {
          section.what-you-get .container .full-width-feature.devices p {
            width: 100%;
            max-width: 430px; } }
        @media screen\0 {
          section.what-you-get .container .full-width-feature.devices p {
            margin: 0; } }
      section.what-you-get .container .full-width-feature.devices strong,
      section.what-you-get .container .full-width-feature.devices span {
        text-align: center; }
    section.what-you-get .container .grid-features {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      align-items: baseline;
      align-content: space-around; }
      @media (min-width: 1024px) {
        section.what-you-get .container .grid-features {
          flex-wrap: nowrap; } }
      @supports (display: grid) {
        section.what-you-get .container .grid-features {
          display: grid;
          grid-template-columns: 1fr;
          grid-gap: 30px; }
          @media (min-width: 768px) {
            section.what-you-get .container .grid-features {
              grid-template-columns: 1fr 1fr; } } }
      section.what-you-get .container .grid-features .icon {
        grid-template-columns: none;
        padding: 10px; }
        @supports (display: grid) {
          section.what-you-get .container .grid-features .icon {
            display: grid;
            grid-template-columns: 100px 1fr;
            justify-items: center;
            padding: 0 35px 0 0;
            grid-gap: 30px; }
            @media (min-width: 1024px) {
              section.what-you-get .container .grid-features .icon:nth-child(odd) {
                padding-left: 30px; } } }
        section.what-you-get .container .grid-features .icon img {
          width: 70px;
          height: 70px;
          object-fit: contain; }
        section.what-you-get .container .grid-features .icon > span {
          line-height: 1.4em; }
        @media (min-width: 1024px) {
          section.what-you-get .container .grid-features .icon > span:nth-child(odd) {
            padding-left: 50px; } }
    section.what-you-get .container strong {
      display: block;
      color: #4d4d4d;
      text-align: left; }
    section.what-you-get .container span {
      display: block;
      margin-top: 5px;
      text-align: left;
      color: #666; }

/* stylelint-disable */
.sixty-forty-container-left, .equal-panels-left, .sixty-forty-container-right, .equal-panels-right {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  min-height: 400px; }
  .sixty-forty-container-left .box--image, .equal-panels-left .box--image, .sixty-forty-container-right .box--image, .equal-panels-right .box--image {
    flex-grow: 1.5;
    flex-basis: 350px;
    min-height: 220px; }
    @media (max-width: 699px) {
      .sixty-forty-container-left .box--image, .equal-panels-left .box--image, .sixty-forty-container-right .box--image, .equal-panels-right .box--image {
        order: 2; } }
  .sixty-forty-container-left .box--text, .equal-panels-left .box--text, .sixty-forty-container-right .box--text, .equal-panels-right .box--text {
    flex-grow: 1;
    flex-basis: 350px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 30px; }
    @media (min-width: 700px) {
      .sixty-forty-container-left .box--text, .equal-panels-left .box--text, .sixty-forty-container-right .box--text, .equal-panels-right .box--text {
        align-items: flex-start;
        text-align: left; } }
    @media (min-width: 768px) {
      .sixty-forty-container-left .box--text, .equal-panels-left .box--text, .sixty-forty-container-right .box--text, .equal-panels-right .box--text {
        padding: 50px; } }
/* 60/40 Image-right */
.sixty-forty-container-right, .equal-panels-right {
  flex-direction: row-reverse; }
  @media (min-width: 700px) {
    .sixty-forty-container-right .box--text, .equal-panels-right .box--text {
      align-items: flex-end;
      text-align: right; } }
/* Equal-panels */
.equal-panels-left .box--image,
.equal-panels-left .box--text {
  flex-grow: 1; }

@media (min-width: 768px) {
  .equal-panels-left .box--text {
    padding: 50px 50px 50px 100px; } }

@media (min-width: 1440px) {
  .equal-panels-left .box--text {
    padding: 50px 50px 50px 120px; } }

.equal-panels-right .box--image,
.equal-panels-right .box--text {
  flex-grow: 1; }

@media (min-width: 768px) {
  .equal-panels-right .box--text {
    padding: 50px 100px 50px 50px; } }

@media (min-width: 1440px) {
  .equal-panels-right .box--text {
    padding: 50px 120px 50px 50px; } }

/* Full-panel */
.full-panel {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
  .full-panel .box--image {
    width: 100%;
    min-height: 400px; }
    .full-panel .box--image_cover {
      width: 100%;
      min-height: 400px; }
  .full-panel .box--text {
    max-width: 900px;
    text-align: center;
    padding: 20px; }
    .full-panel .box--text h1 {
      font-size: 2.2em; }
    @media (min-width: 768px) {
      .full-panel .box--text {
        padding: 30px; } }
  .full-panel .box-three-columns {
    width: 100%;
    max-width: 1100px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    flex-wrap: wrap; }
    .full-panel .box-three-columns .column {
      text-align: center;
      flex-grow: 1;
      flex-basis: 250px;
      padding: 15px 10px;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      align-items: center; }

.share-img {
  background: url("/img/share-image.png") no-repeat center center;
  background-size: contain; }

.component-contact-panel {
  padding: 0;
  max-height: 300px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .component-contact-panel .bubble {
    padding: 1rem; }
    .component-contact-panel .bubble::after {
      content: " ";
      background: url("/img/contact-panel/bubble.bfb3f331471a794b5f69000b836bfbf2.svg") no-repeat;
      width: 16px;
      height: 18px;
      display: inline-block;
      position: relative;
      left: -6px;
      bottom: 30px; }
    .component-contact-panel .bubble h2 {
      background-color: #0572ec;
      border-radius: 15px;
      color: white;
      line-height: 36px;
      max-width: 696px;
      padding: 16px 20px;
      font-size: 1.5em;
      text-align: center; }
      .component-contact-panel .bubble h2 a {
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        text-decoration: none;
        box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 0.4); }
        .component-contact-panel .bubble h2 a.icon {
          width: 28px;
          height: 23px;
          box-shadow: none;
          display: inline-block;
          background-repeat: no-repeat;
          background-position: center;
          vertical-align: -3px;
          margin-bottom: 0; }
          .component-contact-panel .bubble h2 a.icon:hover {
            box-shadow: none;
            opacity: 1; }
  .component-contact-panel.families-page {
    background: linear-gradient(to bottom, #f2f4f7 50%, white 50%); }
  .component-contact-panel.signup-page {
    background: linear-gradient(to bottom, #f2f4f7 50%, #232a3f 50%); }

/* stylelint-disable */
.scrolling-quotes-all {
  margin: 0 0 80px;
  text-align: center;
  /*-- Animation Settings --*/ }
  .scrolling-quotes-all .scrolling-quotes-header {
    position: relative;
    z-index: 5;
    top: 40px; }
    .scrolling-quotes-all .scrolling-quotes-header h2 {
      text-align: center;
      color: #4d4d4d;
      max-width: none !important; }
    .scrolling-quotes-all .scrolling-quotes-header h3 {
      font-size: 1em;
      color: #0572ec; }
      .scrolling-quotes-all .scrolling-quotes-header h3:hover {
        text-decoration: underline; }
    .scrolling-quotes-all .scrolling-quotes-header a {
      color: #0572ec;
      font-weight: 500; }
  .scrolling-quotes-all .scrolling-quotes-container {
    background: linear-gradient(to bottom, white 0%, #f2f4f7 53%, #e6e8eb 53%, #e6e8eb 53.3%, white 53.3%);
    background-size: cover;
    margin: 1em auto 0;
    width: 100%;
    overflow: hidden;
    max-height: 350px;
    padding-left: 100%;
    padding-top: 100px;
    padding-bottom: 10px;
    overflow: hidden; }
    .scrolling-quotes-all .scrolling-quotes-container .scrolling-quotes-container__text {
      padding: 1.5rem; }
      .scrolling-quotes-all .scrolling-quotes-container .scrolling-quotes-container__text p {
        font-weight: 400; }
    .scrolling-quotes-all .scrolling-quotes-container .scrolling-quotes-container__logo {
      padding: 2em; }
      .scrolling-quotes-all .scrolling-quotes-container .scrolling-quotes-container__logo img {
        width: 100%; }
        .scrolling-quotes-all .scrolling-quotes-container .scrolling-quotes-container__logo img#wonderbly {
          height: 70px; }
        .scrolling-quotes-all .scrolling-quotes-container .scrolling-quotes-container__logo img#smartpatient {
          height: 70px;
          object-fit: contain; }
    .scrolling-quotes-all .scrolling-quotes-container .scrolling-quotes-container__text,
    .scrolling-quotes-all .scrolling-quotes-container .scrolling-quotes-container__logo {
      border: 1px solid rgba(0, 0, 0, 0.1);
      box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.02);
      border-radius: 6px;
      background-color: white;
      margin: 0 10px;
      vertical-align: middle;
      text-align: left;
      overflow: auto;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-self: center;
      max-width: 360px;
      min-width: 300px;
      transition: all 0.2s ease-in-out; }
      .scrolling-quotes-all .scrolling-quotes-container .scrolling-quotes-container__text p,
      .scrolling-quotes-all .scrolling-quotes-container .scrolling-quotes-container__logo p {
        width: 100%;
        font-size: 0.95em;
        margin: 0;
        padding: 0; }
        .scrolling-quotes-all .scrolling-quotes-container .scrolling-quotes-container__text p cite,
        .scrolling-quotes-all .scrolling-quotes-container .scrolling-quotes-container__logo p cite {
          display: block;
          font-weight: bold; }
    .scrolling-quotes-all .scrolling-quotes-container .scrolling-quotes-container__text:hover,
    .scrolling-quotes-all .scrolling-quotes-container .scrolling-quotes-container__logo:hover {
      transform: scale(1.05); }

@-webkit-keyframes ticker {
  0% {
    -webkit-transform: translate3d(-15%, 0, 0);
    transform: translate3d(-15%, 0, 0);
    visibility: visible; }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

@keyframes ticker {
  0% {
    -webkit-transform: translate3d(-15%, 0, 0);
    transform: translate3d(-15%, 0, 0);
    visibility: visible; }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }
  .scrolling-quotes-all .scrolling-quotes-container .ticker {
    display: inline-flex;
    padding-right: 100%;
    position: relative;
    bottom: 30px;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-name: ticker;
    animation-name: ticker;
    -webkit-animation-duration: 120s;
    animation-duration: 120s; }
    .scrolling-quotes-all .scrolling-quotes-container .ticker:hover {
      -webkit-animation-play-state: paused;
      animation-play-state: paused; }

/* stylelint-disable */
.scrolling-quotes-v2 {
  text-align: center;
  background: linear-gradient(to bottom, white 0%, #f2f4f7 87%, #e6e8eb 87%, #e6e8eb 87%, white 20%);
  background-size: cover; }
  @media screen\0 {
    .scrolling-quotes-v2 {
      display: none; } }
  @media (min-width: 850px) {
    .scrolling-quotes-v2 {
      display: flex;
      flex-direction: column; } }
  .scrolling-quotes-v2 .scrolling-quotes-header-v2 {
    z-index: 5; }
    .scrolling-quotes-v2 .scrolling-quotes-header-v2 h1 {
      font-size: 2em;
      text-align: center;
      color: #4d4d4d;
      max-width: none !important;
      padding: 10px 0 0; }
    .scrolling-quotes-v2 .scrolling-quotes-header-v2 h3 {
      font-size: 1em;
      color: #0572ec; }
      .scrolling-quotes-v2 .scrolling-quotes-header-v2 h3:hover {
        text-decoration: underline; }
    .scrolling-quotes-v2 .scrolling-quotes-header-v2 a {
      color: #0572ec;
      font-weight: 500; }
  .scrolling-quotes-v2 .scrolling-quotes-container-v2 {
    margin: 0 auto;
    width: 100%;
    max-height: 400px;
    overflow: hidden;
    position: relative; }
    @media (hover: none) and (pointer: coarse) {
      .scrolling-quotes-v2 .scrolling-quotes-container-v2 {
        overflow-x: scroll;
        white-space: nowrap; } }
    @media (hover: hover) and (pointer: fine) {
      .scrolling-quotes-v2 .scrolling-quotes-container-v2 {
        overflow: hidden; } }
    .scrolling-quotes-v2 .scrolling-quotes-container-v2 .scrolling-quotes-container-v2__text {
      padding: 1.5rem 1.3rem;
      white-space: initial; }
      .scrolling-quotes-v2 .scrolling-quotes-container-v2 .scrolling-quotes-container-v2__text p {
        font-weight: 400; }
        .scrolling-quotes-v2 .scrolling-quotes-container-v2 .scrolling-quotes-container-v2__text p img {
          margin: 5px 5px 0 0; }
          .scrolling-quotes-v2 .scrolling-quotes-container-v2 .scrolling-quotes-container-v2__text p img#wirecutter, .scrolling-quotes-v2 .scrolling-quotes-container-v2 .scrolling-quotes-container-v2__text p img#netguru {
            width: 111px; }
    .scrolling-quotes-v2 .scrolling-quotes-container-v2 .scrolling-quotes-container-v2__logo {
      padding: 2em; }
      .scrolling-quotes-v2 .scrolling-quotes-container-v2 .scrolling-quotes-container-v2__logo img {
        width: 100%; }
        .scrolling-quotes-v2 .scrolling-quotes-container-v2 .scrolling-quotes-container-v2__logo img#wonderbly {
          height: 70px; }
        .scrolling-quotes-v2 .scrolling-quotes-container-v2 .scrolling-quotes-container-v2__logo img#smartpatient {
          height: 70px;
          object-fit: contain; }
        .scrolling-quotes-v2 .scrolling-quotes-container-v2 .scrolling-quotes-container-v2__logo img#ibm {
          width: 140px;
          align-self: center; }
        .scrolling-quotes-v2 .scrolling-quotes-container-v2 .scrolling-quotes-container-v2__logo img#pagerduty {
          width: 220px;
          align-self: center; }
    .scrolling-quotes-v2 .scrolling-quotes-container-v2 .scrolling-quotes-container-v2__text,
    .scrolling-quotes-v2 .scrolling-quotes-container-v2 .scrolling-quotes-container-v2__logo {
      border: 1px solid rgba(0, 0, 0, 0.1);
      box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.02);
      border-radius: 6px;
      background-color: white;
      margin: 0 10px;
      vertical-align: middle;
      text-align: left;
      overflow: auto;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-self: center;
      max-width: 360px;
      min-width: 300px;
      transition: all 0.2s ease-in-out; }
      .scrolling-quotes-v2 .scrolling-quotes-container-v2 .scrolling-quotes-container-v2__text p,
      .scrolling-quotes-v2 .scrolling-quotes-container-v2 .scrolling-quotes-container-v2__logo p {
        width: 100%;
        font-size: 0.95em;
        margin: 0;
        padding: 0; }
        .scrolling-quotes-v2 .scrolling-quotes-container-v2 .scrolling-quotes-container-v2__text p cite,
        .scrolling-quotes-v2 .scrolling-quotes-container-v2 .scrolling-quotes-container-v2__logo p cite {
          display: inline-flex;
          font-weight: bold;
          flex-direction: row;
          align-items: flex-end;
          margin-top: 5px; }
          .scrolling-quotes-v2 .scrolling-quotes-container-v2 .scrolling-quotes-container-v2__text p cite svg,
          .scrolling-quotes-v2 .scrolling-quotes-container-v2 .scrolling-quotes-container-v2__logo p cite svg {
            margin-right: 5px; }
    .scrolling-quotes-v2 .scrolling-quotes-container-v2 .scrolling-quotes-container-v2__text:hover,
    .scrolling-quotes-v2 .scrolling-quotes-container-v2 .scrolling-quotes-container-v2__logo:hover {
      transform: scale(1.05); }
  @media (hover: hover) and (pointer: fine) {
    .scrolling-quotes-v2 .scrolling-quotes-container-v2:hover div.arrow {
      opacity: 0.5; } }
  .scrolling-quotes-v2 .scrolling-quotes-container-v2 div.arrow {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 190px;
    position: absolute;
    z-index: 20;
    opacity: 0;
    color: white; }
    @media (hover: hover) and (pointer: fine) {
      .scrolling-quotes-v2 .scrolling-quotes-container-v2 div.arrow:hover {
        opacity: 1; }
      .scrolling-quotes-v2 .scrolling-quotes-container-v2 div.arrow.left {
        right: calc(100% - 40px); }
      .scrolling-quotes-v2 .scrolling-quotes-container-v2 div.arrow.right {
        left: calc(100% - 40px); } }
    .scrolling-quotes-v2 .scrolling-quotes-container-v2 div.arrow .arrow-container {
      width: 40px;
      height: 40px;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      border-radius: 100%;
      background-color: rgba(0, 0, 0, 0.5); }
  .scrolling-quotes-v2 .scrolling-quotes-container-v2 .ticker {
    display: inline-flex;
    position: relative; }

.component-teams-grid {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  align-items: center; }
  @media (min-width: 1200px) {
    .component-teams-grid {
      max-height: 200px; } }
  #teams-and-business .component-teams-grid {
    background-color: #232a3f; }
  .component-teams-grid .bubble {
    padding: 1rem;
    position: relative; }
    .component-teams-grid .bubble::after {
      content: " ";
      background: url("/img/contact-panel/bubble.bfb3f331471a794b5f69000b836bfbf2.svg") no-repeat;
      width: 16px;
      height: 18px;
      display: inline-block;
      position: relative;
      left: -6px;
      bottom: 30px; }
    .component-teams-grid .bubble h2 {
      background-color: #0572ec;
      border-radius: 15px;
      color: white;
      line-height: 36px;
      max-width: 696px;
      padding: 16px 20px;
      font-size: 1.5em;
      text-align: center; }
      .component-teams-grid .bubble h2 a {
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        text-decoration: none;
        box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 0.4); }
        .component-teams-grid .bubble h2 a.icon {
          width: 28px;
          height: 23px;
          box-shadow: none;
          display: inline-block;
          background-repeat: no-repeat;
          background-position: center;
          vertical-align: -3px;
          margin-bottom: 0; }
          .component-teams-grid .bubble h2 a.icon:hover {
            box-shadow: none;
            opacity: 1; }
  .component-teams-grid.business-page .bubble::after, .component-teams-grid.teams-pricing .bubble::after {
    bottom: 30px; }
  .component-teams-grid.business-page {
    background: linear-gradient(to bottom, #525c66 50%, #232a3f 50%); }
  .component-teams-grid.teams-pricing {
    background: linear-gradient(to bottom, #f2f4f7 50%, #232a3f 50%); }
    .component-teams-grid.teams-pricing--light {
      background: linear-gradient(to bottom, white 50%, #232a3f 50%); }

.business-features-list {
  background: #525c66;
  color: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
  .business-features-list h2 {
    font-size: 1.5em;
    line-height: 32px;
    color: white;
    margin-bottom: 0; }
  .business-features-list h3 {
    font-size: 1.1em;
    color: white; }
  .business-features-list p {
    color: #dadde5; }
  .business-features-list .title {
    text-align: center;
    margin: 50px auto; }
    .business-features-list .title :nth-child(2n) {
      color: #8fa1b3; }
  .business-features-list .features-grid {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    padding: 35px; }
    @supports (display: grid) {
      .business-features-list .features-grid {
        display: grid;
        grid-template-columns: 1fr; }
        @media (min-width: 768px) {
          .business-features-list .features-grid {
            grid-template-columns: 1fr 1fr;
            grid-gap: 5px; } }
        @media (min-width: 1200px) {
          .business-features-list .features-grid {
            grid-template-columns: repeat(3, 330px); } } }
    @media (min-width: 768px) {
      .business-features-list .features-grid {
        padding: 15px 40px;
        max-width: 1140px;
        margin: 0 auto; } }
    .business-features-list .features-grid li {
      list-style: none;
      background-image: url("/img/checkbox-grey-white.svg");
      background-repeat: no-repeat;
      margin: 0 5px;
      padding: 0 0 0 30px;
      background-size: 22px;
      max-width: 330px; }

.current-openings {
  padding: 0 10px;
  text-align: center;
  width: 100%;
  max-width: 940px;
  margin: 0 auto;
  overflow: hidden; }
  .current-openings hr {
    width: 100%;
    height: 2px;
    opacity: 0.2;
    background-color: #4d5d8c;
    margin: 60px 0;
    position: relative; }
    @media (min-width: 1200px) {
      .current-openings hr {
        margin: 70px 0; } }
  .current-openings h2.title {
    margin-bottom: 30px;
    font-size: 1.875em;
    color: #212b36; }
  .current-openings p {
    opacity: 0.8; }
    .current-openings p.description {
      color: #3d454d;
      max-width: 918px;
      margin: 30px auto; }
  .current-openings .current-openings-grid {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 12px;
    justify-items: center;
    margin: 0 auto; }
    .current-openings .current-openings-grid a {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      flex-wrap: wrap;
      align-items: center;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      text-align: center;
      width: 100%;
      max-width: 1040px;
      background-color: #f5f6f7;
      padding: 30px;
      -webkit-transition: transform 0.2s ease-in-out;
      -moz-transition: transform 0.2s ease-in-out;
      -ms-transition: transform 0.2s ease-in-out;
      -o-transition: transform 0.2s ease-in-out;
      transition: transform 0.2s ease-in-out;
      margin-bottom: 12px; }
      @supports (display: grid) {
        .current-openings .current-openings-grid a {
          margin-bottom: 0; } }
      @media screen\0 {
        .current-openings .current-openings-grid a {
          max-width: none; } }
      .current-openings .current-openings-grid a h2,
      .current-openings .current-openings-grid a p {
        flex-basis: 200px;
        flex-grow: 1;
        margin-bottom: 0; }
      .current-openings .current-openings-grid a h2 {
        color: #333;
        font-size: 1.625em;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.15;
        letter-spacing: -0.2px; }
        @media (min-width: 520px) {
          .current-openings .current-openings-grid a h2 {
            text-align: left; } }
      .current-openings .current-openings-grid a p {
        color: #9295a0; }
        @media (min-width: 520px) {
          .current-openings .current-openings-grid a p {
            text-align: right; } }
      .current-openings .current-openings-grid a:hover {
        background-color: #dfe3e8; }

.slides-imgs {
  width: 100%;
  padding: 40px 0 50px;
  display: block; }
  @media (min-width: 1023px) {
    .slides-imgs {
      padding: 80px 0 100px; } }
  @media screen\0 {
    .slides-imgs {
      display: none; } }
  .slides-imgs img {
    display: block;
    margin: 0 auto; }

.security-compliance {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center; }
  .security-compliance a {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 30px;
    -webkit-transition: transform 0.2s ease-in-out;
    -moz-transition: transform 0.2s ease-in-out;
    -ms-transition: transform 0.2s ease-in-out;
    -o-transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out; }
    .security-compliance a :hover {
      transform: scale(1.05);
      -webkit-transition: transform 0.2s ease-in-out;
      -moz-transition: transform 0.2s ease-in-out;
      -ms-transition: transform 0.2s ease-in-out;
      -o-transition: transform 0.2s ease-in-out;
      transition: transform 0.2s ease-in-out; }
    @media (max-width: 767px) {
      .security-compliance a {
        padding: 10px; } }
.join-testflight {
  max-width: 1030px;
  margin: 0 auto 60px;
  text-align: center;
  padding: 0 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
  .join-testflight--text-align-left {
    text-align: left; }
  .join-testflight > img {
    margin-bottom: 25px; }
  .join-testflight p {
    color: #3d454d;
    max-width: 600px; }
  .join-testflight a.join-testflight-button {
    text-align: center;
    box-sizing: border-box;
    width: calc(100% - 60px);
    max-width: 300px;
    padding: 12px;
    margin: 0 auto;
    border-radius: 100px;
    font-weight: 600;
    display: flex;
    outline: none;
    align-self: center;
    justify-content: center;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
    -webkit-transition: transform 0.2s ease-in-out;
    -moz-transition: transform 0.2s ease-in-out;
    -ms-transition: transform 0.2s ease-in-out;
    -o-transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    -webkit-transition: box-shadow 0.2s ease-in-out;
    -moz-transition: box-shadow 0.2s ease-in-out;
    -ms-transition: box-shadow 0.2s ease-in-out;
    -o-transition: box-shadow 0.2s ease-in-out;
    transition: box-shadow 0.2s ease-in-out;
    background-color: #0572ec;
    color: white; }
    @media (max-width: 600px) {
      .join-testflight a.join-testflight-button {
        width: calc(100% - 30px); } }
    .join-testflight a.join-testflight-button:hover, .join-testflight a.join-testflight-button:focus {
      box-shadow: 0 8px 34px 0 rgba(0, 0, 0, 0.3);
      transform: scale(1.05);
      -webkit-transition: transform 0.2s ease-in-out;
      -moz-transition: transform 0.2s ease-in-out;
      -ms-transition: transform 0.2s ease-in-out;
      -o-transition: transform 0.2s ease-in-out;
      transition: transform 0.2s ease-in-out;
      -webkit-transition: box-shadow 0.2s ease-in-out;
      -moz-transition: box-shadow 0.2s ease-in-out;
      -ms-transition: box-shadow 0.2s ease-in-out;
      -o-transition: box-shadow 0.2s ease-in-out;
      transition: box-shadow 0.2s ease-in-out; }
  .join-testflight .test-access-android {
    width: 100%;
    max-width: 600px; }
    .join-testflight .test-access-android p {
      font-weight: bold; }
    .join-testflight .test-access-android ul {
      margin-bottom: 1.3em;
      letter-spacing: -0.3px;
      list-style-type: none; }
      .join-testflight .test-access-android ul li {
        color: #3d454d;
        max-width: 600px;
        margin-bottom: 8px; }
        .join-testflight .test-access-android ul li a {
          color: #0572ec;
          text-decoration: none; }

section.job-post-contact {
  width: 100%;
  max-width: 922px;
  margin: 0 auto;
  text-align: center; }
  section.job-post-contact hr {
    width: 100%;
    height: 2px;
    opacity: 0.2;
    background-color: #4d5d8c; }
  section.job-post-contact div.container {
    padding: 60px 0; }
    section.job-post-contact div.container p {
      width: 100%;
      max-width: 532px;
      margin: 0 auto;
      color: #3d454d;
      opacity: 0.8;
      font-size: 1.125em; }
    section.job-post-contact div.container a.btn {
      text-align: center;
      box-sizing: border-box;
      width: calc(100% - 60px);
      max-width: 300px;
      padding: 12px;
      margin: 0 auto;
      border-radius: 100px;
      font-weight: 600;
      display: flex;
      outline: none;
      align-self: center;
      justify-content: center;
      box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
      -webkit-transition: transform 0.2s ease-in-out;
      -moz-transition: transform 0.2s ease-in-out;
      -ms-transition: transform 0.2s ease-in-out;
      -o-transition: transform 0.2s ease-in-out;
      transition: transform 0.2s ease-in-out;
      -webkit-transition: box-shadow 0.2s ease-in-out;
      -moz-transition: box-shadow 0.2s ease-in-out;
      -ms-transition: box-shadow 0.2s ease-in-out;
      -o-transition: box-shadow 0.2s ease-in-out;
      transition: box-shadow 0.2s ease-in-out;
      color: white;
      background-color: #0572ec;
      margin-top: 30px; }
      @media (max-width: 600px) {
        section.job-post-contact div.container a.btn {
          width: calc(100% - 30px); } }
      section.job-post-contact div.container a.btn:hover, section.job-post-contact div.container a.btn:focus {
        box-shadow: 0 8px 34px 0 rgba(0, 0, 0, 0.3);
        transform: scale(1.05);
        -webkit-transition: transform 0.2s ease-in-out;
        -moz-transition: transform 0.2s ease-in-out;
        -ms-transition: transform 0.2s ease-in-out;
        -o-transition: transform 0.2s ease-in-out;
        transition: transform 0.2s ease-in-out;
        -webkit-transition: box-shadow 0.2s ease-in-out;
        -moz-transition: box-shadow 0.2s ease-in-out;
        -ms-transition: box-shadow 0.2s ease-in-out;
        -o-transition: box-shadow 0.2s ease-in-out;
        transition: box-shadow 0.2s ease-in-out; }
    section.job-post-contact div.container a.apply-btn {
      text-align: center;
      box-sizing: border-box;
      width: calc(100% - 60px);
      max-width: 300px;
      padding: 12px;
      margin: 0 auto;
      border-radius: 100px;
      font-weight: 600;
      display: flex;
      outline: none;
      align-self: center;
      justify-content: center;
      box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
      -webkit-transition: transform 0.2s ease-in-out;
      -moz-transition: transform 0.2s ease-in-out;
      -ms-transition: transform 0.2s ease-in-out;
      -o-transition: transform 0.2s ease-in-out;
      transition: transform 0.2s ease-in-out;
      -webkit-transition: box-shadow 0.2s ease-in-out;
      -moz-transition: box-shadow 0.2s ease-in-out;
      -ms-transition: box-shadow 0.2s ease-in-out;
      -o-transition: box-shadow 0.2s ease-in-out;
      transition: box-shadow 0.2s ease-in-out;
      color: white;
      text-align: center;
      margin-top: 30px; }
      @media (max-width: 600px) {
        section.job-post-contact div.container a.apply-btn {
          width: calc(100% - 30px); } }
      section.job-post-contact div.container a.apply-btn:hover, section.job-post-contact div.container a.apply-btn:focus {
        box-shadow: 0 8px 34px 0 rgba(0, 0, 0, 0.3);
        transform: scale(1.05);
        -webkit-transition: transform 0.2s ease-in-out;
        -moz-transition: transform 0.2s ease-in-out;
        -ms-transition: transform 0.2s ease-in-out;
        -o-transition: transform 0.2s ease-in-out;
        transition: transform 0.2s ease-in-out;
        -webkit-transition: box-shadow 0.2s ease-in-out;
        -moz-transition: box-shadow 0.2s ease-in-out;
        -ms-transition: box-shadow 0.2s ease-in-out;
        -o-transition: box-shadow 0.2s ease-in-out;
        transition: box-shadow 0.2s ease-in-out; }
      section.job-post-contact div.container a.apply-btn.active {
        background-color: #0572ec;
        cursor: pointer; }
      section.job-post-contact div.container a.apply-btn.inactive {
        background-color: rgba(26, 140, 255, 0.5);
        pointer-events: none;
        transform: none;
        box-shadow: none; }

section.job-post-contact {
  margin-bottom: 90px; }

section.job-post-contact h2 {
  margin-bottom: 30px;
  font-size: 1.875em;
  color: #212b36; }

#navbar-pricing {
  top: 0;
  left: 0;
  width: 100%;
  min-height: 60px;
  z-index: 1000;
  vertical-align: middle;
  margin-bottom: 0;
  position: fixed;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  /* banner */
  display: flex;
  flex-direction: column;
  /* ---------------- */ }
  #navbar-pricing a.current {
    opacity: 1; }
  #navbar-pricing .navigation-simple {
    margin: 19px 0 0;
    padding: 0;
    font-weight: 600;
    position: relative;
    height: 40px; }
    #navbar-pricing .navigation-simple .lock-1password {
      margin: 0 0 0 10px;
      position: absolute;
      top: -13px; }

#navbar-pricing.lightblue-bar {
  background: #ecf5ff; }

.resources-cards-panel {
  background-color: #f5f6f7;
  padding: 70px 30px; }
  .resources-cards-panel .card {
    position: relative;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: transform 0.2s ease-in-out;
    -moz-transition: transform 0.2s ease-in-out;
    -ms-transition: transform 0.2s ease-in-out;
    -o-transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    cursor: pointer; }
    .resources-cards-panel .card > a {
      width: 100%; }
    .resources-cards-panel .card:hover {
      transform: scale(1.025);
      -webkit-transition: transform 0.2s ease-in-out;
      -moz-transition: transform 0.2s ease-in-out;
      -ms-transition: transform 0.2s ease-in-out;
      -o-transition: transform 0.2s ease-in-out;
      transition: transform 0.2s ease-in-out;
      -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.12);
      -moz-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.12);
      box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.12); }
    @media (min-width: 768px) {
      .resources-cards-panel .card {
        flex: 0 0 auto; } }
    .resources-cards-panel .card--deepblue {
      background-color: #1f2e59;
      color: white; }
    .resources-cards-panel .card--lightblue {
      background-color: #b5d4f2;
      color: #3d454d; }
    .resources-cards-panel .card--greyblue {
      background-color: #5f729e;
      color: white; }
    .resources-cards-panel .card--lightblue2 {
      background-color: #badcff;
      color: #3d454d; }
    .resources-cards-panel .card--darkblue {
      background-color: #00407f;
      color: white; }
    .resources-cards-panel .card--bitsblue2 {
      background-color: #c2eaff;
      color: #3d454d; }
    .resources-cards-panel .card--yellow {
      background-color: #f8eadd;
      color: #3d454d; }
    .resources-cards-panel .card--securityblack {
      background-color: #0a2d4d;
      color: white; }
    .resources-cards-panel .card--ultragrey2 {
      background-color: #051627;
      color: #eaeaea; }
    .resources-cards-panel .card--bitsblue4 {
      background-color: #034ea6;
      color: white; }
    .resources-cards-panel .card--sassypurple {
      background-color: #33103f;
      color: white; }
    .resources-cards-panel .card--blue-bits {
      background-color: #0572ec;
      color: white; }
    .resources-cards-panel .card--ultra-grey-5 {
      background-color: #35414c;
      color: white; }
    .resources-cards-panel .card .card-content {
      -webkit-border-radius: 0 0 6px 6px;
      -moz-border-radius: 0 0 6px 6px;
      border-radius: 0 0 6px 6px;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      flex: 1 1 auto;
      padding: 30px;
      width: 100%; }
      .resources-cards-panel .card .card-content__category {
        font-size: 0.75rem;
        color: #333;
        opacity: 0.7; }
      .resources-cards-panel .card .card-content__title {
        font-size: 1.375rem;
        opacity: 0.9;
        color: inherit; }
      .resources-cards-panel .card .card-content__title--none-more-black {
        color: black; }
      .resources-cards-panel .card .card-content__description {
        opacity: 0.8;
        color: inherit; }
      .resources-cards-panel .card .card-content__description-flex {
        flex: 1 1 auto; }
      .resources-cards-panel .card .card-content__img-top {
        border-radius: 6px 6px 0 0;
        display: block;
        width: 100%; }
      .resources-cards-panel .card .card-content__img-bottom {
        border-radius: 0 0 6px 6px;
        width: 100%; }
      .resources-cards-panel .card .card-content__link {
        font-weight: 600;
        color: inherit; }
        .resources-cards-panel .card .card-content__link svg {
          transition: transform 0.2s; }
        .resources-cards-panel .card .card-content__link:hover svg {
          transform: translateX(7px);
          transition: transform 0.2s; }
      .resources-cards-panel .card .card-content__clickable-card {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0; }
      .resources-cards-panel .card .card-content__link--blue-primary {
        color: #0572ec; }
      .resources-cards-panel .card .card-content__link--none-more-black {
        color: black; }
    .resources-cards-panel .card .card-content--content-bottom-border {
      border: 1px solid #dee0e3;
      border-top: none; }
    @supports (display: flex) {
      @media (min-width: 768px) {
        .resources-cards-panel .card {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          align-items: start;
          align-content: start;
          flex-direction: column;
          grid-column: span 2;
          margin: 0; }
          .resources-cards-panel .card img {
            border-radius: 6px 6px 0 0; }
          .resources-cards-panel .card.card-offset.card-large, .resources-cards-panel .card.card-offset.card-x-large {
            -webkit-box-shadow: 0 0 0 0 transparent;
            -moz-box-shadow: 0 0 0 0 transparent;
            box-shadow: 0 0 0 0 transparent; }
            .resources-cards-panel .card.card-offset.card-large img, .resources-cards-panel .card.card-offset.card-x-large img {
              -webkit-border-radius: 6px;
              -moz-border-radius: 6px;
              border-radius: 6px; }
            .resources-cards-panel .card.card-offset.card-large .card-content, .resources-cards-panel .card.card-offset.card-x-large .card-content {
              background: white;
              position: relative;
              -webkit-border-radius: 6px;
              -moz-border-radius: 6px;
              border-radius: 6px;
              border: 1px solid #dee0e3; }
          .resources-cards-panel .card.card-align-center {
            align-self: center; }
          .resources-cards-panel .card.card-align-start {
            align-self: start; }
          .resources-cards-panel .card.card-align-end {
            align-self: end; }
          .resources-cards-panel .card.card-offset.card-large .card-content {
            margin: -50px auto 0;
            width: calc(100% - 40px); }
          .resources-cards-panel .card.card-offset.card-x-large .card-content {
            margin: -15% 0 0 40px;
            width: calc(55% - 40px); }
          .resources-cards-panel .card.card-medium {
            grid-column: span 3; }
          .resources-cards-panel .card.card-large {
            grid-column: span 4; }
          .resources-cards-panel .card.card-x-large {
            grid-column: span 6; }
          .resources-cards-panel .card.card-offset {
            width: 100%; } } }
    @supports (display: flex) {
      @media (max-width: 767px) {
        .resources-cards-panel .card {
          min-width: 100%; } } }
  .resources-cards-panel__title {
    text-align: center;
    font-size: 2rem;
    line-height: 1.5;
    letter-spacing: -0.64px;
    margin-bottom: 60px; }
  .resources-cards-panel__container {
    width: 100%;
    max-width: 1050px;
    margin: 0 auto; }
  .resources-cards-panel__card {
    height: 100%;
    background-color: white; }
  .resources-cards-panel__all-resources-link {
    font-weight: 600;
    font-size: 1.125rem;
    margin: 20px auto 0;
    display: block;
    width: 100%;
    max-width: 1050px;
    text-align: right;
    color: #0572ec; }
    .resources-cards-panel__all-resources-link:hover {
      color: #0572ec; }

.end-cta-panel {
  background-color: #0572ec;
  padding: 70px 30px;
  text-align: center; }
  .end-cta-panel__title {
    color: white;
    font-size: 2rem;
    text-align: center;
    margin: 0 auto 6px; }
  .end-cta-panel__button {
    text-align: center;
    box-sizing: border-box;
    width: calc(100% - 60px);
    max-width: 300px;
    padding: 12px;
    margin: 0 auto;
    border-radius: 100px;
    font-weight: 600;
    display: flex;
    outline: none;
    align-self: center;
    justify-content: center;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
    -webkit-transition: transform 0.2s ease-in-out;
    -moz-transition: transform 0.2s ease-in-out;
    -ms-transition: transform 0.2s ease-in-out;
    -o-transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    -webkit-transition: box-shadow 0.2s ease-in-out;
    -moz-transition: box-shadow 0.2s ease-in-out;
    -ms-transition: box-shadow 0.2s ease-in-out;
    -o-transition: box-shadow 0.2s ease-in-out;
    transition: box-shadow 0.2s ease-in-out;
    background-color: white;
    color: #0572ec;
    max-width: 270px;
    margin: 0 auto 15px; }
    @media (max-width: 600px) {
      .end-cta-panel__button {
        width: calc(100% - 30px); } }
    .end-cta-panel__button:hover, .end-cta-panel__button:focus {
      box-shadow: 0 8px 34px 0 rgba(0, 0, 0, 0.3);
      transform: scale(1.05);
      -webkit-transition: transform 0.2s ease-in-out;
      -moz-transition: transform 0.2s ease-in-out;
      -ms-transition: transform 0.2s ease-in-out;
      -o-transition: transform 0.2s ease-in-out;
      transition: transform 0.2s ease-in-out;
      -webkit-transition: box-shadow 0.2s ease-in-out;
      -moz-transition: box-shadow 0.2s ease-in-out;
      -ms-transition: box-shadow 0.2s ease-in-out;
      -o-transition: box-shadow 0.2s ease-in-out;
      transition: box-shadow 0.2s ease-in-out; }
    .end-cta-panel__button:hover {
      color: #0572ec; }
  .end-cta-panel__description {
    color: white;
    font-size: 1.25rem; }

.leave-review {
  width: 100%;
  max-width: 1130px;
  margin: 0 auto;
  padding: 60px 30px; }
  .leave-review__container {
    text-align: center; }
  .leave-review__container-title {
    font-size: 2.375rem;
    line-height: 1;
    letter-spacing: -0.6px;
    margin-bottom: 17px;
    color: #1f2e59; }
  .leave-review__description {
    width: 100%;
    max-width: 450px;
    margin: 0 auto 16px; }
  .leave-review__button {
    text-align: center;
    box-sizing: border-box;
    width: calc(100% - 60px);
    max-width: 300px;
    padding: 12px;
    margin: 0 auto;
    border-radius: 100px;
    font-weight: 600;
    display: flex;
    outline: none;
    align-self: center;
    justify-content: center;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
    -webkit-transition: transform 0.2s ease-in-out;
    -moz-transition: transform 0.2s ease-in-out;
    -ms-transition: transform 0.2s ease-in-out;
    -o-transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    -webkit-transition: box-shadow 0.2s ease-in-out;
    -moz-transition: box-shadow 0.2s ease-in-out;
    -ms-transition: box-shadow 0.2s ease-in-out;
    -o-transition: box-shadow 0.2s ease-in-out;
    transition: box-shadow 0.2s ease-in-out;
    background-color: #0572ec;
    color: white;
    margin-top: 40px;
    margin-bottom: 40px; }
    @media (max-width: 600px) {
      .leave-review__button {
        width: calc(100% - 30px); } }
    .leave-review__button:hover, .leave-review__button:focus {
      box-shadow: 0 8px 34px 0 rgba(0, 0, 0, 0.3);
      transform: scale(1.05);
      -webkit-transition: transform 0.2s ease-in-out;
      -moz-transition: transform 0.2s ease-in-out;
      -ms-transition: transform 0.2s ease-in-out;
      -o-transition: transform 0.2s ease-in-out;
      transition: transform 0.2s ease-in-out;
      -webkit-transition: box-shadow 0.2s ease-in-out;
      -moz-transition: box-shadow 0.2s ease-in-out;
      -ms-transition: box-shadow 0.2s ease-in-out;
      -o-transition: box-shadow 0.2s ease-in-out;
      transition: box-shadow 0.2s ease-in-out; }
    .leave-review__button:hover {
      color: white; }
  .leave-review__rating-container {
    width: 100%; }
  .leave-review__rating {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: solid 1px rgba(51, 51, 51, 0.2);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: transform 0.2s; }
    .leave-review__rating:hover {
      transform: scale(1.05);
      transition: transform 0.2s; }
  .leave-review__stars {
    position: relative;
    bottom: 8px;
    background-color: white;
    padding: 0 10px; }
  .leave-review__logo {
    margin: 25px; }
  .leave-review__rating-name {
    text-align: center;
    margin-bottom: 5px; }
  .leave-review__rating-score {
    text-align: center;
    font-weight: 600; }

#home {
  overflow: hidden;
  position: relative; }
  #home section.home-intro {
    width: 100vw;
    min-height: 500px;
    background-image: linear-gradient(to top, #38bdff, #0572ec);
    color: white;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative; }
    @media (min-width: 1000px) {
      #home section.home-intro {
        flex-direction: row;
        justify-content: flex-end;
        align-items: flex-end; } }
    @media (min-width: 1024px) {
      #home section.home-intro {
        left: -10vw;
        width: 120vw;
        height: 45vh;
        min-height: 600px; } }
    @media (min-width: 1500px) {
      #home section.home-intro {
        background-position-x: 70%; } }
    @media (min-width: 2000px) {
      #home section.home-intro {
        background-position-x: 61%; } }
    #home section.home-intro div:nth-child(1):not(.video) {
      margin: 0 40px 0 14%;
      align-self: center;
      flex-grow: 1;
      max-width: 360px; }
      #home section.home-intro div:nth-child(1):not(.video) h1 {
        color: white;
        margin: 0 0 20px; }
      #home section.home-intro div:nth-child(1):not(.video) p {
        opacity: 0.8;
        font-size: 1.25em;
        color: white;
        margin-bottom: 20px; }
      #home section.home-intro div:nth-child(1):not(.video) .sign-up,
      #home section.home-intro div:nth-child(1):not(.video) .video-button {
        text-align: center;
        box-sizing: border-box;
        width: calc(100% - 60px);
        max-width: 300px;
        padding: 12px;
        margin: 0 auto;
        border-radius: 100px;
        font-weight: 600;
        display: flex;
        outline: none;
        align-self: center;
        justify-content: center;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
        -webkit-transition: transform 0.2s ease-in-out;
        -moz-transition: transform 0.2s ease-in-out;
        -ms-transition: transform 0.2s ease-in-out;
        -o-transition: transform 0.2s ease-in-out;
        transition: transform 0.2s ease-in-out;
        -webkit-transition: box-shadow 0.2s ease-in-out;
        -moz-transition: box-shadow 0.2s ease-in-out;
        -ms-transition: box-shadow 0.2s ease-in-out;
        -o-transition: box-shadow 0.2s ease-in-out;
        transition: box-shadow 0.2s ease-in-out; }
        @media (max-width: 600px) {
          #home section.home-intro div:nth-child(1):not(.video) .sign-up,
          #home section.home-intro div:nth-child(1):not(.video) .video-button {
            width: calc(100% - 30px); } }
        #home section.home-intro div:nth-child(1):not(.video) .sign-up:hover, #home section.home-intro div:nth-child(1):not(.video) .sign-up:focus,
        #home section.home-intro div:nth-child(1):not(.video) .video-button:hover,
        #home section.home-intro div:nth-child(1):not(.video) .video-button:focus {
          box-shadow: 0 8px 34px 0 rgba(0, 0, 0, 0.3);
          transform: scale(1.05);
          -webkit-transition: transform 0.2s ease-in-out;
          -moz-transition: transform 0.2s ease-in-out;
          -ms-transition: transform 0.2s ease-in-out;
          -o-transition: transform 0.2s ease-in-out;
          transition: transform 0.2s ease-in-out;
          -webkit-transition: box-shadow 0.2s ease-in-out;
          -moz-transition: box-shadow 0.2s ease-in-out;
          -ms-transition: box-shadow 0.2s ease-in-out;
          -o-transition: box-shadow 0.2s ease-in-out;
          transition: box-shadow 0.2s ease-in-out; }
      #home section.home-intro div:nth-child(1):not(.video) .sign-up {
        color: #0572ec;
        background: white;
        padding: 14px 0;
        max-width: 180px;
        float: left;
        border: 2px solid white; }
      #home section.home-intro div:nth-child(1):not(.video) .video-button {
        color: white;
        border: 2px solid white;
        padding: 14px 0;
        max-width: 160px;
        box-shadow: none;
        margin-left: 10px;
        float: left;
        cursor: pointer; }
      @media (max-width: 1023px) {
        #home section.home-intro div:nth-child(1):not(.video) {
          width: 80%;
          margin: 100px 0 0;
          text-align: center !important; }
          #home section.home-intro div:nth-child(1):not(.video) .sign-up {
            float: none;
            max-width: none; }
          #home section.home-intro div:nth-child(1):not(.video) .video-button {
            float: none;
            margin: 10px auto 0;
            max-width: none; } }
    @media (min-width: 1440px) {
      #home section.home-intro .intro-text {
        margin-left: 19% !important; } }
    @media (min-width: 1500px) {
      #home section.home-intro .intro-text {
        margin-left: 0 !important; } }
    @media screen\0 {
      #home section.home-intro .intro-text {
        margin-left: 19% !important; } }
    #home section.home-intro .image-container {
      flex-grow: 1;
      width: 380px; }
      @media (max-width: 999px) {
        #home section.home-intro .image-container {
          height: 300px;
          overflow: hidden;
          text-align: center; } }
      @media (min-width: 1000px) {
        #home section.home-intro .image-container {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          flex-direction: row-reverse;
          justify-content: flex-end;
          min-width: 480px; } }
      @media (min-width: 1500px) {
        #home section.home-intro .image-container {
          flex-grow: 0.6; } }
      @media screen\0 {
        #home section.home-intro .image-container {
          justify-content: flex-start; } }
      #home section.home-intro .image-container__tablet-container {
        position: relative; }
      #home section.home-intro .image-container__img {
        transform: translateY(-40px) scale(1.6); }
        @media (max-width: 999px) {
          #home section.home-intro .image-container__img {
            display: none; } }
        @media (min-width: 1024px) {
          #home section.home-intro .image-container__img {
            max-width: 700px;
            height: 402px;
            position: absolute;
            left: 50px;
            bottom: 50px;
            transform: rotate(20deg) scale(1.2); } }
      #home section.home-intro .image-container__phone {
        float: right;
        margin: 30px -60px 0 0;
        width: 183px;
        z-index: 5; }
        @media screen\0 {
          #home section.home-intro .image-container__phone {
            margin: 30px 100px 0 0; } }
        @media (max-width: 999px) {
          #home section.home-intro .image-container__phone {
            width: 250px;
            margin: 30px;
            float: none;
            align-self: center; } }
        @media (min-width: 1024px) {
          #home section.home-intro .image-container__phone {
            height: 353px;
            object-fit: contain;
            transform: rotate(-10deg);
            position: absolute;
            box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);
            border-radius: 32px;
            background-color: #3d454d;
            bottom: 80px; } }
  #home section.home-accountoptions-container {
    background-color: #38bdff; }
    #home section.home-accountoptions-container section.home-accountoptions {
      width: 100%;
      max-width: 1160px;
      margin: 0 auto;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: row;
      justify-content: center;
      background-color: transparent; }
      @media (max-width: 770px) {
        #home section.home-accountoptions-container section.home-accountoptions {
          flex-direction: column; } }
      @media screen\0 {
        #home section.home-accountoptions-container section.home-accountoptions {
          min-height: 0; } }
      @supports (display: grid) {
        @media (min-width: 768px) {
          #home section.home-accountoptions-container section.home-accountoptions {
            display: grid;
            grid-template-columns: 1fr; } }
        @media (min-width: 1000px) {
          #home section.home-accountoptions-container section.home-accountoptions {
            grid-template-columns: repeat(3, minmax(280px, 380px));
            grid-gap: 10px; } } }
      #home section.home-accountoptions-container section.home-accountoptions .blog-card {
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px; }
        @media (min-width: 700px) {
          #home section.home-accountoptions-container section.home-accountoptions .blog-card {
            height: 100%;
            height: 380px; } }
        @media (max-width: 999px) {
          #home section.home-accountoptions-container section.home-accountoptions .blog-card {
            margin: 0 20px 20px; } }
        #home section.home-accountoptions-container section.home-accountoptions .blog-card__container {
          -webkit-border-radius: 3px;
          -moz-border-radius: 3px;
          border-radius: 3px;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          flex-direction: column;
          align-items: center;
          text-align: center;
          flex-grow: 1;
          background-color: white;
          overflow: hidden; }
          @supports (display: grid) {
            #home section.home-accountoptions-container section.home-accountoptions .blog-card__container {
              display: grid;
              grid-template-rows: repeat(3, minmax(101px, 170px)); } }
          @media (min-width: 375px) {
            #home section.home-accountoptions-container section.home-accountoptions .blog-card__container {
              height: 336px; } }
        #home section.home-accountoptions-container section.home-accountoptions .blog-card__link {
          display: flex;
          align-items: center;
          height: 100%;
          text-align: left;
          border-bottom: solid 1px #e2e3e4; }
          #home section.home-accountoptions-container section.home-accountoptions .blog-card__link:hover {
            color: #0572ec; }
        #home section.home-accountoptions-container section.home-accountoptions .blog-card__link-all-container {
          height: 44px;
          background-color: #0572ec;
          border-radius: 0 0 3px 3px;
          display: flex;
          align-items: center;
          justify-content: center;
          text-align: center; }
          #home section.home-accountoptions-container section.home-accountoptions .blog-card__link-all-container .arrow {
            transition: transform 0.2s; }
          #home section.home-accountoptions-container section.home-accountoptions .blog-card__link-all-container:hover .arrow {
            transform: translateX(7px);
            transition: transform 0.2s; }
        #home section.home-accountoptions-container section.home-accountoptions .blog-card__link-all {
          font-weight: 600;
          color: white;
          margin-bottom: 0; }
        #home section.home-accountoptions-container section.home-accountoptions .blog-card__description {
          padding: 10px 10px 10px 15px;
          font-weight: 600;
          color: inherit;
          margin-bottom: 0; }
        #home section.home-accountoptions-container section.home-accountoptions .blog-card__image {
          width: 96px;
          height: 100%;
          object-fit: cover; }
      #home section.home-accountoptions-container section.home-accountoptions .teams,
      #home section.home-accountoptions-container section.home-accountoptions .homepage-domain-breach-report {
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: flex-end;
        text-align: center;
        flex-grow: 1;
        background-color: white;
        z-index: 10;
        height: 380px;
        overflow: hidden;
        cursor: pointer; }
        @supports (display: grid) {
          #home section.home-accountoptions-container section.home-accountoptions .teams,
          #home section.home-accountoptions-container section.home-accountoptions .homepage-domain-breach-report {
            display: grid;
            grid-template-columns: 1fr;
            justify-items: center; }
            @media (max-width: 999px) {
              #home section.home-accountoptions-container section.home-accountoptions .teams,
              #home section.home-accountoptions-container section.home-accountoptions .homepage-domain-breach-report {
                margin: 0 20px 20px; } } }
        #home section.home-accountoptions-container section.home-accountoptions .teams a:first-child,
        #home section.home-accountoptions-container section.home-accountoptions .homepage-domain-breach-report a:first-child {
          align-self: stretch;
          display: flex;
          flex-direction: column;
          width: 100%; }
        #home section.home-accountoptions-container section.home-accountoptions .teams a:first-child, #home section.home-accountoptions-container section.home-accountoptions .teams a:nth-child(2),
        #home section.home-accountoptions-container section.home-accountoptions .homepage-domain-breach-report a:first-child,
        #home section.home-accountoptions-container section.home-accountoptions .homepage-domain-breach-report a:nth-child(2) {
          position: relative;
          z-index: 1; }
        #home section.home-accountoptions-container section.home-accountoptions .teams a:last-child,
        #home section.home-accountoptions-container section.home-accountoptions .homepage-domain-breach-report a:last-child {
          margin-top: -50px;
          position: relative;
          z-index: 0;
          width: 100%; }
        @media screen\0 {
          #home section.home-accountoptions-container section.home-accountoptions .teams,
          #home section.home-accountoptions-container section.home-accountoptions .homepage-domain-breach-report {
            justify-content: space-between;
            align-items: center; }
            #home section.home-accountoptions-container section.home-accountoptions .teams a,
            #home section.home-accountoptions-container section.home-accountoptions .homepage-domain-breach-report a {
              width: 100%;
              display: block; } }
        @media (min-width: 1000px) {
          #home section.home-accountoptions-container section.home-accountoptions .teams,
          #home section.home-accountoptions-container section.home-accountoptions .homepage-domain-breach-report {
            grid-template-rows: 120px minmax(100px, 1fr); }
            html[lang="fr"] #home section.home-accountoptions-container section.home-accountoptions .teams, html[lang="pt-br"] #home section.home-accountoptions-container section.home-accountoptions .teams, html[lang="ru"] #home section.home-accountoptions-container section.home-accountoptions .teams, html[lang="es"] #home section.home-accountoptions-container section.home-accountoptions .teams, html[lang="ja"] #home section.home-accountoptions-container section.home-accountoptions .teams, html[lang="fr"] #home section.home-accountoptions-container section.home-accountoptions .homepage-domain-breach-report, html[lang="pt-br"] #home section.home-accountoptions-container section.home-accountoptions .homepage-domain-breach-report, html[lang="ru"] #home section.home-accountoptions-container section.home-accountoptions .homepage-domain-breach-report, html[lang="es"] #home section.home-accountoptions-container section.home-accountoptions .homepage-domain-breach-report, html[lang="ja"] #home section.home-accountoptions-container section.home-accountoptions .homepage-domain-breach-report {
              grid-template-rows: 150px minmax(80px, 1fr); } }
  @media screen\0  and (min-width: 1000px) {
    #home section.home-accountoptions-container section.home-accountoptions .teams,
    #home section.home-accountoptions-container section.home-accountoptions .homepage-domain-breach-report {
      width: calc(100% / 3); } }
        @media (min-width: 1000px) {
          #home section.home-accountoptions-container section.home-accountoptions .teams,
          #home section.home-accountoptions-container section.home-accountoptions .homepage-domain-breach-report {
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px; } }
        #home section.home-accountoptions-container section.home-accountoptions .teams h2,
        #home section.home-accountoptions-container section.home-accountoptions .homepage-domain-breach-report h2 {
          font-size: 1.375em;
          margin-bottom: 15px; }
          @media (min-width: 1000px) {
            #home section.home-accountoptions-container section.home-accountoptions .teams h2,
            #home section.home-accountoptions-container section.home-accountoptions .homepage-domain-breach-report h2 {
              font-size: 1.25em;
              line-height: 1.2; } }
          @media (min-width: 1200px) {
            #home section.home-accountoptions-container section.home-accountoptions .teams h2,
            #home section.home-accountoptions-container section.home-accountoptions .homepage-domain-breach-report h2 {
              font-size: 1.375em;
              line-height: 1.3; } }
        #home section.home-accountoptions-container section.home-accountoptions .teams h2,
        #home section.home-accountoptions-container section.home-accountoptions .teams h3,
        #home section.home-accountoptions-container section.home-accountoptions .teams p,
        #home section.home-accountoptions-container section.home-accountoptions .homepage-domain-breach-report h2,
        #home section.home-accountoptions-container section.home-accountoptions .homepage-domain-breach-report h3,
        #home section.home-accountoptions-container section.home-accountoptions .homepage-domain-breach-report p {
          max-width: 85%;
          margin-left: auto;
          margin-right: auto;
          align-self: flex-start; }
          @media screen\0 {
            #home section.home-accountoptions-container section.home-accountoptions .teams h2,
            #home section.home-accountoptions-container section.home-accountoptions .teams h3,
            #home section.home-accountoptions-container section.home-accountoptions .teams p,
            #home section.home-accountoptions-container section.home-accountoptions .homepage-domain-breach-report h2,
            #home section.home-accountoptions-container section.home-accountoptions .homepage-domain-breach-report h3,
            #home section.home-accountoptions-container section.home-accountoptions .homepage-domain-breach-report p {
              width: 100%; } }
        #home section.home-accountoptions-container section.home-accountoptions .teams h3,
        #home section.home-accountoptions-container section.home-accountoptions .homepage-domain-breach-report h3 {
          color: #757575;
          align-self: end;
          width: 100%;
          padding-top: 42px; }
        #home section.home-accountoptions-container section.home-accountoptions .teams p,
        #home section.home-accountoptions-container section.home-accountoptions .homepage-domain-breach-report p {
          color: #757575; }
        #home section.home-accountoptions-container section.home-accountoptions .teams .button,
        #home section.home-accountoptions-container section.home-accountoptions .homepage-domain-breach-report .button {
          text-align: center;
          box-sizing: border-box;
          width: calc(100% - 60px);
          max-width: 300px;
          padding: 12px;
          margin: 0 auto;
          border-radius: 100px;
          font-weight: 600;
          display: flex;
          outline: none;
          align-self: center;
          justify-content: center;
          box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
          -webkit-transition: transform 0.2s ease-in-out;
          -moz-transition: transform 0.2s ease-in-out;
          -ms-transition: transform 0.2s ease-in-out;
          -o-transition: transform 0.2s ease-in-out;
          transition: transform 0.2s ease-in-out;
          -webkit-transition: box-shadow 0.2s ease-in-out;
          -moz-transition: box-shadow 0.2s ease-in-out;
          -ms-transition: box-shadow 0.2s ease-in-out;
          -o-transition: box-shadow 0.2s ease-in-out;
          transition: box-shadow 0.2s ease-in-out;
          color: white;
          background-color: #0572ec;
          max-width: 250px; }
          @media (max-width: 600px) {
            #home section.home-accountoptions-container section.home-accountoptions .teams .button,
            #home section.home-accountoptions-container section.home-accountoptions .homepage-domain-breach-report .button {
              width: calc(100% - 30px); } }
          #home section.home-accountoptions-container section.home-accountoptions .teams .button:hover, #home section.home-accountoptions-container section.home-accountoptions .teams .button:focus,
          #home section.home-accountoptions-container section.home-accountoptions .homepage-domain-breach-report .button:hover,
          #home section.home-accountoptions-container section.home-accountoptions .homepage-domain-breach-report .button:focus {
            box-shadow: 0 8px 34px 0 rgba(0, 0, 0, 0.3);
            transform: scale(1.05);
            -webkit-transition: transform 0.2s ease-in-out;
            -moz-transition: transform 0.2s ease-in-out;
            -ms-transition: transform 0.2s ease-in-out;
            -o-transition: transform 0.2s ease-in-out;
            transition: transform 0.2s ease-in-out;
            -webkit-transition: box-shadow 0.2s ease-in-out;
            -moz-transition: box-shadow 0.2s ease-in-out;
            -ms-transition: box-shadow 0.2s ease-in-out;
            -o-transition: box-shadow 0.2s ease-in-out;
            transition: box-shadow 0.2s ease-in-out; }
      #home section.home-accountoptions-container section.home-accountoptions .teams .business-vaults__picture {
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        width: 100%;
        position: relative;
        top: 4px;
        display: block; }
        #home section.home-accountoptions-container section.home-accountoptions .teams .business-vaults__picture img {
          display: block;
          width: 100%; }
      #home section.home-accountoptions-container section.home-accountoptions .homepage-domain-breach-report-image {
        position: relative;
        top: 30px; }
      #home section.home-accountoptions-container section.home-accountoptions .dark h3 {
        color: #b3b3b3; }
      #home section.home-accountoptions-container section.home-accountoptions .latest {
        background-color: #444;
        position: relative; }
        #home section.home-accountoptions-container section.home-accountoptions .latest h2 {
          color: white; }

.downloads {
  overflow: hidden;
  margin-top: 60px; }
  .downloads .downloads-main {
    padding-top: 100px;
    min-height: 380px;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-image: linear-gradient(to top, #38bdff, #0572ec);
    overflow: hidden; }
    .downloads .downloads-main h1,
    .downloads .downloads-main p {
      color: white; }
    .downloads .downloads-main p {
      font-size: 22px;
      font-weight: 600;
      opacity: 0.8; }
    .downloads .downloads-main img.downloads-main-header {
      object-fit: cover;
      width: 100%;
      height: 200px;
      max-width: 980px;
      top: 45px;
      position: relative; }
      @media screen\0 {
        .downloads .downloads-main img.downloads-main-header {
          width: auto; } }
    @media (min-width: 1024px) {
      .downloads .downloads-main {
        height: 400px;
        width: 120vw;
        margin-left: -10vw;
        border-radius: 0 0 50% 50%; } }
  .downloads .downloads-main .header-text {
    margin: 0 auto; }
  .downloads .platform-selector-main {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.08);
    background-color: white;
    border: solid 1px rgba(0, 0, 0, 0.12);
    max-width: 850px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    bottom: 20px;
    padding: 15px 0 0; }
    @media (min-width: 833px) {
      .downloads .platform-selector-main {
        text-align: left; } }
    @media (min-width: 1024px) {
      .downloads .platform-selector-main {
        bottom: 60px;
        margin-bottom: -30px; } }
    @media screen\0 {
      .downloads .platform-selector-main {
        left: 50%;
        margin-left: -400px; } }
  .downloads .platform-selector-main .platforms {
    width: 100%;
    padding: 0 10px; }
    .downloads .platform-selector-main .platforms > div.platform-container {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: space-around;
      align-items: flex-start;
      margin-bottom: 10px; }
      @media (min-width: 768px) {
        .downloads .platform-selector-main .platforms > div.platform-container {
          overflow: hidden; } }
      @media (min-width: 1000px) {
        .downloads .platform-selector-main .platforms > div.platform-container {
          justify-content: center; } }
      .downloads .platform-selector-main .platforms > div.platform-container a.platform-icon {
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        display: inline-flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: center;
        width: 100px;
        height: 80px;
        font-size: 14px;
        text-align: center;
        color: rgba(61, 69, 77, 0.85);
        padding: 10px 0;
        color: #333; }
        @media (min-width: 1000px) {
          .downloads .platform-selector-main .platforms > div.platform-container a.platform-icon {
            margin: 0 5px; } }
        .downloads .platform-selector-main .platforms > div.platform-container a.platform-icon:hover {
          background-color: #ebf7ff; }
  .downloads .downloads-header {
    min-height: 250px;
    width: 120vw;
    margin-left: -10vw;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    position: relative;
    overflow: hidden;
    background-image: linear-gradient(to top, #bfeaff, #80caff); }
    @media (min-width: 1024px) {
      .downloads .downloads-header {
        border-radius: 0 0 50% 50%; } }
    .downloads .downloads-header .heading {
      max-width: 100vw;
      padding-top: 36px;
      text-align: center; }
    @media (max-width: 767px) {
      .downloads .downloads-header .android,
      .downloads .downloads-header .ios {
        height: 250px;
        width: 100vw;
        background-size: 320px, auto;
        background-repeat: no-repeat;
        background-position: center 0; }
        .downloads .downloads-header .android img,
        .downloads .downloads-header .ios img {
          display: none; } }
    @media (min-width: 768px) {
      .downloads .downloads-header .android img,
      .downloads .downloads-header .ios img {
        object-fit: contain;
        object-position: bottom;
        height: 250px;
        position: relative;
        top: 20px;
        height: 350px; } }
    @media (min-width: 1024px) {
      .downloads .downloads-header .android img,
      .downloads .downloads-header .ios img {
        object-fit: cover;
        object-position: top;
        height: 400px;
        top: 0;
        width: 100%;
        max-width: 920px; } }
  @media screen\0  and (min-width: 1024px) {
    .downloads .downloads-header .android img,
    .downloads .downloads-header .ios img {
      width: auto; } }
    @media (max-width: 767px) {
      .downloads .downloads-header .android {
        background-image: url("/img/downloads/screenshot-android-mobile@2x.94052cdcbf9abb011fa876d502d79dbc.png"); } }
    @media (max-width: 767px) {
      .downloads .downloads-header .ios {
        background-image: url("/img/downloads/screenshot-ios-mobile@2x.a9091e88695d71f40c68b6a3944d0477.png"); } }
  .downloads .downloads-header.mac img,
  .downloads .downloads-header.windows img,
  .downloads .downloads-header.browser-extension img,
  .downloads .downloads-header.linux img {
    object-fit: contain;
    object-position: bottom;
    height: 250px;
    position: relative; }
    @media (min-width: 768px) {
      .downloads .downloads-header.mac img,
      .downloads .downloads-header.windows img,
      .downloads .downloads-header.browser-extension img,
      .downloads .downloads-header.linux img {
        height: 350px; } }
    @media (min-width: 1024px) {
      .downloads .downloads-header.mac img,
      .downloads .downloads-header.windows img,
      .downloads .downloads-header.browser-extension img,
      .downloads .downloads-header.linux img {
        object-fit: none;
        object-position: top;
        height: 400px;
        top: 0; } }
  .downloads .downloads-header.mac img.downloads-mac-header {
    width: 100vw;
    max-width: 980px;
    top: 30px; }
    @media screen\0 {
      .downloads .downloads-header.mac img.downloads-mac-header {
        width: auto; } }
  .downloads .downloads-header.windows img.downloads-windows-header {
    width: 85%;
    top: 20px; }
    @media (min-width: 1024px) {
      .downloads .downloads-header.windows img.downloads-windows-header {
        width: 100%;
        max-width: 920px; } }
    @media screen\0 {
      .downloads .downloads-header.windows img.downloads-windows-header {
        width: auto; } }
  .downloads .downloads-header.linux img.downloads-linux-header {
    width: 85%;
    top: 20px; }
    @media (min-width: 1024px) {
      .downloads .downloads-header.linux img.downloads-linux-header {
        width: 100%;
        max-width: 920px; } }
    @media screen\0 {
      .downloads .downloads-header.linux img.downloads-linux-header {
        width: auto; } }
  .downloads .downloads-header.browser-extension img.downloads-browser-extension-header {
    width: 85%;
    top: 15px; }
    @media (min-width: 1024px) {
      .downloads .downloads-header.browser-extension img.downloads-browser-extension-header {
        width: 100%;
        max-width: 920px; } }
    @media screen\0 {
      .downloads .downloads-header.browser-extension img.downloads-browser-extension-header {
        width: auto; } }
  .downloads .downloads-header.chrome img,
  .downloads .downloads-header.command-line img {
    object-fit: contain;
    object-position: bottom;
    width: 85%;
    height: 250px;
    position: relative;
    top: 20px; }
    @media (min-width: 768px) {
      .downloads .downloads-header.chrome img,
      .downloads .downloads-header.command-line img {
        height: 350px; } }
    @media (min-width: 1024px) {
      .downloads .downloads-header.chrome img,
      .downloads .downloads-header.command-line img {
        object-fit: contain;
        object-position: top;
        height: 400px; } }
    @media screen\0 {
      .downloads .downloads-header.chrome img,
      .downloads .downloads-header.command-line img {
        width: auto; } }
  .downloads .downloads-header.command-line img {
    object-fit: cover;
    width: 95%;
    object-position: top; }
    @media (min-width: 1024px) {
      .downloads .downloads-header.command-line img {
        object-fit: cover;
        width: 1000px; } }
  .downloads .platform-selector {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.08);
    background-color: white;
    border: solid 1px rgba(0, 0, 0, 0.12);
    max-width: 1030px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    padding: 15px 0 0; }
    @media (min-width: 833px) {
      .downloads .platform-selector {
        text-align: left; } }
    @media (min-width: 833px) {
      .downloads .platform-selector {
        bottom: 60px; } }
    @media screen\0 {
      .downloads .platform-selector {
        left: 50%;
        margin-left: -500px; } }
  .downloads .platform-selector .arrow {
    display: none; }
    @media (max-width: 767px) {
      .downloads .platform-selector .arrow {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 35px;
        height: 105px;
        position: absolute;
        top: 0;
        background-color: rgba(255, 255, 255, 0.8);
        font-size: 1.5em;
        color: #0572ec; } }
    .downloads .platform-selector .arrow.left {
      left: 0; }
    .downloads .platform-selector .arrow.right {
      right: 0; }
  .downloads .platform-selector .platforms {
    width: 100%;
    padding: 0 10px; }
    .downloads .platform-selector .platforms > div.platform-container {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: flex-start;
      overflow: scroll;
      white-space: nowrap;
      margin-bottom: 10px; }
      @media (min-width: 768px) {
        .downloads .platform-selector .platforms > div.platform-container {
          overflow: hidden; } }
      @media (min-width: 1000px) {
        .downloads .platform-selector .platforms > div.platform-container {
          justify-content: center; } }
      .downloads .platform-selector .platforms > div.platform-container a.platform-icon {
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        display: inline-flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100px;
        font-size: 14px;
        text-align: center;
        color: rgba(61, 69, 77, 0.85);
        padding: 10px 0; }
        @media (min-width: 1000px) {
          .downloads .platform-selector .platforms > div.platform-container a.platform-icon {
            margin: 0 5px; } }
        .downloads .platform-selector .platforms > div.platform-container a.platform-icon.selected, .downloads .platform-selector .platforms > div.platform-container a.platform-icon:hover {
          background-color: #ebf7ff; }
        .downloads .platform-selector .platforms > div.platform-container a.platform-icon svg {
          margin: 0 50px 10px;
          object-fit: contain;
          height: 40px; }
          @media (min-width: 768px) {
            .downloads .platform-selector .platforms > div.platform-container a.platform-icon svg {
              width: 32px;
              height: 32px;
              margin-bottom: 10px; } }
  .downloads .platform-selector a.download-button {
    text-align: center;
    box-sizing: border-box;
    width: calc(100% - 60px);
    max-width: 300px;
    padding: 12px;
    margin: 0 auto;
    border-radius: 100px;
    font-weight: 600;
    display: flex;
    outline: none;
    align-self: center;
    justify-content: center;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
    -webkit-transition: transform 0.2s ease-in-out;
    -moz-transition: transform 0.2s ease-in-out;
    -ms-transition: transform 0.2s ease-in-out;
    -o-transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    -webkit-transition: box-shadow 0.2s ease-in-out;
    -moz-transition: box-shadow 0.2s ease-in-out;
    -ms-transition: box-shadow 0.2s ease-in-out;
    -o-transition: box-shadow 0.2s ease-in-out;
    transition: box-shadow 0.2s ease-in-out;
    background-color: #0572ec;
    color: white;
    margin-bottom: 20px;
    max-width: 350px;
    padding-left: 10px;
    padding-right: 10px; }
    @media (max-width: 600px) {
      .downloads .platform-selector a.download-button {
        width: calc(100% - 30px); } }
    .downloads .platform-selector a.download-button:hover, .downloads .platform-selector a.download-button:focus {
      box-shadow: 0 8px 34px 0 rgba(0, 0, 0, 0.3);
      transform: scale(1.05);
      -webkit-transition: transform 0.2s ease-in-out;
      -moz-transition: transform 0.2s ease-in-out;
      -ms-transition: transform 0.2s ease-in-out;
      -o-transition: transform 0.2s ease-in-out;
      transition: transform 0.2s ease-in-out;
      -webkit-transition: box-shadow 0.2s ease-in-out;
      -moz-transition: box-shadow 0.2s ease-in-out;
      -ms-transition: box-shadow 0.2s ease-in-out;
      -o-transition: box-shadow 0.2s ease-in-out;
      transition: box-shadow 0.2s ease-in-out; }
  .downloads .platform-selector p.requirements {
    font-size: 1rem;
    text-align: center;
    color: rgba(61, 69, 77, 0.85);
    margin-bottom: 0;
    padding: 11px;
    background-color: #f4f4f4;
    box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1); }
    .downloads .platform-selector p.requirements a.whats-new {
      color: #0572ec;
      text-decoration: underline; }
  .downloads .platform-selector a.alternative {
    display: block;
    color: #0572ec;
    margin-bottom: 20px;
    font-size: 0.813em;
    font-weight: 500;
    letter-spacing: -0.24px;
    text-align: center; }
  .downloads section.get-to-know {
    max-width: 1030px;
    margin: -30px auto 30px;
    text-align: left;
    padding: 10px 30px;
    display: flex;
    justify-items: flex-start;
    align-items: center;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background-color: rgba(244, 244, 244, 0.6); }
    @media (max-width: 833px) {
      .downloads section.get-to-know {
        display: block;
        margin: 30px auto;
        justify-self: center;
        text-align: center; } }
    .downloads section.get-to-know h2 {
      margin: 16px 8px;
      color: #0572ec;
      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
      font-size: 1em;
      font-weight: 600; }
      .downloads section.get-to-know h2 a:hover, .downloads section.get-to-know h2 a:focus {
        text-decoration: underline; }
      .downloads section.get-to-know h2 span {
        font-size: 1.2em; }
    .downloads section.get-to-know p {
      max-width: 500px;
      margin: 0 auto;
      color: #3d454d;
      opacity: 0.8;
      padding: 6px 0 0; }
    .downloads section.get-to-know .app-icon-logo,
    .downloads section.get-to-know .app-icon-android,
    .downloads section.get-to-know .app-icon-ios {
      width: 58px;
      height: 58px;
      object-fit: contain;
      margin: 0 auto; }
    .downloads section.get-to-know .app-icon-cli {
      width: 70px;
      object-fit: contain;
      margin: 0 auto; }
    .downloads section.get-to-know .app-icon-x {
      width: 53px;
      height: 53px;
      object-fit: contain;
      margin: 0 auto; }
  .downloads section.microsoft-store {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    margin: 30px auto;
    padding: 0 33px; }
    .downloads section.microsoft-store .desc {
      order: 2; }
      .downloads section.microsoft-store .desc h2 {
        color: #333;
        margin-bottom: 20px; }
      .downloads section.microsoft-store .desc p {
        color: #3d454d;
        opacity: 0.8; }
    .downloads section.microsoft-store .badge {
      order: 1;
      margin-bottom: 34px; }
    @media (min-width: 1000px) {
      .downloads section.microsoft-store {
        flex-direction: row;
        max-width: 850px;
        padding: 34px 0 56px; }
        .downloads section.microsoft-store .desc {
          order: 1;
          flex-basis: 450px; }
        .downloads section.microsoft-store .badge {
          order: 2;
          flex-basis: 200px;
          margin-left: 100px;
          align-self: start; } }
  .downloads section.browser-extensions {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    background-color: #f2faff;
    max-width: 1030px;
    margin: 0 auto 60px;
    padding: 45px 0; }
    .downloads section.browser-extensions h1 {
      margin-top: 10px; }
  .downloads section.browser-extensions .container {
    padding: 20px;
    flex-basis: 500px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center; }
    @media (max-width: 999px) {
      .downloads section.browser-extensions .container {
        align-items: center;
        text-align: center; } }
    .downloads section.browser-extensions .container > img#example-extension {
      width: 350px; }
    .downloads section.browser-extensions .container a[href="#browsers"]:hover::after, .downloads section.browser-extensions .container a[href="#browsers"]:focus::after,
    .downloads section.browser-extensions .container a[href="#beta-downloads"]:hover::after,
    .downloads section.browser-extensions .container a[href="#beta-downloads"]:focus::after,
    .downloads section.browser-extensions .container a[href="#legacy-downloads"]:not(.link):hover::after,
    .downloads section.browser-extensions .container a[href="#legacy-downloads"]:not(.link):focus::after {
      content: " \01F517"; }
    .downloads section.browser-extensions .container p:not(.safari-included) {
      color: #3d454d;
      opacity: 0.8;
      padding-top: 10px; }
    .downloads section.browser-extensions .container p.safari-included {
      color: #4c4c4c;
      margin-bottom: 0;
      font-weight: 600;
      font-size: 0.7em;
      padding: 0 4px;
      text-align: center; }
      @media screen\0 {
        .downloads section.browser-extensions .container p.safari-included {
          max-width: 100px; } }
    .downloads section.browser-extensions .container h2 a {
      font-size: 0.9em; }
    .downloads section.browser-extensions .container a.link {
      text-decoration: underline;
      color: #0572ec;
      padding-bottom: 12px; }
      .downloads section.browser-extensions .container a.link.extension {
        margin-top: 10px;
        text-align: center; }
    .downloads section.browser-extensions .container p strong {
      font-weight: bolder; }
    .downloads section.browser-extensions .container.cli a {
      color: #0572ec;
      font-weight: 600; }
    .downloads section.browser-extensions .container .cli-graphic {
      width: 306px;
      height: 212px;
      object-fit: contain;
      align-self: center; }
  .downloads section.browser-extensions hr {
    width: 100%;
    height: 2px;
    opacity: 0.2;
    background-color: #4d5d8c;
    max-width: 930px;
    margin: 40px 0; }
  .downloads section.browser-extensions .container .device-list {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap; }
    .downloads section.browser-extensions .container .device-list .browser {
      display: inline-flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      max-width: 80px;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      margin: 0 6px; }
      .downloads section.browser-extensions .container .device-list .browser > a {
        text-align: center;
        max-width: 300px;
        min-width: 80px;
        padding: 7px 4px;
        border-radius: 100px;
        background-color: #0572ec;
        color: white;
        font-weight: 600;
        font-size: 0.75em;
        margin-bottom: 12px; }
        .downloads section.browser-extensions .container .device-list .browser > a:hover, .downloads section.browser-extensions .container .device-list .browser > a:focus {
          box-shadow: 0 8px 34px 0 rgba(0, 0, 0, 0.3);
          transform: scale(1.05);
          -webkit-transition: transform 0.2s ease-in-out;
          -moz-transition: transform 0.2s ease-in-out;
          -ms-transition: transform 0.2s ease-in-out;
          -o-transition: transform 0.2s ease-in-out;
          transition: transform 0.2s ease-in-out; }
      .downloads section.browser-extensions .container .device-list .browser img {
        width: 80px; }
  .downloads section.versions {
    max-width: 1100px;
    margin: 40px auto; }
    .downloads section.versions .box--image {
      padding: 30px 35px;
      max-width: 600px; }
      @media (max-width: 981px) {
        .downloads section.versions .box--image {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          flex-direction: column;
          align-items: center;
          text-align: center; } }
      .downloads section.versions .box--image h3 {
        font-size: 1.375em;
        line-height: 1.36;
        letter-spacing: -0.2px;
        color: #333;
        margin-bottom: 12px; }
        .downloads section.versions .box--image h3 > a {
          color: #333;
          text-decoration: none; }
      .downloads section.versions .box--image h3:hover::after {
        content: "\01F517"; }
      .downloads section.versions .box--image p {
        opacity: 0.8;
        font-size: 1em;
        line-height: 1.38;
        letter-spacing: -0.3px;
        color: #3d454d;
        max-width: 410px;
        margin-bottom: 30px; }
      .downloads section.versions .box--image a {
        font-size: 1em;
        font-weight: 600;
        line-height: 1.38;
        letter-spacing: 0.1px;
        color: #0572ec;
        margin-bottom: 6px; }
        .downloads section.versions .box--image a.cli {
          font-weight: 400;
          opacity: 0.8;
          line-height: 1.38;
          letter-spacing: -0.3px;
          color: #3d454d;
          text-decoration: underline; }
      .downloads section.versions .box--image ul {
        list-style-type: none; }
      .downloads section.versions .box--image ul li.mac-icon::before {
        content: "";
        display: inline-block;
        height: 16px;
        width: 16px;
        margin-right: 5px;
        margin-bottom: -2px;
        background-image: url("/img/downloads/version-ios.16120b4b21c75d2a3eced947ffc20edd.svg");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain; }
      .downloads section.versions .box--image ul li.windows-icon::before {
        content: "";
        display: inline-block;
        height: 16px;
        width: 16px;
        margin-right: 5px;
        margin-bottom: -2px;
        background-image: url("/img/downloads/version-windows.33ce6644e32d5a34d89bbbb64ba02245.svg");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain; }
      .downloads section.versions .box--image ul li.cli-icon::before {
        content: "";
        display: inline-block;
        height: 16px;
        width: 16px;
        margin-right: 5px;
        margin-bottom: -2px;
        background-image: url("/img/downloads/version-cli-sm.7bad8acc24d8c74ae81719a27f0e0c10.svg");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain; }
      .downloads section.versions .box--image ul li.b5x-icon::before {
        content: "";
        display: inline-block;
        height: 16px;
        width: 16px;
        margin-right: 5px;
        margin-bottom: -2px;
        background-image: url("/img/downloads/version-b5x.4d7e5839a9543a25adb6b485b1b550b9.svg");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain; }
      .downloads section.versions .box--image ul li p {
        margin-left: 23px; }
      .downloads section.versions .box--image.betas img, .downloads section.versions .box--image.older-versions img {
        margin-bottom: 30px; }
        .downloads section.versions .box--image.betas img[alt="Older versions"], .downloads section.versions .box--image.older-versions img[alt="Older versions"] {
          width: 161px;
          height: 116px; }
      .downloads section.versions .box--image.adventurous-width {
        padding: 0;
        max-width: 600px; }
        @media (max-width: 768px) {
          .downloads section.versions .box--image.adventurous-width {
            max-width: 630px; } }
        @media (max-width: 666px) {
          .downloads section.versions .box--image.adventurous-width {
            padding-left: 33px;
            padding-right: 33px; } }
        @media (max-width: 400px) {
          .downloads section.versions .box--image.adventurous-width {
            padding-left: 15px;
            padding-right: 15px; } }
        .downloads section.versions .box--image.adventurous-width p {
          max-width: 600px;
          text-align: left; }
        .downloads section.versions .box--image.adventurous-width .betas__image {
          display: block;
          margin-left: auto;
          margin-right: auto; }
        .downloads section.versions .box--image.adventurous-width .betas__heading {
          text-align: center; }
        .downloads section.versions .box--image.adventurous-width .betas__list {
          text-align: left;
          width: 100%; }
      .downloads section.versions .box--image.full-width {
        max-width: 1030px;
        background-color: #f2faff;
        padding: 60px 70px 48px;
        margin-bottom: 48px; }
        .downloads section.versions .box--image.full-width p {
          max-width: 100%; }
  .downloads section.highlight {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    background-color: #f2faff;
    max-width: 1030px;
    margin: 0 auto 60px;
    padding: 45px 0; }
    .downloads section.highlight h1 {
      margin-top: 10px; }
  .downloads section.highlight .container {
    padding: 20px 35px 10px;
    flex-basis: 490px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center; }
    @media (max-width: 999px) {
      .downloads section.highlight .container {
        align-items: center;
        text-align: center; } }
    .downloads section.highlight .container p {
      color: #3d454d;
      opacity: 0.8;
      padding-top: 10px; }
    .downloads section.highlight .container p strong {
      font-weight: bolder; }
    .downloads section.highlight .container img {
      align-self: center; }
      .downloads section.highlight .container img.devices {
        width: 250px;
        height: 98px; }
      .downloads section.highlight .container img.devices-2 {
        width: 250px;
        height: 98px; }
      .downloads section.highlight .container img.items {
        width: 250px;
        height: 149px; }
      .downloads section.highlight .container img.touch-id-2 {
        width: 250px;
        height: 159px; }
      .downloads section.highlight .container img.downloads-cli {
        width: 191px;
        height: 191px;
        object-fit: contain; }
        @media (min-width: 1000px) {
          .downloads section.highlight .container img.downloads-cli {
            align-self: self-end; } }
  .downloads section.highlight.cli-highlight .container {
    flex-basis: 420px; }
    .downloads section.highlight.cli-highlight .container p a {
      color: #0572ec; }
  .downloads section.highlight hr {
    width: 100%;
    height: 2px;
    opacity: 0.2;
    background-color: #4d5d8c;
    max-width: 930px;
    margin: 40px 0; }
  .downloads .content {
    align-items: center;
    min-height: 350px;
    max-width: 1030px;
    margin: 0 auto;
    justify-content: space-around; }
    .downloads .content--start {
      align-items: start; }
    .downloads .content .box--text {
      max-width: 450px; }
    .downloads .content .box--image {
      max-width: 350px; }
    .downloads .content .box--image,
    .downloads .content .box--text {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: center;
      padding: 10px 25px; }
      .downloads .content .box--image > img,
      .downloads .content .box--text > img {
        margin-bottom: 25px; }
      .downloads .content .box--image h2,
      .downloads .content .box--text h2 {
        width: 100%; }
      .downloads .content .box--image p,
      .downloads .content .box--text p {
        max-width: 450px;
        color: rgba(61, 69, 77, 0.8); }
    .downloads .content.ios-sign-in .box--image, .downloads .content.cli-sign-in .box--image {
      text-align: center; }
    .downloads .content.chrome-os-content img, .downloads .content.linux-content img {
      max-width: none; }
    .downloads .content.linux-content img.downloads-use-cli, .downloads .content.chrome-os-content img.downloads-use-cli {
      width: 340px;
      height: 206px;
      object-fit: contain; }
    .downloads .content.chrome-os-content .downloads-keystroke {
      width: 433px;
      height: 312px;
      object-fit: contain; }
    .downloads .content.cli-sign-in {
      margin: 0 auto;
      max-width: 1100px; }
      .downloads .content.cli-sign-in .box--image {
        flex-basis: 450px; }
  .downloads .linux-download-button-group {
    display: flex;
    flex-direction: column;
    justify-content: center; }
    @media (min-width: 890px) {
      .downloads .linux-download-button-group {
        flex-direction: row; } }
    .downloads .linux-download-button-group .linux-download-button {
      flex-basis: 32%;
      padding: 0 8px; }
      .downloads .linux-download-button-group .linux-download-button .download-button {
        width: 100%; }
      .downloads .linux-download-button-group .linux-download-button .linux-download-help-text {
        text-align: center;
        font-size: 14px;
        line-height: 16px;
        letter-spacing: -0.3px;
        color: #3d454d; }
  .downloads .linux-more-installation-options-container {
    text-align: center;
    margin-top: 8px;
    margin-bottom: 16px; }
    .downloads .linux-more-installation-options-container .linux-more-installation-options {
      color: #0572ec;
      font-weight: 600;
      font-size: 16px;
      line-height: 19px;
      letter-spacing: 0.1px; }
      .downloads .linux-more-installation-options-container .linux-more-installation-options:hover {
        text-decoration: underline; }
      .downloads .linux-more-installation-options-container .linux-more-installation-options svg {
        margin-left: 8px; }
        .downloads .linux-more-installation-options-container .linux-more-installation-options svg path {
          stroke: #0572ec; }
  .downloads .cta-page {
    max-width: 1030px;
    margin: 0 auto 60px;
    text-align: center; }
    .downloads .cta-page.end {
      padding-bottom: 32px; }
    .downloads .cta-page > p,
    .downloads .cta-page p.requirements {
      max-width: 470px;
      margin-top: 0;
      margin-left: auto;
      margin-right: auto;
      color: #3d454d;
      font-weight: 400; }
    .downloads .cta-page a.alternative {
      color: #0572ec;
      font-size: 1rem; }
    .downloads .cta-page a.link {
      color: #0572ec;
      font-size: 1rem;
      text-decoration: underline; }
    .downloads .cta-page a.download-button {
      text-align: center;
      box-sizing: border-box;
      width: calc(100% - 60px);
      max-width: 300px;
      padding: 12px;
      margin: 0 auto;
      border-radius: 100px;
      font-weight: 600;
      display: flex;
      outline: none;
      align-self: center;
      justify-content: center;
      box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
      -webkit-transition: transform 0.2s ease-in-out;
      -moz-transition: transform 0.2s ease-in-out;
      -ms-transition: transform 0.2s ease-in-out;
      -o-transition: transform 0.2s ease-in-out;
      transition: transform 0.2s ease-in-out;
      -webkit-transition: box-shadow 0.2s ease-in-out;
      -moz-transition: box-shadow 0.2s ease-in-out;
      -ms-transition: box-shadow 0.2s ease-in-out;
      -o-transition: box-shadow 0.2s ease-in-out;
      transition: box-shadow 0.2s ease-in-out;
      background-color: #0572ec;
      color: white;
      margin-bottom: 12px;
      max-width: 350px;
      padding-left: 10px;
      padding-right: 10px; }
      @media (max-width: 600px) {
        .downloads .cta-page a.download-button {
          width: calc(100% - 30px); } }
      .downloads .cta-page a.download-button:hover, .downloads .cta-page a.download-button:focus {
        box-shadow: 0 8px 34px 0 rgba(0, 0, 0, 0.3);
        transform: scale(1.05);
        -webkit-transition: transform 0.2s ease-in-out;
        -moz-transition: transform 0.2s ease-in-out;
        -ms-transition: transform 0.2s ease-in-out;
        -o-transition: transform 0.2s ease-in-out;
        transition: transform 0.2s ease-in-out;
        -webkit-transition: box-shadow 0.2s ease-in-out;
        -moz-transition: box-shadow 0.2s ease-in-out;
        -ms-transition: box-shadow 0.2s ease-in-out;
        -o-transition: box-shadow 0.2s ease-in-out;
        transition: box-shadow 0.2s ease-in-out; }

.downloads-thank-you {
  margin-top: 60px; }
  .downloads-thank-you__header {
    background-color: #d1eeff;
    min-height: 450px;
    padding: 80px 30px 30px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
    @media (min-width: 1200px) {
      .downloads-thank-you__header {
        min-height: 600px;
        border-radius: 0 0 100% 15%;
        width: 120vw;
        margin-left: -10vw; } }
  .downloads-thank-you__header-container {
    max-width: 1170px;
    margin: 0 auto; }
    @media (max-width: 479px) {
      .downloads-thank-you__header-container {
        margin-top: 30px; } }
  .downloads-thank-you__container-title {
    font-size: 2.375rem;
    line-height: 1;
    letter-spacing: -0.6px;
    margin-bottom: 17px;
    color: #1f2e59; }
  .downloads-thank-you__header-description {
    max-width: 410px;
    color: #4d5d8c;
    margin-bottom: 0; }
    .downloads-thank-you__header-description a {
      text-decoration: underline;
      color: #0572ec; }

#security-page {
  overflow: hidden; }
  #security-page .universal-panel-container {
    margin-top: 0;
    margin-bottom: 0; }
  #security-page section:not(.gdpr-banner):not(.universal-panel-container) {
    padding: 50px 0; }
    @media (min-width: 52em) {
      #security-page section:not(.gdpr-banner):not(.universal-panel-container) {
        padding: 100px 0 0; } }
  #security-page .container {
    max-width: 1210px;
    padding: 0 20px; }
    #security-page .container p {
      margin-bottom: 16px; }
  #security-page a.link {
    font-size: 1.125em;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: -0.34px;
    text-align: center;
    color: #0572ec; }
    #security-page a.link > svg {
      transition: transform 0.2s; }
    #security-page a.link:hover {
      color: #06c; }
      #security-page a.link:hover > svg {
        transform: translateX(7px);
        transition: transform 0.2s; }
      #security-page a.link:hover > svg path {
        fill: #06c;
        transition: fill 0.2s; }
  #security-page a.btn {
    text-align: center;
    box-sizing: border-box;
    width: calc(100% - 60px);
    max-width: 300px;
    padding: 12px;
    margin: 0 auto;
    border-radius: 100px;
    font-weight: 600;
    display: flex;
    outline: none;
    align-self: center;
    justify-content: center;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
    -webkit-transition: transform 0.2s ease-in-out;
    -moz-transition: transform 0.2s ease-in-out;
    -ms-transition: transform 0.2s ease-in-out;
    -o-transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    -webkit-transition: box-shadow 0.2s ease-in-out;
    -moz-transition: box-shadow 0.2s ease-in-out;
    -ms-transition: box-shadow 0.2s ease-in-out;
    -o-transition: box-shadow 0.2s ease-in-out;
    transition: box-shadow 0.2s ease-in-out;
    background-color: #0572ec;
    color: white; }
    @media (max-width: 600px) {
      #security-page a.btn {
        width: calc(100% - 30px); } }
    #security-page a.btn:hover, #security-page a.btn:focus {
      box-shadow: 0 8px 34px 0 rgba(0, 0, 0, 0.3);
      transform: scale(1.05);
      -webkit-transition: transform 0.2s ease-in-out;
      -moz-transition: transform 0.2s ease-in-out;
      -ms-transition: transform 0.2s ease-in-out;
      -o-transition: transform 0.2s ease-in-out;
      transition: transform 0.2s ease-in-out;
      -webkit-transition: box-shadow 0.2s ease-in-out;
      -moz-transition: box-shadow 0.2s ease-in-out;
      -ms-transition: box-shadow 0.2s ease-in-out;
      -o-transition: box-shadow 0.2s ease-in-out;
      transition: box-shadow 0.2s ease-in-out; }
  #security-page hr {
    width: 40px;
    height: 6px;
    background-color: #0572ec;
    border: none; }
  #security-page #intro-panel {
    background-color: #1f2e59;
    background-image: url("/img/security/header-logo@2x.0fe69cb61242f4e29b8e21265692e676.png");
    background-repeat: repeat-x;
    background-position: center calc(100% + 35px);
    background-size: auto 175px;
    padding: 120px 20px 150px;
    text-align: center;
    min-height: 500px; }
    @media (min-width: 1024px) {
      #security-page #intro-panel {
        border-radius: 0 0 55% 55%;
        left: -10vw;
        position: relative;
        width: 120vw;
        z-index: 0;
        overflow: hidden; } }
    #security-page #intro-panel h1 {
      color: white;
      text-align: center;
      font-size: 2.375em;
      line-height: normal;
      max-width: 550px;
      text-shadow: none;
      margin: 0 auto; }
    #security-page #intro-panel p {
      color: white;
      padding: 30px 0;
      font-size: 1.375em;
      line-height: 1.36;
      letter-spacing: -0.2px;
      max-width: 540px;
      margin: 0 auto;
      text-align: center;
      font-weight: normal; }
  #security-page #secondary-intro {
    position: relative;
    z-index: 1; }
    #security-page #secondary-intro hr {
      margin: 90px auto; }
    #security-page #secondary-intro h2,
    #security-page #secondary-intro h3 {
      font-family: "Adelle-Semibold", sans-serif;
      text-align: center;
      max-width: 770px;
      color: #212b36;
      margin: 0 auto; }
    #security-page #secondary-intro h3 {
      line-height: 1.5;
      letter-spacing: -0.13px;
      font-size: 1.5em;
      font-weight: unset; }
    #security-page #secondary-intro h2 {
      margin-bottom: 13px;
      font-size: 1.875em;
      line-height: 1.25;
      letter-spacing: -0.27px;
      font-weight: unset; }
    #security-page #secondary-intro p {
      font-size: 1.125em;
      line-height: 1.5;
      letter-spacing: -0.1px;
      text-align: center;
      color: #454f5b;
      max-width: 630px;
      margin: 0 auto;
      width: 100%; }
  #security-page #encrypted p {
    color: #454f5b;
    line-height: 1.5;
    letter-spacing: -0.6px;
    text-align: center;
    max-width: 377px;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto; }
  #security-page #encrypted .container {
    text-align: center; }
  #security-page #encrypted img {
    max-width: 850px;
    padding-bottom: 45px;
    margin: 0 auto; }
    @media not screen\0 {
      #security-page #encrypted img#master-password, #security-page #encrypted img#secret-key {
        width: 160px; } }
    #security-page #encrypted img#remote-password {
      width: auto; }
      @media not screen\0 {
        #security-page #encrypted img#remote-password {
          height: 130px; } }
  #security-page #encrypted h3 {
    color: #212b36;
    line-height: 1.36;
    letter-spacing: -0.2px;
    margin-bottom: 20px;
    font-size: 1.375em; }
  #security-page #encrypted a.link {
    display: inline-block;
    margin-bottom: 30px; }
  #security-page section#privacy .container {
    max-width: 1170px;
    border-radius: 5px;
    background-color: #e8f3ff;
    padding-top: 60px;
    padding-bottom: 60px; }
    @media (min-width: 1200px) {
      #security-page section#privacy .container {
        padding-left: 124px;
        padding-right: 72px; } }
    #security-page section#privacy .container h2 {
      font-family: "Adelle-Semibold", sans-serif;
      font-size: 2em;
      font-weight: unset;
      line-height: 1.25;
      letter-spacing: -0.29px;
      color: #212b36; }
    #security-page section#privacy .container hr {
      margin: 30px 0; }
    #security-page section#privacy .container p {
      line-height: 1.5;
      letter-spacing: -0.11px;
      color: #454f5b; }
      #security-page section#privacy .container p:first-of-type {
        font-size: 1.25em;
        max-width: 426px; }
      #security-page section#privacy .container p:nth-of-type(2) {
        font-size: 1.125em; }
  #security-page section.security-features {
    background-image: linear-gradient(to bottom, white, #f0f5fa); }
    #security-page section.security-features .container {
      max-width: 1170px;
      margin: 0 auto; }
      @media (min-width: 832px) {
        #security-page section.security-features .container {
          padding-bottom: 50px; } }
      #security-page section.security-features .container h1 {
        font-size: 1.5em;
        line-height: 1.25;
        letter-spacing: -0.22px;
        text-align: center;
        color: #212b36;
        margin-bottom: 13px; }
      #security-page section.security-features .container h2 {
        font-size: 1.25em;
        font-weight: 600;
        line-height: 1.15;
        letter-spacing: -0.5px;
        color: #333;
        margin-bottom: 21px;
        text-align: center; }
      #security-page section.security-features .container .security-grid h2 {
        text-align: left; }
      #security-page section.security-features .container p {
        font-size: 1em;
        line-height: 1.5;
        letter-spacing: -0.28px;
        color: #333; }
      @media (min-width: 768px) {
        #security-page section.security-features .container p:not(.subheading) {
          max-width: 300px; } }
      #security-page section.security-features .container p.subheading {
        max-width: 600px;
        font-size: 1.125em;
        text-align: center;
        color: #454f5b;
        margin: 0 auto 40px; }
        @media (min-width: 768px) {
          #security-page section.security-features .container p.subheading {
            margin-bottom: 80px; } }
      #security-page section.security-features .container a.btn {
        margin-top: 50px;
        width: auto; }
      #security-page section.security-features .container img {
        margin-bottom: 25px; }
      @media screen\0 {
        #security-page section.security-features .container div.security-grid {
          justify-content: center; } }
      @media (min-width: 760px) {
        #security-page section.security-features .container div.security-grid {
          grid-row-gap: 50px; } }
  #security-page section.gdpr-banner {
    background-color: #1f2e59;
    padding: 50px 0;
    margin-bottom: 100px; }
    @media (min-width: 768px) {
      #security-page section.gdpr-banner {
        background-image: url("/img/security/map.f9b55799d764003078a48ac652e0fcb4.svg");
        background-repeat: no-repeat;
        background-position: left center; } }
    @media (max-width: 1199px) {
      #security-page section.gdpr-banner {
        background-size: cover; } }
    #security-page section.gdpr-banner .container {
      max-width: 1170px; }
    #security-page section.gdpr-banner p {
      color: white;
      max-width: 420px;
      font-weight: 500; }
    #security-page section.gdpr-banner a.gdpr-link {
      font-weight: 500;
      line-height: 1.5;
      letter-spacing: -0.3px;
      color: #8ec5ff; }
      #security-page section.gdpr-banner a.gdpr-link > svg path {
        fill: #8ec5ff; }
  #security-page section.transparent-open-design {
    padding-bottom: 50px; }
    @media (min-width: 760px) {
      #security-page section.transparent-open-design {
        padding-bottom: 100px; } }
    @media (min-width: 1024px) {
      #security-page section.transparent-open-design .container .grid div:nth-child(2) {
        padding-left: 60px; } }
    #security-page section.transparent-open-design img {
      margin-bottom: 40px; }
      @media (min-width: 52em) {
        #security-page section.transparent-open-design img {
          margin-bottom: 0; } }
    #security-page section.transparent-open-design h2 {
      font-family: "Adelle-Semibold", sans-serif;
      font-size: 32px;
      font-weight: unset;
      line-height: 1.25;
      letter-spacing: -0.29px;
      color: #212b36;
      margin-bottom: 21px;
      max-width: 435px; }
    #security-page section.transparent-open-design p {
      margin-bottom: 16px;
      max-width: 435px; }
    #security-page section.transparent-open-design a.button {
      background-color: #0572ec;
      border-radius: 40px;
      color: white;
      display: inline-block;
      font-weight: 600;
      padding: 10px 20px;
      text-align: center;
      width: fit-content; }
      #security-page section.transparent-open-design a.button:hover, #security-page section.transparent-open-design a.button:focus {
        box-shadow: 0 8px 34px 0 rgba(0, 0, 0, 0.3);
        transform: scale(1.05);
        -webkit-transition: transform 0.2s ease-in-out;
        -moz-transition: transform 0.2s ease-in-out;
        -ms-transition: transform 0.2s ease-in-out;
        -o-transition: transform 0.2s ease-in-out;
        transition: transform 0.2s ease-in-out;
        -webkit-transition: box-shadow 0.2s ease-in-out;
        -moz-transition: box-shadow 0.2s ease-in-out;
        -ms-transition: box-shadow 0.2s ease-in-out;
        -o-transition: box-shadow 0.2s ease-in-out;
        transition: box-shadow 0.2s ease-in-out; }
    #security-page section.transparent-open-design ul {
      margin-bottom: 35px; }
      #security-page section.transparent-open-design ul li {
        color: #454f5b;
        font-size: 1.125em;
        list-style: none;
        margin-top: 20px;
        background-repeat: no-repeat;
        background-size: 18px;
        background-position: left center;
        padding-left: 35px; }
        #security-page section.transparent-open-design ul li#encryption {
          background-image: url("/img/security/encryption.b3c63cee670f68dcd0b9cade64533f52.svg"); }
        #security-page section.transparent-open-design ul li#brute-force {
          background-image: url("/img/security/brute-force-protection.ead346e192a58df21c4c25b2f4c7eb05.svg"); }
        #security-page section.transparent-open-design ul li#vault-sharing {
          background-image: url("/img/security/secure-vault.863ec176379c5cbe35b3e53351f62daf.svg"); }
        #security-page section.transparent-open-design ul li#account-recovery {
          background-image: url("/img/security/account-recovery.0914b983bc4258b1a8a3be33d913944e.svg"); }
  #security-page section#open-standards {
    background-image: linear-gradient(to bottom, white, #f5f8fc);
    padding-top: 0; }
    #security-page section#open-standards .container {
      background-image: linear-gradient(#f9f7f4 43%, transparent 0);
      width: 100%;
      max-width: 1170px;
      padding-top: 55px;
      padding-bottom: 50px;
      border-radius: 5px 5px 0 0; }
      #security-page section#open-standards .container .main-card h2,
      #security-page section#open-standards .container .main-card h3 {
        font-family: "Adelle-Semibold", sans-serif;
        font-weight: unset; }
      #security-page section#open-standards .container .main-card h2 {
        font-size: 1.5em;
        line-height: 1.25;
        letter-spacing: -0.22px;
        text-align: center;
        color: #212b36;
        margin-bottom: 14px; }
      #security-page section#open-standards .container .main-card p {
        font-size: 1.125em;
        line-height: 1.5;
        letter-spacing: -0.1px;
        text-align: center;
        color: #454f5b;
        max-width: 665px;
        margin: 0 auto; }
      #security-page section#open-standards .container .main-card .appsec-quote {
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        box-shadow: 0 6px 10px -2px rgba(203, 203, 203, 0.5);
        background-color: white;
        width: 100%;
        max-width: 770px;
        margin: 50px auto;
        padding: 50px 35px;
        text-align: center; }
        #security-page section#open-standards .container .main-card .appsec-quote img[alt="appsec"] {
          width: 85px;
          margin-bottom: 27px; }
        #security-page section#open-standards .container .main-card .appsec-quote h3 {
          max-width: 550px;
          margin: 0 auto 17px;
          font-size: 1.25em;
          line-height: 1.5;
          text-align: center;
          color: #212b36; }
      #security-page section#open-standards .container .card {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        background-color: white;
        box-shadow: 0 6px 10px -2px rgba(203, 203, 203, 0.5);
        padding: 50px 35px;
        min-height: 223px;
        height: 100%; }
        #security-page section#open-standards .container .card img {
          margin-right: 40px; }
          #security-page section#open-standards .container .card img[alt="1Password Families"] {
            margin-bottom: 20px; }
        #security-page section#open-standards .container .card .card-content {
          flex-basis: 200px;
          flex-grow: 1;
          width: 100%; }
          #security-page section#open-standards .container .card .card-content h3 {
            font-size: 1.25em;
            font-weight: 600;
            line-height: 1.25;
            color: #333; }
          #security-page section#open-standards .container .card .card-content p {
            line-height: 1.5;
            color: #454f5b; }

main.teams-page {
  overflow: hidden; }
  main.teams-page header.teams-hero {
    width: 100%;
    height: 750px;
    background: url("/img/teams/teams-banner.8a209713f6407aea6a0867eb0a91713e.jpg") #333 50% 96%;
    background-size: cover;
    padding-top: 60px; }
    @media (max-width: 57em) {
      main.teams-page header.teams-hero {
        height: 630px; } }
    @media (max-width: 30em) {
      main.teams-page header.teams-hero {
        height: auto;
        background: url("/img/teams/teams-banner.8a209713f6407aea6a0867eb0a91713e.jpg") #333 20% 60%; } }
    main.teams-page header.teams-hero .container {
      padding-top: 100px;
      padding-left: 50px;
      margin: 0 auto;
      max-width: 1140px; }
      @media (max-width: 57em) {
        main.teams-page header.teams-hero .container {
          padding-top: 40px;
          padding-left: 50px; } }
      @media (max-width: 30em) {
        main.teams-page header.teams-hero .container {
          padding: 30px; } }
      main.teams-page header.teams-hero .container h3.blurb {
        color: white;
        font-weight: normal;
        line-height: 22px;
        font-size: 18px;
        margin: 15px 0 20px;
        max-width: 300px; }
  main.teams-page #too-important {
    margin: 70px auto;
    width: 100%;
    text-align: center; }
    main.teams-page #too-important .too-important {
      max-width: 520px; }
      main.teams-page #too-important .too-important h1 {
        color: #4d4d4d;
        font-size: 2.25em;
        padding-bottom: 0.5em; }
      main.teams-page #too-important .too-important p {
        color: #637381;
        margin: auto;
        max-width: none;
        margin-bottom: 16px;
        font-weight: 400; }
  main.teams-page #opm-screenshot-admin-panel {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column; }
    @supports (display: grid) {
      main.teams-page #opm-screenshot-admin-panel {
        display: grid;
        grid-template-columns: 1fr; }
        @media (min-width: 768px) {
          main.teams-page #opm-screenshot-admin-panel {
            grid-template-columns: 50% 50%; } } }
    main.teams-page #opm-screenshot-admin-panel picture {
      height: 100%; }
    main.teams-page #opm-screenshot-admin-panel .opm-screenshot {
      object-position: 15%; }
    main.teams-page #opm-screenshot-admin-panel .admin-panel {
      object-position: 40% 30%; }
    main.teams-page #opm-screenshot-admin-panel .opm-screenshot,
    main.teams-page #opm-screenshot-admin-panel .admin-panel {
      width: 100%;
      height: 100%;
      min-height: 400px;
      max-height: 600px;
      object-fit: cover; }
      main.teams-page #opm-screenshot-admin-panel .opm-screenshot :lang(en),
      main.teams-page #opm-screenshot-admin-panel .admin-panel :lang(en) {
        min-height: 300px; }
      @media (min-width: 2000px) {
        main.teams-page #opm-screenshot-admin-panel .opm-screenshot,
        main.teams-page #opm-screenshot-admin-panel .admin-panel {
          min-height: 550px; } }
      @media screen\0 {
        main.teams-page #opm-screenshot-admin-panel .opm-screenshot,
        main.teams-page #opm-screenshot-admin-panel .admin-panel {
          max-height: none; } }
  main.teams-page #protect {
    background-color: white;
    margin: 2em auto 4em; }
    main.teams-page #protect .container {
      padding: 10px;
      max-width: 1200px;
      margin: 0 auto; }
    main.teams-page #protect h2 {
      color: #212b36;
      font-size: 1.875em;
      width: 100%;
      max-width: 477px;
      padding-bottom: 0.8em;
      margin: 0 0 0 auto; }
      @media (min-width: 760px) {
        main.teams-page #protect h2 {
          text-align: left; } }
    main.teams-page #protect p {
      color: #637381;
      font-size: 1.125em;
      margin-bottom: 16px;
      max-width: 477px;
      text-align: center;
      margin: 0 0 0 auto;
      line-height: 1.5;
      letter-spacing: -0.45px; }
      @media (min-width: 760px) {
        main.teams-page #protect p {
          text-align: left; } }
    @media (max-width: 759px) {
      main.teams-page #protect :lang(en) h2,
      main.teams-page #protect :lang(en) p {
        max-width: 440px;
        margin: 0 auto 16px; } }
    main.teams-page #protect a {
      color: #0572ec;
      font-weight: 600;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease; }
      main.teams-page #protect a:hover {
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        color: #06c; }
    main.teams-page #protect .protect {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100%;
      height: 425px; }
      @media (min-width: 1024px) {
        main.teams-page #protect .protect {
          align-items: flex-start; } }
      @media (min-width: 700px) {
        main.teams-page #protect .protect {
          width: 45%;
          height: 550px; } }
      main.teams-page #protect .protect img {
        width: 400px; }
  main.teams-page #admin-tools {
    background-color: white;
    margin: 2em auto 0; }
    main.teams-page #admin-tools .container {
      padding: 10px;
      max-width: 1200px;
      margin: 0 auto; }
    main.teams-page #admin-tools h2 {
      color: #212b36;
      font-size: 1.875em;
      line-height: 1.25em;
      width: 100%;
      max-width: 550px;
      padding-bottom: 0.8em; }
    main.teams-page #admin-tools p {
      color: #637381;
      line-height: 1.5;
      letter-spacing: -0.45px;
      font-size: 1.125em;
      margin-bottom: 16px;
      max-width: 460px;
      font-weight: 400;
      text-align: center; }
      @media (min-width: 760px) {
        main.teams-page #admin-tools p {
          text-align: left; } }
    @media (max-width: 759px) {
      main.teams-page #admin-tools :lang(en) h2,
      main.teams-page #admin-tools :lang(en) p,
      main.teams-page #admin-tools :lang(en) a {
        max-width: 440px;
        margin: 0 auto 16px; } }
    @media (min-width: 1200px) {
      main.teams-page #admin-tools :lang(en) h2,
      main.teams-page #admin-tools :lang(en) p,
      main.teams-page #admin-tools :lang(en) a {
        margin-left: 100px; } }
    main.teams-page #admin-tools a {
      color: #0572ec;
      font-weight: 600;
      font-size: 1em;
      /* 16/16 */
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease; }
      main.teams-page #admin-tools a:hover {
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        color: #06c; }
    main.teams-page #admin-tools .admin-tools-img {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      align-items: center; }
      @media (min-width: 1024px) {
        main.teams-page #admin-tools .admin-tools-img {
          align-items: flex-end; } }
      main.teams-page #admin-tools .admin-tools-img img {
        width: 400px; }
  main.teams-page #security {
    text-align: center;
    margin-bottom: 60px; }
    main.teams-page #security h2 {
      color: #4d4d4d; }
    main.teams-page #security h3 {
      color: #4d4d4d; }
    main.teams-page #security p {
      color: #9295a0;
      margin-bottom: 16px;
      max-width: none; }
    main.teams-page #security a {
      color: #0572ec; }
    main.teams-page #security .lock-blueprint {
      margin-top: 30px;
      min-height: 246px;
      background: url("/img/teams/security_header.26f335790d4acae9bc1225e8024e361e.png") repeat-x center top;
      background-size: 1024px 246px;
      max-width: none; }
    main.teams-page #security .lock-blueprint-text {
      max-width: 860px;
      display: inline-block;
      text-align: center;
      padding: 20px; }
      @media (min-width: 768px) {
        main.teams-page #security .lock-blueprint-text {
          padding: 30px; } }
    main.teams-page #security .box-three-columns {
      max-width: 850px;
      width: 80%; }
      main.teams-page #security .box-three-columns .column {
        width: 100%;
        list-style-type: none; }
        @media (min-width: 52em) {
          main.teams-page #security .box-three-columns .column {
            padding: 0 26px;
            width: 300px; } }
        main.teams-page #security .box-three-columns .column .button {
          display: inline-block;
          color: #0572ec;
          background: none;
          border-radius: 4px;
          padding: 5px 10px;
          margin: 20px auto 0;
          -webkit-transition: all 0.4s ease;
          -moz-transition: all 0.4s ease;
          -ms-transition: all 0.4s ease;
          -o-transition: all 0.4s ease;
          transition: all 0.4s ease; }
          main.teams-page #security .box-three-columns .column .button:hover {
            background: #0572ec;
            color: white;
            -webkit-transition: all 0.4s ease;
            -moz-transition: all 0.4s ease;
            -ms-transition: all 0.4s ease;
            -o-transition: all 0.4s ease;
            transition: all 0.4s ease; }
  main.teams-page #everywhere {
    background-color: #4d5d8c;
    padding: 0 0 20px;
    margin: auto; }
    @media (max-width: 1100px) {
      main.teams-page #everywhere {
        height: 550px; } }
    main.teams-page #everywhere .everywhere {
      height: 180px;
      background: url("/img/teams/devices.c6425724d7d54a18f4dd51e8826241ae.png") bottom center;
      background-repeat: repeat-x;
      background-size: auto 160px;
      min-height: auto; }
      @media (min-width: 700px) {
        main.teams-page #everywhere .everywhere {
          background: url("/img/teams/devices@2x.72f56442ead3e0e47350f4a274aeae56.png") bottom center;
          height: 340px;
          background-size: auto 450px; } }
    main.teams-page #everywhere .everywhere-text {
      width: 80%;
      max-width: 900px;
      margin: auto;
      text-align: center;
      padding: 30px; }
      @media (max-width: 1100px) {
        main.teams-page #everywhere .everywhere-text {
          width: 90%; } }
      @media (min-width: 768px) {
        main.teams-page #everywhere .everywhere-text {
          align-self: flex-start;
          margin: 0; } }
      main.teams-page #everywhere .everywhere-text h2 {
        text-align: left;
        margin: auto;
        color: #b8bdcc;
        opacity: 0.8;
        max-width: none; }
        @media screen and (min-width: 600px) and (max-width: 1100px) {
          main.teams-page #everywhere .everywhere-text h2 {
            padding-bottom: 100px; } }
        @media (min-width: 1100px) {
          main.teams-page #everywhere .everywhere-text h2 {
            max-width: 500px;
            padding: 50px 0; } }
        main.teams-page #everywhere .everywhere-text h2 span {
          color: white; }
  main.teams-page section.pricing.what-you-get {
    transform: translateY(0);
    margin-bottom: 0; }
    @media (min-width: 1024px) {
      main.teams-page section.pricing.what-you-get .container .full-width-feature p {
        padding-left: 25px; } }
    main.teams-page section.pricing.what-you-get .container .full-width-feature .icon.all-devices {
      height: auto;
      display: block;
      align-self: end;
      margin: 0 auto;
      max-width: 100%; }
      @media (min-width: 501px) {
        main.teams-page section.pricing.what-you-get .container .full-width-feature .icon.all-devices {
          max-width: 317px; } }
    main.teams-page section.pricing.what-you-get .container .grid-features .icon img {
      width: 67px;
      height: 67px; }
  main.teams-page section.cards {
    margin: 50px auto;
    padding: 20px;
    width: 100%; }
    @media (min-width: 52em) {
      main.teams-page section.cards {
        max-width: 800px;
        margin: 65px auto; } }
    main.teams-page section.cards::after {
      content: " ";
      display: block;
      height: 0;
      clear: both; }
    main.teams-page section.cards .title {
      margin-bottom: 50px;
      padding: 0 25px; }
      main.teams-page section.cards .title h2 {
        color: #4d5d8c;
        font-size: 30px;
        text-align: center; }
      main.teams-page section.cards .title h2 {
        text-align: center; }
    @media (min-width: 52em) {
      main.teams-page section.cards .teams {
        float: left;
        max-width: 40%; } }
    main.teams-page section.cards .teams h2 {
      color: #333;
      margin-bottom: 20px;
      font-size: 16px; }
    main.teams-page section.cards .teams p {
      padding: 12px 20px;
      border-radius: 6px;
      width: 100%;
      margin-bottom: 10px;
      cursor: default;
      font-size: 16px; }
      main.teams-page section.cards .teams p.selected {
        background-color: #edeff2; }
        @media (max-width: 52em) {
          main.teams-page section.cards .teams p.selected {
            background-color: white; } }
      main.teams-page section.cards .teams p span {
        font-weight: 600;
        display: block; }
      main.teams-page section.cards .teams p .callout {
        background-color: #fa937f;
        border-radius: 2px;
        padding: 2px 4px 1px;
        display: inline;
        text-transform: uppercase;
        color: white;
        font-size: 12px;
        vertical-align: 1px; }
    main.teams-page section.cards .card {
      background-image: url("/img/teams/teamcards.png");
      background-repeat: no-repeat;
      background-position: 0 -802px;
      background-size: 400px;
      width: 400px;
      height: 400px;
      float: right;
      margin-top: 20px; }
      @media only screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        main.teams-page section.cards .card {
          /* stylelint-disable-next-line function-url-quotes */
          background-image: url("/img/teams/teamcards@2x.png"); } }
      main.teams-page section.cards .card.team-password {
        background-position: 0 -802px; }
      main.teams-page section.cards .card.team-financial {
        background-position: 0 0; }
      main.teams-page section.cards .card.team-documents {
        background-position: 0 -401px; }
      @media (max-width: 52em) {
        main.teams-page section.cards .card {
          float: none;
          margin: 30px auto;
          max-width: 100%;
          background-size: 100%;
          background-position: 0 !important;
          background-image: url("/img/teams/teamcards_single.png"); } }
  @media only screen and (max-width: 52em) and (-webkit-min-device-pixel-ratio: 2), (max-width: 52em) and (min-resolution: 192dpi) {
    main.teams-page section.cards .card {
      /* stylelint-disable-next-line function-url-quotes */
      background-image: url("/img/teams/teamcards_single@2x.png"); } }
  main.teams-page section.press-room {
    text-align: right; }
    main.teams-page section.press-room .lock-blueprint {
      margin-top: 30px;
      height: 246px;
      background: url("/img/teams/security_header.26f335790d4acae9bc1225e8024e361e.png") repeat-x center bottom;
      background-size: 1024px 246px; }
    main.teams-page section.press-room .text {
      max-width: 850px;
      width: 80%;
      margin: 60px auto 0;
      color: #4d5d8c;
      display: inline-block; }
      @media (min-width: 52em) {
        main.teams-page section.press-room .text {
          width: 70%; } }
      main.teams-page section.press-room .text p {
        font-weight: normal;
        margin-bottom: 50px;
        line-height: 25px; }
      main.teams-page section.press-room .text .top-intro {
        text-align: center;
        margin: 0 0 80px; }
        @media (min-width: 52em) {
          main.teams-page section.press-room .text .top-intro {
            margin: 0 30px 80px; } }
        main.teams-page section.press-room .text .top-intro h2 {
          color: #0572ec;
          font-size: 34px;
          font-weight: normal;
          padding-bottom: 15px; }
        main.teams-page section.press-room .text .top-intro p {
          font-size: 125%;
          line-height: 130%; }
      main.teams-page section.press-room .text ul {
        display: block; }
        @media (min-width: 52em) {
          main.teams-page section.press-room .text ul {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex; } }
        main.teams-page section.press-room .text ul li {
          width: 100%;
          list-style-type: none; }
          @media (min-width: 52em) {
            main.teams-page section.press-room .text ul li {
              padding: 0 26px;
              width: 300px; } }
          main.teams-page section.press-room .text ul li h3 {
            color: #0572ec;
            font-size: 20px;
            padding-bottom: 15px; }
          main.teams-page section.press-room .text ul li .button {
            display: inline-block;
            color: #0572ec;
            background: none;
            border-radius: 4px;
            padding: 5px 10px;
            margin: 20px auto 0;
            -webkit-transition: all 0.4s ease;
            -moz-transition: all 0.4s ease;
            -ms-transition: all 0.4s ease;
            -o-transition: all 0.4s ease;
            transition: all 0.4s ease; }
            main.teams-page section.press-room .text ul li .button:hover {
              background: #0572ec;
              color: white;
              -webkit-transition: all 0.4s ease;
              -moz-transition: all 0.4s ease;
              -ms-transition: all 0.4s ease;
              -o-transition: all 0.4s ease;
              transition: all 0.4s ease; }
  main.teams-page #enterprise {
    height: 580px;
    background-color: #434959; }
    @media (max-width: 699px) {
      main.teams-page #enterprise {
        background-image: url("/img/teams/enterprise-scalelock-mobile@2x.6bc146c46058ea18c043d54d62bf2206.png");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        padding: 50px 0; } }
    main.teams-page #enterprise h2 {
      max-width: 400px;
      color: white; }
      @media (max-width: 699px) {
        main.teams-page #enterprise h2 {
          align-self: center; } }
      @media (min-width: 2500px) {
        main.teams-page #enterprise h2 {
          align-self: center; } }
    main.teams-page #enterprise p {
      max-width: 400px;
      color: #8fa1b3; }
      @media (max-width: 699px) {
        main.teams-page #enterprise p {
          align-self: center; } }
      @media (min-width: 2500px) {
        main.teams-page #enterprise p {
          align-self: center; } }
    main.teams-page #enterprise a {
      text-align: center;
      box-sizing: border-box;
      width: calc(100% - 60px);
      max-width: 300px;
      padding: 12px;
      margin: 0 auto;
      border-radius: 100px;
      font-weight: 600;
      display: flex;
      outline: none;
      align-self: center;
      justify-content: center;
      box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
      -webkit-transition: transform 0.2s ease-in-out;
      -moz-transition: transform 0.2s ease-in-out;
      -ms-transition: transform 0.2s ease-in-out;
      -o-transition: transform 0.2s ease-in-out;
      transition: transform 0.2s ease-in-out;
      -webkit-transition: box-shadow 0.2s ease-in-out;
      -moz-transition: box-shadow 0.2s ease-in-out;
      -ms-transition: box-shadow 0.2s ease-in-out;
      -o-transition: box-shadow 0.2s ease-in-out;
      transition: box-shadow 0.2s ease-in-out;
      max-width: 280px;
      border: 2px solid #0572ec;
      color: white; }
      @media (max-width: 600px) {
        main.teams-page #enterprise a {
          width: calc(100% - 30px); } }
      main.teams-page #enterprise a:hover, main.teams-page #enterprise a:focus {
        box-shadow: 0 8px 34px 0 rgba(0, 0, 0, 0.3);
        transform: scale(1.05);
        -webkit-transition: transform 0.2s ease-in-out;
        -moz-transition: transform 0.2s ease-in-out;
        -ms-transition: transform 0.2s ease-in-out;
        -o-transition: transform 0.2s ease-in-out;
        transition: transform 0.2s ease-in-out;
        -webkit-transition: box-shadow 0.2s ease-in-out;
        -moz-transition: box-shadow 0.2s ease-in-out;
        -ms-transition: box-shadow 0.2s ease-in-out;
        -o-transition: box-shadow 0.2s ease-in-out;
        transition: box-shadow 0.2s ease-in-out; }
      @media (max-width: 2499px) {
        main.teams-page #enterprise a {
          align-self: flex-start; } }
      @media (min-width: 700px) {
        main.teams-page #enterprise a {
          margin: 0; } }
    @media (max-width: 699px) {
      main.teams-page #enterprise .enterprise {
        display: none; } }
    @media (max-width: 900px) {
      main.teams-page #enterprise .enterprise {
        background: url("/img/teams/lock_blueprint.65c062cac4fde7b625f826538eaca756.png") no-repeat right center;
        background-size: cover;
        padding: 0 14vw; } }
    @media screen and (min-width: 901px) and (max-width: 2499px) {
      main.teams-page #enterprise .enterprise {
        background: url("/img/teams/lock_blueprint@2x.67cb43ed39fd0619e86883e46bde297e.png") no-repeat right center;
        background-size: contain;
        padding: 0 14vw; } }
    @media (min-width: 2500px) {
      main.teams-page #enterprise .enterprise {
        display: none; } }
    @media (min-width: 2500px) {
      main.teams-page #enterprise {
        background-image: url("/img/teams/enterprise-scalelock-mobile@2x.6bc146c46058ea18c043d54d62bf2206.png");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        justify-content: center; } }
    @media (min-width: 2500px) {
      main.teams-page #enterprise .box--text {
        text-align: center;
        align-items: center; } }
  main.teams-page section.cta-end {
    background-color: #f7f7f7;
    padding: 80px 30px;
    text-align: center; }
    main.teams-page section.cta-end h1 {
      color: #1e2b37;
      font-size: 2em;
      max-width: 510px;
      margin: 0 auto 25px; }
    main.teams-page section.cta-end a.btn {
      text-align: center;
      box-sizing: border-box;
      width: calc(100% - 60px);
      max-width: 300px;
      padding: 12px;
      margin: 0 auto;
      border-radius: 100px;
      font-weight: 600;
      display: flex;
      outline: none;
      align-self: center;
      justify-content: center;
      box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
      -webkit-transition: transform 0.2s ease-in-out;
      -moz-transition: transform 0.2s ease-in-out;
      -ms-transition: transform 0.2s ease-in-out;
      -o-transition: transform 0.2s ease-in-out;
      transition: transform 0.2s ease-in-out;
      -webkit-transition: box-shadow 0.2s ease-in-out;
      -moz-transition: box-shadow 0.2s ease-in-out;
      -ms-transition: box-shadow 0.2s ease-in-out;
      -o-transition: box-shadow 0.2s ease-in-out;
      transition: box-shadow 0.2s ease-in-out;
      background-color: #0572ec;
      color: white;
      max-width: 270px;
      margin: 0 auto 20px; }
      @media (max-width: 600px) {
        main.teams-page section.cta-end a.btn {
          width: calc(100% - 30px); } }
      main.teams-page section.cta-end a.btn:hover, main.teams-page section.cta-end a.btn:focus {
        box-shadow: 0 8px 34px 0 rgba(0, 0, 0, 0.3);
        transform: scale(1.05);
        -webkit-transition: transform 0.2s ease-in-out;
        -moz-transition: transform 0.2s ease-in-out;
        -ms-transition: transform 0.2s ease-in-out;
        -o-transition: transform 0.2s ease-in-out;
        transition: transform 0.2s ease-in-out;
        -webkit-transition: box-shadow 0.2s ease-in-out;
        -moz-transition: box-shadow 0.2s ease-in-out;
        -ms-transition: box-shadow 0.2s ease-in-out;
        -o-transition: box-shadow 0.2s ease-in-out;
        transition: box-shadow 0.2s ease-in-out; }
    main.teams-page section.cta-end p {
      color: #434f5c;
      opacity: 0.8;
      max-width: 450px;
      margin: 0 auto 30px; }
    @media (min-width: 500px) {
      main.teams-page section.cta-end .list-features ul {
        display: inline-flex;
        flex-direction: row;
        justify-content: space-evenly;
        width: 100%;
        max-width: 500px; } }
    @media screen\0 {
      main.teams-page section.cta-end .list-features ul {
        justify-content: space-around; } }
    main.teams-page section.cta-end .list-features ul li {
      color: #919eab;
      list-style: none;
      font-size: 0.875em;
      font-weight: 500;
      line-height: 1.5;
      letter-spacing: -0.09px;
      margin-bottom: 10px; }
      @media (min-width: 500px) {
        main.teams-page section.cta-end .list-features ul li {
          margin-bottom: 0; } }
      main.teams-page section.cta-end .list-features ul li img[alt="Check"] {
        padding-right: 10px; }

header.families-hero {
  width: 100%;
  min-height: 700px;
  background: #f7f7f7;
  padding-top: 60px;
  position: relative; }
  @media (min-width: 600px) {
    header.families-hero {
      background: url("/img/families/families-banner.279d8525871db19b216e93e771af4882.jpg") #333 50% 96%;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: 50% 30%; } }
  @media (min-width: 1024px) {
    header.families-hero {
      max-height: 750px; } }
  header.families-hero .container {
    padding-top: 112px;
    padding-left: 50px;
    margin: 0 auto;
    max-width: 1140px;
    padding: 30px 20px; }
    @media (min-width: 1024px) {
      header.families-hero .container {
        padding-top: 40px;
        padding-left: 50px; } }
    @media (max-width: 600px) {
      header.families-hero .container .hero-price-card .families {
        margin: 0 auto; } }
  header.families-hero img.families-header {
    width: 100%;
    height: 350px;
    object-fit: cover;
    object-position: 80%; }
    @media (min-width: 600px) {
      header.families-hero img.families-header {
        display: none; } }
#families-page {
  overflow: hidden;
  /* ------- Default Styles ------- */
  /* ----------------------------- */ }
  #families-page .box--text,
  #families-page .box--image {
    max-width: 550px; }
  #families-page #secure-online-life {
    width: 100%;
    background-color: #f6f7fb;
    text-align: center;
    padding-top: 30px; }
    #families-page #secure-online-life h1 {
      color: #4d4d4d;
      font-size: 1.625em;
      line-height: 1.25em;
      padding-bottom: 0.8em;
      max-width: 550px; }
    #families-page #secure-online-life p {
      color: #525c66;
      line-height: 1.4em;
      font-size: 1.125em;
      margin-bottom: 16px;
      max-width: 550px;
      font-weight: 400; }
    #families-page #secure-online-life .box--text {
      max-width: 750px; }
      #families-page #secure-online-life .box--text h1 {
        font-size: 2em; }
    #families-page #secure-online-life .secure-online-life {
      max-width: 100%;
      max-height: 677px;
      width: 1140px; }
  #families-page #permission-granted {
    margin: 3.125em 0; }
    #families-page #permission-granted .container {
      padding: 10px;
      max-width: 1100px;
      margin: 0 auto; }
    #families-page #permission-granted h2 {
      color: #4d4d4d;
      font-size: 1.625em;
      line-height: 1.25em;
      max-width: 390px;
      width: 100%;
      margin: 0 auto 16px; }
      @media (max-width: 600px) {
        #families-page #permission-granted h2 {
          align-self: center; } }
    #families-page #permission-granted p {
      color: #525c66;
      line-height: 1.4em;
      font-size: 1.125em;
      margin-bottom: 16px;
      max-width: 390px;
      width: 100%;
      margin: 0 auto;
      font-weight: 400; }
      @media screen\0 {
        #families-page #permission-granted p {
          max-width: 400px; } }
      @media (max-width: 649px) {
        #families-page #permission-granted p {
          align-self: center; } }
    #families-page #permission-granted .permission-granted-img {
      width: 420px;
      height: 100%;
      padding: 0 20px; }
  #families-page #keeping-it-personal {
    flex-direction: row;
    width: 100%;
    padding: 10px 0 50px; }
    #families-page #keeping-it-personal .container {
      padding: 10px;
      max-width: 1100px;
      margin: 0 auto; }
    #families-page #keeping-it-personal h2 {
      color: #4d4d4d;
      font-size: 1.625em;
      line-height: 1.25em;
      max-width: 390px;
      width: 100%;
      margin: 0 auto 16px; }
    #families-page #keeping-it-personal p {
      color: #525c66;
      line-height: 1.4em;
      font-size: 1.125em;
      margin-bottom: 16px;
      font-weight: 400;
      max-width: 390px;
      width: 100%;
      margin: 0 auto; }
      @media screen\0 {
        #families-page #keeping-it-personal p {
          max-width: 400px; } }
    #families-page #keeping-it-personal .personal-img {
      width: 420px;
      height: 100%;
      padding: 0 20px; }
  #families-page section.frequent-questions {
    width: 100%;
    max-width: 700px;
    padding: 20px 20px 60px;
    margin: auto; }
    #families-page section.frequent-questions .wrapper {
      max-width: 700px; }
    #families-page section.frequent-questions h4 {
      text-align: center;
      margin: 50px 0 10px;
      color: #333;
      font-size: 24px;
      line-height: 28px;
      margin-bottom: 60px; }
    #families-page section.frequent-questions ul {
      list-style: none;
      font-size: 18px;
      line-height: 26px; }
      #families-page section.frequent-questions ul strong {
        display: block;
        color: #333;
        font-size: 18px;
        line-height: 25px;
        padding-bottom: 10px;
        border-bottom: 1px dashed #b8bdcc;
        text-align: left; }
      #families-page section.frequent-questions ul span {
        padding-top: 10px;
        color: #333;
        display: block;
        font-size: 17px;
        line-height: 26px; }
      #families-page section.frequent-questions ul li {
        margin-bottom: 30px; }
    #families-page section.frequent-questions a {
      color: #7369bf;
      border-bottom: 2px solid #d2ccff; }
      #families-page section.frequent-questions a:hover {
        color: #7369bf;
        border-bottom: 2px solid #7369bf; }
  #families-page section.end-cta {
    background: linear-gradient(to bottom, white -4%, #f2f4f7); }
    #families-page section.end-cta .container {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      max-width: 1440px;
      margin: 0 auto;
      min-height: 400px; }
      @media (min-width: 1024px) {
        #families-page section.end-cta .container {
          height: 460px;
          background: url("/img/families/family.eaff14203544e8f0f088efad228b2f6c.svg") no-repeat 100% 100%;
          background-size: 500px;
          justify-content: flex-start; } }
      @media (min-width: 1200px) {
        #families-page section.end-cta .container {
          background-size: 586px; } }
      #families-page section.end-cta .container h1 {
        font-size: 2em;
        line-height: 1.25;
        letter-spacing: -0.21px;
        color: #333;
        max-width: 467px;
        margin: 0 auto 18px;
        text-align: center; }
      #families-page section.end-cta .container p {
        font-size: 1.125em;
        line-height: 1.5;
        letter-spacing: -0.12px;
        color: #4d4d4d;
        max-width: 432px;
        margin: 0 auto 30px;
        text-align: center; }
      #families-page section.end-cta .container a.btn {
        text-align: center;
        box-sizing: border-box;
        width: calc(100% - 60px);
        max-width: 300px;
        padding: 12px;
        margin: 0 auto;
        border-radius: 100px;
        font-weight: 600;
        display: flex;
        outline: none;
        align-self: center;
        justify-content: center;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
        -webkit-transition: transform 0.2s ease-in-out;
        -moz-transition: transform 0.2s ease-in-out;
        -ms-transition: transform 0.2s ease-in-out;
        -o-transition: transform 0.2s ease-in-out;
        transition: transform 0.2s ease-in-out;
        -webkit-transition: box-shadow 0.2s ease-in-out;
        -moz-transition: box-shadow 0.2s ease-in-out;
        -ms-transition: box-shadow 0.2s ease-in-out;
        -o-transition: box-shadow 0.2s ease-in-out;
        transition: box-shadow 0.2s ease-in-out;
        background-color: #0572ec;
        color: white; }
        @media (max-width: 600px) {
          #families-page section.end-cta .container a.btn {
            width: calc(100% - 30px); } }
        #families-page section.end-cta .container a.btn:hover, #families-page section.end-cta .container a.btn:focus {
          box-shadow: 0 8px 34px 0 rgba(0, 0, 0, 0.3);
          transform: scale(1.05);
          -webkit-transition: transform 0.2s ease-in-out;
          -moz-transition: transform 0.2s ease-in-out;
          -ms-transition: transform 0.2s ease-in-out;
          -o-transition: transform 0.2s ease-in-out;
          transition: transform 0.2s ease-in-out;
          -webkit-transition: box-shadow 0.2s ease-in-out;
          -moz-transition: box-shadow 0.2s ease-in-out;
          -ms-transition: box-shadow 0.2s ease-in-out;
          -o-transition: box-shadow 0.2s ease-in-out;
          transition: box-shadow 0.2s ease-in-out; }
      #families-page section.end-cta .container img[alt="Family"] {
        margin-bottom: 30px;
        max-width: 586px;
        width: 100%; }
        @media (min-width: 1024px) {
          #families-page section.end-cta .container img[alt="Family"] {
            display: none; } }
main.promo-families {
  overflow: hidden;
  /* ------- Default Styles ------- */
  /* ----------------------------- */ }
  main.promo-families .box--text,
  main.promo-families .box--image {
    max-width: 550px; }
  main.promo-families header.promo-hero {
    /* prettier-ignore */
    background-image: linear-gradient(rgba(35, 42, 63, 0.8), rgba(35, 42, 63, 0.8)), url("/img/families/families-banner.279d8525871db19b216e93e771af4882.jpg");
    background-position: 50% 38%;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 0, 0.5);
    padding-top: 60px;
    position: relative;
    width: 100%; }
    @media (max-width: 30em) {
      main.promo-families header.promo-hero {
        background-position: 72% 30%; } }
    @media (min-width: 1200px) {
      main.promo-families header.promo-hero {
        border-radius: 0 0 55% 55%;
        left: -10vw;
        width: 120vw;
        height: 45vh;
        min-height: 660px; } }
    main.promo-families header.promo-hero .container {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      justify-content: center;
      margin: 0 auto;
      max-width: 900px;
      padding: 30px; }
      main.promo-families header.promo-hero .container h4.promo-title {
        color: white; }
      main.promo-families header.promo-hero .container h3.blurb {
        color: white;
        line-height: 28px;
        font-size: 24px;
        margin: 15px 0 30px;
        max-width: 400px; }
    main.promo-families header.promo-hero .container > .promo-sign-up {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: flex-start;
      max-width: 780px; }
      @media (max-width: 550px) {
        main.promo-families header.promo-hero .container > .promo-sign-up {
          flex-direction: column; } }
    main.promo-families header.promo-hero .container > .promo-sign-up > div.promo-features-list {
      max-width: 450px;
      flex-basis: 200px;
      flex-grow: 0.9; }
      @media (min-width: 830px) {
        main.promo-families header.promo-hero .container > .promo-sign-up > div.promo-features-list {
          flex: 1 1 auto; } }
      main.promo-families header.promo-hero .container > .promo-sign-up > div.promo-features-list ul {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        height: 100%;
        color: white;
        margin: 0 auto; }
        main.promo-families header.promo-hero .container > .promo-sign-up > div.promo-features-list ul li {
          background-image: url("/img/law-firms/checkbox-green.0137d4347b1886baf0e29ec9433aff7c.svg");
          max-width: 450px;
          list-style: none;
          background-position: 3% 50%;
          background-repeat: no-repeat;
          background-size: 17px;
          font-weight: 500;
          font-size: 0.875em;
          padding-left: 40px;
          margin: 0 0 13px; }
          main.promo-families header.promo-hero .container > .promo-sign-up > div.promo-features-list ul li.family-account-included {
            display: inline-flex;
            align-items: flex-end;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            background-color: white;
            color: #333;
            padding-top: 0;
            padding-bottom: 0; }
            main.promo-families header.promo-hero .container > .promo-sign-up > div.promo-features-list ul li.family-account-included > img {
              width: 6em;
              transform: scale(1.3);
              position: relative;
              bottom: 6px;
              left: 9px; }
              @media screen\0 {
                main.promo-families header.promo-hero .container > .promo-sign-up > div.promo-features-list ul li.family-account-included > img {
                  width: auto;
                  height: auto;
                  transform: none;
                  position: relative;
                  bottom: 0; } }
            main.promo-families header.promo-hero .container > .promo-sign-up > div.promo-features-list ul li.family-account-included span {
              margin-left: 10%;
              font-size: 1em;
              font-weight: 400;
              align-self: center; }
  main.promo-families section.families h1,
  main.promo-families section.families h2 {
    color: #4d4d4d;
    font-size: 1.625em;
    line-height: 1.25em;
    max-width: 550px; }
  main.promo-families section.families p {
    color: #9295a0;
    line-height: 1.4em;
    font-size: 1.125em;
    margin-bottom: 16px;
    max-width: 390px;
    font-weight: 400; }
    @media screen\0 {
      main.promo-families section.families p {
        max-width: 350px; } }
  main.promo-families section.families#secure-online-life {
    width: 100%;
    background: linear-gradient(white, #f6f7fb);
    text-align: center;
    padding-top: 30px; }
    main.promo-families section.families#secure-online-life .box--text {
      max-width: 750px; }
      main.promo-families section.families#secure-online-life .box--text h1 {
        font-size: 2em; }
    @media (max-width: 800px) {
      main.promo-families section.families#secure-online-life .box-three-columns h2 {
        max-width: none; } }
    @media (max-width: 800px) {
      main.promo-families section.families#secure-online-life .box-three-columns p {
        max-width: none; } }
    main.promo-families section.families#secure-online-life .secure-online-life {
      max-width: 100%;
      max-height: 677px;
      width: 1140px; }
  main.promo-families section.families#permission-granted {
    margin: 3.125em 0; }
    @media (max-width: 600px) {
      main.promo-families section.families#permission-granted h2 {
        align-self: center; } }
    @media screen\0 {
      main.promo-families section.families#permission-granted p {
        max-width: 400px; } }
    @media (max-width: 649px) {
      main.promo-families section.families#permission-granted p {
        align-self: center; } }
    @media (min-width: 700px) {
      main.promo-families section.families#permission-granted .box--text {
        padding: 50px; } }
    main.promo-families section.families#permission-granted .permission-granted-img {
      width: 500px;
      height: 100%; }
  main.promo-families section.families#keeping-it-personal {
    flex-direction: row;
    width: 100%;
    padding: 10px 0; }
    @media screen\0 {
      main.promo-families section.families#keeping-it-personal p {
        max-width: 400px; } }
    main.promo-families section.families#keeping-it-personal .personal-text {
      text-align: center; }
      @media (min-width: 700px) {
        main.promo-families section.families#keeping-it-personal .personal-text {
          align-items: flex-start;
          text-align: left; } }
      @media (max-width: 849px) {
        main.promo-families section.families#keeping-it-personal .personal-text {
          order: 1; } }
    @media (min-width: 700px) {
      main.promo-families section.families#keeping-it-personal .box--text {
        padding: 50px; } }
    main.promo-families section.families#keeping-it-personal .personal-img {
      width: 500px;
      height: 100%; }
  main.promo-families--alternate header.promo-hero {
    /* prettier-ignore */
    background-image: linear-gradient(rgba(27, 24, 38, 0.8), rgba(27, 24, 38, 0.8)), url("/img/families/families-banner.279d8525871db19b216e93e771af4882.jpg"); }
    @media (min-width: 1200px) {
      main.promo-families--alternate header.promo-hero {
        min-height: 740px;
        left: -20vw;
        width: 140vw;
        margin-bottom: 50px;
        display: inline-block; } }
    main.promo-families--alternate header.promo-hero .container {
      max-width: 960px; }
      main.promo-families--alternate header.promo-hero .container h4.promo-title {
        font-weight: 600;
        font-size: 1.375rem; }
      main.promo-families--alternate header.promo-hero .container h3.blurb {
        font-size: 1.875rem;
        line-height: 1.17;
        letter-spacing: -0.2px;
        max-width: 500px;
        margin-bottom: 40px; }
      main.promo-families--alternate header.promo-hero .container > .promo-sign-up {
        max-width: unset;
        align-items: center;
        flex-wrap: nowrap; }
        @media (min-width: 650px) {
          main.promo-families--alternate header.promo-hero .container > .promo-sign-up {
            justify-content: space-between;
            align-items: flex-start; } }
        @media (max-width: 649px) {
          main.promo-families--alternate header.promo-hero .container > .promo-sign-up {
            flex-direction: column; } }
        main.promo-families--alternate header.promo-hero .container > .promo-sign-up > div.promo-features-list {
          flex-basis: unset; }
          @media (min-width: 650px) {
            main.promo-families--alternate header.promo-hero .container > .promo-sign-up > div.promo-features-list {
              margin-left: 20px; } }
          main.promo-families--alternate header.promo-hero .container > .promo-sign-up > div.promo-features-list ul li {
            margin: 0 0 16px;
            font-size: 0.9375rem; }
            main.promo-families--alternate header.promo-hero .container > .promo-sign-up > div.promo-features-list ul li.family-account-included {
              margin-top: 16px; }
              main.promo-families--alternate header.promo-hero .container > .promo-sign-up > div.promo-features-list ul li.family-account-included > img {
                width: 9em;
                bottom: 9px; }
    main.promo-families--alternate header.promo-hero .hero-price-card-promo__container {
      max-width: 350px;
      padding-top: 25px; }
      @media (min-width: 830px) {
        main.promo-families--alternate header.promo-hero .hero-price-card-promo__container {
          padding: 60px 50px 10px; } }
    main.promo-families--alternate header.promo-hero .hero-price-card-promo__img {
      max-width: 240px;
      padding: 0 0 10px; }
      @media (min-width: 830px) {
        main.promo-families--alternate header.promo-hero .hero-price-card-promo__img {
          padding: 0 0 40px; } }
    main.promo-families--alternate header.promo-hero .hero-price-card-promo__free-trial {
      font-size: 1.125rem;
      line-height: 1.5;
      margin-bottom: 20px;
      color: #3d454d; }
    main.promo-families--alternate header.promo-hero .hero-price-card-promo__button {
      font-size: 1.125rem; }
    main.promo-families--alternate header.promo-hero .hero-price-card-promo__pricing-plan {
      margin-top: 20px;
      color: rgba(82, 92, 102, 0.7);
      font-size: 1rem; }
  main.promo-families--alternate .new-only {
    line-height: 1.25;
    letter-spacing: -0.14px;
    font-size: 1rem;
    color: rgba(255, 255, 255, 0.7);
    margin: 15px 0;
    text-align: center; }
  main.promo-families--alternate#rakuten25 {
    /* prettier-ignore */ }
    main.promo-families--alternate#rakuten25 .hero-price-card-promo__button {
      background-color: #ed5050;
      transition: box-shadow 0.2s ease-in-out, transform 0.2s ease-in-out; }
    main.promo-families--alternate#rakuten25 header.promo-hero .container > .promo-sign-up > div.promo-features-list ul li {
      background-image: url("/img/law-firms/checkbox-red.15faf79904512b99873b00d4e833ac92.svg"); }
    main.promo-families--alternate#rakuten25 .cta {
      background-color: #ed5050; }
      main.promo-families--alternate#rakuten25 .cta__title {
        color: white; }
      main.promo-families--alternate#rakuten25 .cta__link {
        background-color: white;
        color: #ed5050; }
  main.promo-families .cta {
    padding: 0 20px;
    text-align: center; }
    main.promo-families .cta__container {
      margin: 0 auto;
      max-width: 1170px;
      padding: 30px 0;
      text-align: center; }
      @media (min-width: 52em) {
        main.promo-families .cta__container {
          padding: 60px 0; } }
    main.promo-families .cta__title {
      color: #333;
      display: block;
      font-weight: 600;
      font-size: 2rem;
      font-family: "Adelle-Semibold", sans-serif;
      line-height: 1em;
      margin: 0 auto 20px;
      max-width: 550px;
      padding-top: 50px;
      position: relative;
      text-align: center;
      line-height: 1.25;
      letter-spacing: -0.21px;
      max-width: 550px; }
    main.promo-families .cta__content {
      color: rgba(255, 255, 255, 0.8);
      max-width: 420px;
      margin-left: auto;
      margin-right: auto;
      margin-top: 15px;
      font-size: 1rem;
      line-height: 1.56;
      letter-spacing: -0.14px; }
    main.promo-families .cta__link {
      background: #0572ec;
      color: white;
      border-radius: 20px;
      font-size: 1rem;
      font-weight: bold;
      display: inline-block;
      padding: 12px 24px;
      display: block;
      width: 100%;
      max-width: 270px;
      margin: 0 auto;
      transition: box-shadow 0.2s ease-in-out, transform 0.2s ease-in-out; }
      main.promo-families .cta__link:hover {
        box-shadow: 0 8px 34px 0 rgba(0, 0, 0, 0.3);
        transform: scale(1.05); }

.promo-teams {
  overflow: hidden;
  /* prettier-ignore */ }
  .promo-teams#techco header.promo-hero .container .promo-sign-up div.hero-price-card .promo .free-trial {
    font-size: 1rem;
    margin: 10px 0; }
  .promo-teams#techco header.promo-hero .container .promo-sign-up div.hero-price-card .promo p:nth-of-type(2) {
    font-size: 0.875rem; }
  .promo-teams__header {
    background-image: linear-gradient(#232a3fcc, #232a3fcc), url("/img/teams/teams-banner.8a209713f6407aea6a0867eb0a91713e.jpg");
    background-position: 40% 85%;
    background-size: auto;
    position: relative;
    width: 100%; }
    @media (max-width: 30em) {
      .promo-teams__header {
        background-position: 72% 30%; } }
    @media (min-width: 1024px) {
      .promo-teams__header {
        border-radius: 0 0 50% 50%;
        left: -50vw;
        width: 200vw;
        height: 45vh;
        min-height: 660px;
        padding-top: 60px; } }
    @media (min-width: 1900px) {
      .promo-teams__header {
        background-size: cover; } }
  .promo-teams__header-container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto;
    max-width: 950px;
    padding: 80px 30px 30px; }
    .promo-teams__header-container img.logo {
      width: 161px; }
    @media (min-width: 1200px) {
      .promo-teams__header-container {
        padding-top: 45px; } }
  .promo-teams__header-title {
    color: white;
    font-size: 1.375rem;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -0.2px; }
  .promo-teams__header-blurb {
    color: white;
    line-height: 28px;
    font-size: 1.5rem;
    margin: 15px 0;
    max-width: 400px; }
  .promo-teams__sign-up {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 950px; }
    @media (max-width: 550px) {
      .promo-teams__sign-up {
        flex-direction: column; } }
  .promo-teams__features-list {
    max-width: 450px;
    flex-basis: 200px;
    flex-grow: 0.9; }
    @media (min-width: 600px) {
      .promo-teams__features-list {
        align-self: center; } }
    @media screen\0 {
      .promo-teams__features-list {
        flex: 1 1 auto; } }
  .promo-teams__features-list-container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    height: 100%;
    color: white;
    margin: 0 auto;
    min-height: 330px; }
  .promo-teams__features-list-item {
    display: flex;
    max-width: 450px;
    list-style: none;
    align-items: flex-start;
    margin: 10px 0; }
    @supports (display: grid) {
      .promo-teams__features-list-item {
        display: grid;
        grid-template-columns: 40px 1fr; } }
    .promo-teams__features-list-item--penta svg g circle {
      fill: #2afc85; }
    .promo-teams__features-list-item--penta svg g path {
      fill: #383e66; }
  .promo-teams__list-icon-checked {
    margin-right: 10px; }
  .promo-teams__list-icon-path--penta {
    fill: #383e66; }
  .promo-teams__list-item-content {
    color: white;
    margin-bottom: 0;
    font-weight: 500;
    font-size: 0.875rem; }
  .promo-teams__too-important {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 95px auto;
    width: 100%;
    text-align: center; }
  .promo-teams__too-important-content {
    max-width: 600px; }
  .promo-teams__too-important-title {
    color: #4d4d4d;
    font-size: 2.25rem;
    padding-bottom: 8px; }
  .promo-teams__too-important-description {
    font-size: 1.125rem;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #4d4d4d; }
  .promo-teams__opm-screenshot-admin-panel {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column; }
    @supports (display: grid) {
      .promo-teams__opm-screenshot-admin-panel {
        display: grid;
        grid-template-columns: 1fr; }
        @media (min-width: 768px) {
          .promo-teams__opm-screenshot-admin-panel {
            grid-template-columns: 50% 50%; } } }
  .promo-teams__picture-container {
    height: 100%; }
  .promo-teams__picture-opm-screenshot {
    object-position: 15%; }
  .promo-teams__picture-admin-panel {
    object-position: 40% 30%; }
  .promo-teams__picture-opm-screenshot, .promo-teams__picture-admin-panel {
    width: 100%;
    height: 100%;
    min-height: 400px;
    max-height: 600px;
    object-fit: cover; }
    .promo-teams__picture-opm-screenshot :lang(en), .promo-teams__picture-admin-panel :lang(en) {
      min-height: 300px; }
    @media (min-width: 2000px) {
      .promo-teams__picture-opm-screenshot, .promo-teams__picture-admin-panel {
        min-height: 550px; } }
    @media screen\0 {
      .promo-teams__picture-opm-screenshot, .promo-teams__picture-admin-panel {
        max-height: none; } }
  .promo-teams__admin-tools {
    background-color: white;
    padding: 64px 30px 32px; }
  .promo-teams__admin-tools-container {
    max-width: 1200px;
    margin: 0 auto; }
  .promo-teams__admin-tools-title {
    color: #212b36;
    font-size: 1.875rem;
    width: 100%;
    max-width: 450px;
    padding-bottom: 12px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.25; }
  .promo-teams__admin-tools-description {
    color: #637381;
    line-height: 1.5;
    letter-spacing: -0.45px;
    font-size: 1.125rem;
    margin-bottom: 16px;
    width: 100%;
    max-width: 450px;
    font-weight: 400;
    text-align: center;
    margin-left: auto;
    margin-right: auto; }
    @media (min-width: 760px) {
      .promo-teams__admin-tools-description {
        text-align: left; } }
  .promo-teams__protect {
    background-color: white;
    padding: 32px 30px; }
  .promo-teams__protect-container {
    max-width: 1200px;
    margin: 0 auto; }
  .promo-teams__protect-title {
    color: #212b36;
    font-size: 1.875rem;
    width: 100%;
    max-width: 450px;
    padding-bottom: 12px;
    margin: 0 auto; }
    @media (min-width: 760px) {
      .promo-teams__protect-title {
        text-align: left; } }
  .promo-teams__protect-description {
    color: #637381;
    font-size: 1.125rem;
    margin-bottom: 16px;
    width: 100%;
    max-width: 450px;
    text-align: center;
    margin: 0 auto;
    line-height: 1.5;
    letter-spacing: -0.45px; }
    @media (min-width: 760px) {
      .promo-teams__protect-description {
        text-align: left; } }
  .promo-teams__cta-end {
    background-color: #4d5d8c;
    padding: 70px 30px;
    text-align: center; }
    .promo-teams__cta-end--penta {
      background-color: #383e66; }
  .promo-teams__cta-end-title {
    color: white;
    font-size: 2rem;
    max-width: 550px;
    margin: 0 auto 25px; }
  .promo-teams__cta-end-button {
    text-align: center;
    box-sizing: border-box;
    width: calc(100% - 60px);
    max-width: 300px;
    padding: 12px;
    margin: 0 auto;
    border-radius: 100px;
    font-weight: 600;
    display: flex;
    outline: none;
    align-self: center;
    justify-content: center;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
    -webkit-transition: transform 0.2s ease-in-out;
    -moz-transition: transform 0.2s ease-in-out;
    -ms-transition: transform 0.2s ease-in-out;
    -o-transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    -webkit-transition: box-shadow 0.2s ease-in-out;
    -moz-transition: box-shadow 0.2s ease-in-out;
    -ms-transition: box-shadow 0.2s ease-in-out;
    -o-transition: box-shadow 0.2s ease-in-out;
    transition: box-shadow 0.2s ease-in-out;
    background-color: #0572ec;
    color: white;
    max-width: 270px;
    margin: 0 auto 15px; }
    @media (max-width: 600px) {
      .promo-teams__cta-end-button {
        width: calc(100% - 30px); } }
    .promo-teams__cta-end-button:hover, .promo-teams__cta-end-button:focus {
      box-shadow: 0 8px 34px 0 rgba(0, 0, 0, 0.3);
      transform: scale(1.05);
      -webkit-transition: transform 0.2s ease-in-out;
      -moz-transition: transform 0.2s ease-in-out;
      -ms-transition: transform 0.2s ease-in-out;
      -o-transition: transform 0.2s ease-in-out;
      transition: transform 0.2s ease-in-out;
      -webkit-transition: box-shadow 0.2s ease-in-out;
      -moz-transition: box-shadow 0.2s ease-in-out;
      -ms-transition: box-shadow 0.2s ease-in-out;
      -o-transition: box-shadow 0.2s ease-in-out;
      transition: box-shadow 0.2s ease-in-out; }
    .promo-teams__cta-end-button:hover {
      color: white; }
    .promo-teams__cta-end-button--penta {
      background-color: #2afc85;
      color: #383e66; }
      .promo-teams__cta-end-button--penta:hover {
        color: #383e66; }
  .promo-teams__cta-end-description {
    color: white;
    font-size: 1rem;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto; }
    .promo-teams__cta-end-description:nth-of-type(2) {
      opacity: 0.7; }

.promo-families-individuals__header-wrapper {
  background-color: #f2f4f7;
  min-height: 470px;
  flex-direction: row;
  align-items: flex-start;
  padding: 100px 0 150px;
  position: relative;
  margin-bottom: 30px; }
  @media (min-width: 768px) {
    .promo-families-individuals__header-wrapper {
      min-height: 550px; } }
  @media (min-width: 1024px) {
    .promo-families-individuals__header-wrapper {
      border-radius: 0 0 55% 55%;
      left: -10vw;
      width: 120vw;
      background-size: contain;
      background-position-y: 100%; } }
.promo-families-individuals__header-text {
  text-align: center;
  min-width: 320px;
  max-width: 530px;
  padding: 0 20px;
  margin: auto; }
  @media screen\0 {
    .promo-families-individuals__header-text {
      transform: none;
      margin-top: 60px; } }
.promo-families-individuals__promo-header-title {
  color: #454f5b;
  line-height: 1.18;
  letter-spacing: -0.24px;
  font-size: 1.563rem;
  margin-bottom: 15px; }
  @media (min-width: 52em) {
    .promo-families-individuals__promo-header-title {
      font-size: 2.25rem; } }
.promo-families-individuals__header-image {
  margin-bottom: 25px; }

.promo-families-individuals__promo-header-description {
  color: #454f5b;
  max-width: 420px;
  margin: 0 auto;
  line-height: 1.5;
  letter-spacing: -0.12px; }

.promo-families-individuals__top-section {
  max-width: 970px;
  margin: 0 auto -120px;
  overflow: unset;
  transform: translateY(-120px); }

.promo-families-individuals__end-section {
  background-color: #232a3f;
  text-align: center; }

.promo-families-individuals__end-title {
  color: white;
  margin: 0 auto 33px;
  max-width: 522px; }

.promo-families-individuals__cards-bottom {
  transform: translateY(-10px);
  max-width: 1030px;
  margin: auto; }

.promo-families-individuals__price-card {
  height: 100%; }

.promo-families-individuals__end-card {
  padding: 80px 10px 40px; }

.promo-families-individuals__save {
  padding: 10px 15px;
  border-radius: 0 5px 5px 0;
  position: absolute;
  top: 20px;
  left: 0;
  font-weight: 600;
  font-size: 1.25rem;
  letter-spacing: -0.23px; }
  .promo-families-individuals__save--individuals {
    color: #2f6ebe;
    background-color: #c6e3ff; }
  .promo-families-individuals__save--families {
    color: #674e9a;
    background-color: #dbcbfb; }

.promo-families-individuals__price-list {
  max-width: 450px;
  margin-left: auto;
  margin-right: auto; }
  @media (min-width: 57em) {
    .promo-families-individuals__price-list {
      margin-top: -40px; } }
  @media (max-width: 660px) {
    .promo-families-individuals__price-list--families {
      order: -1; } }
.promo-families-individuals__list-item {
  list-style: none;
  padding: 15px 5px 15px 40px;
  background-position: 3%;
  background-repeat: no-repeat;
  font-weight: 500;
  font-size: 14px;
  background-size: 18px;
  margin: 0 2px; }
  .promo-families-individuals__list-item--individuals {
    background-image: url("/img/pricing/checkbox-blue.b89fce966ef19fb231bbb40d600aabc1.svg"); }
    .promo-families-individuals__list-item--individuals:nth-child(odd) {
      background-color: #d9ecff; }
  .promo-families-individuals__list-item--families {
    background-image: url("/img/pricing/checkbox-purple.c2e1760b521745f4b97712d60e51e31e.svg"); }
    .promo-families-individuals__list-item--families:nth-child(odd) {
      background-color: #eae0ff; }
  .promo-families-individuals__list-item--top-highlight {
    background-color: #d9ecff;
    padding-top: 17px;
    padding-left: 20px;
    font-family: "Adelle-Semibold", sans-serif;
    font-size: 0.938rem; }
  .promo-families-individuals__list-item--family-account-included {
    background-image: url("/img/teams/family.69e6fce0a736524e0ec7f21fab5f8c9b.svg");
    background-size: 135px 65px;
    background-position: 12px 100%;
    padding: 14px 5px 11px 165px;
    min-height: 100px;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    width: 100%; }
  .promo-families-individuals__list-item__span {
    font-weight: normal;
    margin-top: 7px; }

.promo-families-individuals__price-card {
  height: 100%;
  padding: 0 10px; }
  @media (min-width: 30em) {
    .promo-families-individuals__price-card {
      padding: 0; } }
  .promo-families-individuals__price-card .title,
  .promo-families-individuals__price-card .description,
  .promo-families-individuals__price-card .price,
  .promo-families-individuals__price-card .billing {
    max-width: 320px; }
  .promo-families-individuals__price-card p:last-of-type {
    opacity: 1;
    font-size: 1.063rem;
    line-height: 1.35;
    margin: 0 0 20px;
    max-width: 353px; }
    @media (max-width: 700px) {
      .promo-families-individuals__price-card p:last-of-type {
        font-size: 0.938rem; } }
  .promo-families-individuals__price-card .title {
    font-size: 1.438rem;
    opacity: 0.8;
    margin-bottom: 10px;
    letter-spacing: -0.27px; }
    @media (max-width: 700px) {
      .promo-families-individuals__price-card .title {
        font-size: 1.25rem; } }
  .promo-families-individuals__price-card .title,
  .promo-families-individuals__price-card .description {
    letter-spacing: -0.3px; }
    @media (max-width: 700px) {
      .promo-families-individuals__price-card .title,
      .promo-families-individuals__price-card .description {
        font-size: 1.375rem; } }
  .promo-families-individuals__price-card .price {
    font-size: 1.75rem;
    font-weight: bold;
    margin-bottom: 20px; }
    .promo-families-individuals__price-card .price .dollars {
      font-size: 2.786rem;
      line-height: 1;
      letter-spacing: normal;
      vertical-align: -0.24rem; }
      @media (max-width: 700px) {
        .promo-families-individuals__price-card .price .dollars {
          font-size: 2.083rem; } }
    @media (max-width: 700px) {
      .promo-families-individuals__price-card .price {
        font-size: 1.5rem; } }
  .promo-families-individuals__price-card div:first-of-type {
    margin-right: 0; }
  .promo-families-individuals__price-card .card {
    margin: 0;
    height: 100%;
    width: 100%;
    padding: 80px 10px 40px;
    max-width: unset;
    overflow: unset;
    position: relative;
    max-width: 450px; }
    .promo-families-individuals__price-card .card:hover {
      transform: scale(1.025);
      -webkit-transition: transform 0.2s ease-in-out;
      -moz-transition: transform 0.2s ease-in-out;
      -ms-transition: transform 0.2s ease-in-out;
      -o-transition: transform 0.2s ease-in-out;
      transition: transform 0.2s ease-in-out; }
  .promo-families-individuals__price-card .families .title,
  .promo-families-individuals__price-card .families .description {
    max-width: 264px; }

.promo-families-individuals__contact {
  background: linear-gradient(to bottom, #f2f4f7 40%, #232a3f 0%); }
  @media (min-width: 1200px) {
    .promo-families-individuals__contact {
      max-height: none; } }
.promo-families-individuals__contact-link {
  display: inline-block; }

main#sanebox header .hero-price-card-promo__img {
  object-fit: contain;
  width: 199px;
  height: 112px; }

main#thrifter-promo {
  overflow: hidden; }
  main#thrifter-promo header {
    width: 100%;
    max-width: 1110px;
    min-height: 320px;
    background: #8f295d;
    margin: 60px auto 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 5px; }
    @media (min-width: 1065px) {
      main#thrifter-promo header {
        border-radius: 5px; } }
    @media (min-width: 1200px) {
      main#thrifter-promo header {
        margin: 10vh auto 0; } }
    main#thrifter-promo header > div {
      width: 100%;
      max-width: 700px;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      align-items: center;
      margin: 0 0 40px; }
      main#thrifter-promo header > div img#thrifter-header {
        object-fit: contain;
        object-position: top; }
      main#thrifter-promo header > div img#thrifter-logo {
        width: 100%;
        max-width: 360px;
        height: 100%;
        object-fit: cover; }
    main#thrifter-promo header h1 {
      font-size: 38px;
      line-height: 1.13;
      letter-spacing: -0.8px;
      text-align: center;
      color: white;
      margin-bottom: 10px; }
    main#thrifter-promo header h4 {
      opacity: 0.8;
      font-size: 1em;
      font-weight: normal;
      line-height: 1.38;
      letter-spacing: -0.3px;
      text-align: center;
      color: white; }
  main#thrifter-promo section.claim-boxes {
    padding: 2vh 0 0;
    align-items: initial; }
    main#thrifter-promo section.claim-boxes .claim-trial {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      justify-content: space-between; }
      @supports (display: grid) {
        main#thrifter-promo section.claim-boxes .claim-trial {
          display: grid;
          grid-template-rows: auto 60px; } }
      @media (min-width: 52em) {
        main#thrifter-promo section.claim-boxes .claim-trial {
          margin: 2em 1em; } }
      main#thrifter-promo section.claim-boxes .claim-trial h1 {
        font-size: 1.5em;
        text-align: center;
        margin: 0 0 0.3em; }
        main#thrifter-promo section.claim-boxes .claim-trial h1 span {
          font-size: 1em; }
      main#thrifter-promo section.claim-boxes .claim-trial h1,
      main#thrifter-promo section.claim-boxes .claim-trial h1 span,
      main#thrifter-promo section.claim-boxes .claim-trial p {
        color: white; }
    main#thrifter-promo section.claim-boxes .families {
      background: #7369bf url("/img/promotions/fistbump_stamp_white@2x.26505e4de614584fccefc92009083dbf.png") no-repeat;
      background-size: 120px;
      background-position: -18px 110px; }
    main#thrifter-promo section.claim-boxes .business {
      background: #465766 url("/img/promotions/business_stamp_white@2x.e0da87498fc8abc3e9f3d34fa372fb7e.png") no-repeat;
      background-size: 100px;
      background-position: 109% 80px; }
    main#thrifter-promo section.claim-boxes .individuals {
      background: #06c url("/img/promotions/password_stamp_white@2x.b221c824a18b09db3ade9f28b70f6f55.png") no-repeat;
      background-size: 100px;
      background-position: 109% 20px; }
      main#thrifter-promo section.claim-boxes .individuals a {
        color: #06c; }
  main#thrifter-promo .container {
    padding: 6vh 0; }

main#club-macstories header .container > .promo-sign-up > div.hero-price-card > .promo > img {
  object-fit: contain;
  background-color: oldlace; }

main#macpowerusers header .hero-price-card-promo__img {
  padding: 0;
  width: 193px; }

main#eve-online header {
  /* prettier-ignore */
  background-image: linear-gradient(rgba(35, 42, 63, 0.6), rgba(35, 42, 63, 0.5)), url("/img/promotions/eve-online-bg.84a6df8cc990d894e67621727ec75bf2.jpg"); }
  main#eve-online header .hero-price-card-promo__img {
    padding: 0; }
    @media not screen\0 {
      main#eve-online header .hero-price-card-promo__img {
        width: 240px;
        height: 220px; } }
main#rakuten header .hero-price-card-promo__img {
  padding-left: 0;
  padding-right: 0; }

main#priiv header .hero-price-card-promo__img {
  max-height: 210px;
  object-fit: contain; }

#absolum header .hero-price-card-promo__img {
  width: 136px;
  padding: 0; }

main#privacy-for-all header .hero-price-card-promo__container {
  justify-content: space-evenly; }
  @media screen\0 {
    main#privacy-for-all header .hero-price-card-promo__container {
      padding-top: 50px; } }
  @media screen\0 {
    main#privacy-for-all header .hero-price-card-promo__container .hero-price-card-promo__button {
      margin-top: 50px; } }
.tidbits {
  background-color: #f3f0fa;
  margin: 60px 0 0;
  padding: 10px; }
  .tidbits header h2 {
    margin: 0 0 12px; }
  .tidbits header span {
    display: inline-block;
    font-style: italic;
    margin-bottom: 12px; }
  .tidbits header h2,
  .tidbits header h3 {
    color: #333; }
  .tidbits section.claim-boxes .claim-trial:hover {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-box-shadow: -6px 10px 20px #4d4d4d ;
    -moz-box-shadow: -6px 10px 20px #4d4d4d ;
    box-shadow: -6px 10px 20px #4d4d4d ; }
  .tidbits #tidbits-logo {
    max-width: 300px; }
  .tidbits section.claim-boxes {
    padding: 0; }
    .tidbits section.claim-boxes .claim-trial {
      background: white;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      width: 350px;
      min-height: 250px;
      -webkit-box-shadow: -6px 10px 20px rgba(77, 77, 77, 0.5) ;
      -moz-box-shadow: -6px 10px 20px rgba(77, 77, 77, 0.5) ;
      box-shadow: -6px 10px 20px rgba(77, 77, 77, 0.5) ; }
      @media (min-width: 52em) {
        .tidbits section.claim-boxes .claim-trial {
          margin: 2em 1em; } }
      .tidbits section.claim-boxes .claim-trial h1 {
        font-size: 1.313em;
        text-align: center;
        margin: 0 0 0.3em; }
        .tidbits section.claim-boxes .claim-trial h1 span {
          font-size: 1em; }
    .tidbits section.claim-boxes .families {
      background: white url("/img/promotions/fistbump_stamp.png") no-repeat;
      background-size: 120px 120px;
      background-position: -30px 110px; }
      .tidbits section.claim-boxes .families h1,
      .tidbits section.claim-boxes .families h1 span,
      .tidbits section.claim-boxes .families p {
        color: #7369bf; }
    .tidbits section.claim-boxes .individual {
      background: white url("/img/promotions/1password_stamp.png") no-repeat;
      background-size: 100px;
      background-position: 112% 20px; }
      .tidbits section.claim-boxes .individual h1,
      .tidbits section.claim-boxes .individual h1 span,
      .tidbits section.claim-boxes .individual p {
        color: #0572ec; }
  .tidbits article {
    padding: 0 0 50px;
    text-align: center; }
    .tidbits article p {
      font-size: 1em;
      color: #9295a0; }

.apple-default-paragraph {
  color: #9295a0;
  line-height: 1.4em;
  font-size: 1.125em;
  margin-bottom: 16px;
  max-width: 550px;
  font-weight: 400; }

#apple-promo .apple-giveaways {
  background: url("/img/promotions/apple-giveaways.svg") no-repeat center center; }

#apple-promo .apple-text h2 {
  font-size: 1.5em;
  color: #4d4d4d;
  margin-bottom: 20px; }

#apple-promo .apple-text h3 {
  font-size: 1.3em;
  color: #b8bdcc; }

.apple-promo-input {
  margin-bottom: 1.3em; }
  .apple-promo-input h3 {
    font-size: 1em;
    color: #004080;
    margin-bottom: 10px; }
  .apple-promo-input .window #error-msg,
  .apple-promo-input .window #sending-msg,
  .apple-promo-input .window #success-msg {
    text-align: center; }
  .apple-promo-input .window #error-msg,
  .apple-promo-input .window #sending-msg {
    margin-top: 16px; }
  .apple-promo-input .window #error-msg {
    color: #e74c3c; }
  .apple-promo-input .window #success-msg {
    margin: auto; }
  .apple-promo-input .window a.blue-button {
    text-align: center;
    box-sizing: border-box;
    width: calc(100% - 60px);
    max-width: 300px;
    padding: 12px;
    margin: 0 auto;
    border-radius: 100px;
    font-weight: 600;
    display: flex;
    outline: none;
    align-self: center;
    justify-content: center;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
    -webkit-transition: transform 0.2s ease-in-out;
    -moz-transition: transform 0.2s ease-in-out;
    -ms-transition: transform 0.2s ease-in-out;
    -o-transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    -webkit-transition: box-shadow 0.2s ease-in-out;
    -moz-transition: box-shadow 0.2s ease-in-out;
    -ms-transition: box-shadow 0.2s ease-in-out;
    -o-transition: box-shadow 0.2s ease-in-out;
    transition: box-shadow 0.2s ease-in-out;
    color: white;
    background-color: #0572ec;
    margin-top: 20px;
    width: 100%; }
    @media (max-width: 600px) {
      .apple-promo-input .window a.blue-button {
        width: calc(100% - 30px); } }
    .apple-promo-input .window a.blue-button:hover, .apple-promo-input .window a.blue-button:focus {
      box-shadow: 0 8px 34px 0 rgba(0, 0, 0, 0.3);
      transform: scale(1.05);
      -webkit-transition: transform 0.2s ease-in-out;
      -moz-transition: transform 0.2s ease-in-out;
      -ms-transition: transform 0.2s ease-in-out;
      -o-transition: transform 0.2s ease-in-out;
      transition: transform 0.2s ease-in-out;
      -webkit-transition: box-shadow 0.2s ease-in-out;
      -moz-transition: box-shadow 0.2s ease-in-out;
      -ms-transition: box-shadow 0.2s ease-in-out;
      -o-transition: box-shadow 0.2s ease-in-out;
      transition: box-shadow 0.2s ease-in-out; }
  .apple-promo-input .window input {
    width: 100%;
    border: 1px solid #aaa;
    text-align: center;
    padding: 10px 0;
    border-radius: 6px;
    margin-bottom: 10px;
    font-size: 1em; }
  .apple-promo-input .window input:focus {
    border: none; }
  .apple-promo-input .window p {
    color: #b8bdcc; }
  .apple-promo-input a {
    color: #0572ec;
    text-decoration: underline; }
  .apple-promo-input p.apple-apply-promo {
    padding-top: 20px; }
  .apple-promo-input .box--text {
    padding: 0 30px 30px; }

main.sourcenext header {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #ddedfc;
  background-image: url("/img/promotions/confetti.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  margin-top: 0;
  padding: 60px 10px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    main.sourcenext header {
      /* stylelint-disable-next-line function-url-quotes */
      background-image: url("/img/promotions/confetti@2x.png"); } }
  main.sourcenext header img[alt="1Password icon"] {
    margin-bottom: 10px; }
  main.sourcenext header h2.header-title {
    max-width: 500px;
    margin-bottom: 42px;
    text-align: center;
    font-size: 1.875em; }
  main.sourcenext header div.window {
    background-image: url("/img/promotions/card-header.jpg");
    background-position: center top;
    background-size: contain;
    background-repeat: no-repeat;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: white;
    max-width: 100%;
    height: 427px;
    padding: 90px 45px 40px;
    margin: 0 auto;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.1), 0 5px 5px rgba(0, 0, 0, 0.05);
    text-align: center; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      main.sourcenext header div.window {
        /* stylelint-disable-next-line function-url-quotes */
        background-image: url("/img/promotions/card-header@2x.jpg"); } }
    @media (min-width: 350px) {
      main.sourcenext header div.window {
        max-width: 416px;
        width: 100%; } }
    main.sourcenext header div.window img,
    main.sourcenext header div.window a {
      display: block; }
    main.sourcenext header div.window h2 {
      font-size: 21px;
      color: #0572ec;
      width: 100%;
      max-width: 250px; }
    main.sourcenext header div.window div.input-field {
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      width: 250px;
      height: 40px;
      border: solid 2px #ededed;
      background-color: white;
      margin: 0 auto; }
      main.sourcenext header div.window div.input-field input {
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        border: none;
        width: 100%;
        height: 100%;
        font-size: 1em;
        padding: 0 10px; }
        main.sourcenext header div.window div.input-field input:focus {
          outline: none; }
    main.sourcenext header div.window button {
      text-align: center;
      box-sizing: border-box;
      width: calc(100% - 60px);
      max-width: 300px;
      padding: 12px;
      margin: 0 auto;
      border-radius: 100px;
      font-weight: 600;
      display: flex;
      outline: none;
      align-self: center;
      justify-content: center;
      box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
      -webkit-transition: transform 0.2s ease-in-out;
      -moz-transition: transform 0.2s ease-in-out;
      -ms-transition: transform 0.2s ease-in-out;
      -o-transition: transform 0.2s ease-in-out;
      transition: transform 0.2s ease-in-out;
      -webkit-transition: box-shadow 0.2s ease-in-out;
      -moz-transition: box-shadow 0.2s ease-in-out;
      -ms-transition: box-shadow 0.2s ease-in-out;
      -o-transition: box-shadow 0.2s ease-in-out;
      transition: box-shadow 0.2s ease-in-out;
      color: white;
      background-color: #50b347;
      margin: 20px auto;
      width: 100%;
      padding: 10px; }
      @media (max-width: 600px) {
        main.sourcenext header div.window button {
          width: calc(100% - 30px); } }
      main.sourcenext header div.window button:hover, main.sourcenext header div.window button:focus {
        box-shadow: 0 8px 34px 0 rgba(0, 0, 0, 0.3);
        transform: scale(1.05);
        -webkit-transition: transform 0.2s ease-in-out;
        -moz-transition: transform 0.2s ease-in-out;
        -ms-transition: transform 0.2s ease-in-out;
        -o-transition: transform 0.2s ease-in-out;
        transition: transform 0.2s ease-in-out;
        -webkit-transition: box-shadow 0.2s ease-in-out;
        -moz-transition: box-shadow 0.2s ease-in-out;
        -ms-transition: box-shadow 0.2s ease-in-out;
        -o-transition: box-shadow 0.2s ease-in-out;
        transition: box-shadow 0.2s ease-in-out; }
    main.sourcenext header div.window a.link {
      color: #0572ec;
      font-weight: 500; }
    main.sourcenext header div.window div.show-message {
      margin: 20px 0;
      color: #e74c3c;
      font-weight: 600;
      text-align: center; }
    main.sourcenext header div.window img,
    main.sourcenext header div.window h2,
    main.sourcenext header div.window a {
      margin-bottom: 25px; }

section.claim-boxes {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 2vh 0 50px; }
  @media (min-width: 52em) {
    section.claim-boxes {
      flex-direction: row;
      margin: 0 auto; } }
  section.claim-boxes .claim-trial {
    width: 90%;
    max-width: 600px;
    border-radius: 6px;
    margin: 2vw auto;
    padding: 24px 34px; }
    @media (min-width: 52em) {
      section.claim-boxes .claim-trial {
        margin: 2vw; } }
    section.claim-boxes .claim-trial:hover {
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease;
      box-shadow: 0 8px 34px 0 #ada9a1; }
    section.claim-boxes .claim-trial p {
      font-size: 16px;
      color: white;
      letter-spacing: -0.15px;
      line-height: 22px;
      text-align: center; }
    section.claim-boxes .claim-trial img {
      margin: 10px auto;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      height: 18px; }
    section.claim-boxes .claim-trial a.white-button {
      text-align: center;
      box-sizing: border-box;
      width: calc(100% - 60px);
      max-width: 300px;
      padding: 12px;
      margin: 0 auto;
      border-radius: 100px;
      font-weight: 600;
      display: flex;
      outline: none;
      align-self: center;
      justify-content: center;
      box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
      -webkit-transition: transform 0.2s ease-in-out;
      -moz-transition: transform 0.2s ease-in-out;
      -ms-transition: transform 0.2s ease-in-out;
      -o-transition: transform 0.2s ease-in-out;
      transition: transform 0.2s ease-in-out;
      -webkit-transition: box-shadow 0.2s ease-in-out;
      -moz-transition: box-shadow 0.2s ease-in-out;
      -ms-transition: box-shadow 0.2s ease-in-out;
      -o-transition: box-shadow 0.2s ease-in-out;
      transition: box-shadow 0.2s ease-in-out;
      background-color: white;
      margin-top: 12px; }
      @media (max-width: 600px) {
        section.claim-boxes .claim-trial a.white-button {
          width: calc(100% - 30px); } }
      section.claim-boxes .claim-trial a.white-button:hover, section.claim-boxes .claim-trial a.white-button:focus {
        box-shadow: 0 8px 34px 0 rgba(0, 0, 0, 0.3);
        transform: scale(1.05);
        -webkit-transition: transform 0.2s ease-in-out;
        -moz-transition: transform 0.2s ease-in-out;
        -ms-transition: transform 0.2s ease-in-out;
        -o-transition: transform 0.2s ease-in-out;
        transition: transform 0.2s ease-in-out;
        -webkit-transition: box-shadow 0.2s ease-in-out;
        -moz-transition: box-shadow 0.2s ease-in-out;
        -ms-transition: box-shadow 0.2s ease-in-out;
        -o-transition: box-shadow 0.2s ease-in-out;
        transition: box-shadow 0.2s ease-in-out; }
    section.claim-boxes .claim-trial a.purple-button {
      text-align: center;
      box-sizing: border-box;
      width: calc(100% - 60px);
      max-width: 300px;
      padding: 12px;
      margin: 0 auto;
      border-radius: 100px;
      font-weight: 600;
      display: flex;
      outline: none;
      align-self: center;
      justify-content: center;
      box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
      -webkit-transition: transform 0.2s ease-in-out;
      -moz-transition: transform 0.2s ease-in-out;
      -ms-transition: transform 0.2s ease-in-out;
      -o-transition: transform 0.2s ease-in-out;
      transition: transform 0.2s ease-in-out;
      -webkit-transition: box-shadow 0.2s ease-in-out;
      -moz-transition: box-shadow 0.2s ease-in-out;
      -ms-transition: box-shadow 0.2s ease-in-out;
      -o-transition: box-shadow 0.2s ease-in-out;
      transition: box-shadow 0.2s ease-in-out;
      color: white;
      background-color: #7369bf;
      margin-top: 12px; }
      @media (max-width: 600px) {
        section.claim-boxes .claim-trial a.purple-button {
          width: calc(100% - 30px); } }
      section.claim-boxes .claim-trial a.purple-button:hover, section.claim-boxes .claim-trial a.purple-button:focus {
        box-shadow: 0 8px 34px 0 rgba(0, 0, 0, 0.3);
        transform: scale(1.05);
        -webkit-transition: transform 0.2s ease-in-out;
        -moz-transition: transform 0.2s ease-in-out;
        -ms-transition: transform 0.2s ease-in-out;
        -o-transition: transform 0.2s ease-in-out;
        transition: transform 0.2s ease-in-out;
        -webkit-transition: box-shadow 0.2s ease-in-out;
        -moz-transition: box-shadow 0.2s ease-in-out;
        -ms-transition: box-shadow 0.2s ease-in-out;
        -o-transition: box-shadow 0.2s ease-in-out;
        transition: box-shadow 0.2s ease-in-out; }
    section.claim-boxes .claim-trial a.green-button {
      text-align: center;
      box-sizing: border-box;
      width: calc(100% - 60px);
      max-width: 300px;
      padding: 12px;
      margin: 0 auto;
      border-radius: 100px;
      font-weight: 600;
      display: flex;
      outline: none;
      align-self: center;
      justify-content: center;
      box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
      -webkit-transition: transform 0.2s ease-in-out;
      -moz-transition: transform 0.2s ease-in-out;
      -ms-transition: transform 0.2s ease-in-out;
      -o-transition: transform 0.2s ease-in-out;
      transition: transform 0.2s ease-in-out;
      -webkit-transition: box-shadow 0.2s ease-in-out;
      -moz-transition: box-shadow 0.2s ease-in-out;
      -ms-transition: box-shadow 0.2s ease-in-out;
      -o-transition: box-shadow 0.2s ease-in-out;
      transition: box-shadow 0.2s ease-in-out;
      color: white;
      background-color: #00c55d;
      margin-top: 12px; }
      @media (max-width: 600px) {
        section.claim-boxes .claim-trial a.green-button {
          width: calc(100% - 30px); } }
      section.claim-boxes .claim-trial a.green-button:hover, section.claim-boxes .claim-trial a.green-button:focus {
        box-shadow: 0 8px 34px 0 rgba(0, 0, 0, 0.3);
        transform: scale(1.05);
        -webkit-transition: transform 0.2s ease-in-out;
        -moz-transition: transform 0.2s ease-in-out;
        -ms-transition: transform 0.2s ease-in-out;
        -o-transition: transform 0.2s ease-in-out;
        transition: transform 0.2s ease-in-out;
        -webkit-transition: box-shadow 0.2s ease-in-out;
        -moz-transition: box-shadow 0.2s ease-in-out;
        -ms-transition: box-shadow 0.2s ease-in-out;
        -o-transition: box-shadow 0.2s ease-in-out;
        transition: box-shadow 0.2s ease-in-out; }
    section.claim-boxes .claim-trial a.black-button {
      text-align: center;
      box-sizing: border-box;
      width: calc(100% - 60px);
      max-width: 300px;
      padding: 12px;
      margin: 0 auto;
      border-radius: 100px;
      font-weight: 600;
      display: flex;
      outline: none;
      align-self: center;
      justify-content: center;
      box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
      -webkit-transition: transform 0.2s ease-in-out;
      -moz-transition: transform 0.2s ease-in-out;
      -ms-transition: transform 0.2s ease-in-out;
      -o-transition: transform 0.2s ease-in-out;
      transition: transform 0.2s ease-in-out;
      -webkit-transition: box-shadow 0.2s ease-in-out;
      -moz-transition: box-shadow 0.2s ease-in-out;
      -ms-transition: box-shadow 0.2s ease-in-out;
      -o-transition: box-shadow 0.2s ease-in-out;
      transition: box-shadow 0.2s ease-in-out;
      color: white;
      background-color: #4d4d4d;
      margin-top: 12px; }
      @media (max-width: 600px) {
        section.claim-boxes .claim-trial a.black-button {
          width: calc(100% - 30px); } }
      section.claim-boxes .claim-trial a.black-button:hover, section.claim-boxes .claim-trial a.black-button:focus {
        box-shadow: 0 8px 34px 0 rgba(0, 0, 0, 0.3);
        transform: scale(1.05);
        -webkit-transition: transform 0.2s ease-in-out;
        -moz-transition: transform 0.2s ease-in-out;
        -ms-transition: transform 0.2s ease-in-out;
        -o-transition: transform 0.2s ease-in-out;
        transition: transform 0.2s ease-in-out;
        -webkit-transition: box-shadow 0.2s ease-in-out;
        -moz-transition: box-shadow 0.2s ease-in-out;
        -ms-transition: box-shadow 0.2s ease-in-out;
        -o-transition: box-shadow 0.2s ease-in-out;
        transition: box-shadow 0.2s ease-in-out; }
    section.claim-boxes .claim-trial a.blue-button {
      text-align: center;
      box-sizing: border-box;
      width: calc(100% - 60px);
      max-width: 300px;
      padding: 12px;
      margin: 0 auto;
      border-radius: 100px;
      font-weight: 600;
      display: flex;
      outline: none;
      align-self: center;
      justify-content: center;
      box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
      -webkit-transition: transform 0.2s ease-in-out;
      -moz-transition: transform 0.2s ease-in-out;
      -ms-transition: transform 0.2s ease-in-out;
      -o-transition: transform 0.2s ease-in-out;
      transition: transform 0.2s ease-in-out;
      -webkit-transition: box-shadow 0.2s ease-in-out;
      -moz-transition: box-shadow 0.2s ease-in-out;
      -ms-transition: box-shadow 0.2s ease-in-out;
      -o-transition: box-shadow 0.2s ease-in-out;
      transition: box-shadow 0.2s ease-in-out;
      color: white;
      background-color: #0572ec;
      margin-top: 12px; }
      @media (max-width: 600px) {
        section.claim-boxes .claim-trial a.blue-button {
          width: calc(100% - 30px); } }
      section.claim-boxes .claim-trial a.blue-button:hover, section.claim-boxes .claim-trial a.blue-button:focus {
        box-shadow: 0 8px 34px 0 rgba(0, 0, 0, 0.3);
        transform: scale(1.05);
        -webkit-transition: transform 0.2s ease-in-out;
        -moz-transition: transform 0.2s ease-in-out;
        -ms-transition: transform 0.2s ease-in-out;
        -o-transition: transform 0.2s ease-in-out;
        transition: transform 0.2s ease-in-out;
        -webkit-transition: box-shadow 0.2s ease-in-out;
        -moz-transition: box-shadow 0.2s ease-in-out;
        -ms-transition: box-shadow 0.2s ease-in-out;
        -o-transition: box-shadow 0.2s ease-in-out;
        transition: box-shadow 0.2s ease-in-out; }
  section.claim-boxes .individuals {
    background: #0572ec url("/img/promotions/fistbump_stamp.png") no-repeat;
    background-size: 103px 103px;
    background-position: -30px 130px; }
    section.claim-boxes .individuals a {
      color: #0572ec; }
  section.claim-boxes .families {
    background: #9469bf url("/img/promotions/fistbump_stamp.png") no-repeat;
    background-size: 103px 103px;
    background-position: -30px 130px; }
    section.claim-boxes .families a {
      color: #7369bf; }
  section.claim-boxes .teams {
    background: #477db3 url("/img/promotions/teams_stamp.png") no-repeat;
    background-size: 102px 102px;
    background-position: 280px 100px; }
    section.claim-boxes .teams a {
      color: #477db3; }
  section.claim-boxes .teams2 {
    background: white url("/img/promotions/teams_stamp.png") no-repeat;
    background-size: 102px 102px;
    background-position: 280px 100px; }
    section.claim-boxes .teams2 a {
      color: #477db3; }

div.promotional-partial {
  padding-bottom: 60px;
  overflow: hidden; }

section.promotional-information {
  background-color: #7369bf;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column; }
  @media (min-width: 52em) {
    section.promotional-information {
      flex-direction: row; } }
  section.promotional-information .screenshot {
    background: url("/img/promotions/safe_place.jpg") no-repeat center top;
    background-size: 80%;
    width: 445px;
    height: 480px;
    margin: 0 0 40px; }
    @media (min-width: 52em) {
      section.promotional-information .screenshot {
        margin: 0 40px 0 0;
        width: 445px; } }
  section.promotional-information .information {
    width: 320px;
    text-align: center; }
    @media (min-width: 52em) {
      section.promotional-information .information {
        width: 330px;
        text-align: left; } }
    section.promotional-information .information h1 {
      font-size: 30px;
      color: white;
      font-weight: 300;
      margin-bottom: 15px;
      line-height: 35px; }
    section.promotional-information .information p {
      font-size: 18px;
      color: white;
      line-height: 24px; }
    section.promotional-information .information span.platform-icons {
      background: url("/img/promotions/platform_icons_white.png") no-repeat;
      background-size: 241px 50px;
      height: 50px;
      width: 241px;
      display: block;
      margin: 0 auto 40px; }
      @media (min-width: 52em) {
        section.promotional-information .information span.platform-icons {
          margin: 0; } }
section.promotional-compare {
  background-color: #edeff2;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  padding: 80px 0; }
  @media (min-width: 52em) {
    section.promotional-compare {
      flex-direction: row; } }
  section.promotional-compare .compare-box {
    background-color: white;
    width: 350px;
    border-radius: 0 0 6px 6px;
    margin: 30px; }
    @media (min-width: 52em) {
      section.promotional-compare .compare-box {
        margin: 0 30px; } }
    section.promotional-compare .compare-box .compare-head {
      width: 350px;
      border-radius: 6px 6px 0 0;
      color: white;
      text-align: center;
      font-weight: 600;
      padding: 10px 0;
      margin-bottom: 40px; }
    section.promotional-compare .compare-box h3 {
      font-size: 15px;
      line-height: 20px;
      text-align: center;
      margin-bottom: 10px; }
    section.promotional-compare .compare-box h2 {
      font-size: 60px;
      text-align: center;
      line-height: 16px;
      margin: 15px 0 25px; }
      section.promotional-compare .compare-box h2 span.small-number {
        font-size: 30px;
        line-height: 0;
        vertical-align: top; }
    section.promotional-compare .compare-box ul {
      margin: 0 30px; }
      section.promotional-compare .compare-box ul li {
        font-size: 15px;
        line-height: 22px;
        margin-left: 20px;
        margin-bottom: 10px; }
    section.promotional-compare .compare-box a.claim-button {
      text-align: center;
      box-sizing: border-box;
      width: calc(100% - 60px);
      max-width: 300px;
      padding: 12px;
      margin: 0 auto;
      border-radius: 100px;
      font-weight: 600;
      display: flex;
      outline: none;
      align-self: center;
      justify-content: center;
      box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
      -webkit-transition: transform 0.2s ease-in-out;
      -moz-transition: transform 0.2s ease-in-out;
      -ms-transition: transform 0.2s ease-in-out;
      -o-transition: transform 0.2s ease-in-out;
      transition: transform 0.2s ease-in-out;
      -webkit-transition: box-shadow 0.2s ease-in-out;
      -moz-transition: box-shadow 0.2s ease-in-out;
      -ms-transition: box-shadow 0.2s ease-in-out;
      -o-transition: box-shadow 0.2s ease-in-out;
      transition: box-shadow 0.2s ease-in-out;
      color: white;
      margin: 20px auto; }
      @media (max-width: 600px) {
        section.promotional-compare .compare-box a.claim-button {
          width: calc(100% - 30px); } }
      section.promotional-compare .compare-box a.claim-button:hover, section.promotional-compare .compare-box a.claim-button:focus {
        box-shadow: 0 8px 34px 0 rgba(0, 0, 0, 0.3);
        transform: scale(1.05);
        -webkit-transition: transform 0.2s ease-in-out;
        -moz-transition: transform 0.2s ease-in-out;
        -ms-transition: transform 0.2s ease-in-out;
        -o-transition: transform 0.2s ease-in-out;
        transition: transform 0.2s ease-in-out;
        -webkit-transition: box-shadow 0.2s ease-in-out;
        -moz-transition: box-shadow 0.2s ease-in-out;
        -ms-transition: box-shadow 0.2s ease-in-out;
        -o-transition: box-shadow 0.2s ease-in-out;
        transition: box-shadow 0.2s ease-in-out; }
  section.promotional-compare .for-your-family h2,
  section.promotional-compare .for-your-family h3 {
    color: #7369bf; }
  section.promotional-compare .for-your-family .compare-head,
  section.promotional-compare .for-your-family a.claim-button {
    background-color: #7369bf; }
  section.promotional-compare .for-your-team h2,
  section.promotional-compare .for-your-team h3 {
    color: #497eb1; }
  section.promotional-compare .for-your-team .compare-head,
  section.promotional-compare .for-your-team a.claim-button {
    background-color: #497eb1; }

section.promo-main {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ddedfc;
  background-image: url("/img/promotions/confetti.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 700px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    section.promo-main {
      /* stylelint-disable-next-line function-url-quotes */
      background-image: url("/img/promotions/confetti@2x.png"); } }
  section.promo-main div.window {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: white;
    max-width: 100%;
    height: 425px;
    padding: 90px 45px 40px;
    margin: 0 auto;
    border-radius: 6px;
    background-image: url("/img/promotions/card-header.jpg");
    background-position: center top;
    background-size: contain;
    background-repeat: no-repeat;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.1), 0 5px 5px rgba(0, 0, 0, 0.05);
    text-align: center; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      section.promo-main div.window {
        /* stylelint-disable-next-line function-url-quotes */
        background-image: url("/img/promotions/card-header@2x.jpg"); } }
    @media (min-width: 350px) {
      section.promo-main div.window {
        min-width: 350px;
        width: 350px; } }
    section.promo-main div.window.center {
      justify-content: center; }
    section.promo-main div.window #error-msg,
    section.promo-main div.window #sending-msg,
    section.promo-main div.window #success-msg {
      text-align: center; }
      section.promo-main div.window #error-msg p,
      section.promo-main div.window #sending-msg p,
      section.promo-main div.window #success-msg p {
        font-size: 1.2em; }
    section.promo-main div.window #error-msg,
    section.promo-main div.window #sending-msg {
      margin-top: 16px; }
    section.promo-main div.window #error-msg {
      color: #e74c3c; }
    section.promo-main div.window #success-msg {
      margin: auto; }
    section.promo-main div.window h2 {
      font-size: 21px;
      color: #0572ec; }
    section.promo-main div.window a.blue-button {
      text-align: center;
      box-sizing: border-box;
      width: calc(100% - 60px);
      max-width: 300px;
      padding: 12px;
      margin: 0 auto;
      border-radius: 100px;
      font-weight: 600;
      display: flex;
      outline: none;
      align-self: center;
      justify-content: center;
      box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
      -webkit-transition: transform 0.2s ease-in-out;
      -moz-transition: transform 0.2s ease-in-out;
      -ms-transition: transform 0.2s ease-in-out;
      -o-transition: transform 0.2s ease-in-out;
      transition: transform 0.2s ease-in-out;
      -webkit-transition: box-shadow 0.2s ease-in-out;
      -moz-transition: box-shadow 0.2s ease-in-out;
      -ms-transition: box-shadow 0.2s ease-in-out;
      -o-transition: box-shadow 0.2s ease-in-out;
      transition: box-shadow 0.2s ease-in-out;
      color: white;
      background-color: #0572ec;
      margin-top: 20px;
      width: 100%; }
      @media (max-width: 600px) {
        section.promo-main div.window a.blue-button {
          width: calc(100% - 30px); } }
      section.promo-main div.window a.blue-button:hover, section.promo-main div.window a.blue-button:focus {
        box-shadow: 0 8px 34px 0 rgba(0, 0, 0, 0.3);
        transform: scale(1.05);
        -webkit-transition: transform 0.2s ease-in-out;
        -moz-transition: transform 0.2s ease-in-out;
        -ms-transition: transform 0.2s ease-in-out;
        -o-transition: transform 0.2s ease-in-out;
        transition: transform 0.2s ease-in-out;
        -webkit-transition: box-shadow 0.2s ease-in-out;
        -moz-transition: box-shadow 0.2s ease-in-out;
        -ms-transition: box-shadow 0.2s ease-in-out;
        -o-transition: box-shadow 0.2s ease-in-out;
        transition: box-shadow 0.2s ease-in-out; }
    section.promo-main div.window input {
      width: 100%;
      border: none;
      border-bottom: 1px solid #aaa;
      text-align: center;
      padding: 10px 0;
      border-radius: 0; }
    section.promo-main div.window input[type="submit"] {
      text-align: center;
      box-sizing: border-box;
      width: calc(100% - 60px);
      max-width: 300px;
      padding: 12px;
      margin: 0 auto;
      border-radius: 100px;
      font-weight: 600;
      display: flex;
      outline: none;
      align-self: center;
      justify-content: center;
      box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
      -webkit-transition: transform 0.2s ease-in-out;
      -moz-transition: transform 0.2s ease-in-out;
      -ms-transition: transform 0.2s ease-in-out;
      -o-transition: transform 0.2s ease-in-out;
      transition: transform 0.2s ease-in-out;
      -webkit-transition: box-shadow 0.2s ease-in-out;
      -moz-transition: box-shadow 0.2s ease-in-out;
      -ms-transition: box-shadow 0.2s ease-in-out;
      -o-transition: box-shadow 0.2s ease-in-out;
      transition: box-shadow 0.2s ease-in-out;
      color: white;
      background-color: #0572ec;
      margin-top: 20px;
      width: 100%;
      font-size: 1em;
      cursor: pointer;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      padding-left: 15px;
      padding-right: 15px; }
      @media (max-width: 600px) {
        section.promo-main div.window input[type="submit"] {
          width: calc(100% - 30px); } }
      section.promo-main div.window input[type="submit"]:hover, section.promo-main div.window input[type="submit"]:focus {
        box-shadow: 0 8px 34px 0 rgba(0, 0, 0, 0.3);
        transform: scale(1.05);
        -webkit-transition: transform 0.2s ease-in-out;
        -moz-transition: transform 0.2s ease-in-out;
        -ms-transition: transform 0.2s ease-in-out;
        -o-transition: transform 0.2s ease-in-out;
        transition: transform 0.2s ease-in-out;
        -webkit-transition: box-shadow 0.2s ease-in-out;
        -moz-transition: box-shadow 0.2s ease-in-out;
        -ms-transition: box-shadow 0.2s ease-in-out;
        -o-transition: box-shadow 0.2s ease-in-out;
        transition: box-shadow 0.2s ease-in-out; }
      @media (max-width: 600px) {
        section.promo-main div.window input[type="submit"] {
          width: 100%; } }
    section.promo-main div.window input:focus {
      border-bottom-color: transparent; }
  section.promo-main .card:hover {
    box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
    transition: all 0.5s ease; }
  section.promo-main #out {
    transition: all 0.2s ease-out; }

.business .universal-panel-container {
  margin-top: 0; }

.business__link {
  display: inline-block;
  font-size: 1.125em;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: -0.12px;
  color: #0572ec; }
  .business__link > svg {
    transition: transform 0.2s; }
  .business__link:hover {
    color: #06c; }
    .business__link:hover > svg {
      transform: translateX(7px);
      transition: transform 0.2s; }
    .business__link:hover > svg path {
      fill: #06c;
      transition: fill 0.2s; }

.business__hero {
  width: 100%;
  background-image: url("/img/business/background-header.ad05adcd4bdca438cbe5bf88e03eaae5.jpg"), linear-gradient(0deg, rgba(0, 0, 0, 0.7), transparent 50%);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover; }
  @media (min-width: 1024px) {
    .business__hero {
      height: 700px; } }
  @media (min-width: 1200px) {
    .business__hero {
      background-image: url("/img/business/background-header@2x.18768f8d53f1ebaeefa9b4336889cec5.jpg"), linear-gradient(0deg, rgba(0, 0, 0, 0.7), transparent 50%); } }
.business__container {
  padding: 112px 30px;
  margin: 0 auto;
  max-width: 1140px; }

.business__features-cards {
  background-image: linear-gradient(to top, white, rgba(235, 240, 244, 0.5)); }

.business__features-cards-container {
  max-width: 1170px;
  margin: 0 auto;
  padding: 30px 30px 80px; }

.business__card-container {
  min-height: 364px; }
  .business__card-container img {
    position: relative;
    top: 60px;
    max-height: 119px; }

.business__feature-card {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: white;
  box-shadow: 10px 10px 10px 0 rgba(108, 108, 108, 0.04);
  border: solid 0.5px #f3f3f3;
  min-height: 364px;
  padding: 30px;
  text-align: center;
  z-index: -1; }

.business__feature-card-title {
  color: #051627;
  font-size: 1rem;
  margin-top: 42px;
  margin-bottom: 12px;
  opacity: 0.7; }

.business__feature-card-subheading {
  margin-bottom: 18px;
  max-width: 310px; }

.business__feature-card-description {
  font-size: 0.9rem;
  max-width: 310px; }

.business .oversee-create {
  background-color: white; }
  @media (min-width: 760px) {
    .business .oversee-create {
      padding-left: 30px;
      padding-right: 30px; } }
  @media (min-width: 1180px) {
    .business .oversee-create {
      padding-left: 0;
      padding-right: 0; } }
  .business .oversee-create img {
    max-height: 604px; }
  .business .oversee-create h2 {
    font-family: "Adelle-Semibold", sans-serif;
    font-size: 1.5rem;
    text-align: center;
    margin: 0 auto;
    max-width: 320px;
    padding-top: 80px;
    padding-bottom: 40px;
    display: block;
    line-height: 1.15;
    letter-spacing: -0.16px; }
    @media (min-width: 760px) {
      .business .oversee-create h2 {
        padding-top: 80px;
        padding-bottom: 20px; } }
    @media (min-width: 57em) {
      .business .oversee-create h2 {
        display: none; } }
  .business .oversee-create.scroller .scroller-tracker {
    display: grid;
    grid-template-columns: repeat(3, calc(100% - 70px));
    cursor: grab; }
    @media (min-width: 760px) {
      .business .oversee-create.scroller .scroller-tracker {
        display: flex;
        grid-template-columns: unset;
        transition: none;
        pointer-events: none;
        cursor: pointer; } }
  @media (min-width: 760px) {
    .business .oversee-create.scroller .scroller-wrapper {
      pointer-events: none; } }
  .business .oversee-create.scroller .scroller-wrapper .slide {
    padding: 10px;
    text-align: center;
    align-self: start; }
    @media (min-width: 760px) {
      .business .oversee-create.scroller .scroller-wrapper .slide {
        pointer-events: none;
        opacity: 0;
        transition: opacity 0.7s ease-in-out; } }
    @media (min-width: 1180px) {
      .business .oversee-create.scroller .scroller-wrapper .slide figure {
        text-align: right; } }
    .business .oversee-create.scroller .scroller-wrapper .slide figcaption {
      display: block;
      width: 100%;
      opacity: 0.5;
      transition: opacity 0.5s ease-in-out; }
    @media (min-width: 760px) {
      .business .oversee-create.scroller .scroller-wrapper .slide.active {
        opacity: 1;
        transition-delay: 0.7s;
        transition: opacity 0.7s ease-in-out; } }
    .business .oversee-create.scroller .scroller-wrapper .slide.active figcaption {
      opacity: 1; }
    .business .oversee-create.scroller .scroller-wrapper .slide h3 {
      color: #3d454d;
      margin: 25px 0 20px;
      font-size: 1.125rem;
      font-weight: bold;
      font-style: normal; }
    .business .oversee-create.scroller .scroller-wrapper .slide p {
      margin: 0 auto;
      max-width: 500px; }
    @media (min-width: 760px) {
      .business .oversee-create.scroller .scroller-wrapper .slide {
        padding: 0;
        align-self: center;
        margin-left: 0; }
        .business .oversee-create.scroller .scroller-wrapper .slide figcaption {
          display: none; } }
  .business .oversee-create.scroller .container {
    margin: 0 auto;
    padding-top: 0;
    padding-bottom: 0;
    display: block;
    max-width: 1170px; }
    .business .oversee-create.scroller .container nav h2 {
      display: none; }
    @media (min-width: 760px) {
      .business .oversee-create.scroller .container {
        display: grid;
        padding-top: 0; }
        .business .oversee-create.scroller .container nav {
          height: auto;
          max-width: 450px; }
          .business .oversee-create.scroller .container nav ul li button {
            border-radius: 0;
            color: #3d454d;
            font-size: 1rem;
            text-align: left;
            background: none;
            width: auto;
            height: auto;
            padding: 15px 25px 30px;
            border-left: 2px solid #bfdeff;
            outline: none;
            line-height: 1.5;
            letter-spacing: -0.11px;
            transition: border-left-color 0.25s ease-in-out; }
            .business .oversee-create.scroller .container nav ul li button span {
              font-weight: bold;
              font-size: 1.125rem;
              display: block;
              padding-bottom: 20px; }
            .business .oversee-create.scroller .container nav ul li button:hover span {
              color: #0572ec; }
            .business .oversee-create.scroller .container nav ul li button:focus span {
              color: #3d454d; }
          .business .oversee-create.scroller .container nav ul li.active button {
            border-left-color: #0572ec; }
            .business .oversee-create.scroller .container nav ul li.active button span {
              color: #0572ec; } }
    @media (min-width: 57em) {
      .business .oversee-create.scroller .container nav h2 {
        display: block;
        padding-top: 40px;
        padding-bottom: 20px;
        text-align: left;
        max-width: 1170px;
        font-size: 2rem; } }
.business__advanced-protection {
  max-width: 1140px;
  margin: 0 auto; }

.business__advanced-protection-screenshot {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%; }
  @supports (display: grid) {
    .business__advanced-protection-screenshot {
      display: grid;
      place-items: end; } }

.business__advanced-protection-content {
  padding: 30px;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center; }
  @supports (display: grid) {
    .business__advanced-protection-content {
      display: grid;
      place-content: center; } }
  @media (min-width: 768px) {
    .business__advanced-protection-content {
      padding: 50px; } }
.business__advanced-protection-title {
  padding-bottom: 0;
  font-size: 1.375rem;
  font-weight: 600;
  width: 100%;
  max-width: 347px;
  margin-top: 13px; }

.business__advanced-protection-description {
  width: 100%;
  max-width: 347px; }

.business__featured-company-quote {
  background-color: #0572ec;
  padding: 73px 30px 0; }
  @media (min-width: 1000px) {
    .business__featured-company-quote {
      height: 500px;
      padding: 30px; } }
.business__featured-company-quote-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  align-items: center;
  max-width: 1400px;
  margin: 0 auto; }

.business__featured-company-quote-title {
  font-family: "Adelle-Semibold", sans-serif;
  font-size: 1.75rem;
  line-height: 2.375rem;
  letter-spacing: -0.19px;
  color: white;
  margin-bottom: 25px; }
  @media (min-width: 1024px) {
    .business__featured-company-quote-title {
      font-size: 2rem; } }
.business__featured-company-quote-image-container {
  flex-basis: 470px; }
  @media (min-width: 1000px) {
    .business__featured-company-quote-image-container {
      position: relative;
      top: 40px; } }
.business__featured-company-image {
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  position: relative;
  width: 100%;
  max-width: 471px; }
  @media (max-width: 999px) {
    .business__featured-company-image {
      top: 53px; } }
.business__featured-company-quote-text {
  flex-basis: 470px; }
  @media (min-width: 1000px) {
    .business__featured-company-quote-text {
      position: relative;
      bottom: 40px; } }
.business__featured-company-logo {
  width: 80px; }

.business__companies {
  background-color: white;
  padding: 120px 20px 80px;
  text-align: center; }
  @media (min-width: 920px) {
    .business__companies {
      padding-top: 150px;
      padding-bottom: 70px; } }
.business__companies-title {
  font-size: 1.25rem;
  text-align: center;
  color: rgba(0, 0, 0, 0.7);
  max-width: 371px;
  margin: 0 auto; }

.business__companies-image {
  display: block;
  margin: 2.5rem auto;
  max-width: 1024px; }

.business__integrations-support-title, .business__integrations-support-subheading, .business__integrations-support-description {
  margin-bottom: 16px; }

@media (max-width: 479px) {
  .business__integrations-support-title, .business__integrations-support-subheading, .business__integrations-support-description, .business__link--integrations-support {
    margin-bottom: 16px; } }

@media (min-width: 1024px) {
  .business__integrations-support-title, .business__integrations-support-subheading, .business__integrations-support-description, .business__link--integrations-support {
    margin-left: 100px; } }

@media (min-width: 1200px) {
  .business__integrations-support-title, .business__integrations-support-subheading, .business__integrations-support-description, .business__link--integrations-support {
    margin-left: 150px; } }

.business__integrations-support-title {
  font-size: 1.875rem;
  color: rgba(0, 0, 0, 0.7);
  max-width: 400px; }

.business__integrations-support-subheading {
  font-size: 1rem;
  font-weight: 500;
  color: #656e76;
  max-width: 365px; }

.business__integrations-support-container {
  padding: 60px 30px 100px;
  max-width: 1170px;
  margin: 0 auto; }
  @media (min-width: 1024px) {
    .business__integrations-support-container {
      padding-top: 100px; } }
.business__security-features-title {
  font-size: 1.875rem;
  text-align: center;
  color: rgba(0, 0, 0, 0.7);
  margin-bottom: 50px; }

.business__security-features-item-title {
  font-size: 1.25rem;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.7);
  margin-bottom: 18px; }

.business__security-features-item-description {
  font-size: 1rem;
  color: rgba(0, 0, 0, 0.7); }
  @media (min-width: 768px) {
    .business__security-features-item-description {
      max-width: 300px; } }
.business__security-features-icon {
  margin-bottom: 25px; }

.business__security-features {
  background-image: linear-gradient(to bottom, white, #f0f5fa); }

.business__security-features-container {
  max-width: 1170px;
  margin: 0 auto;
  padding: 30px; }

.business__free-family-accounts-container {
  background-image: linear-gradient(to top, #1b3b7c, #0e2555);
  margin: 0 auto;
  max-width: 1170px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: flex-end; }
  @media (min-width: 1200px) {
    .business__free-family-accounts-container {
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px; } }
.business__free-family-accounts-text {
  flex-basis: 300px;
  flex: 1 1 auto;
  position: relative;
  overflow: hidden;
  padding: 130px 30px 30px; }
  @media (min-width: 1024px) {
    .business__free-family-accounts-text {
      padding-top: 60px;
      padding-bottom: 60px; } }
.business__free-family-accounts-title, .business__free-family-accounts-subheading, .business__free-family-accounts-description {
  margin-bottom: 16px; }
  @media (min-width: 1024px) {
    .business__free-family-accounts-title, .business__free-family-accounts-subheading, .business__free-family-accounts-description {
      margin-left: 100px; } }
.business__free-family-accounts-subheading {
  font-size: 1.875rem;
  color: white;
  max-width: 400px; }

.business__free-family-accounts-title {
  font-size: 1rem;
  font-weight: 500;
  color: #d1e8ff; }

.business__free-family-accounts-description {
  max-width: 340px;
  color: white; }

.business__free-family-accounts-image-container {
  flex: 1 1 auto;
  flex-basis: 400px; }
  @media (min-width: 1200px) {
    .business__free-family-accounts-image-container {
      position: relative;
      bottom: 30px; } }
.business__free-family-accounts-image {
  width: 100%;
  position: relative;
  top: 3px; }
  @media (min-width: 1024px) {
    .business__free-family-accounts-image {
      bottom: -4px; } }
  @media (min-width: 1200px) {
    .business__free-family-accounts-image {
      width: 100%;
      transform: scale(1.2);
      position: relative;
      top: 0;
      bottom: 14px;
      left: -50px;
      border-radius: 0 0 10px; } }
.business__free-family-accounts-banner {
  display: block;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  position: absolute;
  top: 42px;
  left: 100%;
  margin-left: -157px;
  color: white;
  font-size: 0.8rem;
  font-weight: 600;
  min-width: 168px;
  background-color: #0572ec;
  padding: 10px; }
  @media (min-width: 860px) {
    .business__free-family-accounts-banner {
      left: 100%;
      margin-left: -110%;
      text-align: right;
      width: 240px; } }
  @media (min-width: 1024px) {
    .business__free-family-accounts-banner {
      text-align: center;
      margin-left: -100.5%;
      top: 8px; }
      :lang(en) .business__free-family-accounts-banner {
        margin-left: -109.5%;
        transform: rotate(-45deg);
        top: 42px; } }
.business__end-cta {
  background-color: #f0f5fa; }

.business__end-cta-container {
  background-image: linear-gradient(to top, #1b3b7c, #0e2555);
  margin: 0 auto;
  max-width: 1170px;
  text-align: center;
  padding: 60px 30px; }
  @media (min-width: 1200px) {
    .business__end-cta-container {
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px; } }
.business__end-cta-title, .business__end-cta-description {
  margin: 0 auto 16px; }

.business__end-cta-title {
  font-size: 2rem;
  color: white;
  max-width: 360px; }

.business__end-cta-description {
  max-width: 470px;
  font-size: 1.125rem;
  color: white; }

.business__end-cta-button {
  text-align: center;
  box-sizing: border-box;
  width: calc(100% - 60px);
  max-width: 300px;
  padding: 12px;
  margin: 0 auto;
  border-radius: 100px;
  font-weight: 600;
  display: flex;
  outline: none;
  align-self: center;
  justify-content: center;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
  -webkit-transition: transform 0.2s ease-in-out;
  -moz-transition: transform 0.2s ease-in-out;
  -ms-transition: transform 0.2s ease-in-out;
  -o-transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  -webkit-transition: box-shadow 0.2s ease-in-out;
  -moz-transition: box-shadow 0.2s ease-in-out;
  -ms-transition: box-shadow 0.2s ease-in-out;
  -o-transition: box-shadow 0.2s ease-in-out;
  transition: box-shadow 0.2s ease-in-out;
  background-color: #0572ec;
  color: white;
  margin-top: 30px; }
  @media (max-width: 600px) {
    .business__end-cta-button {
      width: calc(100% - 30px); } }
  .business__end-cta-button:hover, .business__end-cta-button:focus {
    box-shadow: 0 8px 34px 0 rgba(0, 0, 0, 0.3);
    transform: scale(1.05);
    -webkit-transition: transform 0.2s ease-in-out;
    -moz-transition: transform 0.2s ease-in-out;
    -ms-transition: transform 0.2s ease-in-out;
    -o-transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    -webkit-transition: box-shadow 0.2s ease-in-out;
    -moz-transition: box-shadow 0.2s ease-in-out;
    -ms-transition: box-shadow 0.2s ease-in-out;
    -o-transition: box-shadow 0.2s ease-in-out;
    transition: box-shadow 0.2s ease-in-out; }
  .business__end-cta-button:hover {
    color: white; }

.business__list-features {
  margin: 30px auto 0; }

@media (min-width: 500px) {
  .business__list-features-container {
    display: inline-flex;
    flex-direction: row;
    justify-content: space-evenly;
    width: 100%;
    max-width: 500px; } }

@media screen\0 {
  .business__list-features-container {
    justify-content: space-around; } }

.business__list-item {
  list-style: none;
  font-size: 0.875rem;
  font-weight: 500;
  color: white; }
  .business__list-item:not(:last-of-type) {
    margin-bottom: 5px; }

.business__list-item-checkmark {
  padding-right: 10px; }

.business__compliance {
  max-width: 1170px;
  margin: 50px auto 0;
  text-align: center;
  padding: 0 30px 30px; }
  .business__compliance a.link {
    font-size: 1rem; }
  .business__compliance img {
    display: block;
    margin: 16px auto 0; }

.business__compliance-description {
  max-width: 420px;
  margin: 0 auto;
  color: #656e76;
  margin-bottom: 5px; }

.enterprise-hero {
  width: 100%;
  max-height: 760px;
  min-height: 550px;
  height: 75vh;
  background-image: url("/img/enterprise/curve.cfe8f950ef755be9c8004f26dae0f492.svg"), url("/img/enterprise/background-header@2x.4a753eb8e390430658c8f3b4513e5db5.jpg");
  background-repeat: no-repeat;
  background-position: center, 25% 75%;
  background-size: cover;
  background-repeat: no-repeat;
  background-size: cover; }
  @media (max-width: 30em) {
    .enterprise-hero {
      height: 760px; } }
  .enterprise-hero::after {
    content: "";
    width: 100%;
    height: 10px;
    background: white;
    display: block;
    position: absolute;
    bottom: -8px; }
  .enterprise-hero .container {
    padding: 100px 50px 50px;
    margin: 60px auto 0;
    max-width: 1140px; }
    .enterprise-hero .container > p {
      color: white;
      font-size: 0.65em;
      max-width: 320px;
      margin-left: 1em;
      margin-bottom: 0; }
    .enterprise-hero .container .hero-price-card .enterprise {
      background: transparent;
      overflow: visible;
      max-width: 440px;
      justify-content: flex-start; }
      @media (min-width: 960px) {
        .enterprise-hero .container .hero-price-card .enterprise {
          padding-left: 1.34vw; } }
      .enterprise-hero .container .hero-price-card .enterprise .card-title {
        font-size: 1.2em;
        font-weight: 600;
        line-height: 0.83;
        letter-spacing: -0.3px;
        color: #b8c2cc; }
      .enterprise-hero .container .hero-price-card .enterprise h4 {
        margin: 10px 4px 15px; }
      .enterprise-hero .container .hero-price-card .enterprise h4:first-of-type {
        font-size: 1.75em; }
      .enterprise-hero .container .hero-price-card .enterprise h4:nth-of-type(2n) {
        text-align: center; }
      .enterprise-hero .container .hero-price-card .enterprise .plans {
        font-size: 0.4em;
        font-weight: 500;
        opacity: 0.8;
        position: relative;
        text-align: center;
        color: #b6bcce;
        text-shadow: 0 0 4px white; }
        @media (max-width: 30em) {
          .enterprise-hero .container .hero-price-card .enterprise .plans {
            padding-right: 30px; } }
      .enterprise-hero .container .hero-price-card .enterprise ul li {
        color: #b8bdcc; }
        .enterprise-hero .container .hero-price-card .enterprise ul li strong {
          color: white; }
      .enterprise-hero .container .hero-price-card .enterprise .button {
        background-color: #0572ec;
        width: 50%;
        margin: 0; }

.enterprise-pricing-card {
  padding-bottom: 70px; }
  .enterprise-pricing-card .container {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background-color: white;
    border: solid 1px #f3f3f3;
    box-shadow: 10px 10px 10px 0 rgba(108, 108, 108, 0.04);
    margin: 0 auto;
    max-width: 1169px;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px; }
    @media (min-width: 1000px) {
      .enterprise-pricing-card .container {
        flex-direction: row;
        justify-content: space-around;
        align-items: center; } }
    @supports (display: grid) {
      .enterprise-pricing-card .container {
        display: grid;
        justify-items: center; }
        @media (min-width: 1024px) {
          .enterprise-pricing-card .container {
            grid-template-columns: 280px 1fr; } } }
    .enterprise-pricing-card .container .price-card {
      max-width: 280px;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      padding: 40px 0; }
      .enterprise-pricing-card .container .price-card .button {
        text-align: center;
        box-sizing: border-box;
        width: calc(100% - 60px);
        max-width: 300px;
        padding: 12px;
        margin: 0 auto;
        border-radius: 100px;
        font-weight: 600;
        display: flex;
        outline: none;
        align-self: center;
        justify-content: center;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
        -webkit-transition: transform 0.2s ease-in-out;
        -moz-transition: transform 0.2s ease-in-out;
        -ms-transition: transform 0.2s ease-in-out;
        -o-transition: transform 0.2s ease-in-out;
        transition: transform 0.2s ease-in-out;
        -webkit-transition: box-shadow 0.2s ease-in-out;
        -moz-transition: box-shadow 0.2s ease-in-out;
        -ms-transition: box-shadow 0.2s ease-in-out;
        -o-transition: box-shadow 0.2s ease-in-out;
        transition: box-shadow 0.2s ease-in-out;
        background-color: #0572ec;
        color: white;
        padding: 15px 20px;
        width: initial;
        max-width: none; }
        @media (max-width: 600px) {
          .enterprise-pricing-card .container .price-card .button {
            width: calc(100% - 30px); } }
        .enterprise-pricing-card .container .price-card .button:hover, .enterprise-pricing-card .container .price-card .button:focus {
          box-shadow: 0 8px 34px 0 rgba(0, 0, 0, 0.3);
          transform: scale(1.05);
          -webkit-transition: transform 0.2s ease-in-out;
          -moz-transition: transform 0.2s ease-in-out;
          -ms-transition: transform 0.2s ease-in-out;
          -o-transition: transform 0.2s ease-in-out;
          transition: transform 0.2s ease-in-out;
          -webkit-transition: box-shadow 0.2s ease-in-out;
          -moz-transition: box-shadow 0.2s ease-in-out;
          -ms-transition: box-shadow 0.2s ease-in-out;
          -o-transition: box-shadow 0.2s ease-in-out;
          transition: box-shadow 0.2s ease-in-out; }
        @media (max-width: 600px) {
          .enterprise-pricing-card .container .price-card .button {
            width: initial; } }
      .enterprise-pricing-card .container .price-card h4 {
        font-size: 1.75em;
        letter-spacing: -1px;
        line-height: 1em;
        margin: 5px 0 28px;
        position: relative; }
        .enterprise-pricing-card .container .price-card h4.description {
          font-size: 1em;
          font-weight: 600;
          line-height: 1.25;
          letter-spacing: 0.1px;
          color: #333; }
        .enterprise-pricing-card .container .price-card h4 span {
          font-size: 4.875rem;
          vertical-align: -0.2em; }
      .enterprise-pricing-card .container .price-card .plans {
        font-size: 0.875em;
        letter-spacing: -0.1px;
        text-align: center;
        color: #637381;
        padding-top: 13px; }
    @media (min-width: 768px) {
      .enterprise-pricing-card .container .features-container {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: flex-start; }
        @supports (display: grid) {
          .enterprise-pricing-card .container .features-container {
            display: grid;
            grid-template-columns: 1fr 1fr;
            grid-gap: 35px; } } }
    @media (min-width: 768px) {
      .enterprise-pricing-card .container .features-container .features {
        padding: 10px; } }
    .enterprise-pricing-card .container .features-container .features ul {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      justify-content: center;
      width: 100%; }
      .enterprise-pricing-card .container .features-container .features ul li {
        list-style: none;
        margin-bottom: 29px; }
        .enterprise-pricing-card .container .features-container .features ul li a {
          color: #0572ec; }
      .enterprise-pricing-card .container .features-container .features ul li:not(.contact) {
        background-image: url("/img/pricing/checkbox-dark-grey.0f2b60f425097f6453cdec33d0b4cdbc.svg");
        background-repeat: no-repeat;
        background-size: 18px;
        padding-left: 32px; }
      .enterprise-pricing-card .container .features-container .features ul li.contact {
        color: #637381;
        font-size: 0.875em;
        max-width: 300px; }
  @media (min-width: 1000px) {
    .enterprise-pricing-card .container.business {
      padding: 70px 50px; } }
  @media (min-width: 1000px) {
    .enterprise-pricing-card .container.teams {
      padding: 40px; } }
main#enterprise {
  overflow: hidden; }
  main#enterprise .universal-panel-container {
    margin-bottom: 50px;
    margin-top: 50px; }
  main#enterprise h1 {
    margin-bottom: 25px; }
  main#enterprise a.btn {
    text-align: center;
    box-sizing: border-box;
    width: calc(100% - 60px);
    max-width: 300px;
    padding: 12px;
    margin: 0 auto;
    border-radius: 100px;
    font-weight: 600;
    display: flex;
    outline: none;
    align-self: center;
    justify-content: center;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
    -webkit-transition: transform 0.2s ease-in-out;
    -moz-transition: transform 0.2s ease-in-out;
    -ms-transition: transform 0.2s ease-in-out;
    -o-transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    -webkit-transition: box-shadow 0.2s ease-in-out;
    -moz-transition: box-shadow 0.2s ease-in-out;
    -ms-transition: box-shadow 0.2s ease-in-out;
    -o-transition: box-shadow 0.2s ease-in-out;
    transition: box-shadow 0.2s ease-in-out;
    background-color: #0572ec;
    color: white; }
    @media (max-width: 600px) {
      main#enterprise a.btn {
        width: calc(100% - 30px); } }
    main#enterprise a.btn:hover, main#enterprise a.btn:focus {
      box-shadow: 0 8px 34px 0 rgba(0, 0, 0, 0.3);
      transform: scale(1.05);
      -webkit-transition: transform 0.2s ease-in-out;
      -moz-transition: transform 0.2s ease-in-out;
      -ms-transition: transform 0.2s ease-in-out;
      -o-transition: transform 0.2s ease-in-out;
      transition: transform 0.2s ease-in-out;
      -webkit-transition: box-shadow 0.2s ease-in-out;
      -moz-transition: box-shadow 0.2s ease-in-out;
      -ms-transition: box-shadow 0.2s ease-in-out;
      -o-transition: box-shadow 0.2s ease-in-out;
      transition: box-shadow 0.2s ease-in-out; }
  main#enterprise a.link {
    color: #0572ec;
    font-weight: 500; }
  main#enterprise .container {
    margin: 0 auto;
    max-width: 1170px; }
  main#enterprise .box--text {
    text-align: left; }
    main#enterprise .box--text h2 {
      color: #4d4d4d;
      font-size: 1.625em;
      line-height: 1.25em;
      padding-bottom: 0.5em; }
    main#enterprise .box--text p {
      font-size: 1em;
      line-height: 1.38;
      letter-spacing: -0.3px;
      color: #3d454d;
      opacity: 0.8; }
    @media (min-width: 700px) {
      main#enterprise .box--text {
        align-items: flex-start; } }
  main#enterprise .setup-demo {
    background-color: #f0f5fa;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 18px; }
    main#enterprise .setup-demo p {
      margin: 0 0 0.2em;
      text-align: center;
      font-size: 1.125em;
      font-weight: 600;
      line-height: 1.11;
      color: #525c66; }
    main#enterprise .setup-demo .business-demo {
      text-align: center;
      box-sizing: border-box;
      width: calc(100% - 60px);
      max-width: 300px;
      padding: 12px;
      margin: 0 auto;
      border-radius: 100px;
      font-weight: 600;
      display: flex;
      outline: none;
      align-self: center;
      justify-content: center;
      box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
      -webkit-transition: transform 0.2s ease-in-out;
      -moz-transition: transform 0.2s ease-in-out;
      -ms-transition: transform 0.2s ease-in-out;
      -o-transition: transform 0.2s ease-in-out;
      transition: transform 0.2s ease-in-out;
      -webkit-transition: box-shadow 0.2s ease-in-out;
      -moz-transition: box-shadow 0.2s ease-in-out;
      -ms-transition: box-shadow 0.2s ease-in-out;
      -o-transition: box-shadow 0.2s ease-in-out;
      transition: box-shadow 0.2s ease-in-out;
      width: 228px;
      border-radius: 3px;
      background-color: #0572ec;
      margin: 0 0 0 20px;
      color: white; }
      @media (max-width: 600px) {
        main#enterprise .setup-demo .business-demo {
          width: calc(100% - 30px); } }
      main#enterprise .setup-demo .business-demo:hover, main#enterprise .setup-demo .business-demo:focus {
        box-shadow: 0 8px 34px 0 rgba(0, 0, 0, 0.3);
        transform: scale(1.05);
        -webkit-transition: transform 0.2s ease-in-out;
        -moz-transition: transform 0.2s ease-in-out;
        -ms-transition: transform 0.2s ease-in-out;
        -o-transition: transform 0.2s ease-in-out;
        transition: transform 0.2s ease-in-out;
        -webkit-transition: box-shadow 0.2s ease-in-out;
        -moz-transition: box-shadow 0.2s ease-in-out;
        -ms-transition: box-shadow 0.2s ease-in-out;
        -o-transition: box-shadow 0.2s ease-in-out;
        transition: box-shadow 0.2s ease-in-out; }
  main#enterprise .wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    background-image: linear-gradient(to bottom, white, #f5f7fa, white 80%);
    padding-top: 36px;
    padding-bottom: 25px; }
    main#enterprise .wrapper .g2 {
      background: none; }
      @media (max-width: 700px) {
        main#enterprise .wrapper .g2 h1,
        main#enterprise .wrapper .g2 p {
          padding: 0 20px; } }
      main#enterprise .wrapper .g2 h1 {
        margin-bottom: 10px;
        font-size: 1.875em; }
      main#enterprise .wrapper .g2 p {
        max-width: 566px;
        margin: 0 auto 48px;
        font-size: 1.125em;
        text-align: center;
        color: #3d454d; }
      main#enterprise .wrapper .g2 .g2-item {
        padding-left: 20px;
        padding-right: 20px; }
  main#enterprise header {
    position: relative;
    background-color: white;
    padding-bottom: 10px; }
    @media (min-width: 1024px) {
      main#enterprise header {
        padding-bottom: 0;
        -webkit-box-shadow: 0 10px 0 10px white;
        -moz-box-shadow: 0 10px 0 10px white;
        box-shadow: 0 10px 0 10px white; } }
    main#enterprise header h1.title {
      color: #212b36;
      font-size: 1.75em;
      line-height: 1.15;
      letter-spacing: -0.29px;
      max-width: 320px;
      margin-left: auto;
      margin-right: auto; }
      @media (min-width: 760px) {
        main#enterprise header h1.title {
          max-width: 458px;
          margin-left: 0;
          margin-right: 0; } }
      @media (min-width: 68em) {
        main#enterprise header h1.title {
          font-size: 2.5em; } }
    main#enterprise header p {
      color: #454f5b;
      font-size: 0.9em;
      max-width: 458px;
      margin-left: 0;
      margin-right: 0;
      line-height: 1.5;
      letter-spacing: -0.3px;
      margin-bottom: 12px;
      text-align: left; }
    main#enterprise header a.btn {
      margin: 0;
      max-width: 250px;
      display: inline-block; }
    main#enterprise header .header-top {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding: 60px 5% 130px;
      background-image: linear-gradient(to bottom, white, #f0f5fa);
      padding-bottom: 130px; }
      @media screen\0 {
        main#enterprise header .header-top {
          overflow: hidden; } }
      main#enterprise header .header-top img {
        max-width: 350px; }
        @media screen\0 {
          main#enterprise header .header-top img {
            display: none; } }
        @media (min-width: 760px) {
          main#enterprise header .header-top img {
            max-width: 100%; } }
  @media screen\0  and (min-width: 760px) {
    main#enterprise header .header-top img {
      display: block; } }
        @media (min-width: 1170px) {
          main#enterprise header .header-top img {
            max-width: 570px; } }
  @media screen\0  and (min-width: 1170px) {
    main#enterprise header .header-top img {
      display: block;
      max-width: none; } }
      main#enterprise header .header-top .img-container {
        margin-top: 40px; }
        @media (min-width: 760px) {
          main#enterprise header .header-top .img-container {
            margin-top: 0; } }
      @media (min-width: 1170px) {
        main#enterprise header .header-top {
          background-image: none;
          padding-bottom: 80px; } }
      @media (min-width: 1200px) {
        main#enterprise header .header-top {
          padding: 50px 0; } }
  main#enterprise .cards-panel {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    z-index: 5;
    margin-top: -150px;
    padding: 0 30px; }
    @media screen\0 {
      main#enterprise .cards-panel .cards {
        padding-bottom: 30px; } }
  @media screen\0  and (min-width: 760px) {
    main#enterprise .cards-panel .cards {
      padding-right: 30px; } }
    main#enterprise .cards-panel .cards .header-card {
      border-radius: 10px;
      box-shadow: 0 10px 15px 0 rgba(198, 198, 198, 0.19);
      border: solid 0.5px #e9e9e9;
      background-color: white;
      width: 100%;
      height: 100%;
      padding: 45px 30px 30px; }
      @media (min-width: 760px) {
        main#enterprise .cards-panel .cards .header-card {
          padding: 25px 15px 20px 20px; } }
      @media (min-width: 900px) {
        main#enterprise .cards-panel .cards .header-card {
          padding: 45px 30px 30px; } }
      main#enterprise .cards-panel .cards .header-card h2 {
        font-size: 1.5em;
        line-height: 1.25;
        letter-spacing: -0.16px;
        font-weight: 600;
        letter-spacing: -0.16px;
        color: #333;
        margin-bottom: 20px; }
        @media (min-width: 760px) {
          main#enterprise .cards-panel .cards .header-card h2 {
            font-size: 1.25em; } }
        @media (min-width: 900px) {
          main#enterprise .cards-panel .cards .header-card h2 {
            font-size: 1.5em; } }
      main#enterprise .cards-panel .cards .header-card p {
        margin-left: 0;
        margin-right: 0;
        max-width: none;
        margin-bottom: 0;
        font-size: 0.938em;
        letter-spacing: -0.2px; }
      main#enterprise .cards-panel .cards .header-card img {
        max-height: 30px;
        margin-bottom: 10px;
        float: left;
        margin-right: 15px; }
  main#enterprise section.advanced-protection-included, main#enterprise section.end-section {
    text-align: center; }
  main#enterprise section h2.display {
    font-family: "Adelle-Semibold", sans-serif;
    font-size: 2em;
    font-weight: normal;
    line-height: 1.34;
    letter-spacing: -0.21px;
    color: #333; }
  main#enterprise section.business-features-list h2:last-of-type {
    font-family: "Adelle-Semibold", sans-serif;
    font-size: 2em;
    font-weight: normal;
    line-height: 1.34;
    letter-spacing: -0.21px;
    color: white; }
  main#enterprise section.end-section {
    padding: 40px 25px;
    background: white; }
    main#enterprise section.end-section a.link {
      font-size: 1.125em;
      font-weight: 600;
      line-height: 1.5;
      letter-spacing: -0.16px;
      position: relative;
      transition: color 0.2s ease-in-out; }
      main#enterprise section.end-section a.link svg {
        margin-left: 5px;
        margin-top: -2px;
        vertical-align: middle; }
        main#enterprise section.end-section a.link svg path {
          fill: #0572ec;
          transition: fill 0.2s ease-in-out; }
      main#enterprise section.end-section a.link:hover {
        color: #06c; }
        main#enterprise section.end-section a.link:hover svg path {
          fill: #06c; }
    main#enterprise section.end-section h2 {
      font-size: 1.375em; }
  main#enterprise section:not(.end-section) .container {
    padding: 80px 0; }
  main#enterprise .companies {
    background-color: white;
    padding: 30px;
    text-align: center; }
    @media (min-width: 920px) {
      main#enterprise .companies {
        padding: 80px 20px 70px; } }
    main#enterprise .companies h1 {
      font-size: 1.25em;
      line-height: 1.15;
      letter-spacing: -0.13px;
      text-align: center;
      color: #333;
      max-width: 381px;
      margin: 0 auto; }
    main#enterprise .companies img {
      margin: 2.5em auto;
      max-width: 1024px; }
    main#enterprise .companies picture {
      display: block; }
    main#enterprise .companies a.read-more {
      font-size: 1.125em;
      font-weight: 600;
      line-height: 1.5;
      letter-spacing: -0.12px;
      text-align: center;
      color: #0572ec; }
      main#enterprise .companies a.read-more:hover {
        color: #06c; }
  main#enterprise section.protect-enterprise {
    background: white; }
    @media (min-width: 760px) {
      main#enterprise section.protect-enterprise {
        padding-top: 60px;
        padding-bottom: 60px; } }
    main#enterprise section.protect-enterprise .container {
      background-color: #f2f4f7;
      border: 1px solid #f2f4f7;
      padding: 0;
      border-radius: 0.5em; }
      @media (max-width: 670px) {
        main#enterprise section.protect-enterprise .container {
          padding: 0; } }
      @media (max-width: 52em) {
        main#enterprise section.protect-enterprise .container {
          border-radius: 0; } }
      @media (max-width: 759px) {
        main#enterprise section.protect-enterprise .container {
          padding: 0 30px; } }
      main#enterprise section.protect-enterprise .container div div:first-of-type {
        padding: 30px 0; }
        @media (min-width: 52em) {
          main#enterprise section.protect-enterprise .container div div:first-of-type {
            padding: 30px 0 60px; } }
      main#enterprise section.protect-enterprise .container div div:last-of-type {
        justify-self: right;
        height: 100%; }
      main#enterprise section.protect-enterprise .container img {
        max-width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: left; }
        main#enterprise section.protect-enterprise .container img.mobile {
          display: block;
          margin: 0 auto; }
        main#enterprise section.protect-enterprise .container img.desktop {
          display: none; }
        @media (min-width: 760px) {
          main#enterprise section.protect-enterprise .container img.mobile {
            display: none; }
          main#enterprise section.protect-enterprise .container img.desktop {
            display: block; } }
    @media (min-width: 760px) {
      main#enterprise section.protect-enterprise .grid-col--lg-order-1 {
        margin-top: -60px; } }
    main#enterprise section.protect-enterprise p,
    main#enterprise section.protect-enterprise h2 {
      margin-bottom: 30px;
      text-align: left;
      margin-bottom: 30px; }
      @media (min-width: 760px) {
        main#enterprise section.protect-enterprise p,
        main#enterprise section.protect-enterprise h2 {
          max-width: 400px;
          margin-left: auto;
          margin-right: auto;
          margin-bottom: 30px;
          text-align: left;
          padding-left: 30px; } }
    main#enterprise section.protect-enterprise p {
      font-size: 1.125em;
      line-height: 1.5;
      letter-spacing: -0.12px;
      margin-bottom: 0; }
  main#enterprise section.deploy {
    background: white;
    padding: 30px; }
    @media (min-width: 760px) {
      main#enterprise section.deploy {
        padding-top: 60px;
        padding-bottom: 60px; } }
    main#enterprise section.deploy .container {
      padding: 0; }
      main#enterprise section.deploy .container div div:last-of-type {
        justify-self: right; }
    main#enterprise section.deploy p,
    main#enterprise section.deploy h2 {
      margin-bottom: 30px;
      text-align: left;
      margin-bottom: 30px; }
      @media (min-width: 760px) {
        main#enterprise section.deploy p,
        main#enterprise section.deploy h2 {
          max-width: 400px;
          margin-left: auto;
          margin-right: auto;
          margin-bottom: 30px;
          text-align: left;
          padding-left: 30px; } }
    main#enterprise section.deploy p {
      font-size: 1.125em;
      line-height: 1.5;
      letter-spacing: -0.12px; }
      @media (min-width: 760px) {
        main#enterprise section.deploy p {
          margin-bottom: 0; } }
  main#enterprise section.good-practice {
    background: white; }
    @media (max-width: 1170px) {
      main#enterprise section.good-practice {
        padding-left: 30px;
        padding-right: 30px; } }
    main#enterprise section.good-practice .container {
      padding: 60px 0; }
    main#enterprise section.good-practice p,
    main#enterprise section.good-practice h2 {
      margin-bottom: 30px;
      text-align: left;
      margin-bottom: 30px; }
      @media (min-width: 760px) {
        main#enterprise section.good-practice p,
        main#enterprise section.good-practice h2 {
          max-width: 400px;
          margin-left: auto;
          margin-right: auto;
          margin-bottom: 30px;
          text-align: left;
          padding-left: 30px; } }
    main#enterprise section.good-practice p {
      font-size: 1.125em;
      line-height: 1.5;
      letter-spacing: -0.12px; }
      @media (min-width: 760px) {
        main#enterprise section.good-practice p {
          margin-bottom: 0; } }
    main#enterprise section.good-practice a {
      border-bottom: 1px dotted black;
      display: inline-block;
      font-weight: 600; }
    main#enterprise section.good-practice img {
      border-radius: 1em; }
  main#enterprise section.ibm-quote {
    background-image: linear-gradient(180deg, white 0%, #f2f4f7 100%);
    box-shadow: 0 1px 0 0 #e6e8eb;
    min-height: 250px; }
    main#enterprise section.ibm-quote div.container {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      align-items: center;
      max-width: 1170px;
      margin: 0 auto;
      padding: 30px 0; }
      @media (min-width: 920px) {
        main#enterprise section.ibm-quote div.container {
          padding: 60px 0; } }
      @media (min-width: 670px) {
        main#enterprise section.ibm-quote div.container {
          flex-direction: row; } }
      main#enterprise section.ibm-quote div.container div h1 {
        font-size: 1.75em;
        line-height: 1.36;
        letter-spacing: -0.19px;
        color: white;
        margin-bottom: 25px; }
        @media (min-width: 1024px) {
          main#enterprise section.ibm-quote div.container div h1 {
            font-size: 2em; } }
      main#enterprise section.ibm-quote div.container img {
        width: 300px; }
      main#enterprise section.ibm-quote div.container blockquote {
        color: #1b5998;
        line-height: 1.6em;
        padding: 0 60px;
        margin: 20px 0;
        font-size: 1.14em; }
        @media (max-width: 760px) {
          main#enterprise section.ibm-quote div.container blockquote {
            text-align: center; } }
        main#enterprise section.ibm-quote div.container blockquote p {
          color: inherit;
          margin: 1em 0 0;
          font-size: 0.9rem;
          font-weight: 600; }
  main#enterprise .companies {
    background-color: white;
    padding: 30px;
    text-align: center; }
    @media (min-width: 920px) {
      main#enterprise .companies {
        padding: 80px 20px 70px; } }
    main#enterprise .companies h1 {
      font-size: 1.25em;
      line-height: 1.15;
      letter-spacing: -0.13px;
      text-align: center;
      color: #333;
      max-width: 381px;
      margin: 0 auto; }
    main#enterprise .companies img {
      margin: 2.5em auto;
      max-width: 1024px; }
    main#enterprise .companies picture {
      display: block; }
    main#enterprise .companies a.read-more {
      font-size: 1.125em;
      font-weight: 600;
      line-height: 1.5;
      letter-spacing: -0.12px;
      text-align: center;
      color: #0572ec; }
      main#enterprise .companies a.read-more:hover {
        color: #06c; }
  main#enterprise section.g2-scrollable {
    background: #f0f5fa;
    background: -webkit-linear-gradient(top, white 0%, #f0f5fa 40%);
    background: linear-gradient(to bottom, white 0%, #f0f5fa 40%);
    margin-bottom: 0; }
    main#enterprise section.g2-scrollable h2 {
      font-size: 1.75em;
      line-height: 1.15;
      letter-spacing: -0.27px; }
      @media (min-width: 52em) {
        main#enterprise section.g2-scrollable h2 {
          font-size: 2.5em; } }
    main#enterprise section.g2-scrollable .g2-trophy {
      margin: 40px auto 0;
      height: 120px; }
    main#enterprise section.g2-scrollable .scroller-wrapper {
      max-width: 1040px;
      margin: 0 auto; }
      main#enterprise section.g2-scrollable .scroller-wrapper .scroller-tracker {
        cursor: default; }
        @media (min-width: 768px) {
          main#enterprise section.g2-scrollable .scroller-wrapper .scroller-tracker {
            cursor: default; } }
    main#enterprise section.g2-scrollable .cta-box {
      box-shadow: 0 2px 4px 0 rgba(122, 138, 153, 0.1);
      background-color: #072a50;
      padding: 30px;
      position: relative;
      overflow: visible; }
      @media (min-width: 920px) {
        main#enterprise section.g2-scrollable .cta-box {
          margin-top: 30px; } }
      @media (min-width: 768px) {
        main#enterprise section.g2-scrollable .cta-box {
          padding: 50px; } }
      @media (min-width: 1170px) {
        main#enterprise section.g2-scrollable .cta-box {
          -webkit-border-radius: 0;
          -moz-border-radius: 0;
          border-radius: 0; } }
      @media (min-width: 52em) {
        main#enterprise section.g2-scrollable .cta-box {
          margin-top: 0; } }
      main#enterprise section.g2-scrollable .cta-box::before {
        display: none; }
        @media (min-width: 900px) {
          main#enterprise section.g2-scrollable .cta-box::before {
            display: block;
            content: "";
            position: absolute;
            top: -10px;
            left: calc(20% - 320px);
            background: url("/img/enterprise/ent-secure-left.6a967ddc10e66e09c1e28f18d65803db.svg") no-repeat 0 0;
            background-size: contain;
            width: 370px;
            min-height: 105%; } }
      main#enterprise section.g2-scrollable .cta-box::after {
        display: none; }
        @media (min-width: 900px) {
          main#enterprise section.g2-scrollable .cta-box::after {
            display: block;
            content: "";
            position: absolute;
            top: -10px;
            right: calc(20% - 360px);
            background: url("/img/enterprise/ent-secure-right.361fdb8cf7c4eb431a3e7d1950549ceb.svg") no-repeat right center;
            background-size: contain;
            width: 370px;
            min-height: 105%; } }
      main#enterprise section.g2-scrollable .cta-box h2,
      main#enterprise section.g2-scrollable .cta-box p,
      main#enterprise section.g2-scrollable .cta-box li {
        color: white; }
      main#enterprise section.g2-scrollable .cta-box h2,
      main#enterprise section.g2-scrollable .cta-box p {
        max-width: 570px;
        margin-left: auto;
        margin-right: auto; }
      main#enterprise section.g2-scrollable .cta-box p {
        max-width: 570px;
        margin-bottom: 30px; }
        main#enterprise section.g2-scrollable .cta-box p:last-of-type {
          margin-bottom: 0; }
      main#enterprise section.g2-scrollable .cta-box h2 {
        letter-spacing: -0.27px; }
      main#enterprise section.g2-scrollable .cta-box a.btn {
        background-color: white;
        color: #0572ec;
        margin: 0 auto 30px;
        width: auto;
        padding-left: 25px;
        padding-right: 25px;
        display: inline-block; }
        @media (min-width: 500px) {
          main#enterprise section.g2-scrollable .cta-box a.btn {
            margin: 0 auto 40px; } }
      @media (min-width: 500px) {
        main#enterprise section.g2-scrollable .cta-box .list-features ul {
          display: inline-flex;
          flex-direction: row;
          justify-content: space-evenly;
          width: 100%;
          max-width: 500px;
          margin-bottom: 20px; } }
      @media screen\0 {
        main#enterprise section.g2-scrollable .cta-box .list-features ul {
          justify-content: space-around; } }
      main#enterprise section.g2-scrollable .cta-box .list-features ul li {
        list-style: none;
        font-size: 0.875em;
        font-weight: 500;
        line-height: 1.5;
        letter-spacing: -0.09px;
        margin-bottom: 10px; }
        @media (min-width: 500px) {
          main#enterprise section.g2-scrollable .cta-box .list-features ul li {
            margin-bottom: 0;
            margin-left: 15px; }
            main#enterprise section.g2-scrollable .cta-box .list-features ul li:first-child {
              margin-left: 0; } }
        main#enterprise section.g2-scrollable .cta-box .list-features ul li img[alt="Check"] {
          padding-right: 10px; }
  main#enterprise .get-started {
    background: #232a3f;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 30px;
    text-align: center; }
    main#enterprise .get-started h3 {
      font-size: 1.375em;
      /* 22px */
      font-weight: 600;
      line-height: 1.36;
      letter-spacing: -0.2px;
      color: white; }
    main#enterprise .get-started a {
      text-align: center;
      box-sizing: border-box;
      width: calc(100% - 60px);
      max-width: 300px;
      padding: 12px;
      margin: 0 auto;
      border-radius: 100px;
      font-weight: 600;
      display: flex;
      outline: none;
      align-self: center;
      justify-content: center;
      box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
      -webkit-transition: transform 0.2s ease-in-out;
      -moz-transition: transform 0.2s ease-in-out;
      -ms-transition: transform 0.2s ease-in-out;
      -o-transition: transform 0.2s ease-in-out;
      transition: transform 0.2s ease-in-out;
      -webkit-transition: box-shadow 0.2s ease-in-out;
      -moz-transition: box-shadow 0.2s ease-in-out;
      -ms-transition: box-shadow 0.2s ease-in-out;
      -o-transition: box-shadow 0.2s ease-in-out;
      transition: box-shadow 0.2s ease-in-out;
      background: #50b347;
      color: white;
      margin: 0 1em; }
      @media (max-width: 600px) {
        main#enterprise .get-started a {
          width: calc(100% - 30px); } }
      main#enterprise .get-started a:hover, main#enterprise .get-started a:focus {
        box-shadow: 0 8px 34px 0 rgba(0, 0, 0, 0.3);
        transform: scale(1.05);
        -webkit-transition: transform 0.2s ease-in-out;
        -moz-transition: transform 0.2s ease-in-out;
        -ms-transition: transform 0.2s ease-in-out;
        -o-transition: transform 0.2s ease-in-out;
        transition: transform 0.2s ease-in-out;
        -webkit-transition: box-shadow 0.2s ease-in-out;
        -moz-transition: box-shadow 0.2s ease-in-out;
        -ms-transition: box-shadow 0.2s ease-in-out;
        -o-transition: box-shadow 0.2s ease-in-out;
        transition: box-shadow 0.2s ease-in-out; }

.jobs {
  display: block;
  padding-top: 60px;
  overflow: hidden; }
  .jobs__header {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 35px 20px;
    margin: 0 auto;
    max-width: 960px; }
    @media (min-width: 1250px) {
      .jobs__header {
        padding: 70px 20px; } }
  .jobs__header-inner {
    max-width: 410px; }
    @media (max-width: 1250px) {
      .jobs__header-inner {
        margin: 0 auto; } }
  .jobs__header-intro, .jobs__header-description {
    color: #212b36; }
  .jobs__header-intro {
    line-height: 1.2;
    letter-spacing: -0.27px;
    margin-bottom: 30px;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 1.875em;
    font-weight: 600; }
  .jobs__header-description {
    line-height: 1.47;
    letter-spacing: -0.4px;
    font-size: 1.125em;
    margin-bottom: 0; }
  .jobs__btn-external {
    background-color: #0572ec;
    color: white;
    text-align: center;
    box-sizing: border-box;
    width: 100%;
    max-width: 250px;
    padding: 12px 50px;
    border-radius: 100px;
    font-weight: 600;
    display: flex;
    outline: none;
    align-self: center;
    justify-content: center;
    -webkit-transition: transform 0.2s ease-in-out;
    -moz-transition: transform 0.2s ease-in-out;
    -ms-transition: transform 0.2s ease-in-out;
    -o-transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    -webkit-transition: box-shadow 0.2s ease-in-out;
    -moz-transition: box-shadow 0.2s ease-in-out;
    -ms-transition: box-shadow 0.2s ease-in-out;
    -o-transition: box-shadow 0.2s ease-in-out;
    transition: box-shadow 0.2s ease-in-out; }
    .jobs__btn-external:hover, .jobs__btn-external:focus {
      box-shadow: 0 8px 34px 0 rgba(0, 0, 0, 0.3);
      color: white;
      transform: scale(1.05);
      -webkit-transition: transform 0.2s ease-in-out;
      -moz-transition: transform 0.2s ease-in-out;
      -ms-transition: transform 0.2s ease-in-out;
      -o-transition: transform 0.2s ease-in-out;
      transition: transform 0.2s ease-in-out;
      -webkit-transition: box-shadow 0.2s ease-in-out;
      -moz-transition: box-shadow 0.2s ease-in-out;
      -ms-transition: box-shadow 0.2s ease-in-out;
      -o-transition: box-shadow 0.2s ease-in-out;
      transition: box-shadow 0.2s ease-in-out; }
    .jobs__btn-external--centered {
      margin: 50px auto; }
  .jobs__landing-images {
    display: none; }
    @supports (display: grid) {
      .jobs__landing-images {
        max-width: 100%;
        width: 100%;
        display: grid;
        align-content: end;
        align-items: end;
        justify-content: end;
        grid-template-columns: repeat(24, 1fr);
        grid-template-rows: repeat(24, 1fr);
        grid-column-gap: 10px;
        height: 250px; }
        @media (min-width: 1023px) {
          .jobs__landing-images {
            grid-row-gap: 10px;
            height: 400px; } }
        @media (min-width: 1250px) {
          .jobs__landing-images {
            min-height: 600px;
            margin: -150px auto 0; } }
        @media (min-width: 1920px) {
          .jobs__landing-images {
            min-width: 1920px;
            max-width: 1920px; } } }
  .jobs__team-photo-container {
    align-self: stretch;
    width: 100%;
    height: 100%; }
    .jobs__team-photo-container:first-child {
      grid-column-start: 1;
      grid-column-end: span 24;
      grid-row-start: 1;
      grid-row-end: span 24; }
      @media (min-width: 1023px) {
        .jobs__team-photo-container:first-child {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          grid-column-start: 1;
          grid-column-end: span 16;
          grid-row-start: 1;
          grid-row-end: span 24; } }
      @media (min-width: 1250px) {
        .jobs__team-photo-container:first-child {
          grid-column-start: 1;
          grid-column-end: span 11;
          grid-row-start: 7;
          grid-row-end: span 18; } }
      @media (min-width: 1700px) {
        .jobs__team-photo-container:first-child {
          grid-column-start: 1;
          grid-column-end: span 13;
          grid-row-start: 7;
          grid-row-end: span 18; } }
    .jobs__team-photo-container:nth-child(2) {
      display: none; }
      @media (min-width: 1023px) {
        .jobs__team-photo-container:nth-child(2) {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          grid-column-start: 17;
          grid-column-end: span 8;
          grid-row-start: 1;
          grid-row-end: span 12; } }
      @media (min-width: 1250px) {
        .jobs__team-photo-container:nth-child(2) {
          grid-column-start: 12;
          grid-column-end: span 7;
          grid-row-start: 6;
          grid-row-end: span 9; } }
      @media (min-width: 1700px) {
        .jobs__team-photo-container:nth-child(2) {
          grid-column-start: 14;
          grid-column-end: span 3;
          grid-row-start: 6;
          grid-row-end: span 9; } }
    .jobs__team-photo-container:nth-child(3) {
      display: none; }
      @media (min-width: 1023px) {
        .jobs__team-photo-container:nth-child(3) {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          grid-column-start: 17;
          grid-column-end: span 8;
          grid-row-start: 13;
          grid-row-end: span 12; } }
      @media (min-width: 1250px) {
        .jobs__team-photo-container:nth-child(3) {
          grid-column-start: 12;
          grid-column-end: span 7;
          grid-row-start: 15;
          grid-row-end: span 10; } }
      @media (min-width: 1700px) {
        .jobs__team-photo-container:nth-child(3) {
          grid-column-start: 14;
          grid-column-end: span 3;
          grid-row-start: 15;
          grid-row-end: span 10; } }
    .jobs__team-photo-container:nth-child(4) {
      display: none; }
      @media (min-width: 1250px) {
        .jobs__team-photo-container:nth-child(4) {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          grid-column-start: 19;
          grid-column-end: span 6;
          grid-row-start: 1;
          grid-row-end: span 11; } }
      @media (min-width: 1700px) {
        .jobs__team-photo-container:nth-child(4) {
          grid-column-start: 17;
          grid-column-end: span 4;
          grid-row-start: 1;
          grid-row-end: span 11; } }
    .jobs__team-photo-container:nth-child(5) {
      display: none; }
      @media (min-width: 1250px) {
        .jobs__team-photo-container:nth-child(5) {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          grid-column-start: 19;
          grid-column-end: span 6;
          grid-row-start: 12;
          grid-row-end: span 13; } }
      @media (min-width: 1700px) {
        .jobs__team-photo-container:nth-child(5) {
          grid-column-start: 17;
          grid-column-end: span 4;
          grid-row-start: 12;
          grid-row-end: span 13; } }
    .jobs__team-photo-container:nth-child(6) {
      display: none; }
      @media (min-width: 1700px) {
        .jobs__team-photo-container:nth-child(6) {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          grid-column-start: 21;
          grid-column-end: span 4;
          grid-row-start: 10;
          grid-row-end: span 15; } }
  .jobs__image-src {
    object-fit: cover;
    display: block;
    height: 100%;
    width: 100%;
    max-height: 100%;
    max-width: 100%; }
  .jobs__culture {
    background-color: #232a3f;
    margin-bottom: 90px; }
  .jobs__culture-container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    max-width: 960px;
    padding: 20px;
    margin: 0 auto; }
    @media (max-width: 767px) {
      .jobs__culture-container {
        flex-wrap: wrap; } }
    @media (min-width: 768px) {
      .jobs__culture-container {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-bottom: 50px;
        padding-top: 50px; } }
  .jobs__culture-container-text {
    max-width: 430px; }
  .jobs__culture-description {
    font-size: 1.125rem;
    line-height: 1.47;
    letter-spacing: -0.56px;
    color: white;
    margin: 0;
    padding-bottom: 30px; }
    @media (min-width: 768px) {
      .jobs__culture-description:last-child {
        padding-bottom: 0; } }
  .jobs__quote-container {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #0572ec;
    width: 100%;
    height: 100%;
    padding: 30px; }
    @media (min-width: 767px) {
      .jobs__quote-container {
        padding: 20px;
        max-width: 370px; } }
    @media (min-width: 1023px) {
      .jobs__quote-container {
        padding: 40px; } }
  .jobs__blockquote {
    color: white;
    font-size: 1.375rem;
    font-style: italic;
    line-height: 1.39; }
  .jobs__quote-citation {
    color: white;
    font-style: normal;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.23px; }

/*
Price Columns
*/
h1.teams {
  width: 100%;
  height: 120px;
  background-image: url("/img/pricing/header-logo-lock.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 293px 36px;
  text-indent: -10000px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    h1.teams {
      /* stylelint-disable-next-line function-url-quotes */
      background-image: url("/img/pricing/header-logo-lock@2x.png"); } }
.pricing-cards {
  margin: auto;
  padding-top: 24px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  @media (max-width: 767px) {
    .pricing-cards {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; } }
  .pricing-cards article {
    max-width: 300px;
    margin: 0 2px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    @media (max-width: 767px) {
      .pricing-cards article {
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        max-width: none;
        margin: 5px; } }
  .pricing-cards .pricing-card header {
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 50px;
    font-size: 1.7em; }
  .pricing-cards .pricing-card ul {
    margin: 0 10px;
    list-style: none; }
    .pricing-cards .pricing-card ul li {
      color: #b8bdcc;
      padding-bottom: 5px; }
      .pricing-cards .pricing-card ul li:last-child {
        padding-bottom: 0; }
  .pricing-cards .pricing-card section.pricing {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    text-align: center;
    padding-bottom: 20px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    align-items: center;
    min-height: 330px;
    padding: 14px 0; }
    @media screen\0 {
      .pricing-cards .pricing-card section.pricing {
        height: 330px; } }
    .pricing-cards .pricing-card section.pricing sup {
      font-size: 24px;
      letter-spacing: -1px;
      vertical-align: super;
      font-weight: 600;
      line-height: 0;
      padding-right: 3px; }
    .pricing-cards .pricing-card section.pricing p {
      color: white;
      font-size: 1.063em;
      /* 17px */
      max-width: 300px;
      margin: 0 20px 15px;
      line-height: 1.35;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
      @media (max-width: 400px) {
        .pricing-cards .pricing-card section.pricing p {
          margin: 10px 20px 20px;
          -webkit-transition: all 0.2s ease-in-out;
          -moz-transition: all 0.2s ease-in-out;
          -ms-transition: all 0.2s ease-in-out;
          -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out; } }
    .pricing-cards .pricing-card section.pricing p.price {
      display: inline-block;
      font-weight: 600;
      font-size: 72px;
      letter-spacing: 0.34px;
      line-height: 0.5em;
      vertical-align: bottom;
      margin-top: 20px; }
    .pricing-cards .pricing-card section.pricing p.billed {
      font-weight: 600;
      line-height: 5px;
      opacity: 0.4;
      margin: 0 auto;
      font-size: 0.9em;
      position: relative;
      top: 10px; }
    .pricing-cards .pricing-card section.pricing a.button {
      font-size: 0.938em;
      /* 15px */
      letter-spacing: -0.2px;
      text-align: center;
      box-sizing: border-box;
      width: calc(100% - 60px);
      max-width: 300px;
      padding: 12px;
      margin: 0 auto;
      border-radius: 100px;
      font-weight: 600;
      display: flex;
      outline: none;
      align-self: center;
      justify-content: center;
      box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
      -webkit-transition: transform 0.2s ease-in-out;
      -moz-transition: transform 0.2s ease-in-out;
      -ms-transition: transform 0.2s ease-in-out;
      -o-transition: transform 0.2s ease-in-out;
      transition: transform 0.2s ease-in-out;
      -webkit-transition: box-shadow 0.2s ease-in-out;
      -moz-transition: box-shadow 0.2s ease-in-out;
      -ms-transition: box-shadow 0.2s ease-in-out;
      -o-transition: box-shadow 0.2s ease-in-out;
      transition: box-shadow 0.2s ease-in-out;
      max-width: 285px;
      margin: 20px auto 0; }
      @media (max-width: 600px) {
        .pricing-cards .pricing-card section.pricing a.button {
          width: calc(100% - 30px); } }
      .pricing-cards .pricing-card section.pricing a.button:hover, .pricing-cards .pricing-card section.pricing a.button:focus {
        box-shadow: 0 8px 34px 0 rgba(0, 0, 0, 0.3);
        transform: scale(1.05);
        -webkit-transition: transform 0.2s ease-in-out;
        -moz-transition: transform 0.2s ease-in-out;
        -ms-transition: transform 0.2s ease-in-out;
        -o-transition: transform 0.2s ease-in-out;
        transition: transform 0.2s ease-in-out;
        -webkit-transition: box-shadow 0.2s ease-in-out;
        -moz-transition: box-shadow 0.2s ease-in-out;
        -ms-transition: box-shadow 0.2s ease-in-out;
        -o-transition: box-shadow 0.2s ease-in-out;
        transition: box-shadow 0.2s ease-in-out; }
  .pricing-cards .teams-standard header {
    color: white;
    font-weight: 600; }
  .pricing-cards .teams-standard li {
    background-image: url("/img/pricing/blue-tick.svg"); }
  .pricing-cards .teams-standard section.pricing {
    background: #1c70c4;
    color: white;
    width: 100%; }
  .pricing-cards .teams-standard a.button {
    background: white;
    color: #0572ec; }
  .pricing-cards .teams-pro header {
    color: white;
    font-weight: 600; }
  .pricing-cards .teams-pro li {
    background-image: url("/img/pricing/earl-tick.svg"); }
  .pricing-cards .teams-pro section.pricing {
    background: #475766;
    color: white;
    width: 100%; }
    .pricing-cards .teams-pro section.pricing a.button {
      background: #0572ec;
      color: white;
      margin-top: 30px; }
  .pricing-cards .teams-enterprise header {
    color: white;
    font-weight: 600; }
  .pricing-cards .teams-enterprise section.pricing {
    background: #3f4c73;
    color: white;
    padding-top: 5px;
    width: 100%; }
    .pricing-cards .teams-enterprise section.pricing p {
      position: relative;
      top: 13px; }
  .pricing-cards .teams-enterprise ul {
    color: #b8bdcc; }
  .pricing-cards .teams-enterprise a.button {
    background: white;
    color: #69728c; }

.frequent-pricing-questions {
  width: 100%;
  padding: 20px 20px 60px;
  margin: auto; }
  .frequent-pricing-questions .wrapper {
    max-width: 700px;
    margin: 0 auto; }
  .frequent-pricing-questions h2 {
    text-align: center;
    margin: 50px 0 10px;
    color: #333;
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 60px; }
  .frequent-pricing-questions ul {
    list-style: none;
    font-size: 18px;
    line-height: 26px; }
    .frequent-pricing-questions ul strong {
      display: block;
      color: #333;
      font-size: 18px;
      line-height: 25px;
      padding-bottom: 10px;
      border-bottom: 1px dashed #b8bdcc;
      text-align: left;
      margin-bottom: 20px; }
    .frequent-pricing-questions ul span {
      padding-top: 10px;
      color: #333;
      display: block;
      font-size: 17px;
      line-height: 26px; }
    .frequent-pricing-questions ul li {
      margin-bottom: 60px; }
  .frequent-pricing-questions a {
    color: #7369bf;
    border-bottom: 2px solid #d2ccff; }
    .frequent-pricing-questions a:hover {
      color: #7369bf;
      border-bottom: 2px solid #7369bf; }

/* stylelint-disable */
.pricing {
  overflow: hidden;
  /* -- Personal and Family -- */ }
  .pricing .header {
    min-height: 190px;
    padding-top: 60px;
    background: #f7fbff;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    @media screen\0 {
      .pricing .header {
        position: relative; } }
    .pricing .header h1 {
      font-size: 1.875em;
      margin-bottom: 13px; }
      .pricing .header h1 strong {
        font-weight: normal; }
    .pricing .header h2 {
      color: #4d4d4d;
      font-size: 1.7em;
      font-weight: normal; }
    .pricing .header .tabs {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -ms-flex-pack: distribute;
      justify-content: space-around;
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: flex-end;
      width: 95%;
      max-width: 490px; }
      @media screen\0 {
        .pricing .header .tabs {
          position: absolute;
          bottom: 0;
          left: 460px;
          margin-left: 230px; } }
      .pricing .header .tabs .tab {
        width: 240px;
        border: solid 1px #dadde6;
        border-radius: 6px 6px 0 0;
        border-bottom: none;
        background: #fff;
        text-align: center; }
        .pricing .header .tabs .tab h2 {
          font-size: 1em;
          line-height: 44px; }
  .pricing .USD-pricing {
    width: 100%;
    text-align: center;
    position: relative; }
    .pricing .USD-pricing p {
      font-size: 0.8em;
      color: #b8bdcc;
      margin: 0; }
  .pricing .main-body {
    border-top: 1px solid #dadde6;
    padding: 30px 0 0; }
    .pricing .main-body .promo-description {
      max-width: 970px;
      margin: 0 auto 20px;
      padding: 0 20px;
      text-align: center;
      font-size: 1.063em;
      color: #4d4d4d; }
    .pricing .main-body .column-container {
      max-width: 970px;
      margin: 0 auto;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      @media (max-width: 700px) {
        .pricing .main-body .column-container {
          -ms-flex-direction: column;
          flex-direction: column; } }
      .pricing .main-body .column-container .col {
        -ms-flex-preferred-size: 350px;
        flex-basis: 350px;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        flex-grow: 1; }
        @media screen\0 {
          .pricing .main-body .column-container .col {
            margin: 0 auto; } }
        .pricing .main-body .column-container .col ul {
          max-width: 470px;
          margin: 20px auto; }
          .pricing .main-body .column-container .col ul li {
            list-style: none;
            padding: 15px 5px 15px 40px;
            background-position: 3% center;
            background-repeat: no-repeat;
            font-weight: 500;
            font-size: 14px;
            background-size: 18px; }
            .pricing .main-body .column-container .col ul li.highlights {
              background-color: #fcf8f0; }
          .pricing .main-body .column-container .col ul li.top-highlight {
            padding-top: 17px;
            padding-left: 20px;
            font-family: "Adelle-Semibold", sans-serif;
            font-size: 0.938em; }
        .pricing .main-body .column-container .col.family ul li.family-account-included, .pricing .main-body .column-container .col.business ul li.family-account-included {
          background-image: url("/img/teams/family.69e6fce0a736524e0ec7f21fab5f8c9b.svg");
          background-position: 12px 100%;
          padding: 14px 5px 11px 165px;
          display: inline-flex;
          flex-direction: column;
          justify-content: center;
          width: 100%; }
          .pricing .main-body .column-container .col.family ul li.family-account-included span, .pricing .main-body .column-container .col.business ul li.family-account-included span {
            font-weight: normal; }
        .pricing .main-body .column-container .col.business ul li.family-account-included {
          background-color: #fcf8f0;
          background-size: 110px 55px; }
        .pricing .main-body .column-container .col.family ul li.family-account-included {
          min-height: 100px;
          background-size: 140px 70px; }
  .pricing#personal-and-family .header p {
    margin-bottom: 0; }
  .pricing#personal-and-family .header .tabs .tab.personal-family {
    height: 50px;
    margin: 0 0 -1px; }
    @media (min-width: 425px) {
      .pricing#personal-and-family .header .tabs .tab.personal-family > h2 {
        font-size: 1.25em; } }
  .pricing#personal-and-family .header .tabs .tab.teams-business {
    height: 42px;
    background: #f7fbff;
    /* Inherits from main.scss */ }
    @media (min-width: 425px) {
      .pricing#personal-and-family .header .tabs .tab.teams-business > h2 {
        font-size: 1.063em; } }
  .pricing#personal-and-family .price-cards {
    margin: 0;
    position: relative; }
    .pricing#personal-and-family .price-cards .card {
      margin: 0 5px;
      width: 97%;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
      @media (min-width: 700px) {
        .pricing#personal-and-family .price-cards .card {
          height: 420px;
          margin: 0 5px;
          -webkit-transition: all 0.2s ease-in-out;
          -moz-transition: all 0.2s ease-in-out;
          -ms-transition: all 0.2s ease-in-out;
          -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out; } }
  @media (min-width: 700px) and (min-width: 990px) {
    .pricing#personal-and-family .price-cards .card {
      width: 450px;
      padding: 40px 10px 28px; } }
      @media (min-width: 700px) {
          .pricing#personal-and-family .price-cards .card h3 {
            max-width: 290px; }
            .pricing#personal-and-family .price-cards .card h3.title {
              font-size: 23px;
              opacity: 0.8; }
          .pricing#personal-and-family .price-cards .card:hover {
            -webkit-transform: scale(1.05);
            -ms-transform: scale(1.05);
            transform: scale(1.05);
            -webkit-transition: transform 0.3s ease;
            -moz-transition: transform 0.3s ease;
            -ms-transition: transform 0.3s ease;
            -o-transition: transform 0.3s ease;
            transition: transform 0.3s ease;
            box-shadow: 0 6px 30px 0 rgba(153, 153, 153, 0.7); } }
      @media screen\0 {
        .pricing#personal-and-family .price-cards .card {
          height: auto; } }
  @media (min-width: 990px) {
    .pricing#personal-and-family .main-body .column-container .col.personal {
      margin-right: 0; } }
  .pricing#personal-and-family .main-body .column-container .col.personal ul {
    padding: 0 2px; }
    .pricing#personal-and-family .main-body .column-container .col.personal ul li {
      background-image: url("/img/pricing/checkbox-blue.b89fce966ef19fb231bbb40d600aabc1.svg"); }
      .pricing#personal-and-family .main-body .column-container .col.personal ul li:nth-child(odd) {
        background-color: #d9ecff; }
  @media (max-width: 660px) {
    .pricing#personal-and-family .main-body .column-container .col.family {
      order: -1; } }
  @media (min-width: 990px) {
    .pricing#personal-and-family .main-body .column-container .col.family {
      margin-left: 35px; } }
  .pricing#personal-and-family .main-body .column-container .col.family ul li:not(.family-account-included):not(.top-highlight) {
    background-image: url("/img/pricing/checkbox-purple.c2e1760b521745f4b97712d60e51e31e.svg"); }
    .pricing#personal-and-family .main-body .column-container .col.family ul li:not(.family-account-included):not(.top-highlight):nth-child(odd):not(.top-highlight) {
      background-color: #eae0ff; }
  .pricing#personal-and-family .main-body .column-container .col.family ul li.top-highlight {
    background-color: #d9ecff; }
  .pricing#teams-and-business .header .tabs .tab.personal-family {
    height: 42px;
    background: #f7fbff;
    /* Inherits from main.scss */ }
    @media (min-width: 425px) {
      .pricing#teams-and-business .header .tabs .tab.personal-family > h2 {
        font-size: 1.063em; } }
  .pricing#teams-and-business .header .tabs .tab.teams-business {
    height: 50px;
    margin: 0 0 -1px; }
    @media (min-width: 425px) {
      .pricing#teams-and-business .header .tabs .tab.teams-business > h2 {
        font-size: 1.25em; } }
  .pricing#teams-and-business .pricing-cards {
    justify-content: center;
    padding-bottom: 23px; }
    @media (min-width: 768px) {
      .pricing#teams-and-business .pricing-cards {
        align-items: center; } }
    @media (min-width: 768px) {
      .pricing#teams-and-business .pricing-cards.has-teams-starter-pack {
        align-items: stretch; } }
    .pricing#teams-and-business .pricing-cards .pricing-card {
      max-width: 95%;
      width: 100%; }
      @media (min-width: 768px) {
        .pricing#teams-and-business .pricing-cards .pricing-card {
          max-width: 350px; } }
      .pricing#teams-and-business .pricing-cards .pricing-card:hover {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
        -webkit-transition: transform 0.3s ease;
        -moz-transition: transform 0.3s ease;
        -ms-transition: transform 0.3s ease;
        -o-transition: transform 0.3s ease;
        transition: transform 0.3s ease;
        box-shadow: 0 6px 30px 0 rgba(153, 153, 153, 0.7); }
      .pricing#teams-and-business .pricing-cards .pricing-card .pricing a.button {
        padding: 12px;
        width: calc(100% - 25px); }
      .pricing#teams-and-business .pricing-cards .pricing-card .vat {
        position: absolute;
        top: 55%;
        left: 55%;
        color: white;
        font-size: 0.8rem;
        font-weight: 600;
        opacity: 0.6; }
    .pricing#teams-and-business .pricing-cards .teams-standard .pricing header {
      position: relative; }
    .pricing#teams-and-business .pricing-cards .teams-standard .pricing .price {
      position: relative;
      display: block; }
    @media (min-width: 661px) {
      .pricing#teams-and-business .pricing-cards .teams-pro {
        margin-bottom: 20px; } }
    .pricing#teams-and-business .pricing-cards .teams-pro .pricing {
      height: fit-content;
      justify-content: space-between;
      padding-bottom: 0; }
      @media screen\0 {
        .pricing#teams-and-business .pricing-cards .teams-pro .pricing {
          height: 409px; } }
      @media (min-width: 768px) {
        .pricing#teams-and-business .pricing-cards .teams-pro .pricing {
          padding: 30px 0 0; } }
      @media (min-width: 1024px) {
        .pricing#teams-and-business .pricing-cards .teams-pro .pricing {
          width: 350px; } }
      .pricing#teams-and-business .pricing-cards .teams-pro .pricing header {
        position: relative; }
      .pricing#teams-and-business .pricing-cards .teams-pro .pricing p {
        position: relative; }
      .pricing#teams-and-business .pricing-cards .teams-pro .pricing .price {
        position: relative;
        display: block; }
      .pricing#teams-and-business .pricing-cards .teams-pro .pricing .advanced-protection-description {
        background-color: #2b3a49;
        border-radius: 0 0 6px 6px;
        margin-top: 35px;
        margin-bottom: 0;
        min-height: 50px;
        width: 100%; }
        .pricing#teams-and-business .pricing-cards .teams-pro .pricing .advanced-protection-description p {
          font-size: 0.875em;
          margin: 15px 10px;
          max-width: fit-content; }
          @media (min-width: 1024px) {
            .pricing#teams-and-business .pricing-cards .teams-pro .pricing .advanced-protection-description p {
              margin-left: 55px;
              margin-right: 55px; } }
    .pricing#teams-and-business .pricing-cards .teams-enterprise .pricing header {
      position: relative;
      top: 10px; }
    .pricing#teams-and-business .pricing-cards .teams-enterprise .pricing ul {
      position: relative;
      top: 8px; }
    .pricing#teams-and-business .pricing-cards .teams-enterprise .pricing a.button {
      margin-top: 30px; }
  .pricing#teams-and-business .main-body .column-container {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 970px;
    margin-top: -12px; }
    .pricing#teams-and-business .main-body .column-container .col ul {
      margin-top: 60px;
      padding: 0 5px; }
      .pricing#teams-and-business .main-body .column-container .col ul li {
        margin: 4px 2px; }
    .pricing#teams-and-business .main-body .column-container .col.teams ul li:first-child, .pricing#teams-and-business .main-body .column-container .col.business ul li:first-child {
      padding: 0;
      font-size: 19px;
      margin: 0 0 15px 15px; }
    .pricing#teams-and-business .main-body .column-container .col.teams ul li:not(:first-child) {
      background-image: url("/img/checkbox-grey.svg"); }
    .pricing#teams-and-business .main-body .column-container .col.teams ul li:nth-child(even) {
      background-color: #f2f7ff; }
    .pricing#teams-and-business .main-body .column-container .col.business ul li:not(:first-child):not(.family-account-included) {
      background-image: url("/img/checkbox-dark-grey.svg"); }
      .pricing#teams-and-business .main-body .column-container .col.business ul li:not(:first-child):not(.family-account-included):nth-child(even):not(.highlights) {
        background-color: #f2f7ff; }
    .pricing#teams-and-business .main-body .column-container .col.business ul li > a.link-to-business-vaults {
      text-decoration: underline; }
    .pricing#teams-and-business .main-body .column-container .teams-pro .pricing {
      height: 320px;
      padding: 14px 0; }
  .pricing#teams-and-business .main-body .reviews-and-quotes {
    min-height: 590px;
    background-image: linear-gradient(to bottom, white, #f2f4f7);
    padding: 0 30px 60px; }
    .pricing#teams-and-business .main-body .reviews-and-quotes p {
      color: #7a8a99; }
    .pricing#teams-and-business .main-body .reviews-and-quotes h2 {
      color: #525c66;
      font-size: 1.5em; }
    .pricing#teams-and-business .main-body .reviews-and-quotes a {
      color: #0572ec;
      font-weight: bold; }
    @media (min-width: 1024px) {
      .pricing#teams-and-business .main-body .reviews-and-quotes {
        padding: 0 30px; } }
    .pricing#teams-and-business .main-body .reviews-and-quotes .quotes-grid {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      display: grid;
      grid-template-columns: 1fr;
      grid-gap: 30px;
      justify-items: center;
      min-height: auto; }
      @media screen\0 {
        .pricing#teams-and-business .main-body .reviews-and-quotes .quotes-grid {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          max-width: none;
          justify-content: center;
          align-items: stretch; } }
      @media (min-width: 1024px) {
        .pricing#teams-and-business .main-body .reviews-and-quotes .quotes-grid {
          grid-template-columns: repeat(3, 1fr);
          justify-content: center;
          max-width: 1040px; } }
      .pricing#teams-and-business .main-body .reviews-and-quotes .quotes-grid .quote-card {
        max-width: 330px;
        width: 100%;
        margin: 5px;
        padding: 20px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        background: white;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) ;
        -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) ;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) ;
        -webkit-transition: transform 0.2s ease-in-out;
        -moz-transition: transform 0.2s ease-in-out;
        -ms-transition: transform 0.2s ease-in-out;
        -o-transition: transform 0.2s ease-in-out;
        transition: transform 0.2s ease-in-out; }
        .pricing#teams-and-business .main-body .reviews-and-quotes .quotes-grid .quote-card p {
          font-size: 20px;
          line-height: 1.45;
          font-weight: normal;
          margin-bottom: 0.6em; }
        .pricing#teams-and-business .main-body .reviews-and-quotes .quotes-grid .quote-card img {
          align-self: center;
          margin-top: 20px;
          max-width: 100%; }
      .pricing#teams-and-business .main-body .reviews-and-quotes .quotes-grid .quote-card:hover {
        transform: scale(1.05);
        -webkit-transition: transform 0.2s ease-in-out;
        -moz-transition: transform 0.2s ease-in-out;
        -ms-transition: transform 0.2s ease-in-out;
        -o-transition: transform 0.2s ease-in-out;
        transition: transform 0.2s ease-in-out; }
  @media (max-width: 767px) {
    .pricing#teams-and-business .footer.pricing-cards {
      padding-top: 90px; } }
  .pricing#teams-and-business .footer.pricing-cards :hover {
    box-shadow: none; }
  .pricing section.footer {
    background-color: #232a3f; }

.resources {
  overflow: hidden; }
  .resources__header {
    overflow: hidden;
    background: #e8f3ff url("/img/resources/header-bg.d4f6788f8e3b4a5fda34ffed0efd07b9.svg") no-repeat center 250px;
    background-size: 400px; }
    @media (min-width: 1024px) {
      .resources__header {
        background-position-x: calc(50% + 435px);
        background-size: auto;
        background-position-y: 50px; } }
    @media (min-width: 1200px) {
      .resources__header {
        border-radius: 0 0 55% 55%;
        left: -50vw;
        position: relative;
        width: 200vw;
        z-index: 0; } }
  .resources__header-wrapper {
    max-width: 1140px;
    margin: 0 auto;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    min-height: 500px;
    padding: 60px 0;
    position: relative; }
    @media (max-width: 1199px) {
      .resources__header-wrapper {
        justify-content: space-around;
        padding-left: 10px;
        padding-right: 10px; } }
    @media (min-width: 1024px) {
      .resources__header-wrapper {
        align-items: center;
        justify-content: flex-start; } }
  .resources__header-title {
    color: #1f2e59;
    margin-bottom: 16px; }
    @media (max-width: 1023px) {
      .resources__header-title {
        text-align: center; } }
  .resources__header-description {
    color: #4d5d8c;
    max-width: 400px;
    opacity: 0.8;
    font-size: 1.375rem; }
    @media (max-width: 1023px) {
      .resources__header-description {
        text-align: center; } }
  .resources__header-img {
    width: 400px; }
    @media (max-width: 767px) {
      .resources__header-img {
        position: absolute;
        top: 48%; } }
  .resources .card {
    position: relative;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: transform 0.2s ease-in-out;
    -moz-transition: transform 0.2s ease-in-out;
    -ms-transition: transform 0.2s ease-in-out;
    -o-transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    cursor: pointer; }
    .resources .card > a {
      width: 100%; }
    .resources .card:hover {
      transform: scale(1.025);
      -webkit-transition: transform 0.2s ease-in-out;
      -moz-transition: transform 0.2s ease-in-out;
      -ms-transition: transform 0.2s ease-in-out;
      -o-transition: transform 0.2s ease-in-out;
      transition: transform 0.2s ease-in-out;
      -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.12);
      -moz-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.12);
      box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.12); }
    @media (min-width: 768px) {
      .resources .card {
        flex: 0 0 auto; } }
    .resources .card--deepblue {
      background-color: #1f2e59;
      color: white; }
    .resources .card--lightblue {
      background-color: #b5d4f2;
      color: #3d454d; }
    .resources .card--greyblue {
      background-color: #5f729e;
      color: white; }
    .resources .card--lightblue2 {
      background-color: #badcff;
      color: #3d454d; }
    .resources .card--darkblue {
      background-color: #00407f;
      color: white; }
    .resources .card--bitsblue2 {
      background-color: #c2eaff;
      color: #3d454d; }
    .resources .card--yellow {
      background-color: #f8eadd;
      color: #3d454d; }
    .resources .card--securityblack {
      background-color: #0a2d4d;
      color: white; }
    .resources .card--ultragrey2 {
      background-color: #051627;
      color: #eaeaea; }
    .resources .card--bitsblue4 {
      background-color: #034ea6;
      color: white; }
    .resources .card--sassypurple {
      background-color: #33103f;
      color: white; }
    .resources .card--blue-bits {
      background-color: #0572ec;
      color: white; }
    .resources .card--ultra-grey-5 {
      background-color: #35414c;
      color: white; }
    .resources .card .card-content {
      -webkit-border-radius: 0 0 6px 6px;
      -moz-border-radius: 0 0 6px 6px;
      border-radius: 0 0 6px 6px;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      flex: 1 1 auto;
      padding: 30px;
      width: 100%; }
      .resources .card .card-content__category {
        font-size: 0.75rem;
        color: #333;
        opacity: 0.7; }
      .resources .card .card-content__title {
        font-size: 1.375rem;
        opacity: 0.9;
        color: inherit; }
      .resources .card .card-content__title--none-more-black {
        color: black; }
      .resources .card .card-content__description {
        opacity: 0.8;
        color: inherit; }
      .resources .card .card-content__description-flex {
        flex: 1 1 auto; }
      .resources .card .card-content__img-top {
        border-radius: 6px 6px 0 0;
        display: block;
        width: 100%; }
      .resources .card .card-content__img-bottom {
        border-radius: 0 0 6px 6px;
        width: 100%; }
      .resources .card .card-content__link {
        font-weight: 600;
        color: inherit; }
        .resources .card .card-content__link svg {
          transition: transform 0.2s; }
        .resources .card .card-content__link:hover svg {
          transform: translateX(7px);
          transition: transform 0.2s; }
      .resources .card .card-content__clickable-card {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0; }
      .resources .card .card-content__link--blue-primary {
        color: #0572ec; }
      .resources .card .card-content__link--none-more-black {
        color: black; }
    .resources .card .card-content--content-bottom-border {
      border: 1px solid #dee0e3;
      border-top: none; }
    @supports (display: flex) {
      @media (min-width: 768px) {
        .resources .card {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          align-items: start;
          align-content: start;
          flex-direction: column;
          grid-column: span 2;
          margin: 0; }
          .resources .card img {
            border-radius: 6px 6px 0 0; }
          .resources .card.card-offset.card-large, .resources .card.card-offset.card-x-large {
            -webkit-box-shadow: 0 0 0 0 transparent;
            -moz-box-shadow: 0 0 0 0 transparent;
            box-shadow: 0 0 0 0 transparent; }
            .resources .card.card-offset.card-large img, .resources .card.card-offset.card-x-large img {
              -webkit-border-radius: 6px;
              -moz-border-radius: 6px;
              border-radius: 6px; }
            .resources .card.card-offset.card-large .card-content, .resources .card.card-offset.card-x-large .card-content {
              background: white;
              position: relative;
              -webkit-border-radius: 6px;
              -moz-border-radius: 6px;
              border-radius: 6px;
              border: 1px solid #dee0e3; }
          .resources .card.card-align-center {
            align-self: center; }
          .resources .card.card-align-start {
            align-self: start; }
          .resources .card.card-align-end {
            align-self: end; }
          .resources .card.card-offset.card-large .card-content {
            margin: -50px auto 0;
            width: calc(100% - 40px); }
          .resources .card.card-offset.card-x-large .card-content {
            margin: -15% 0 0 40px;
            width: calc(55% - 40px); }
          .resources .card.card-medium {
            grid-column: span 3; }
          .resources .card.card-large {
            grid-column: span 4; }
          .resources .card.card-x-large {
            grid-column: span 6; }
          .resources .card.card-offset {
            width: 100%; } } }
    @supports (display: flex) {
      @media (max-width: 767px) {
        .resources .card {
          min-width: 100%; } } }
  .resources .resources-end-cta {
    background-color: #0572ec;
    padding: 75px 30px; }
    .resources .resources-end-cta__container {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap;
      max-width: 1200px;
      margin: 0 auto;
      text-align: center; }
    .resources .resources-end-cta__content-title, .resources .resources-end-cta__content-description {
      color: white; }
    .resources .resources-end-cta__content-title {
      font-size: 1.875rem;
      letter-spacing: -0.2px;
      margin-bottom: 20px; }
    .resources .resources-end-cta__content-description {
      opacity: 0.8;
      margin-bottom: 25px; }
    .resources .resources-end-cta__button {
      text-align: center;
      box-sizing: border-box;
      width: calc(100% - 60px);
      max-width: 300px;
      padding: 12px;
      margin: 0 auto;
      border-radius: 100px;
      font-weight: 600;
      display: flex;
      outline: none;
      align-self: center;
      justify-content: center;
      box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
      -webkit-transition: transform 0.2s ease-in-out;
      -moz-transition: transform 0.2s ease-in-out;
      -ms-transition: transform 0.2s ease-in-out;
      -o-transition: transform 0.2s ease-in-out;
      transition: transform 0.2s ease-in-out;
      -webkit-transition: box-shadow 0.2s ease-in-out;
      -moz-transition: box-shadow 0.2s ease-in-out;
      -ms-transition: box-shadow 0.2s ease-in-out;
      -o-transition: box-shadow 0.2s ease-in-out;
      transition: box-shadow 0.2s ease-in-out;
      width: 100%;
      padding: 10px 30px;
      background-color: white;
      color: #0572ec; }
      @media (max-width: 600px) {
        .resources .resources-end-cta__button {
          width: calc(100% - 30px); } }
      .resources .resources-end-cta__button:hover, .resources .resources-end-cta__button:focus {
        box-shadow: 0 8px 34px 0 rgba(0, 0, 0, 0.3);
        transform: scale(1.05);
        -webkit-transition: transform 0.2s ease-in-out;
        -moz-transition: transform 0.2s ease-in-out;
        -ms-transition: transform 0.2s ease-in-out;
        -o-transition: transform 0.2s ease-in-out;
        transition: transform 0.2s ease-in-out;
        -webkit-transition: box-shadow 0.2s ease-in-out;
        -moz-transition: box-shadow 0.2s ease-in-out;
        -ms-transition: box-shadow 0.2s ease-in-out;
        -o-transition: box-shadow 0.2s ease-in-out;
        transition: box-shadow 0.2s ease-in-out; }
  .resources__wrapper {
    margin: 0 auto;
    max-width: 1170px; }
    @media (min-width: 768px) {
      .resources__wrapper {
        padding: 50px 0 100px; } }
  .resources__wrapper-title {
    margin-top: 16px;
    padding: 0; }
    @media (max-width: 1199px) {
      .resources__wrapper-title {
        padding-left: 10px;
        padding-right: 10px; } }
  .resources__family-wrapper {
    margin: 0 auto;
    max-width: 1170px; }
    @media (min-width: 768px) {
      .resources__family-wrapper {
        padding: 50px 0 25px; } }
  .resources__featured-wrapper {
    padding-bottom: 25px; }
  .resources__content {
    margin: 0 auto;
    max-width: 1170px; }
    @media (max-width: 1199px) {
      .resources__content {
        padding: 10px; } }
    @media (min-width: 768px) {
      .resources__content {
        display: flex;
        flex-direction: column;
        width: 100%; } }
    @supports (display: grid) {
      .resources__content {
        display: grid;
        justify-items: center;
        grid-gap: 40px; }
        @media (min-width: 768px) {
          .resources__content {
            grid-template-rows: 1fr; } } }
  @supports (display: grid) {
    @media (min-width: 768px) {
      .resources__content--grid-4 {
        grid-template-columns: repeat(4, 1fr); } } }
  @supports (display: grid) {
    @media (min-width: 1024px) {
      .resources__content--grid-6 {
        grid-template-columns: repeat(6, 1fr); } } }

header.main-newsletter {
  background-color: #f4f6f8;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  padding: 40px;
  margin-top: 60px; }
  header.main-newsletter img {
    width: 370px;
    margin-bottom: 42px; }
    @media (max-width: 52em) {
      header.main-newsletter img {
        width: 300px; } }
  header.main-newsletter h1 {
    max-width: 800px;
    text-align: center;
    margin-bottom: 20px; }
  header.main-newsletter p {
    max-width: 500px;
    text-align: center;
    font-size: 16px; }
  header.main-newsletter input {
    margin-right: 5px;
    background: white;
    border: 1px solid #b8bdcc;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    padding: 0 10px;
    height: 50px;
    vertical-align: middle; }
    @media (max-width: 52em) {
      header.main-newsletter input {
        margin: 0 5px;
        width: calc(100% - 10px); } }
    @media (min-width: 30em) {
      header.main-newsletter input {
        min-width: 380px; } }
  header.main-newsletter button {
    background: #0572ec;
    border: 1px solid #06c;
    border-radius: 4px;
    color: white;
    font-weight: 600;
    padding: 10px 15px;
    font-size: 20px;
    height: 50px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
    vertical-align: middle;
    line-height: 20px; }
    @media (max-width: 52em) {
      header.main-newsletter button {
        width: calc(100% - 10px);
        margin: 10px 5px 0; } }
    header.main-newsletter button span {
      vertical-align: 6px; }
    header.main-newsletter button svg {
      margin-right: 5px; }
  header.main-newsletter .privacy-disclaimer {
    max-width: 500px;
    text-align: center;
    padding-top: 40px; }
  header.main-newsletter .privacy-disclaimer,
  header.main-newsletter .language-notice {
    font-size: 14px; }
    header.main-newsletter .privacy-disclaimer a,
    header.main-newsletter .language-notice a {
      color: #0572ec;
      text-decoration: underline; }
  header.main-newsletter #hidden-fields {
    display: none; }

section.previous-newsletters h3 {
  font-size: 20px;
  text-align: center;
  padding: 60px 30px 10px; }

section.previous-newsletters p {
  text-align: center;
  font-size: 14px;
  line-height: 18px;
  max-width: 540px;
  margin: 0 auto 30px;
  padding: 0 20px; }

section.previous-newsletters ul {
  list-style: none;
  max-width: 500px;
  margin: 0 auto 40px;
  text-align: center;
  line-height: 28px; }

section.previous-newsletters a {
  color: #0572ec;
  font-weight: 600;
  border-bottom: 2px solid white; }
  section.previous-newsletters a:hover {
    border-bottom: 2px solid #80bdff; }

/* stylelint-disable */
main.browsers {
  overflow: hidden; }
  main.browsers header.browser-downloading {
    width: 100%;
    min-height: 460px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 0 20px; }
    @media (max-width: 419px) {
      main.browsers header.browser-downloading {
        min-height: 440px;
        margin: 40px 0 0; } }
    main.browsers header.browser-downloading h1 {
      max-width: 330px;
      font-size: 40px;
      line-height: 1.1em;
      margin: 20px 0;
      letter-spacing: -0.31px;
      text-align: center; }
      @media (max-width: 419px) {
        main.browsers header.browser-downloading h1 {
          margin: 40px 0 20px;
          width: 100%;
          flex-wrap: wrap; } }
    main.browsers header.browser-downloading p {
      max-width: 500px;
      width: 100%;
      text-align: center; }
      main.browsers header.browser-downloading p a {
        color: #0572ec; }
    main.browsers header.browser-downloading a.download-button {
      text-align: center;
      box-sizing: border-box;
      width: calc(100% - 60px);
      max-width: 300px;
      padding: 12px;
      margin: 0 auto;
      border-radius: 100px;
      font-weight: 600;
      display: flex;
      outline: none;
      align-self: center;
      justify-content: center;
      box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
      -webkit-transition: transform 0.2s ease-in-out;
      -moz-transition: transform 0.2s ease-in-out;
      -ms-transition: transform 0.2s ease-in-out;
      -o-transition: transform 0.2s ease-in-out;
      transition: transform 0.2s ease-in-out;
      -webkit-transition: box-shadow 0.2s ease-in-out;
      -moz-transition: box-shadow 0.2s ease-in-out;
      -ms-transition: box-shadow 0.2s ease-in-out;
      -o-transition: box-shadow 0.2s ease-in-out;
      transition: box-shadow 0.2s ease-in-out;
      background-color: #0572ec;
      color: white;
      margin-bottom: 20px;
      max-width: 250px;
      padding-left: 10px;
      padding-right: 10px; }
      @media (max-width: 600px) {
        main.browsers header.browser-downloading a.download-button {
          width: calc(100% - 30px); } }
      main.browsers header.browser-downloading a.download-button:hover, main.browsers header.browser-downloading a.download-button:focus {
        box-shadow: 0 8px 34px 0 rgba(0, 0, 0, 0.3);
        transform: scale(1.05);
        -webkit-transition: transform 0.2s ease-in-out;
        -moz-transition: transform 0.2s ease-in-out;
        -ms-transition: transform 0.2s ease-in-out;
        -o-transition: transform 0.2s ease-in-out;
        transition: transform 0.2s ease-in-out;
        -webkit-transition: box-shadow 0.2s ease-in-out;
        -moz-transition: box-shadow 0.2s ease-in-out;
        -ms-transition: box-shadow 0.2s ease-in-out;
        -o-transition: box-shadow 0.2s ease-in-out;
        transition: box-shadow 0.2s ease-in-out; }
  main.browsers section.installing {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: flex-start;
    border-top: 1px solid #e7eaee;
    min-height: 400px; }
    main.browsers section.installing.firefox-01 {
      flex-direction: column;
      justify-content: flex-start;
      align-items: center;
      min-height: 440px;
      background-color: rgba(237, 239, 242, 0.5); }
      @media (min-width: 1024px) {
        main.browsers section.installing.firefox-01 {
          flex-direction: row;
          justify-content: center;
          align-items: center; } }
      main.browsers section.installing.firefox-01 .text {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: space-between;
        flex-wrap: wrap;
        width: 100%;
        max-width: 470px;
        text-align: center; }
        main.browsers section.installing.firefox-01 .text h2 {
          margin: 0; }
        main.browsers section.installing.firefox-01 .text p {
          margin-bottom: 1em; }
        @media (min-width: 1024px) {
          main.browsers section.installing.firefox-01 .text {
            flex-direction: row;
            justify-content: flex-end;
            width: 400px;
            text-align: right;
            margin: 0 0 0 4em; } }
        @media (min-width: 1366px) {
          main.browsers section.installing.firefox-01 .text {
            margin-left: 20%; } }
        @media (min-width: 1920px) {
          main.browsers section.installing.firefox-01 .text {
            margin-left: 30%; } }
      main.browsers section.installing.firefox-01 .firefox-01-img {
        width: 100%;
        align-self: flex-end;
        flex: 1;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        background: url("/img/browsers/firefox-01.51fe4923163f512042ded9162717b445.png");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: 100% 100%; }
        @media (min-width: 1024px) {
          main.browsers section.installing.firefox-01 .firefox-01-img {
            align-self: flex-end;
            height: 317.19px;
            background: url("/img/browsers/firefox-01@2x.27696d94aa35a81e12b418691c3e5fff.png");
            background-size: cover;
            background-position: 11% 100%; } }
        @media (min-width: 1441px) {
          main.browsers section.installing.firefox-01 .firefox-01-img {
            height: 440px; } }
    main.browsers section.installing.firefox-02 {
      flex-direction: column;
      justify-content: flex-end;
      align-items: center; }
      @media (min-width: 1280px) {
        main.browsers section.installing.firefox-02 {
          flex-direction: row;
          justify-content: flex-end;
          min-height: 440px; } }
      @media (min-width: 1366px) {
        main.browsers section.installing.firefox-02 {
          flex-direction: row;
          justify-content: flex-end; } }
      main.browsers section.installing.firefox-02 .text {
        width: 100%;
        max-width: 470px;
        text-align: center;
        margin: 0.8em 0 0; }
        @media (min-width: 1920px) {
          main.browsers section.installing.firefox-02 .text {
            margin-left: 25%; } }
      main.browsers section.installing.firefox-02 .firefox-02-img {
        width: 100%;
        height: 250px;
        background: url("/img/browsers/firefox-02.01d923b04b35fd6fcfcecce3fdf4b179.png");
        background-size: contain;
        background-position: bottom right;
        background-repeat: no-repeat;
        background-color: white; }
        @media (min-width: 640px) {
          main.browsers section.installing.firefox-02 .firefox-02-img {
            margin-top: 1.65em;
            align-self: flex-end; } }
        @media (min-width: 1024px) {
          main.browsers section.installing.firefox-02 .firefox-02-img {
            min-height: 440px;
            background-image: url("/img/browsers/firefox-02@2x.39531020e8318ffc168475970dd8d604.png"); } }
        @media (min-width: 1441px) {
          main.browsers section.installing.firefox-02 .firefox-02-img {
            height: 500px; } }
    main.browsers section.installing.firefox-03 {
      background: url("/img/browsers/firefox-03.4dccc48f4153c68fa692492c4b6f4fac.png");
      background-size: contain;
      background-position: center bottom;
      background-repeat: no-repeat;
      background-color: rgba(237, 239, 242, 0.5);
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      text-align: center; }
      @media (min-width: 600px) {
        main.browsers section.installing.firefox-03 {
          background-size: 600px; } }
      @media (min-width: 1024px) {
        main.browsers section.installing.firefox-03 {
          background-image: url("/img/browsers/firefox-03@2x.38127f64642e4e655b09c1e34c4a42a0.png"); } }
      @media (min-width: 1200px) {
        main.browsers section.installing.firefox-03 {
          height: 480px;
          background-size: 900px; } }
      main.browsers section.installing.firefox-03--beta {
        background-image: url("/img/browsers/firefox-03-beta.077104478138a124415d65447e89b878.png"); }
        @media (min-width: 1200px) {
          main.browsers section.installing.firefox-03--beta {
            height: 525px; } }
        @media (min-width: 1024px) {
          main.browsers section.installing.firefox-03--beta {
            background-image: url("/img/browsers/firefox-03-beta@2x.b7e3479ffa9722ba063b10c83dae75dc.png"); } }
      main.browsers section.installing.firefox-03 .text {
        margin: 0.8em 0 0;
        display: flex;
        justify-content: center;
        align-self: center;
        flex-wrap: wrap;
        width: 320px; }
        @media (min-width: 1024px) {
          main.browsers section.installing.firefox-03 .text {
            width: 420px; } }
      @media (min-width: 1280px) {
        main.browsers section.installing.firefox-03 {
          background-position: bottom center; } }
    main.browsers section.installing .text {
      width: 100%;
      max-width: 1140px;
      padding: 20px 10px 0; }
      main.browsers section.installing .text h2 {
        font-weight: 600;
        font-size: 24px;
        margin-bottom: 25px; }
    main.browsers section.installing h2 {
      clear: both;
      display: block; }
    main.browsers section.installing p {
      font-size: 18px; }
  main.browsers section.kaychads-video {
    background-color: #d5e7f9;
    padding: 20px 20px 60px; }
    main.browsers section.kaychads-video div {
      margin: auto;
      max-width: 600px; }
    main.browsers section.kaychads-video h3 {
      color: #3d6b99;
      font-size: 22px;
      padding: 40px 0 10px;
      text-align: center;
      font-weight: 600; }
    main.browsers section.kaychads-video p {
      font-size: 18px;
      text-align: center;
      max-width: 540px;
      margin: 0 auto 20px; }
    main.browsers section.kaychads-video iframe {
      margin: auto;
      background-color: #eaf0f5; }
  main.browsers section.extension-explainer {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin: auto;
    background-position: center 85%;
    background-size: contain;
    justify-content: center;
    align-items: flex-start;
    background-image: url("/img/browsers/browser-extension.8cf483f1bc24451c04fde01271307e5c.png");
    background-repeat: no-repeat; }
    @media (max-width: 680px) {
      main.browsers section.extension-explainer {
        min-height: 720px; } }
    @media (min-width: 768px) {
      main.browsers section.extension-explainer {
        background-size: 600px; } }
    @media (min-width: 681px) {
      main.browsers section.extension-explainer {
        background-position: calc(50% - 250px);
        background-size: 575px;
        min-height: 450px; } }
    @media (min-width: 1024px) {
      main.browsers section.extension-explainer {
        background-image: url("/img/browsers/browser-extension@2x.049857a71942199ccc629daec7020d65.png");
        background-size: 850px;
        background-position: calc(50% - 380px);
        height: 550px; } }
    main.browsers section.extension-explainer--beta {
      background-image: url("/img/browsers/browser-extension-beta.730b02de4a781cc4c62d641319faf954.png"); }
      @media (min-width: 1024px) {
        main.browsers section.extension-explainer--beta {
          background-image: url("/img/browsers/browser-extension-beta@2x.7498d007e6854b548564432c0c6b46d1.png"); } }
    main.browsers section.extension-explainer .description-float {
      max-width: 1140px;
      width: 100%; }
      main.browsers section.extension-explainer .description-float .description {
        margin-left: 40px;
        height: 435px;
        width: 50%;
        max-width: 300px;
        float: left;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: center;
        flex-direction: column; }
        @media (max-width: 680px) {
          main.browsers section.extension-explainer .description-float .description {
            width: 100%;
            height: auto;
            max-width: 680px;
            padding: 0 40px;
            margin: 50px auto 0;
            text-align: center; } }
      main.browsers section.extension-explainer .description-float .screenshot {
        width: 50%;
        height: 450px;
        float: left;
        display: block; }
        @media (max-width: 680px) {
          main.browsers section.extension-explainer .description-float .screenshot {
            display: none; } }
      main.browsers section.extension-explainer .description-float h3 {
        width: 100%;
        font-size: 22px;
        font-weight: 600;
        margin: 5px 0 10px; }
      main.browsers section.extension-explainer .description-float p {
        width: 100%;
        margin: 5px 0 10px; }
      main.browsers section.extension-explainer .description-float a {
        color: #0572ec;
        text-decoration: none; }
        main.browsers section.extension-explainer .description-float a:hover {
          text-decoration: underline; }

#gift-cards {
  overflow: hidden; }
  #gift-cards header {
    width: 100%;
    max-width: 1050px;
    min-height: 420px;
    background: #525c66;
    margin: 0 auto 58px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 0 5px 20px; }
    @media (min-width: 1065px) {
      #gift-cards header {
        border-radius: 5px; } }
    @media (min-width: 1200px) {
      #gift-cards header {
        margin: 100px auto 0; } }
    #gift-cards header > div {
      width: 100%;
      max-width: 700px;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      margin: 0 0 40px; }
      #gift-cards header > div .giftcard-header {
        position: relative; }
        @media (max-width: 767px) {
          #gift-cards header > div .giftcard-header {
            width: 72%; } }
        #gift-cards header > div .giftcard-header.gc125 {
          left: 70px;
          z-index: 2; }
        #gift-cards header > div .giftcard-header.gc25 {
          left: -80px;
          top: -5px; }
    #gift-cards header h1 {
      font-size: 38px;
      line-height: 1.13;
      letter-spacing: -0.8px;
      text-align: center;
      color: white;
      margin-bottom: 10px; }
    #gift-cards header h4 {
      max-width: 418px;
      opacity: 0.8;
      font-size: 1em;
      font-weight: normal;
      line-height: 1.38;
      letter-spacing: -0.3px;
      text-align: center;
      color: white; }
    #gift-cards header p {
      font-size: 0.875rem;
      margin-top: 14px;
      color: white;
      opacity: 0.85;
      text-align: center; }
  #gift-cards section.giftcards {
    max-width: 1050px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    display: grid;
    margin: 50px auto;
    justify-items: center;
    grid-gap: 60px; }
    @media (min-width: 724px) {
      #gift-cards section.giftcards {
        grid-template-columns: 1fr;
        grid-column-gap: 16px;
        grid-row-gap: 50px; } }
    @media (min-width: 1200px) {
      #gift-cards section.giftcards {
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 16px; } }
    #gift-cards section.giftcards div {
      width: 272px; }
      #gift-cards section.giftcards div span.push-down {
        margin-top: -20px; }
      #gift-cards section.giftcards div span.sale {
        float: right;
        padding: 20px 0 22px;
        line-height: 22px;
        position: relative;
        margin-bottom: -90px;
        margin-right: -20px;
        right: 9px;
        width: 110px;
        height: 110px;
        background-color: #474f66;
        border-radius: 100%; }
        :lang(ru) #gift-cards section.giftcards div span.sale--overflow, :lang(pt) #gift-cards section.giftcards div span.sale--overflow, :lang(de) #gift-cards section.giftcards div span.sale--overflow, :lang(it) #gift-cards section.giftcards div span.sale--overflow {
          width: 120px;
          height: 120px;
          padding: 25px 0 22px;
          font-size: 14px; }
        #gift-cards section.giftcards div span.sale--two-lines {
          padding-top: 30px; }
        #gift-cards section.giftcards div span.sale h3 {
          font-size: 28px;
          color: white; }
      #gift-cards section.giftcards div a {
        display: block; }
        #gift-cards section.giftcards div a:hover img {
          -webkit-transition: all 0.3s ease-in-out;
          -moz-transition: all 0.3s ease-in-out;
          -ms-transition: all 0.3s ease-in-out;
          -o-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;
          box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
          margin-top: -5px; }
        #gift-cards section.giftcards div a:hover span {
          -webkit-transition: all 0.3s ease-in-out;
          -moz-transition: all 0.3s ease-in-out;
          -ms-transition: all 0.3s ease-in-out;
          -o-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
          transform: scale(1.05); }
      #gift-cards section.giftcards div img {
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        margin: 0 0 20px;
        border-radius: 12px;
        border: 1px solid rgba(0, 0, 0, 0.15);
        width: 100%; }
  #gift-cards span {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    font-weight: 600;
    display: block;
    border-radius: 30px;
    background: #0572ec;
    color: white;
    text-align: center;
    padding: 10px;
    width: 100%;
    max-width: 150px;
    margin: 0 auto; }
  #gift-cards .payment-methods {
    min-height: 100px;
    max-width: 290px;
    margin: 0 auto; }

.haveibeenpwned {
  margin-top: 60px;
  overflow: hidden; }
  .haveibeenpwned header {
    width: 100vw;
    min-height: 380px;
    background-color: #414e71;
    background-image: url("/img/haveibeenpwned/header-bg.png");
    background-size: auto 50%;
    background-position: top center;
    background-repeat: no-repeat;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      .haveibeenpwned header {
        /* stylelint-disable-next-line function-url-quotes */
        background-image: url("/img/haveibeenpwned/header-bg@2x.png"); } }
    @media (min-width: 768px) {
      .haveibeenpwned header {
        background-size: auto 100%;
        background-position: center 30%;
        border-radius: 0 0 55% 55%;
        left: -10vw;
        width: 120vw; } }
    .haveibeenpwned header h1,
    .haveibeenpwned header p {
      color: white;
      text-align: center; }
      @media screen\0 {
        .haveibeenpwned header h1,
        .haveibeenpwned header p {
          position: relative;
          top: 150px; } }
    .haveibeenpwned header h1 {
      margin-bottom: 25px; }
    .haveibeenpwned header p {
      max-width: 560px; }
    .haveibeenpwned header .key {
      background-color: #e44332; }
    .haveibeenpwned header .lock {
      background-color: #50b347; }
    .haveibeenpwned header .lock-smile {
      background-color: #0572ec; }
    .haveibeenpwned header .key,
    .haveibeenpwned header .lock,
    .haveibeenpwned header .lock-smile {
      width: 88px;
      height: 88px;
      border-radius: 100%;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      position: absolute;
      top: 90%; }
      .haveibeenpwned header .key img,
      .haveibeenpwned header .key svg,
      .haveibeenpwned header .lock img,
      .haveibeenpwned header .lock svg,
      .haveibeenpwned header .lock-smile img,
      .haveibeenpwned header .lock-smile svg {
        margin: auto;
        width: 36px; }
        @media screen\0 {
          .haveibeenpwned header .key img,
          .haveibeenpwned header .key svg,
          .haveibeenpwned header .lock img,
          .haveibeenpwned header .lock svg,
          .haveibeenpwned header .lock-smile img,
          .haveibeenpwned header .lock-smile svg {
            width: 50px; } }
  .haveibeenpwned section.top {
    text-align: center;
    padding: 60px 30px;
    background: linear-gradient(white, #f5f6f7); }
    .haveibeenpwned section.top p {
      color: #3d454d; }
    .haveibeenpwned section.top a {
      text-align: center;
      box-sizing: border-box;
      width: calc(100% - 60px);
      max-width: 300px;
      padding: 12px;
      margin: 0 auto;
      border-radius: 100px;
      font-weight: 600;
      display: flex;
      outline: none;
      align-self: center;
      justify-content: center;
      box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
      -webkit-transition: transform 0.2s ease-in-out;
      -moz-transition: transform 0.2s ease-in-out;
      -ms-transition: transform 0.2s ease-in-out;
      -o-transition: transform 0.2s ease-in-out;
      transition: transform 0.2s ease-in-out;
      -webkit-transition: box-shadow 0.2s ease-in-out;
      -moz-transition: box-shadow 0.2s ease-in-out;
      -ms-transition: box-shadow 0.2s ease-in-out;
      -o-transition: box-shadow 0.2s ease-in-out;
      transition: box-shadow 0.2s ease-in-out;
      background-color: #50b347;
      color: white;
      max-width: 320px; }
      @media (max-width: 600px) {
        .haveibeenpwned section.top a {
          width: calc(100% - 30px); } }
      .haveibeenpwned section.top a:hover, .haveibeenpwned section.top a:focus {
        box-shadow: 0 8px 34px 0 rgba(0, 0, 0, 0.3);
        transform: scale(1.05);
        -webkit-transition: transform 0.2s ease-in-out;
        -moz-transition: transform 0.2s ease-in-out;
        -ms-transition: transform 0.2s ease-in-out;
        -o-transition: transform 0.2s ease-in-out;
        transition: transform 0.2s ease-in-out;
        -webkit-transition: box-shadow 0.2s ease-in-out;
        -moz-transition: box-shadow 0.2s ease-in-out;
        -ms-transition: box-shadow 0.2s ease-in-out;
        -o-transition: box-shadow 0.2s ease-in-out;
        transition: box-shadow 0.2s ease-in-out; }
    .haveibeenpwned section.top.ohno h2 {
      color: #e44332; }
    .haveibeenpwned section.top.goodnews h2 {
      color: #50b347; }
    .haveibeenpwned section.top.forget-your-passwords h2 {
      color: #0572ec; }
    .haveibeenpwned section.top.forget-your-passwords a {
      background-color: #0572ec; }
  .haveibeenpwned section.grid-hibp {
    margin: 0 auto;
    max-width: 1100px;
    padding: 0 30px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center; }
    @media screen\0 {
      .haveibeenpwned section.grid-hibp {
        justify-content: space-around; } }
    @supports (display: grid) {
      .haveibeenpwned section.grid-hibp {
        display: grid;
        grid-template-columns: 1fr; }
        @media (min-width: 768px) {
          .haveibeenpwned section.grid-hibp {
            grid-template-columns: 1fr 1fr;
            justify-items: center;
            margin: 70px auto; } }
        @media (min-width: 1200px) {
          .haveibeenpwned section.grid-hibp {
            grid-template-columns: 550px 550px; } } }
    .haveibeenpwned section.grid-hibp article h2,
    .haveibeenpwned section.grid-hibp article p {
      max-width: 380px; }
  @media (min-width: 768px) {
    .haveibeenpwned .grid-hibp:nth-child(2n) article {
      order: 1; } }
  .haveibeenpwned section.lockscreen {
    max-width: 1100px;
    margin: 60px auto;
    padding: 60px 30px 6px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background: url("/img/haveibeenpwned/lockscreen.svg") no-repeat center center;
    background-size: cover;
    min-height: 500px; }
    @media (min-width: 768px) {
      .haveibeenpwned section.lockscreen {
        background-size: contain; } }
    .haveibeenpwned section.lockscreen h2,
    .haveibeenpwned section.lockscreen p {
      max-width: 450px;
      text-align: center;
      margin: 0 auto 30px; }
      @media (max-width: 320px) {
        .haveibeenpwned section.lockscreen h2,
        .haveibeenpwned section.lockscreen p {
          margin-bottom: 5px; } }
      @media screen\0 {
        .haveibeenpwned section.lockscreen h2,
        .haveibeenpwned section.lockscreen p {
          position: relative;
          top: 240px;
          left: 300px; } }
    .haveibeenpwned section.lockscreen a.btn-signup {
      text-align: center;
      box-sizing: border-box;
      width: calc(100% - 60px);
      max-width: 300px;
      padding: 12px;
      margin: 0 auto;
      border-radius: 100px;
      font-weight: 600;
      display: flex;
      outline: none;
      align-self: center;
      justify-content: center;
      box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
      -webkit-transition: transform 0.2s ease-in-out;
      -moz-transition: transform 0.2s ease-in-out;
      -ms-transition: transform 0.2s ease-in-out;
      -o-transition: transform 0.2s ease-in-out;
      transition: transform 0.2s ease-in-out;
      -webkit-transition: box-shadow 0.2s ease-in-out;
      -moz-transition: box-shadow 0.2s ease-in-out;
      -ms-transition: box-shadow 0.2s ease-in-out;
      -o-transition: box-shadow 0.2s ease-in-out;
      transition: box-shadow 0.2s ease-in-out;
      background-color: #0572ec;
      color: white; }
      @media (max-width: 600px) {
        .haveibeenpwned section.lockscreen a.btn-signup {
          width: calc(100% - 30px); } }
      .haveibeenpwned section.lockscreen a.btn-signup:hover, .haveibeenpwned section.lockscreen a.btn-signup:focus {
        box-shadow: 0 8px 34px 0 rgba(0, 0, 0, 0.3);
        transform: scale(1.05);
        -webkit-transition: transform 0.2s ease-in-out;
        -moz-transition: transform 0.2s ease-in-out;
        -ms-transition: transform 0.2s ease-in-out;
        -o-transition: transform 0.2s ease-in-out;
        transition: transform 0.2s ease-in-out;
        -webkit-transition: box-shadow 0.2s ease-in-out;
        -moz-transition: box-shadow 0.2s ease-in-out;
        -ms-transition: box-shadow 0.2s ease-in-out;
        -o-transition: box-shadow 0.2s ease-in-out;
        transition: box-shadow 0.2s ease-in-out; }

#soc2 h1,
#soc2 h2,
#soc2 h3 {
  color: #333; }

#soc2 p {
  color: #4d4d4d; }

#soc2 a {
  color: #0572ec; }

#soc2 header.soc2 {
  width: 100%;
  max-width: 1100px;
  min-height: 380px;
  background: url("/img/soc2/soc-pattern.svg") repeat;
  background-size: 100px;
  background-color: #00604c;
  margin: 0 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 100px 5px 80px; }
  @media (min-width: 525px) {
    #soc2 header.soc2 {
      min-height: 322px; } }
  @media (min-width: 768px) {
    #soc2 header.soc2 p {
      margin-bottom: 0; } }
  @media (min-width: 1024px) {
    #soc2 header.soc2 {
      border-radius: 5px; } }
  @media (min-width: 1200px) {
    #soc2 header.soc2 {
      margin: 100px auto 0; } }
  #soc2 header.soc2 > div {
    min-height: 200px;
    width: 100%;
    max-width: 700px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 0 0 40px; }
  #soc2 header.soc2 h1 {
    color: white;
    text-align: center;
    margin-bottom: 10px; }
    @media (min-width: 768px) {
      #soc2 header.soc2 h1 {
        max-width: 460px; } }
    @media screen\0 {
      #soc2 header.soc2 h1 {
        margin: 60px auto; } }
  #soc2 header.soc2 p {
    color: white;
    opacity: 0.8;
    text-align: center; }
    @media (min-width: 768px) {
      #soc2 header.soc2 p {
        max-width: 560px; } }
#soc2 section {
  max-width: 900px;
  margin: 0 auto;
  padding: 30px; }
  @supports (display: grid) {
    #soc2 section.grid-soc2 {
      display: grid;
      grid-template-columns: 1fr;
      justify-items: center; }
      @media (min-width: 768px) {
        #soc2 section.grid-soc2 {
          grid-template-columns: 70% 1fr; } } }
  #soc2 section.grid-soc2.intro {
    position: relative; }
    @media (min-width: 768px) {
      #soc2 section.grid-soc2.intro {
        grid-template-columns: 460px 300px; } }
    @media screen\0 {
      #soc2 section.grid-soc2.intro p {
        max-width: 500px; } }
    #soc2 section.grid-soc2.intro .soc-certificate {
      width: 300px; }
      @media (min-width: 768px) {
        #soc2 section.grid-soc2.intro .soc-certificate {
          position: absolute;
          bottom: 30px;
          right: -2%; } }
  #soc2 section.grid-soc2.security-availability {
    align-items: flex-start; }
    @media (min-width: 768px) {
      #soc2 section.grid-soc2.security-availability {
        grid-template-columns: 1fr 1fr; } }
    #soc2 section.grid-soc2.security-availability div {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: center;
      text-align: center; }
      #soc2 section.grid-soc2.security-availability div img {
        margin-bottom: 10px; }
      #soc2 section.grid-soc2.security-availability div p {
        max-width: 300px; }
  @media (min-width: 768px) {
    #soc2 section.grid-soc2.privacy {
      grid-template-columns: 1fr 70%; }
      #soc2 section.grid-soc2.privacy article {
        order: 1; } }
  #soc2 section.grid-soc2.privacy p, #soc2 section.grid-soc2.confidentiality p {
    max-width: 500px; }
  #soc2 section.grid-soc2 .soc-folder,
  #soc2 section.grid-soc2 .soc-shield {
    width: 160px; }
  #soc2 section a.btn {
    text-align: center;
    box-sizing: border-box;
    width: calc(100% - 60px);
    max-width: 300px;
    padding: 12px;
    margin: 0 auto;
    border-radius: 100px;
    font-weight: 600;
    display: flex;
    outline: none;
    align-self: center;
    justify-content: center;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
    -webkit-transition: transform 0.2s ease-in-out;
    -moz-transition: transform 0.2s ease-in-out;
    -ms-transition: transform 0.2s ease-in-out;
    -o-transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    -webkit-transition: box-shadow 0.2s ease-in-out;
    -moz-transition: box-shadow 0.2s ease-in-out;
    -ms-transition: box-shadow 0.2s ease-in-out;
    -o-transition: box-shadow 0.2s ease-in-out;
    transition: box-shadow 0.2s ease-in-out;
    color: white;
    background-color: #0572ec;
    height: fit-content; }
    @media (max-width: 600px) {
      #soc2 section a.btn {
        width: calc(100% - 30px); } }
    #soc2 section a.btn:hover, #soc2 section a.btn:focus {
      box-shadow: 0 8px 34px 0 rgba(0, 0, 0, 0.3);
      transform: scale(1.05);
      -webkit-transition: transform 0.2s ease-in-out;
      -moz-transition: transform 0.2s ease-in-out;
      -ms-transition: transform 0.2s ease-in-out;
      -o-transition: transform 0.2s ease-in-out;
      transition: transform 0.2s ease-in-out;
      -webkit-transition: box-shadow 0.2s ease-in-out;
      -moz-transition: box-shadow 0.2s ease-in-out;
      -ms-transition: box-shadow 0.2s ease-in-out;
      -o-transition: box-shadow 0.2s ease-in-out;
      transition: box-shadow 0.2s ease-in-out; }
    @media (min-width: 768px) {
      #soc2 section a.btn.read-more {
        max-width: 200px; } }
  #soc2 section.encryption {
    text-align: center; }
    #soc2 section.encryption h2 {
      margin: 0 auto;
      font-size: 1.875em;
      color: #333;
      margin-bottom: 20px; }
      @media (min-width: 768px) {
        #soc2 section.encryption h2 {
          max-width: 650px; } }
  #soc2 section.dave-quote blockquote {
    font-size: 1.875em;
    font-weight: 300;
    font-style: italic;
    color: #4d4d4d;
    line-height: 1.33;
    max-width: 800px;
    margin: 0 auto 1em; }
  #soc2 section.dave-quote .cited {
    display: grid;
    grid-template-columns: 1fr;
    justify-items: center;
    align-items: center; }
    @media (min-width: 768px) {
      #soc2 section.dave-quote .cited {
        grid-template-columns: 1fr 1fr; } }
    #soc2 section.dave-quote .cited .dave {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      align-items: center;
      margin-bottom: 1em; }
      #soc2 section.dave-quote .cited .dave h2 {
        font-size: 1.6em; }
      #soc2 section.dave-quote .cited .dave span {
        display: inline-block;
        height: 80px;
        width: 80px;
        border: solid 1px rgba(0, 0, 0, 0.1);
        border-radius: 100%;
        margin-right: 30px;
        position: relative;
        overflow: hidden; }
      #soc2 section.dave-quote .cited .dave p {
        margin-bottom: 0; }
  #soc2 section.know-more {
    text-align: center; }
    #soc2 section.know-more p {
      max-width: 600px;
      margin: 0 auto 1.3em; }

#password-generator {
  display: block; }
  @media screen\0 {
    #password-generator {
      display: none; } }
  #password-generator .password-generator {
    width: 100%;
    max-width: 1100px;
    min-height: 380px;
    background-color: #414e71;
    margin: 0 auto;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 100px 8px; }
    #password-generator .password-generator.content-generator {
      background: none;
      margin: 0;
      min-height: inherit;
      padding: 0; }
      #password-generator .password-generator.content-generator > div.inputfield-container.done .password-overlay {
        margin: 0 auto;
        max-width: 320px; }
        @media (min-width: 1024px) {
          #password-generator .password-generator.content-generator > div.inputfield-container.done .password-overlay {
            max-width: 1024px; } }
        @media (min-width: 1200px) {
          #password-generator .password-generator.content-generator > div.inputfield-container.done .password-overlay {
            max-width: 1200px; } }
      @media (min-width: 525px) {
        #password-generator .password-generator.content-generator {
          min-height: inherit;
          background-size: 170px; } }
      @media (min-width: 1200px) {
        #password-generator .password-generator.content-generator {
          margin: 0; } }
    @media (min-width: 525px) {
      #password-generator .password-generator {
        min-height: 420px;
        background-size: 170px; } }
    @media (min-width: 1101px) {
      #password-generator .password-generator {
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px; } }
    @media (min-width: 1200px) {
      #password-generator .password-generator {
        margin: 100px auto 0; } }
    #password-generator .password-generator > div {
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px; }
      #password-generator .password-generator > div.inputfield-container {
        background-color: white;
        margin-bottom: 1em;
        width: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        justify-content: center; }
        #password-generator .password-generator > div.inputfield-container input {
          -webkit-border-radius: 6px;
          -moz-border-radius: 6px;
          border-radius: 6px;
          width: 100%;
          height: 100%;
          outline: none;
          border: none; }
        #password-generator .password-generator > div.inputfield-container.generating {
          width: 63px; }
        #password-generator .password-generator > div.inputfield-container.done {
          max-width: 660px;
          overflow-x: hidden; }
          #password-generator .password-generator > div.inputfield-container.done input {
            display: block;
            position: absolute;
            z-index: -10;
            left: -9999px;
            top: -9999px; }
          #password-generator .password-generator > div.inputfield-container.done .password-overlay {
            padding: 10px;
            font-family: "Courier Prime Bits", monospace !important;
            font-size: 1.625em;
            letter-spacing: 2.5px;
            text-align: center;
            word-break: break-all; }
            #password-generator .password-generator > div.inputfield-container.done .password-overlay span {
              margin: 0 2px; }
              #password-generator .password-generator > div.inputfield-container.done .password-overlay span.digits {
                color: #0572ec; }
              #password-generator .password-generator > div.inputfield-container.done .password-overlay span.symbols {
                color: #e44332; }
      #password-generator .password-generator > div.randomizing-characters {
        max-height: 70px;
        min-height: 50px;
        width: 100%;
        max-width: 320px;
        background-color: rgba(0, 0, 0, 0.2);
        border: solid 2px rgba(0, 0, 0, 0.15);
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        justify-content: center;
        position: relative; }
        #password-generator .password-generator > div.randomizing-characters p {
          margin-bottom: 0; }
          #password-generator .password-generator > div.randomizing-characters p.slider-value {
            width: 30px; }
            @media (min-width: 700px) {
              #password-generator .password-generator > div.randomizing-characters p.slider-value {
                margin-left: -16px; } }
        #password-generator .password-generator > div.randomizing-characters::after {
          content: "";
          width: 0;
          height: 0;
          border-left: 13px solid transparent;
          border-right: 13px solid transparent;
          border-bottom: 13px solid rgba(0, 0, 0, 0.2);
          position: absolute;
          bottom: 48px;
          left: 46%; }
          @media screen\0 {
            #password-generator .password-generator > div.randomizing-characters::after {
              display: none; } }
          @media (max-width: 767px) {
            #password-generator .password-generator > div.randomizing-characters::after {
              display: none; } }
        #password-generator .password-generator > div.randomizing-characters.randomizing {
          margin-top: 1em; }
        #password-generator .password-generator > div.randomizing-characters.done {
          max-width: 660px; }
          @media (max-width: 600px) {
            #password-generator .password-generator > div.randomizing-characters.done {
              padding: 50px 0; } }
        #password-generator .password-generator > div.randomizing-characters .slidecontainer {
          display: none;
          /* Mouse-over effects */
          /* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */
          /* FF*/
          /* Edge */
          /* IE */ }
          #password-generator .password-generator > div.randomizing-characters .slidecontainer.activerecipe {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: space-around;
            align-items: center; }
          @media (max-width: 767px) {
            #password-generator .password-generator > div.randomizing-characters .slidecontainer {
              min-height: 80px; } }
          #password-generator .password-generator > div.randomizing-characters .slidecontainer input[type="range"] {
            -webkit-appearance: none;
            /* Override default CSS styles */
            appearance: none;
            border-radius: 100px;
            outline: none;
            -webkit-transition: 0.2s;
            transition: opacity 0.2s;
            height: 2px; }
          #password-generator .password-generator > div.randomizing-characters .slidecontainer input[type="range"]:focus {
            outline: none; }
          #password-generator .password-generator > div.randomizing-characters .slidecontainer input[type="range"]:hover {
            opacity: 1; }
          #password-generator .password-generator > div.randomizing-characters .slidecontainer input[type="range"]::-webkit-slider-thumb {
            -webkit-appearance: none;
            /* Override default look */
            appearance: none;
            border-radius: 100px;
            width: 25px;
            height: 25px;
            background: white;
            box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
            cursor: pointer; }
          #password-generator .password-generator > div.randomizing-characters .slidecontainer input[type="range"]::-moz-range-thumb {
            width: 25px;
            height: 25px;
            background: white;
            box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
            cursor: pointer; }
          #password-generator .password-generator > div.randomizing-characters .slidecontainer input[type="range"]::-moz-range-progress {
            background: #aeacac; }
          #password-generator .password-generator > div.randomizing-characters .slidecontainer input[type="range"]::-moz-range-track {
            background: white; }
          #password-generator .password-generator > div.randomizing-characters .slidecontainer input[type="range"]::-moz-focus-outer {
            border: 0; }
          #password-generator .password-generator > div.randomizing-characters .slidecontainer input[type="range"]::-ms-track {
            width: 100%;
            height: 10px;
            cursor: pointer;
            background: transparent;
            border-color: transparent;
            color: transparent; }
          #password-generator .password-generator > div.randomizing-characters .slidecontainer input[type="range"]::-ms-fill-lower {
            background: #aeacac;
            border-radius: 2.6px; }
          #password-generator .password-generator > div.randomizing-characters .slidecontainer input[type="range"]::-ms-fill-upper {
            background: white;
            border-radius: 2.6px; }
          #password-generator .password-generator > div.randomizing-characters .slidecontainer input[type="range"]::-ms-thumb {
            height: 36px;
            width: 16px;
            border-radius: 3px;
            background: white;
            cursor: pointer; }
          @media screen\0 {
            #password-generator .password-generator > div.randomizing-characters .slidecontainer input[type="range"] {
              border-radius: 0;
              height: 60px; }
            #password-generator .password-generator > div.randomizing-characters .slidecontainer input[type="range"]::-ms-track {
              width: 100%;
              height: 50px;
              cursor: pointer;
              background: transparent;
              border-color: transparent;
              color: transparent; }
            #password-generator .password-generator > div.randomizing-characters .slidecontainer input[type="range"]::-ms-fill-lower {
              background: #aeacac;
              border-radius: 2.6px; }
            #password-generator .password-generator > div.randomizing-characters .slidecontainer input[type="range"]::-ms-fill-upper {
              background: white;
              border-radius: 2.6px; }
            #password-generator .password-generator > div.randomizing-characters .slidecontainer input[type="range"]::-ms-thumb {
              height: 36px;
              width: 16px;
              border-radius: 3px;
              background: white;
              cursor: pointer; } }
          #password-generator .password-generator > div.randomizing-characters .slidecontainer [type="checkbox"] {
            cursor: pointer;
            width: 25px;
            height: 24px;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px; }
          #password-generator .password-generator > div.randomizing-characters .slidecontainer label {
            vertical-align: super;
            cursor: pointer;
            color: white; }
      #password-generator .password-generator > div.inputs {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        min-height: 150px;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        margin-bottom: 1em;
        max-width: 660px; }
        @media (min-width: 700px) {
          #password-generator .password-generator > div.inputs {
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: space-around;
            width: 100%;
            margin-bottom: 1em;
            min-height: 0;
            align-items: initial; } }
        #password-generator .password-generator > div.inputs #random-password {
          width: 100%;
          max-width: 295px;
          outline: none;
          border-radius: 20px;
          border: solid 2px rgba(255, 255, 255, 0.2);
          background: url("/img/password-generator/arrow-down-skinny.9240e5f88d1d73ac2e167d37fe39f33c.svg") no-repeat 90% center transparent;
          background-size: 1.563em;
          color: white;
          font-size: 1em;
          line-height: 22px;
          font-weight: 600;
          padding: 10px;
          -webkit-appearance: none;
          /* Override default CSS styles */
          -moz-appearance: none;
          appearance: none;
          text-rendering: auto; }
          #password-generator .password-generator > div.inputs #random-password option {
            color: #333; }
        #password-generator .password-generator > div.inputs #refresh-token {
          background-color: transparent;
          background-color: transparent;
          background-image: url("/img/password-generator/regen.svg");
          background-position: center center;
          background-repeat: no-repeat;
          background-size: contain;
          cursor: pointer;
          display: inline-block;
          width: 20px;
          height: 46px;
          outline: none; }
        #password-generator .password-generator > div.inputs #copy-secure-password {
          text-align: center;
          box-sizing: border-box;
          width: calc(100% - 60px);
          max-width: 300px;
          padding: 12px;
          margin: 0 auto;
          border-radius: 100px;
          font-weight: 600;
          display: flex;
          outline: none;
          align-self: center;
          justify-content: center;
          box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
          -webkit-transition: transform 0.2s ease-in-out;
          -moz-transition: transform 0.2s ease-in-out;
          -ms-transition: transform 0.2s ease-in-out;
          -o-transition: transform 0.2s ease-in-out;
          transition: transform 0.2s ease-in-out;
          -webkit-transition: box-shadow 0.2s ease-in-out;
          -moz-transition: box-shadow 0.2s ease-in-out;
          -ms-transition: box-shadow 0.2s ease-in-out;
          -o-transition: box-shadow 0.2s ease-in-out;
          transition: box-shadow 0.2s ease-in-out;
          background-color: #50b347;
          color: white;
          cursor: pointer;
          margin: 0;
          max-width: 320px; }
          @media (max-width: 600px) {
            #password-generator .password-generator > div.inputs #copy-secure-password {
              width: calc(100% - 30px); } }
          #password-generator .password-generator > div.inputs #copy-secure-password:hover, #password-generator .password-generator > div.inputs #copy-secure-password:focus {
            box-shadow: 0 8px 34px 0 rgba(0, 0, 0, 0.3);
            transform: scale(1.05);
            -webkit-transition: transform 0.2s ease-in-out;
            -moz-transition: transform 0.2s ease-in-out;
            -ms-transition: transform 0.2s ease-in-out;
            -o-transition: transform 0.2s ease-in-out;
            transition: transform 0.2s ease-in-out;
            -webkit-transition: box-shadow 0.2s ease-in-out;
            -moz-transition: box-shadow 0.2s ease-in-out;
            -ms-transition: box-shadow 0.2s ease-in-out;
            -o-transition: box-shadow 0.2s ease-in-out;
            transition: box-shadow 0.2s ease-in-out; }
    #password-generator .password-generator h1 {
      color: white;
      text-align: center;
      margin-bottom: 10px;
      max-width: 730px; }
    #password-generator .password-generator p {
      color: white;
      opacity: 0.8;
      text-align: center; }
  #password-generator div.overlay {
    display: block;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.7);
    border-radius: 0;
    position: fixed;
    top: 0;
    transition: opacity 0.4s ease-in-out;
    opacity: 0;
    left: 0;
    visibility: hidden;
    z-index: -10; }
    #password-generator div.overlay.show-modal {
      opacity: 1;
      visibility: visible;
      z-index: 10; }
    #password-generator div.overlay .modal {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      width: 100%;
      max-width: 640px;
      border-radius: 10px;
      box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.2);
      background-color: #ebf0f5;
      border: solid 1px rgba(0, 0, 0, 0.12);
      position: fixed;
      top: calc(50% + 30px);
      left: 50%;
      transform: translate(-50%, -50%);
      text-align: center;
      padding: 30px 0; }
      #password-generator div.overlay .modal h2,
      #password-generator div.overlay .modal p {
        margin-left: 10px;
        margin-right: 10px; }
      #password-generator div.overlay .modal h2 {
        margin-bottom: 0;
        max-width: 400px; }
        @media (min-width: 375px) {
          #password-generator div.overlay .modal h2 {
            margin-bottom: 16px; } }
      #password-generator div.overlay .modal p {
        color: #3d454d;
        max-width: 480px; }
      #password-generator div.overlay .modal img.modal-close {
        cursor: pointer;
        width: 11px;
        height: 11px;
        object-fit: contain;
        position: fixed;
        top: 15px;
        left: 95%; }
      #password-generator div.overlay .modal img.split {
        width: 640px;
        height: 135px;
        object-fit: contain; }
        @media (min-width: 375px) {
          #password-generator div.overlay .modal img.split {
            object-fit: none;
            margin-bottom: 15px; } }
        @media (min-width: 768px) {
          #password-generator div.overlay .modal img.split {
            margin: 20px; } }
      #password-generator div.overlay .modal a.btn {
        text-align: center;
        box-sizing: border-box;
        width: calc(100% - 60px);
        max-width: 300px;
        padding: 12px;
        margin: 0 auto;
        border-radius: 100px;
        font-weight: 600;
        display: flex;
        outline: none;
        align-self: center;
        justify-content: center;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
        -webkit-transition: transform 0.2s ease-in-out;
        -moz-transition: transform 0.2s ease-in-out;
        -ms-transition: transform 0.2s ease-in-out;
        -o-transition: transform 0.2s ease-in-out;
        transition: transform 0.2s ease-in-out;
        -webkit-transition: box-shadow 0.2s ease-in-out;
        -moz-transition: box-shadow 0.2s ease-in-out;
        -ms-transition: box-shadow 0.2s ease-in-out;
        -o-transition: box-shadow 0.2s ease-in-out;
        transition: box-shadow 0.2s ease-in-out;
        background-color: #0572ec;
        color: white;
        margin-bottom: 8px; }
        @media (max-width: 600px) {
          #password-generator div.overlay .modal a.btn {
            width: calc(100% - 30px); } }
        #password-generator div.overlay .modal a.btn:hover, #password-generator div.overlay .modal a.btn:focus {
          box-shadow: 0 8px 34px 0 rgba(0, 0, 0, 0.3);
          transform: scale(1.05);
          -webkit-transition: transform 0.2s ease-in-out;
          -moz-transition: transform 0.2s ease-in-out;
          -ms-transition: transform 0.2s ease-in-out;
          -o-transition: transform 0.2s ease-in-out;
          transition: transform 0.2s ease-in-out;
          -webkit-transition: box-shadow 0.2s ease-in-out;
          -moz-transition: box-shadow 0.2s ease-in-out;
          -ms-transition: box-shadow 0.2s ease-in-out;
          -o-transition: box-shadow 0.2s ease-in-out;
          transition: box-shadow 0.2s ease-in-out; }
      #password-generator div.overlay .modal a.link {
        color: #0572ec; }
  #password-generator section {
    margin: 35px auto;
    padding: 30px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center; }
    @supports (display: grid) {
      #password-generator section {
        display: grid;
        grid-template-columns: 1fr;
        justify-items: center;
        grid-gap: 25px; } }
    #password-generator section a.link {
      color: #0572ec;
      font-weight: 600; }
    #password-generator section.column, #password-generator section.grid-password-manager {
      max-width: 1000px;
      grid-gap: 40px; }
    #password-generator section.column {
      text-align: center;
      max-width: 900px; }
      #password-generator section.column p {
        max-width: 680px; }
    @media (min-width: 768px) {
      #password-generator section.grid-password-generator {
        grid-template-columns: 1fr 1fr; } }
    @media (min-width: 1024px) {
      #password-generator section.grid-password-generator {
        grid-template-columns: 450px 450px; } }
    #password-generator section.grid-password-generator h2 {
      color: #333; }
    #password-generator section.grid-password-generator p {
      color: #3d454d; }
    #password-generator section.grid-password-generator article {
      max-width: 500px; }
    #password-generator section.grid-password-generator img {
      max-width: 500px;
      align-self: center;
      justify-self: center; }
    #password-generator section.banner {
      max-width: 1100px;
      margin: 20px auto;
      background-color: #0572ec;
      padding: 30px 50px;
      justify-items: center;
      align-items: center; }
      @media (max-width: 767px) {
        #password-generator section.banner {
          text-align: center; } }
      @media (min-width: 768px) {
        #password-generator section.banner {
          grid-template-columns: 1fr 1fr; } }
      @media (min-width: 1024px) {
        #password-generator section.banner {
          grid-template-columns: 650px 350px;
          justify-items: flex-start; } }
      @media (min-width: 1101px) {
        #password-generator section.banner {
          -webkit-border-radius: 6px;
          -moz-border-radius: 6px;
          border-radius: 6px; } }
      #password-generator section.banner h2,
      #password-generator section.banner p {
        color: white;
        margin-bottom: 8px; }
      #password-generator section.banner a.btn {
        text-align: center;
        box-sizing: border-box;
        width: calc(100% - 60px);
        max-width: 300px;
        padding: 12px;
        margin: 0 auto;
        border-radius: 100px;
        font-weight: 600;
        display: flex;
        outline: none;
        align-self: center;
        justify-content: center;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
        -webkit-transition: transform 0.2s ease-in-out;
        -moz-transition: transform 0.2s ease-in-out;
        -ms-transition: transform 0.2s ease-in-out;
        -o-transition: transform 0.2s ease-in-out;
        transition: transform 0.2s ease-in-out;
        -webkit-transition: box-shadow 0.2s ease-in-out;
        -moz-transition: box-shadow 0.2s ease-in-out;
        -ms-transition: box-shadow 0.2s ease-in-out;
        -o-transition: box-shadow 0.2s ease-in-out;
        transition: box-shadow 0.2s ease-in-out;
        text-align: center;
        background-color: white;
        color: #0572ec; }
        @media (max-width: 600px) {
          #password-generator section.banner a.btn {
            width: calc(100% - 30px); } }
        #password-generator section.banner a.btn:hover, #password-generator section.banner a.btn:focus {
          box-shadow: 0 8px 34px 0 rgba(0, 0, 0, 0.3);
          transform: scale(1.05);
          -webkit-transition: transform 0.2s ease-in-out;
          -moz-transition: transform 0.2s ease-in-out;
          -ms-transition: transform 0.2s ease-in-out;
          -o-transition: transform 0.2s ease-in-out;
          transition: transform 0.2s ease-in-out;
          -webkit-transition: box-shadow 0.2s ease-in-out;
          -moz-transition: box-shadow 0.2s ease-in-out;
          -ms-transition: box-shadow 0.2s ease-in-out;
          -o-transition: box-shadow 0.2s ease-in-out;
          transition: box-shadow 0.2s ease-in-out; }
        @media (min-width: 768px) {
          #password-generator section.banner a.btn {
            margin: 0; } }
  #password-generator .card {
    position: relative;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: transform 0.2s ease-in-out;
    -moz-transition: transform 0.2s ease-in-out;
    -ms-transition: transform 0.2s ease-in-out;
    -o-transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    cursor: pointer; }
    #password-generator .card > a {
      width: 100%; }
    #password-generator .card:hover {
      transform: scale(1.025);
      -webkit-transition: transform 0.2s ease-in-out;
      -moz-transition: transform 0.2s ease-in-out;
      -ms-transition: transform 0.2s ease-in-out;
      -o-transition: transform 0.2s ease-in-out;
      transition: transform 0.2s ease-in-out;
      -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.12);
      -moz-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.12);
      box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.12); }
    @media (min-width: 768px) {
      #password-generator .card {
        flex: 0 0 auto; } }
    #password-generator .card--deepblue {
      background-color: #1f2e59;
      color: white; }
    #password-generator .card--lightblue {
      background-color: #b5d4f2;
      color: #3d454d; }
    #password-generator .card--greyblue {
      background-color: #5f729e;
      color: white; }
    #password-generator .card--lightblue2 {
      background-color: #badcff;
      color: #3d454d; }
    #password-generator .card--darkblue {
      background-color: #00407f;
      color: white; }
    #password-generator .card--bitsblue2 {
      background-color: #c2eaff;
      color: #3d454d; }
    #password-generator .card--yellow {
      background-color: #f8eadd;
      color: #3d454d; }
    #password-generator .card--securityblack {
      background-color: #0a2d4d;
      color: white; }
    #password-generator .card--ultragrey2 {
      background-color: #051627;
      color: #eaeaea; }
    #password-generator .card--bitsblue4 {
      background-color: #034ea6;
      color: white; }
    #password-generator .card--sassypurple {
      background-color: #33103f;
      color: white; }
    #password-generator .card--blue-bits {
      background-color: #0572ec;
      color: white; }
    #password-generator .card--ultra-grey-5 {
      background-color: #35414c;
      color: white; }
    #password-generator .card .card-content {
      -webkit-border-radius: 0 0 6px 6px;
      -moz-border-radius: 0 0 6px 6px;
      border-radius: 0 0 6px 6px;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      flex: 1 1 auto;
      padding: 30px;
      width: 100%; }
      #password-generator .card .card-content__category {
        font-size: 0.75rem;
        color: #333;
        opacity: 0.7; }
      #password-generator .card .card-content__title {
        font-size: 1.375rem;
        opacity: 0.9;
        color: inherit; }
      #password-generator .card .card-content__title--none-more-black {
        color: black; }
      #password-generator .card .card-content__description {
        opacity: 0.8;
        color: inherit; }
      #password-generator .card .card-content__description-flex {
        flex: 1 1 auto; }
      #password-generator .card .card-content__img-top {
        border-radius: 6px 6px 0 0;
        display: block;
        width: 100%; }
      #password-generator .card .card-content__img-bottom {
        border-radius: 0 0 6px 6px;
        width: 100%; }
      #password-generator .card .card-content__link {
        font-weight: 600;
        color: inherit; }
        #password-generator .card .card-content__link svg {
          transition: transform 0.2s; }
        #password-generator .card .card-content__link:hover svg {
          transform: translateX(7px);
          transition: transform 0.2s; }
      #password-generator .card .card-content__clickable-card {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0; }
      #password-generator .card .card-content__link--blue-primary {
        color: #0572ec; }
      #password-generator .card .card-content__link--none-more-black {
        color: black; }
    #password-generator .card .card-content--content-bottom-border {
      border: 1px solid #dee0e3;
      border-top: none; }
    @supports (display: flex) {
      @media (min-width: 768px) {
        #password-generator .card {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          align-items: start;
          align-content: start;
          flex-direction: column;
          grid-column: span 2;
          margin: 0; }
          #password-generator .card img {
            border-radius: 6px 6px 0 0; }
          #password-generator .card.card-offset.card-large, #password-generator .card.card-offset.card-x-large {
            -webkit-box-shadow: 0 0 0 0 transparent;
            -moz-box-shadow: 0 0 0 0 transparent;
            box-shadow: 0 0 0 0 transparent; }
            #password-generator .card.card-offset.card-large img, #password-generator .card.card-offset.card-x-large img {
              -webkit-border-radius: 6px;
              -moz-border-radius: 6px;
              border-radius: 6px; }
            #password-generator .card.card-offset.card-large .card-content, #password-generator .card.card-offset.card-x-large .card-content {
              background: white;
              position: relative;
              -webkit-border-radius: 6px;
              -moz-border-radius: 6px;
              border-radius: 6px;
              border: 1px solid #dee0e3; }
          #password-generator .card.card-align-center {
            align-self: center; }
          #password-generator .card.card-align-start {
            align-self: start; }
          #password-generator .card.card-align-end {
            align-self: end; }
          #password-generator .card.card-offset.card-large .card-content {
            margin: -50px auto 0;
            width: calc(100% - 40px); }
          #password-generator .card.card-offset.card-x-large .card-content {
            margin: -15% 0 0 40px;
            width: calc(55% - 40px); }
          #password-generator .card.card-medium {
            grid-column: span 3; }
          #password-generator .card.card-large {
            grid-column: span 4; }
          #password-generator .card.card-x-large {
            grid-column: span 6; }
          #password-generator .card.card-offset {
            width: 100%; } } }
    @supports (display: flex) {
      @media (max-width: 767px) {
        #password-generator .card {
          min-width: 100%; } } }
  #password-generator section.resources {
    margin-top: 0;
    margin-bottom: 0; }
    #password-generator section.resources h2.cards-title {
      text-align: center; }
    #password-generator section.resources section.resources-content {
      margin: 0 auto 40px;
      max-width: 1060px;
      padding: 0; }
      @media (min-width: 768px) {
        #password-generator section.resources section.resources-content {
          display: flex;
          flex-direction: column;
          width: 100%; } }
      @supports (display: grid) {
        @media (min-width: 1024px) {
          #password-generator section.resources section.resources-content {
            display: grid;
            justify-items: center;
            grid-template-columns: repeat(6, 1fr);
            grid-template-rows: 1fr;
            grid-gap: 40px; } } }
      #password-generator section.resources section.resources-content h2 {
        font-size: 1.313em; }
      #password-generator section.resources section.resources-content a.btn {
        text-align: center;
        box-sizing: border-box;
        width: calc(100% - 60px);
        max-width: 300px;
        padding: 12px;
        margin: 0 auto;
        border-radius: 100px;
        font-weight: 600;
        display: flex;
        outline: none;
        align-self: center;
        justify-content: center;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
        -webkit-transition: transform 0.2s ease-in-out;
        -moz-transition: transform 0.2s ease-in-out;
        -ms-transition: transform 0.2s ease-in-out;
        -o-transition: transform 0.2s ease-in-out;
        transition: transform 0.2s ease-in-out;
        -webkit-transition: box-shadow 0.2s ease-in-out;
        -moz-transition: box-shadow 0.2s ease-in-out;
        -ms-transition: box-shadow 0.2s ease-in-out;
        -o-transition: box-shadow 0.2s ease-in-out;
        transition: box-shadow 0.2s ease-in-out;
        border-radius: 20px;
        background-color: #e8f3ff;
        align-self: center;
        margin: 0;
        padding: 12px 20px;
        color: #0572ec;
        width: auto;
        max-height: 42px; }
        @media (max-width: 600px) {
          #password-generator section.resources section.resources-content a.btn {
            width: calc(100% - 30px); } }
        #password-generator section.resources section.resources-content a.btn:hover, #password-generator section.resources section.resources-content a.btn:focus {
          box-shadow: 0 8px 34px 0 rgba(0, 0, 0, 0.3);
          transform: scale(1.05);
          -webkit-transition: transform 0.2s ease-in-out;
          -moz-transition: transform 0.2s ease-in-out;
          -ms-transition: transform 0.2s ease-in-out;
          -o-transition: transform 0.2s ease-in-out;
          transition: transform 0.2s ease-in-out;
          -webkit-transition: box-shadow 0.2s ease-in-out;
          -moz-transition: box-shadow 0.2s ease-in-out;
          -ms-transition: box-shadow 0.2s ease-in-out;
          -o-transition: box-shadow 0.2s ease-in-out;
          transition: box-shadow 0.2s ease-in-out; }
        @media (min-width: 768px) {
          #password-generator section.resources section.resources-content a.btn {
            align-self: flex-start; } }
      #password-generator section.resources section.resources-content img {
        width: 100%;
        object-fit: cover; }
        @media (min-width: 1024px) {
          #password-generator section.resources section.resources-content img {
            height: 153px; } }
        #password-generator section.resources section.resources-content img[alt="Password manager"] {
          object-position: left; }
      #password-generator section.resources section.resources-content .card {
        margin-top: 20px; }
  #password-generator section.create-account {
    background: #f7f7f7;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 70px 30px;
    text-align: center;
    margin-bottom: 0; }
    #password-generator section.create-account h3 {
      font-size: 1.375em;
      /* 22px */
      font-weight: 600;
      line-height: 1.36;
      letter-spacing: -0.2px;
      color: #333; }
    #password-generator section.create-account a {
      text-align: center;
      box-sizing: border-box;
      width: calc(100% - 60px);
      max-width: 300px;
      padding: 12px;
      margin: 0 auto;
      border-radius: 100px;
      font-weight: 600;
      display: flex;
      outline: none;
      align-self: center;
      justify-content: center;
      box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
      -webkit-transition: transform 0.2s ease-in-out;
      -moz-transition: transform 0.2s ease-in-out;
      -ms-transition: transform 0.2s ease-in-out;
      -o-transition: transform 0.2s ease-in-out;
      transition: transform 0.2s ease-in-out;
      -webkit-transition: box-shadow 0.2s ease-in-out;
      -moz-transition: box-shadow 0.2s ease-in-out;
      -ms-transition: box-shadow 0.2s ease-in-out;
      -o-transition: box-shadow 0.2s ease-in-out;
      transition: box-shadow 0.2s ease-in-out;
      background: #0572ec;
      color: white;
      margin: 0 1em; }
      @media (max-width: 600px) {
        #password-generator section.create-account a {
          width: calc(100% - 30px); } }
      #password-generator section.create-account a:hover, #password-generator section.create-account a:focus {
        box-shadow: 0 8px 34px 0 rgba(0, 0, 0, 0.3);
        transform: scale(1.05);
        -webkit-transition: transform 0.2s ease-in-out;
        -moz-transition: transform 0.2s ease-in-out;
        -ms-transition: transform 0.2s ease-in-out;
        -o-transition: transform 0.2s ease-in-out;
        transition: transform 0.2s ease-in-out;
        -webkit-transition: box-shadow 0.2s ease-in-out;
        -moz-transition: box-shadow 0.2s ease-in-out;
        -ms-transition: box-shadow 0.2s ease-in-out;
        -o-transition: box-shadow 0.2s ease-in-out;
        transition: box-shadow 0.2s ease-in-out; }
  @media (min-width: 768px) {
    #password-generator .grid-password-generator:nth-child(even):not(.last) {
      grid-template-columns: 1fr 1fr; }
      #password-generator .grid-password-generator:nth-child(even):not(.last) article {
        order: 1; } }
  @media (min-width: 1024px) {
    #password-generator .grid-password-generator:nth-child(even):not(.last) {
      grid-template-columns: 400px 500px; } }
.business-webinars header {
  width: 100%;
  max-width: 1050px;
  min-height: 420px;
  background: url("/img/contentful/webinar-right.615aa1b7fec4b54a99a8cf314eace144.svg");
  background-repeat: no-repeat;
  background-position-x: right;
  background-color: #2b5590;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 60px 5px;
  margin: 0 auto; }
  @media (min-width: 600px) {
    .business-webinars header {
      background-image: url("/img/contentful/webinar-header.d52f61077620f66604ade3c99900ca52.svg");
      background-size: 100%;
      background-position: center; } }
  @media (min-width: 1065px) {
    .business-webinars header {
      border-radius: 5px; } }
  @media (max-width: 1199px) {
    .business-webinars header {
      padding-top: 100px; } }
  @media (min-width: 1200px) {
    .business-webinars header {
      margin: 100px auto; } }
  .business-webinars header button {
    text-align: center;
    box-sizing: border-box;
    width: calc(100% - 60px);
    max-width: 300px;
    padding: 12px;
    margin: 0 auto;
    border-radius: 100px;
    font-weight: 600;
    display: flex;
    outline: none;
    align-self: center;
    justify-content: center;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
    -webkit-transition: transform 0.2s ease-in-out;
    -moz-transition: transform 0.2s ease-in-out;
    -ms-transition: transform 0.2s ease-in-out;
    -o-transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    -webkit-transition: box-shadow 0.2s ease-in-out;
    -moz-transition: box-shadow 0.2s ease-in-out;
    -ms-transition: box-shadow 0.2s ease-in-out;
    -o-transition: box-shadow 0.2s ease-in-out;
    transition: box-shadow 0.2s ease-in-out;
    background-color: #50b347;
    color: white;
    cursor: pointer; }
    @media (max-width: 600px) {
      .business-webinars header button {
        width: calc(100% - 30px); } }
    .business-webinars header button:hover, .business-webinars header button:focus {
      box-shadow: 0 8px 34px 0 rgba(0, 0, 0, 0.3);
      transform: scale(1.05);
      -webkit-transition: transform 0.2s ease-in-out;
      -moz-transition: transform 0.2s ease-in-out;
      -ms-transition: transform 0.2s ease-in-out;
      -o-transition: transform 0.2s ease-in-out;
      transition: transform 0.2s ease-in-out;
      -webkit-transition: box-shadow 0.2s ease-in-out;
      -moz-transition: box-shadow 0.2s ease-in-out;
      -ms-transition: box-shadow 0.2s ease-in-out;
      -o-transition: box-shadow 0.2s ease-in-out;
      transition: box-shadow 0.2s ease-in-out; }
  .business-webinars header h1 {
    font-size: 38px;
    line-height: 1.13;
    letter-spacing: -0.8px;
    text-align: center;
    color: white;
    margin-bottom: 10px; }
    @media screen\0 {
      .business-webinars header h1 {
        margin-top: 60px; } }
  .business-webinars header h4 {
    max-width: 450px;
    font-size: 1em;
    font-weight: normal;
    line-height: 1.38;
    letter-spacing: -0.3px;
    text-align: center;
    color: white;
    margin-bottom: 10px; }
    .business-webinars header h4 a {
      color: #0572ec;
      text-decoration: none; }
  .business-webinars header form {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    max-width: 580px;
    width: 100%; }
    .business-webinars header form input {
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      border: 0;
      width: 100%;
      margin: 0 auto;
      max-width: 500px;
      height: 60px;
      font-size: 0.9em;
      padding: 15px;
      margin-bottom: 20px; }

#thanksgiving {
  overflow: hidden;
  padding: 0 20px; }
  #thanksgiving header {
    width: 100%;
    max-width: 1050px;
    min-height: 420px;
    background-color: #fff4e6;
    margin: 80px auto 20px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 0 5px 20px;
    overflow: hidden; }
    @media (min-width: 560px) {
      #thanksgiving header {
        flex-direction: row;
        align-items: center;
        justify-content: initial; } }
    @media (min-width: 1024px) {
      #thanksgiving header {
        padding: 0;
        justify-content: center; } }
    @media (min-width: 1065px) {
      #thanksgiving header {
        border-radius: 5px; } }
    @media (min-width: 1200px) {
      #thanksgiving header {
        margin-top: 100px; } }
  #thanksgiving header img.thanksgiving-right {
    width: 176px;
    height: 215px;
    object-fit: contain;
    object-position: top;
    align-self: flex-end;
    position: relative;
    left: 35px; }
    @media (min-width: 560px) {
      #thanksgiving header img.thanksgiving-right {
        width: 100%;
        height: 100%;
        order: 1;
        left: calc(50% - 265px);
        align-self: flex-start; } }
    @media (min-width: 768px) {
      #thanksgiving header img.thanksgiving-right {
        left: calc(50% - 365px); } }
    @media (min-width: 1024px) {
      #thanksgiving header img.thanksgiving-right {
        left: calc(50% - 450px);
        top: 22px;
        height: 430px;
        width: 256px;
        transform: scale(1.1); } }
  #thanksgiving header img.thanksgiving-left {
    display: none; }
    @media (min-width: 1024px) {
      #thanksgiving header img.thanksgiving-left {
        display: block;
        width: 253px;
        align-self: flex-end;
        object-fit: contain;
        object-position: right;
        position: relative;
        right: calc(50% - 440px);
        height: 351px; } }
  @media screen\0  and (min-width: 1024px) {
    #thanksgiving header img.thanksgiving-left {
      width: 320px; } }
  #thanksgiving header .header-text {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 0 15px; }
    @media (min-width: 1024px) {
      #thanksgiving header .header-text {
        width: 495px;
        text-align: center;
        align-items: center; } }
    #thanksgiving header .header-text h1 {
      margin-bottom: 15px; }
    @media (min-width: 768px) {
      #thanksgiving header .header-text p {
        width: 420px; } }
    @media (min-width: 1024px) {
      #thanksgiving header .header-text p {
        width: 495px; } }
    #thanksgiving header .header-text a.thanksgiving-gift {
      text-align: center;
      box-sizing: border-box;
      width: calc(100% - 60px);
      max-width: 300px;
      padding: 12px;
      margin: 0 auto;
      border-radius: 100px;
      font-weight: 600;
      display: flex;
      outline: none;
      align-self: center;
      justify-content: center;
      box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
      -webkit-transition: transform 0.2s ease-in-out;
      -moz-transition: transform 0.2s ease-in-out;
      -ms-transition: transform 0.2s ease-in-out;
      -o-transition: transform 0.2s ease-in-out;
      transition: transform 0.2s ease-in-out;
      -webkit-transition: box-shadow 0.2s ease-in-out;
      -moz-transition: box-shadow 0.2s ease-in-out;
      -ms-transition: box-shadow 0.2s ease-in-out;
      -o-transition: box-shadow 0.2s ease-in-out;
      transition: box-shadow 0.2s ease-in-out;
      background-color: #0572ec;
      color: white;
      margin: 0; }
      @media (max-width: 600px) {
        #thanksgiving header .header-text a.thanksgiving-gift {
          width: calc(100% - 30px); } }
      #thanksgiving header .header-text a.thanksgiving-gift:hover, #thanksgiving header .header-text a.thanksgiving-gift:focus {
        box-shadow: 0 8px 34px 0 rgba(0, 0, 0, 0.3);
        transform: scale(1.05);
        -webkit-transition: transform 0.2s ease-in-out;
        -moz-transition: transform 0.2s ease-in-out;
        -ms-transition: transform 0.2s ease-in-out;
        -o-transition: transform 0.2s ease-in-out;
        transition: transform 0.2s ease-in-out;
        -webkit-transition: box-shadow 0.2s ease-in-out;
        -moz-transition: box-shadow 0.2s ease-in-out;
        -ms-transition: box-shadow 0.2s ease-in-out;
        -o-transition: box-shadow 0.2s ease-in-out;
        transition: box-shadow 0.2s ease-in-out; }
      @media (min-width: 1024px) {
        #thanksgiving header .header-text a.thanksgiving-gift {
          width: 220px; } }
  #thanksgiving section {
    margin: 0 auto 20px;
    max-width: 1050px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }
    @media (min-width: 768px) {
      #thanksgiving section {
        justify-content: center; } }
    @supports (display: grid) {
      #thanksgiving section {
        display: grid;
        grid-template-columns: 1fr; }
        @media (min-width: 560px) {
          #thanksgiving section {
            grid-template-columns: 50% 50%;
            grid-gap: 0 15px;
            padding: 0 10px; } } }
  #thanksgiving section div {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-basis: 350px;
    flex-grow: 1;
    border: 1px solid #dadada;
    margin-bottom: 23px;
    min-height: 86px;
    text-align: center;
    padding: 2rem; }
    #thanksgiving section div p {
      color: #333;
      margin: 0; }
    #thanksgiving section div a {
      color: #0572ec; }

main#password-manager {
  overflow: hidden; }
  main#password-manager #comparison {
    width: fit-content;
    background-color: #f1faff;
    text-align: center;
    color: #0572ec;
    padding: 16px;
    margin: auto auto 48px;
    text-decoration: underline;
    border-radius: 6px; }
    main#password-manager #comparison:hover, main#password-manager #comparison:focus {
      color: #034ea6;
      text-decoration: none; }
  main#password-manager h2 {
    font-size: 1.875em; }
  main#password-manager h3 {
    color: #333;
    margin-bottom: 28px;
    font-size: 1.375em; }
  main#password-manager li {
    color: #3d454d;
    opacity: 0.8;
    list-style: outside;
    margin-left: 16px;
    margin-bottom: 16px; }
    main#password-manager li:last-child {
      margin-bottom: 20px; }
  main#password-manager p {
    color: #3d454d;
    opacity: 0.8; }
    main#password-manager p a {
      color: #0572ec;
      font-weight: 600; }
  main#password-manager .header {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 80px;
    text-align: center;
    min-height: 460px;
    background-color: #cce9ff; }
    @media (min-width: 769px) {
      main#password-manager .header {
        background: url("/img/password-manager/header-illustration.64dfc7174cda2c587cd1eb552893eb00.svg") no-repeat 49% center;
        background-size: cover; }
        main#password-manager .header picture#header-illustration-mobile {
          display: none; } }
    main#password-manager .header h1,
    main#password-manager .header p {
      margin: 0 auto 16px; }
    main#password-manager .header h1 {
      max-width: 530px; }
    main#password-manager .header p {
      max-width: 650px; }
    main#password-manager .header a.button {
      background-color: #50b347; }
  main#password-manager .password-manager-cards {
    text-align: center;
    padding-top: 70px;
    padding-bottom: 70px;
    background: url("/img/password-manager/bubble.09762e21700521fb0b1091dc5572c135.svg") no-repeat center center; }
    main#password-manager .password-manager-cards div > p {
      max-width: 565px; }
    main#password-manager .password-manager-cards div.cards-container {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center; }
      @media (min-width: 768px) {
        main#password-manager .password-manager-cards div.cards-container {
          flex-direction: row;
          margin: 50px 0; } }
      main#password-manager .password-manager-cards div.cards-container .group .cards {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: center;
        text-align: center;
        max-width: 327px;
        min-height: 179px;
        border-radius: 6px;
        border: solid 0.5px #f3f3f3;
        box-shadow: 0 3px 6px 0 rgba(122, 138, 153, 0.1);
        background-color: white;
        margin: 15px 0;
        padding: 5px; }
        @media (min-width: 768px) {
          main#password-manager .password-manager-cards div.cards-container .group .cards {
            margin-left: 15px;
            margin-right: 15px;
            padding: 15px; } }
        main#password-manager .password-manager-cards div.cards-container .group .cards h3 {
          font-size: 1em;
          line-height: 1.5;
          max-width: 280px;
          color: #333; }
        main#password-manager .password-manager-cards div.cards-container .group .cards img {
          object-fit: contain;
          margin-bottom: 22px; }
        main#password-manager .password-manager-cards div.cards-container .group .cards.card-1 img {
          width: 101px;
          height: 54px; }
        main#password-manager .password-manager-cards div.cards-container .group .cards.card-2 img {
          width: 77px;
          height: 54px; }
        main#password-manager .password-manager-cards div.cards-container .group .cards.card-3 img {
          width: 130px;
          height: 35px; }
        main#password-manager .password-manager-cards div.cards-container .group .cards.card-4 img {
          width: 96px;
          height: 50px; }
        main#password-manager .password-manager-cards div.cards-container .group .cards.card-5 img {
          width: 126px;
          height: 50px; }
        main#password-manager .password-manager-cards div.cards-container .group .cards.card-6 img {
          width: 76px;
          height: 48px; }
        main#password-manager .password-manager-cards div.cards-container .group .cards.card-7 img {
          width: 92px;
          height: 50px; }
        main#password-manager .password-manager-cards div.cards-container .group .cards.card-8 img {
          width: 108px;
          height: 48.8px; }
  main#password-manager section {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px; }
    main#password-manager section a.button {
      text-align: center;
      box-sizing: border-box;
      width: calc(100% - 60px);
      max-width: 300px;
      padding: 12px;
      margin: 0 auto;
      border-radius: 100px;
      font-weight: 600;
      display: flex;
      outline: none;
      align-self: center;
      justify-content: center;
      box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
      -webkit-transition: transform 0.2s ease-in-out;
      -moz-transition: transform 0.2s ease-in-out;
      -ms-transition: transform 0.2s ease-in-out;
      -o-transition: transform 0.2s ease-in-out;
      transition: transform 0.2s ease-in-out;
      -webkit-transition: box-shadow 0.2s ease-in-out;
      -moz-transition: box-shadow 0.2s ease-in-out;
      -ms-transition: box-shadow 0.2s ease-in-out;
      -o-transition: box-shadow 0.2s ease-in-out;
      transition: box-shadow 0.2s ease-in-out;
      color: white;
      background-color: #0572ec;
      margin: 0;
      width: fit-content;
      padding: 10px 20px; }
      @media (max-width: 600px) {
        main#password-manager section a.button {
          width: calc(100% - 30px); } }
      main#password-manager section a.button:hover, main#password-manager section a.button:focus {
        box-shadow: 0 8px 34px 0 rgba(0, 0, 0, 0.3);
        transform: scale(1.05);
        -webkit-transition: transform 0.2s ease-in-out;
        -moz-transition: transform 0.2s ease-in-out;
        -ms-transition: transform 0.2s ease-in-out;
        -o-transition: transform 0.2s ease-in-out;
        transition: transform 0.2s ease-in-out;
        -webkit-transition: box-shadow 0.2s ease-in-out;
        -moz-transition: box-shadow 0.2s ease-in-out;
        -ms-transition: box-shadow 0.2s ease-in-out;
        -o-transition: box-shadow 0.2s ease-in-out;
        transition: box-shadow 0.2s ease-in-out; }
  @media (min-width: 900px) {
    main#password-manager section.section-4 {
      padding-top: 70px; } }
  main#password-manager section.section-4 div.container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 100%;
    max-width: 1160px;
    border-bottom: 2px solid #dfe3e8;
    padding-bottom: 100px;
    background-image: url("/img/password-manager/anywhere-mobile.71317ba80ecf5b304d785cfab619918d.svg");
    background-position: center bottom;
    background-size: 280px;
    background-repeat: no-repeat;
    padding-bottom: 160px;
    padding-top: 50px; }
    @media (min-width: 768px) {
      main#password-manager section.section-4 div.container {
        background-image: url("/img/password-manager/anywhere.1d17de531530df5c094e9a4ac06c6252.svg");
        background-position: center bottom;
        background-size: contain;
        background-repeat: no-repeat;
        padding: 60px 0 150px; } }
  main#password-manager section.section-4 div.container > p {
    max-width: 670px; }
  main#password-manager section.section-4 div.container > div.button-container a.cta {
    background-color: #0572ec;
    border-color: transparent;
    border-radius: 40px;
    border-style: solid;
    border-width: 2px;
    color: white;
    display: inline-block;
    font-weight: 600;
    margin: 10px 15px 0;
    padding: 10px 20px;
    text-align: center;
    box-sizing: border-box;
    -webkit-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
    -moz-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
    -ms-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out; }
    main#password-manager section.section-4 div.container > div.button-container a.cta:hover {
      background-color: #50b347;
      -webkit-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
      -moz-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
      -ms-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
      -o-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
      transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out; }
    main#password-manager section.section-4 div.container > div.button-container a.cta.alternate {
      background-color: white;
      color: #0572ec;
      border: 2px solid #0572ec;
      -webkit-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
      -moz-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
      -ms-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
      -o-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
      transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out; }
      main#password-manager section.section-4 div.container > div.button-container a.cta.alternate:hover {
        border-color: #50b347;
        background-color: #50b347;
        color: white;
        -webkit-transition: border-color 0.3s ease-in-out, background-color 0.3s ease-in-out, color 0.3s ease-in-out;
        -moz-transition: border-color 0.3s ease-in-out, background-color 0.3s ease-in-out, color 0.3s ease-in-out;
        -ms-transition: border-color 0.3s ease-in-out, background-color 0.3s ease-in-out, color 0.3s ease-in-out;
        -o-transition: border-color 0.3s ease-in-out, background-color 0.3s ease-in-out, color 0.3s ease-in-out;
        transition: border-color 0.3s ease-in-out, background-color 0.3s ease-in-out, color 0.3s ease-in-out; }
  @media (max-width: 767px) {
    main#password-manager section.section-7 img[alt="1Password Business"] {
      order: 1; } }
  main#password-manager section.section-8 {
    text-align: center; }
    @media (min-width: 1024px) {
      main#password-manager section.section-8 {
        padding: 70px 30px 30px; } }
    main#password-manager section.section-8 h2,
    main#password-manager section.section-8 p {
      max-width: 670px; }
    main#password-manager section.section-8 h2 {
      margin-bottom: 30px; }
  main#password-manager section.section-end {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
    min-height: 290px;
    background-color: #e8f3ff; }
    main#password-manager section.section-end img#try-it-mobile {
      margin-top: 30px;
      margin-bottom: -2px; }
      @media (min-width: 769px) {
        main#password-manager section.section-end img#try-it-mobile {
          display: none; } }
    @media (max-width: 768px) {
      main#password-manager section.section-end {
        padding-bottom: 0; } }
    @media (min-width: 769px) {
      main#password-manager section.section-end {
        background: url("/img/password-manager/try-it.7f5657494300a4d8fb3d14b13c489fdf.svg") no-repeat 49% center; } }
    @media (min-width: 1200px) {
      main#password-manager section.section-end {
        margin-bottom: 30px; } }
    main#password-manager section.section-end p {
      text-align: center;
      max-width: 670px; }
  main#password-manager section.grid {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center; }
    @media (min-width: 1024px) {
      main#password-manager section.grid:not(.section-3) {
        padding: 70px 30px; } }
    @supports (display: grid) {
      main#password-manager section.grid {
        display: grid;
        grid-template-columns: 1fr;
        justify-items: center;
        grid-gap: 30px; }
        @media (min-width: 768px) {
          main#password-manager section.grid {
            grid-template-columns: repeat(2, minmax(300px, 600px)); } } }
    main#password-manager section.grid > div h3,
    main#password-manager section.grid > div p {
      max-width: 470px; }
    @media (max-width: 767px) {
      main#password-manager section.grid > div {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center; } }
  main#password-manager section.grid.section-1 > img {
    width: 100%;
    max-width: 576px;
    max-height: 462px; }
  main#password-manager section.grid.section-3 {
    background-color: #e8f3ff; }
    @media (min-width: 900px) {
      main#password-manager section.grid.section-3 {
        padding: 70px 30px; } }
  main#password-manager section.grid.section-5 > div {
    text-align: center; }
    @supports (display: grid) {
      main#password-manager section.grid.section-5 > div {
        display: grid;
        grid-template-rows: 150px 40px minmax(145px, auto);
        justify-items: center; } }
    main#password-manager section.grid.section-5 > div img {
      margin-bottom: 36px; }

main.opm7-upgrade {
  overflow: hidden; }
  main.opm7-upgrade a.link {
    color: #0572ec;
    font-weight: 500; }
  main.opm7-upgrade p,
  main.opm7-upgrade a {
    font-size: 0.813rem; }
  main.opm7-upgrade a.mac-appstore-button {
    display: block;
    width: 157px;
    margin: 0 auto 5px; }
  main.opm7-upgrade#appstore-download header, main.opm7-upgrade#website-download header {
    padding: 30px 10px 20px; }
    main.opm7-upgrade#appstore-download header .description, main.opm7-upgrade#website-download header .description {
      max-width: 370px; }
    main.opm7-upgrade#appstore-download header div.upgrade-banner, main.opm7-upgrade#website-download header div.upgrade-banner {
      top: 6px;
      left: 29%; }
      main.opm7-upgrade#appstore-download header div.upgrade-banner p, main.opm7-upgrade#website-download header div.upgrade-banner p {
        left: 6%; }
    main.opm7-upgrade#appstore-download header img.logo, main.opm7-upgrade#website-download header img.logo {
      width: 125px; }
  main.opm7-upgrade#appstore-download .pricing-info p, main.opm7-upgrade#website-download .pricing-info p {
    max-width: 320px; }
  main.opm7-upgrade#appstore-upgrade header, main.opm7-upgrade#website-upgrade header {
    padding: 20px; }
    main.opm7-upgrade#appstore-upgrade header p.description, main.opm7-upgrade#website-upgrade header p.description {
      max-width: 300px; }
    main.opm7-upgrade#appstore-upgrade header div.upgrade-banner, main.opm7-upgrade#website-upgrade header div.upgrade-banner {
      top: 20px;
      left: 30%; }
      main.opm7-upgrade#appstore-upgrade header div.upgrade-banner p, main.opm7-upgrade#website-upgrade header div.upgrade-banner p {
        left: 3.5%; }
  main.opm7-upgrade#appstore-upgrade .pricing-info p, main.opm7-upgrade#website-upgrade .pricing-info p {
    max-width: 540px; }
  main.opm7-upgrade header {
    background-color: #e8f3ff;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
    min-height: 200px;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 100vw; }
    @media (min-width: 768px) {
      main.opm7-upgrade header {
        border-radius: 0 0 55% 55%;
        left: -10vw;
        width: 120vw; } }
    main.opm7-upgrade header div.upgrade-banner {
      width: 100%;
      text-align: center;
      position: absolute;
      background-color: #0572ec;
      color: white;
      height: 35px;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      justify-content: center;
      transform: rotate(35deg);
      max-width: 3000px; }
      main.opm7-upgrade header div.upgrade-banner p {
        color: white;
        font-weight: 600;
        margin: 0 auto;
        position: relative;
        max-width: 150px;
        width: 100%; }
    main.opm7-upgrade header h2 {
      font-size: 1.8rem; }
    main.opm7-upgrade header p {
      margin-bottom: 10px; }
      main.opm7-upgrade header p.description {
        text-align: center; }
    main.opm7-upgrade header img.logo {
      margin-bottom: 10px; }
  main.opm7-upgrade section.features {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    padding: 25px 30px 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    justify-content: center; }
    main.opm7-upgrade section.features ul {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: column; }
      main.opm7-upgrade section.features ul li {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        list-style: none;
        min-height: 90px; }
        @supports (display: grid) {
          main.opm7-upgrade section.features ul li {
            display: grid;
            grid-template-columns: 50px 1fr;
            justify-items: center; }
            @media (min-width: 800px) {
              main.opm7-upgrade section.features ul li {
                grid-template-columns: 50px 156px; } } }
        main.opm7-upgrade section.features ul li img {
          width: 20px; }
          @supports not (display: grid) {
            main.opm7-upgrade section.features ul li img {
              margin-right: 10px; } }
  main.opm7-upgrade .cta {
    text-align: center;
    width: 100%; }
    main.opm7-upgrade .cta a.button {
      text-align: center;
      box-sizing: border-box;
      width: calc(100% - 60px);
      max-width: 300px;
      padding: 12px;
      margin: 0 auto;
      border-radius: 100px;
      font-weight: 600;
      display: flex;
      outline: none;
      align-self: center;
      justify-content: center;
      box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
      -webkit-transition: transform 0.2s ease-in-out;
      -moz-transition: transform 0.2s ease-in-out;
      -ms-transition: transform 0.2s ease-in-out;
      -o-transition: transform 0.2s ease-in-out;
      transition: transform 0.2s ease-in-out;
      -webkit-transition: box-shadow 0.2s ease-in-out;
      -moz-transition: box-shadow 0.2s ease-in-out;
      -ms-transition: box-shadow 0.2s ease-in-out;
      -o-transition: box-shadow 0.2s ease-in-out;
      transition: box-shadow 0.2s ease-in-out;
      background-color: #50b347;
      color: white;
      display: block;
      font-weight: 400;
      max-width: 200px; }
      @media (max-width: 600px) {
        main.opm7-upgrade .cta a.button {
          width: calc(100% - 30px); } }
      main.opm7-upgrade .cta a.button:hover, main.opm7-upgrade .cta a.button:focus {
        box-shadow: 0 8px 34px 0 rgba(0, 0, 0, 0.3);
        transform: scale(1.05);
        -webkit-transition: transform 0.2s ease-in-out;
        -moz-transition: transform 0.2s ease-in-out;
        -ms-transition: transform 0.2s ease-in-out;
        -o-transition: transform 0.2s ease-in-out;
        transition: transform 0.2s ease-in-out;
        -webkit-transition: box-shadow 0.2s ease-in-out;
        -moz-transition: box-shadow 0.2s ease-in-out;
        -ms-transition: box-shadow 0.2s ease-in-out;
        -o-transition: box-shadow 0.2s ease-in-out;
        transition: box-shadow 0.2s ease-in-out; }
      main.opm7-upgrade .cta a.button > strong {
        display: inline-block;
        font-size: 1rem; }
  main.opm7-upgrade .pricing-info {
    margin: 10px auto 0;
    max-width: 1000px;
    text-align: center; }
    main.opm7-upgrade .pricing-info a.whats-new {
      font-weight: 600; }
    main.opm7-upgrade .pricing-info h2 {
      font-size: 0.875rem;
      margin-bottom: 0; }
    main.opm7-upgrade .pricing-info p {
      margin: 10px auto;
      color: #72818d; }

main#advanced-protection {
  margin-top: 60px;
  background: #004182;
  overflow: hidden; }
  main#advanced-protection nav.white-bar .buy a,
  main#advanced-protection nav.white-bar .signup a {
    border: solid 2px #0572ec;
    background-color: white;
    color: #0572ec;
    transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out; }
  main#advanced-protection h1,
  main#advanced-protection p {
    margin-bottom: 25px; }
  main#advanced-protection a.btn {
    text-align: center;
    box-sizing: border-box;
    width: calc(100% - 60px);
    max-width: 300px;
    padding: 12px;
    margin: 0 auto;
    border-radius: 100px;
    font-weight: 600;
    display: flex;
    outline: none;
    align-self: center;
    justify-content: center;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
    -webkit-transition: transform 0.2s ease-in-out;
    -moz-transition: transform 0.2s ease-in-out;
    -ms-transition: transform 0.2s ease-in-out;
    -o-transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    -webkit-transition: box-shadow 0.2s ease-in-out;
    -moz-transition: box-shadow 0.2s ease-in-out;
    -ms-transition: box-shadow 0.2s ease-in-out;
    -o-transition: box-shadow 0.2s ease-in-out;
    transition: box-shadow 0.2s ease-in-out;
    background-color: #0572ec;
    color: white; }
    @media (max-width: 600px) {
      main#advanced-protection a.btn {
        width: calc(100% - 30px); } }
    main#advanced-protection a.btn:hover, main#advanced-protection a.btn:focus {
      box-shadow: 0 8px 34px 0 rgba(0, 0, 0, 0.3);
      transform: scale(1.05);
      -webkit-transition: transform 0.2s ease-in-out;
      -moz-transition: transform 0.2s ease-in-out;
      -ms-transition: transform 0.2s ease-in-out;
      -o-transition: transform 0.2s ease-in-out;
      transition: transform 0.2s ease-in-out;
      -webkit-transition: box-shadow 0.2s ease-in-out;
      -moz-transition: box-shadow 0.2s ease-in-out;
      -ms-transition: box-shadow 0.2s ease-in-out;
      -o-transition: box-shadow 0.2s ease-in-out;
      transition: box-shadow 0.2s ease-in-out; }
  main#advanced-protection a.link {
    color: #0572ec;
    font-weight: 500; }
  main#advanced-protection .container {
    margin: 0 auto;
    max-width: 1170px; }
  main#advanced-protection p {
    color: #3d454d; }
  main#advanced-protection header {
    position: relative;
    background-color: white;
    padding-bottom: 10px; }
    @media (min-width: 1170px) {
      main#advanced-protection header {
        background-image: url("/img/advanced-protection/header-bg.e82eaea203c06da04c6f5e363019c438.svg");
        background-repeat: no-repeat;
        background-position: center -100px;
        background-size: auto;
        padding-bottom: 0; } }
    main#advanced-protection header h1.title {
      color: #212b36;
      font-size: 1.75em;
      line-height: 1.15;
      letter-spacing: -0.29px;
      max-width: 320px;
      margin-left: auto;
      margin-right: auto; }
      @media (min-width: 760px) {
        main#advanced-protection header h1.title {
          max-width: 458px;
          margin-left: 0;
          margin-right: 0; } }
      @media (min-width: 68em) {
        main#advanced-protection header h1.title {
          font-size: 2.5em; } }
    main#advanced-protection header p {
      color: #454f5b;
      font-size: 1em;
      max-width: 310px;
      margin-left: auto;
      margin-right: auto;
      line-height: 1.5;
      letter-spacing: -0.3px; }
      @media (min-width: 760px) {
        main#advanced-protection header p {
          max-width: 458px;
          margin-left: 0;
          margin-right: 0;
          font-size: 1.125em;
          letter-spacing: -0.12px; } }
    main#advanced-protection header a.btn {
      margin: 0;
      max-width: 250px;
      display: inline-block; }
    main#advanced-protection header .header-top {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding: 60px 5% 130px;
      background-image: linear-gradient(to bottom, white, #f0f5fa);
      padding-bottom: 130px; }
      @media screen\0 {
        main#advanced-protection header .header-top {
          overflow: hidden; } }
      main#advanced-protection header .header-top img {
        max-width: 350px; }
        @media screen\0 {
          main#advanced-protection header .header-top img {
            display: none; } }
        @media (min-width: 760px) {
          main#advanced-protection header .header-top img {
            max-width: 100%; } }
  @media screen\0  and (min-width: 760px) {
    main#advanced-protection header .header-top img {
      display: block; } }
        @media (min-width: 1170px) {
          main#advanced-protection header .header-top img {
            max-width: 570px; } }
  @media screen\0  and (min-width: 1170px) {
    main#advanced-protection header .header-top img {
      display: block;
      max-width: none; } }
      main#advanced-protection header .header-top .img-container {
        margin-top: 40px; }
        @media (min-width: 760px) {
          main#advanced-protection header .header-top .img-container {
            margin-top: 0; } }
      @media (min-width: 1170px) {
        main#advanced-protection header .header-top {
          background-image: none;
          padding-bottom: 80px; } }
      @media (min-width: 1200px) {
        main#advanced-protection header .header-top {
          padding: 50px 0; } }
  main#advanced-protection .cards-panel {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: -80px;
    padding: 0 28px; }
    @media (min-width: 1170px) {
      main#advanced-protection .cards-panel {
        margin-top: -20px;
        padding: 0; } }
    @media screen\0 {
      main#advanced-protection .cards-panel .cards {
        padding-bottom: 30px; } }
  @media screen\0  and (min-width: 760px) {
    main#advanced-protection .cards-panel .cards {
      padding-right: 30px; } }
    main#advanced-protection .cards-panel .cards .header-card {
      border-radius: 10px;
      box-shadow: 0 10px 15px 0 rgba(198, 198, 198, 0.19);
      border: solid 0.5px #e9e9e9;
      background-color: white;
      width: 100%;
      height: 100%;
      padding: 45px 30px 30px; }
      @media (min-width: 760px) {
        main#advanced-protection .cards-panel .cards .header-card {
          padding: 25px 15px 20px 20px; } }
      @media (min-width: 900px) {
        main#advanced-protection .cards-panel .cards .header-card {
          padding: 45px 30px 30px; } }
      main#advanced-protection .cards-panel .cards .header-card h2 {
        font-size: 1.5em;
        line-height: 1.25;
        letter-spacing: -0.16px;
        font-weight: 600;
        letter-spacing: -0.16px;
        color: #333;
        margin-bottom: 20px; }
        @media (min-width: 760px) {
          main#advanced-protection .cards-panel .cards .header-card h2 {
            font-size: 1.25em; } }
        @media (min-width: 900px) {
          main#advanced-protection .cards-panel .cards .header-card h2 {
            font-size: 1.5em; } }
      main#advanced-protection .cards-panel .cards .header-card p {
        margin-left: 0;
        margin-right: 0;
        max-width: none;
        margin-bottom: 0;
        font-size: 0.938em;
        letter-spacing: -0.2px; }
      main#advanced-protection .cards-panel .cards .header-card img {
        max-height: 30px;
        margin-bottom: 20px; }
  main#advanced-protection section.advanced-protection-included, main#advanced-protection section.end-section {
    text-align: center; }
  main#advanced-protection section h2 {
    font-family: "Adelle-Semibold", sans-serif;
    font-size: 1.5em;
    font-weight: normal;
    line-height: 1.15;
    letter-spacing: -0.21px;
    color: #333; }
    @media (min-width: 52em) {
      main#advanced-protection section h2 {
        font-size: 2em; } }
  main#advanced-protection section.end-section {
    padding: 40px 25px;
    background: white; }
    main#advanced-protection section.end-section a.link {
      font-size: 1.125em;
      font-weight: 600;
      line-height: 1.5;
      letter-spacing: -0.16px;
      position: relative;
      transition: color 0.2s ease-in-out; }
      main#advanced-protection section.end-section a.link svg {
        margin-left: 5px;
        margin-top: -2px;
        vertical-align: middle; }
        main#advanced-protection section.end-section a.link svg path {
          fill: #0572ec;
          transition: fill 0.2s ease-in-out; }
      main#advanced-protection section.end-section a.link:hover {
        color: #06c; }
        main#advanced-protection section.end-section a.link:hover svg path {
          fill: #06c; }
    main#advanced-protection section.end-section h2 {
      font-size: 1.375em; }
  main#advanced-protection section.medals {
    background: #f2f4f7; }
    main#advanced-protection section.medals .c-g2-medals {
      background: #f2f4f7;
      margin: 0; }
      main#advanced-protection section.medals .c-g2-medals .c-g2-medals__container {
        margin-bottom: 48px; }
    main#advanced-protection section.medals .cta-box {
      box-shadow: 0 2px 4px 0 rgba(122, 138, 153, 0.1);
      background-image: linear-gradient(to bottom, #43a2ff, #0682ff);
      padding: 30px;
      position: relative;
      overflow: hidden;
      display: flex;
      flex-direction: column; }
      @media (min-width: 768px) {
        main#advanced-protection section.medals .cta-box {
          padding: 50px; } }
      @media (min-width: 1170px) {
        main#advanced-protection section.medals .cta-box {
          -webkit-border-radius: 6px;
          -moz-border-radius: 6px;
          border-radius: 6px; } }
      @media (min-width: 52em) {
        main#advanced-protection section.medals .cta-box {
          margin-top: 0; } }
      main#advanced-protection section.medals .cta-box::before {
        display: none; }
        @media (min-width: 1024px) {
          main#advanced-protection section.medals .cta-box::before {
            display: block;
            content: "";
            position: absolute;
            top: 56px;
            left: calc(30% - 300px);
            background: url("/img/advanced-protection/secure-left.53e657e41ea501ef063f0a7b53bd2b9e.svg") no-repeat 0 0;
            background-size: contain;
            width: 182px;
            min-height: 246px; } }
      main#advanced-protection section.medals .cta-box::after {
        display: none; }
        @media (min-width: 1024px) {
          main#advanced-protection section.medals .cta-box::after {
            display: block;
            content: "";
            position: absolute;
            top: 56px;
            right: calc(30% - 300px);
            background: url("/img/advanced-protection/secure-right.88bb917630032790550a460d3ab8a2e9.svg") no-repeat 0 0;
            background-size: contain;
            width: 191px;
            min-height: 246px; } }
      main#advanced-protection section.medals .cta-box h2,
      main#advanced-protection section.medals .cta-box p,
      main#advanced-protection section.medals .cta-box li {
        color: white; }
      main#advanced-protection section.medals .cta-box h2,
      main#advanced-protection section.medals .cta-box p {
        max-width: 450px;
        margin-left: auto;
        margin-right: auto; }
      main#advanced-protection section.medals .cta-box p {
        max-width: 480px;
        margin-bottom: 30px; }
      main#advanced-protection section.medals .cta-box h2 {
        letter-spacing: -0.27px;
        text-align: center; }
      main#advanced-protection section.medals .cta-box a.btn {
        background-color: white;
        color: #0572ec;
        margin: 0 auto 30px;
        width: auto;
        padding-left: 25px;
        padding-right: 25px;
        display: inline-block; }
        @media (min-width: 500px) {
          main#advanced-protection section.medals .cta-box a.btn {
            margin: 0 auto 40px; } }
      main#advanced-protection section.medals .cta-box .list-features {
        display: flex;
        justify-content: center; }
        @media (min-width: 500px) {
          main#advanced-protection section.medals .cta-box .list-features ul {
            display: inline-flex;
            flex-direction: row;
            justify-content: space-evenly;
            width: 100%;
            max-width: 500px; } }
        @media screen\0 {
          main#advanced-protection section.medals .cta-box .list-features ul {
            justify-content: space-around; } }
        main#advanced-protection section.medals .cta-box .list-features ul li {
          list-style: none;
          font-size: 0.875em;
          font-weight: 500;
          line-height: 1.5;
          letter-spacing: -0.09px;
          margin-bottom: 10px; }
          @media (min-width: 500px) {
            main#advanced-protection section.medals .cta-box .list-features ul li {
              margin-bottom: 0; } }
          main#advanced-protection section.medals .cta-box .list-features ul li img[alt="Check"] {
            padding-right: 10px; }
  main#advanced-protection section:not(.end-section) .container {
    padding: 80px 0; }
  @media (max-width: 1170px) {
    main#advanced-protection section:not(.failed-login):not(.end-section):not(.monitor-policies):not(.medals) {
      padding-left: 30px;
      padding-right: 30px; } }
  main#advanced-protection section.monitor-policies {
    background-color: white; }
    @media (min-width: 760px) {
      main#advanced-protection section.monitor-policies {
        padding-left: 30px;
        padding-right: 30px; } }
    @media (min-width: 1180px) {
      main#advanced-protection section.monitor-policies {
        padding-left: 0;
        padding-right: 0; } }
    main#advanced-protection section.monitor-policies img {
      max-height: 604px; }
    main#advanced-protection section.monitor-policies h2 {
      font-family: "Adelle-Semibold", sans-serif;
      font-size: 1.5em;
      text-align: center;
      margin: 0 auto;
      max-width: 320px;
      padding-top: 80px;
      padding-bottom: 40px;
      display: block;
      line-height: 1.15;
      letter-spacing: -0.16px; }
      @media (min-width: 760px) {
        main#advanced-protection section.monitor-policies h2 {
          padding-top: 80px;
          padding-bottom: 20px; } }
      @media (min-width: 57em) {
        main#advanced-protection section.monitor-policies h2 {
          display: none; } }
    main#advanced-protection section.monitor-policies.scroller .scroller-tracker {
      display: grid;
      grid-template-columns: repeat(3, calc(100% - 70px));
      cursor: pointer; }
      @media (min-width: 760px) {
        main#advanced-protection section.monitor-policies.scroller .scroller-tracker {
          display: flex;
          grid-template-columns: unset;
          transition: none;
          pointer-events: none;
          cursor: pointer; } }
    main#advanced-protection section.monitor-policies.scroller .scroller-wrapper {
      overflow-x: scroll; }
      @media (min-width: 760px) {
        main#advanced-protection section.monitor-policies.scroller .scroller-wrapper {
          overflow-x: hidden;
          pointer-events: none; } }
      main#advanced-protection section.monitor-policies.scroller .scroller-wrapper .slide {
        padding: 10px;
        text-align: center;
        align-self: start;
        margin-left: 35px; }
        @media (min-width: 760px) {
          main#advanced-protection section.monitor-policies.scroller .scroller-wrapper .slide {
            pointer-events: none;
            opacity: 0;
            transition: opacity 0.7s ease-in-out; } }
        @media (min-width: 1180px) {
          main#advanced-protection section.monitor-policies.scroller .scroller-wrapper .slide figure {
            text-align: right; } }
        main#advanced-protection section.monitor-policies.scroller .scroller-wrapper .slide figcaption {
          display: block;
          width: 100%; }
        @media (min-width: 760px) {
          main#advanced-protection section.monitor-policies.scroller .scroller-wrapper .slide.active {
            opacity: 1;
            transition-delay: 0.7s;
            transition: opacity 0.7s ease-in-out; } }
        main#advanced-protection section.monitor-policies.scroller .scroller-wrapper .slide h3 {
          color: #3d454d;
          margin: 25px 0 20px;
          font-size: 1.125em;
          font-weight: bold;
          font-style: normal;
          line-height: 1.15;
          letter-spacing: -0.12px; }
        main#advanced-protection section.monitor-policies.scroller .scroller-wrapper .slide p {
          margin: 0 auto;
          line-height: 1.5;
          letter-spacing: -0.11px;
          max-width: 500px; }
        @media (min-width: 760px) {
          main#advanced-protection section.monitor-policies.scroller .scroller-wrapper .slide {
            padding: 0;
            align-self: center;
            margin-left: 0; }
            main#advanced-protection section.monitor-policies.scroller .scroller-wrapper .slide figcaption {
              display: none; } }
    main#advanced-protection section.monitor-policies.scroller .container {
      margin: 0 auto;
      padding-top: 0;
      padding-bottom: 0;
      display: block; }
      main#advanced-protection section.monitor-policies.scroller .container nav h2 {
        display: none; }
      @media (min-width: 760px) {
        main#advanced-protection section.monitor-policies.scroller .container {
          display: grid;
          padding-top: 0;
          padding-bottom: 20px; } }
  @media screen\0  and (min-width: 760px) {
    main#advanced-protection section.monitor-policies.scroller .container {
      display: flex; } }
      @media (min-width: 760px) {
          main#advanced-protection section.monitor-policies.scroller .container nav {
            height: auto;
            max-width: 450px; }
            main#advanced-protection section.monitor-policies.scroller .container nav ul li button {
              border-radius: 0;
              color: #3d454d;
              font-size: 1em;
              text-align: left;
              background: none;
              width: auto;
              height: auto;
              padding: 15px 25px 30px;
              border-left: 2px solid #bfdeff;
              outline: none;
              line-height: 1.5;
              letter-spacing: -0.11px;
              transition: border-left-color 0.25s ease-in-out; }
              main#advanced-protection section.monitor-policies.scroller .container nav ul li button span {
                font-weight: bold;
                font-size: 1.125em;
                display: block;
                padding-bottom: 20px; }
              main#advanced-protection section.monitor-policies.scroller .container nav ul li button:hover span {
                color: #0572ec; }
              main#advanced-protection section.monitor-policies.scroller .container nav ul li button:focus span {
                color: #3d454d; }
            main#advanced-protection section.monitor-policies.scroller .container nav ul li.active button {
              border-left-color: #0572ec; }
              main#advanced-protection section.monitor-policies.scroller .container nav ul li.active button span {
                color: #0572ec; } }
      @media (min-width: 57em) {
        main#advanced-protection section.monitor-policies.scroller .container {
          padding-top: 100px;
          padding-bottom: 80px; }
          main#advanced-protection section.monitor-policies.scroller .container nav h2 {
            display: block;
            padding-top: 40px;
            padding-bottom: 20px;
            text-align: left;
            max-width: 1170px;
            font-size: 2em; } }
  main#advanced-protection section.failed-login {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    background: white;
    align-items: center; }
    main#advanced-protection section.failed-login h2 {
      text-align: left; }
      @media (min-width: 760px) {
        main#advanced-protection section.failed-login h2 {
          padding-right: 30px; } }
    main#advanced-protection section.failed-login .container {
      padding: 0 30px 20px;
      display: inline-block;
      max-width: 1210px;
      width: 100%; }
      @media (min-width: 760px) {
        main#advanced-protection section.failed-login .container {
          padding-bottom: 0;
          padding-right: 0;
          margin-bottom: -50px; } }
      @media (min-width: 1300px) {
        main#advanced-protection section.failed-login .container {
          padding-left: 0; }
          main#advanced-protection section.failed-login .container .grid-col--lg-5 {
            margin-top: -60px; }
          main#advanced-protection section.failed-login .container img {
            max-width: 737px;
            max-height: 712px; }
          main#advanced-protection section.failed-login .container .grid {
            transform: translateX(20px);
            width: calc(100% + 55px); } }
    @media screen\0  and (min-width: 1300px) {
      main#advanced-protection section.failed-login .container .grid {
        width: 100%;
        transform: none; } }
    main#advanced-protection section.failed-login a.btn {
      background: #06c;
      margin: 0 0 30px;
      padding: 12px 15px;
      display: block;
      width: 100%; }
    main#advanced-protection section.failed-login p {
      color: #333;
      font-size: 1.125em;
      line-height: 1.5;
      letter-spacing: -0.12px;
      text-align: left; }
      @media (min-width: 760px) {
        main#advanced-protection section.failed-login p {
          padding-right: 30px; } }
      @media (min-width: 832px) {
        main#advanced-protection section.failed-login p {
          max-width: 370px; } }
    @media (min-width: 1024px) {
      main#advanced-protection section.failed-login {
        min-height: 581px;
        padding-top: 25px; } }
    @media (min-width: 1300px) {
      main#advanced-protection section.failed-login {
        border-radius: 0 0 55% 55%;
        left: -30vw;
        width: 160vw;
        overflow: hidden;
        position: relative;
        background-size: 90%; } }
  @media screen\0  and (min-width: 1300px) {
    main#advanced-protection section.failed-login {
      position: static;
      left: 0;
      width: 100%; } }
    @media screen\0 {
      main#advanced-protection section.failed-login {
        border-radius: 0; } }
  main#advanced-protection section.firewall {
    background: white; }
    @media (min-width: 1180px) {
      main#advanced-protection section.firewall img {
        max-width: 494px; } }
    main#advanced-protection section.firewall h2::before {
      content: "";
      width: 100px;
      height: 60px;
      background-image: url("/img/advanced-protection/firewall-rules-icon.527b378b1296b0ec0e8b6b184b8cd145.svg");
      background-position: left top;
      background-size: contain;
      background-repeat: no-repeat;
      display: block;
      margin-bottom: 25px; }
    @media (min-width: 760px) {
      main#advanced-protection section.firewall .grid-col--lg-order-1 {
        margin-top: -60px; } }
    main#advanced-protection section.firewall p,
    main#advanced-protection section.firewall h2 {
      margin-bottom: 30px;
      text-align: left;
      margin-bottom: 30px; }
      @media (min-width: 760px) {
        main#advanced-protection section.firewall p,
        main#advanced-protection section.firewall h2 {
          max-width: 400px;
          margin-left: auto;
          margin-right: auto;
          margin-bottom: 30px;
          text-align: left;
          padding-left: 30px; } }
    main#advanced-protection section.firewall p {
      font-size: 1.125em;
      line-height: 1.5;
      letter-spacing: -0.12px; }
      @media (min-width: 760px) {
        main#advanced-protection section.firewall p {
          margin-bottom: 0; } }
  main#advanced-protection section.advanced-protection-included {
    background-color: #004182;
    position: relative; }
    main#advanced-protection section.advanced-protection-included h2,
    main#advanced-protection section.advanced-protection-included p,
    main#advanced-protection section.advanced-protection-included a {
      margin-left: auto;
      margin-right: auto;
      color: white; }
    main#advanced-protection section.advanced-protection-included img {
      margin-bottom: 30px; }
      @media (min-width: 52em) {
        main#advanced-protection section.advanced-protection-included img {
          margin-bottom: 20px; } }
    main#advanced-protection section.advanced-protection-included h2 {
      max-width: 550px;
      font-size: 1.5em; }
      @media (min-width: 52em) {
        main#advanced-protection section.advanced-protection-included h2 {
          font-size: 1.875em; } }
    main#advanced-protection section.advanced-protection-included p {
      max-width: 580px;
      line-height: 1.5;
      letter-spacing: -0.12px;
      font-size: 1.125em; }
    main#advanced-protection section.advanced-protection-included a.btn {
      -webkit-border-radius: 30px;
      -moz-border-radius: 30px;
      border-radius: 30px;
      border: 2px solid white;
      background-color: #004182;
      padding: 10px;
      width: 100%;
      max-width: 350px; }

main {
  overflow: hidden; }
  main header.landing {
    width: 100%;
    min-height: 500px; }
    main header.landing.teams-hero {
      background-image: linear-gradient(to bottom, #0572ec 50%, #34b7ff); }
    main header.landing.business-hero-simple {
      /* prettier-ignore */
      background-image: linear-gradient(to bottom, #0f2656 50%, #1b3b7c); }
    main header.landing.teams-hero .container, main header.landing.business-hero-simple .container {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      padding-top: 90px;
      padding-left: 12px;
      padding-right: 12px;
      margin: 0 auto;
      max-width: 1140px; }
      main header.landing.teams-hero .container img, main header.landing.business-hero-simple .container img {
        margin-bottom: 30px; }
      main header.landing.teams-hero .container h1,
      main header.landing.teams-hero .container p,
      main header.landing.teams-hero .container p > span, main header.landing.business-hero-simple .container h1,
      main header.landing.business-hero-simple .container p,
      main header.landing.business-hero-simple .container p > span {
        margin-bottom: 16px; }
      main header.landing.teams-hero .container h1, main header.landing.business-hero-simple .container h1 {
        font-size: 2.25em;
        text-align: center;
        color: white; }
      main header.landing.teams-hero .container p, main header.landing.business-hero-simple .container p {
        font-size: 1.125em;
        text-align: center;
        color: white; }
        main header.landing.teams-hero .container p span, main header.landing.business-hero-simple .container p span {
          display: inline-block;
          opacity: 0.8;
          font-size: 0.938rem;
          text-align: center;
          letter-spacing: normal;
          color: white; }
      main header.landing.teams-hero .container a.btn, main header.landing.business-hero-simple .container a.btn {
        text-align: center;
        box-sizing: border-box;
        width: calc(100% - 60px);
        max-width: 300px;
        padding: 12px;
        margin: 0 auto;
        border-radius: 100px;
        font-weight: 600;
        display: flex;
        outline: none;
        align-self: center;
        justify-content: center;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
        -webkit-transition: transform 0.2s ease-in-out;
        -moz-transition: transform 0.2s ease-in-out;
        -ms-transition: transform 0.2s ease-in-out;
        -o-transition: transform 0.2s ease-in-out;
        transition: transform 0.2s ease-in-out;
        -webkit-transition: box-shadow 0.2s ease-in-out;
        -moz-transition: box-shadow 0.2s ease-in-out;
        -ms-transition: box-shadow 0.2s ease-in-out;
        -o-transition: box-shadow 0.2s ease-in-out;
        transition: box-shadow 0.2s ease-in-out;
        background-color: #06c;
        font-size: 1.25em;
        font-weight: 600;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: white;
        max-width: 258px;
        margin-bottom: 16px; }
        @media (max-width: 600px) {
          main header.landing.teams-hero .container a.btn, main header.landing.business-hero-simple .container a.btn {
            width: calc(100% - 30px); } }
        main header.landing.teams-hero .container a.btn:hover, main header.landing.teams-hero .container a.btn:focus, main header.landing.business-hero-simple .container a.btn:hover, main header.landing.business-hero-simple .container a.btn:focus {
          box-shadow: 0 8px 34px 0 rgba(0, 0, 0, 0.3);
          transform: scale(1.05);
          -webkit-transition: transform 0.2s ease-in-out;
          -moz-transition: transform 0.2s ease-in-out;
          -ms-transition: transform 0.2s ease-in-out;
          -o-transition: transform 0.2s ease-in-out;
          transition: transform 0.2s ease-in-out;
          -webkit-transition: box-shadow 0.2s ease-in-out;
          -moz-transition: box-shadow 0.2s ease-in-out;
          -ms-transition: box-shadow 0.2s ease-in-out;
          -o-transition: box-shadow 0.2s ease-in-out;
          transition: box-shadow 0.2s ease-in-out; }
    main header.landing.teams-hero .container h1 {
      max-width: 570px; }
    main header.landing.teams-hero .container p {
      max-width: 445px; }
    main header.landing.business-hero-simple .container h1 {
      max-width: 600px; }
    main header.landing.business-hero-simple .container p {
      max-width: 455px; }
  main section.create-passwords {
    background-color: white;
    padding: 60px 5px; }
    @media (min-width: 768px) {
      main section.create-passwords {
        padding-top: 100px; } }
    main section.create-passwords div.container {
      max-width: 1140px;
      margin: 0 auto; }
      main section.create-passwords div.container img {
        margin-bottom: 45px; }
      main section.create-passwords div.container h2 {
        margin-bottom: 20px; }
      main section.create-passwords div.container p {
        margin: 0 auto 20px;
        max-width: 300px; }
    @media (min-width: 760px) {
      main section.create-passwords div.container > div > div {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center; }
        @supports (display: grid) {
          main section.create-passwords div.container > div > div {
            display: grid;
            grid-template-rows: 100px 70px;
            justify-items: center;
            justify-self: center;
            align-items: center; } } }
  main #opm-screenshot-admin-panel {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column; }
    @media screen\0 {
      main #opm-screenshot-admin-panel {
        flex-direction: row; } }
    @supports (display: grid) {
      main #opm-screenshot-admin-panel {
        display: grid;
        grid-template-columns: 1fr; }
        @media (min-width: 768px) {
          main #opm-screenshot-admin-panel {
            grid-template-columns: 50% 50%; } } }
    main #opm-screenshot-admin-panel picture {
      height: 100%; }
    main #opm-screenshot-admin-panel .opm-screenshot {
      object-position: 15%; }
    main #opm-screenshot-admin-panel .admin-panel {
      object-position: 40% 30%; }
    main #opm-screenshot-admin-panel .opm-screenshot,
    main #opm-screenshot-admin-panel .admin-panel {
      width: 100%;
      height: 100%;
      min-height: 400px;
      max-height: 600px;
      object-fit: cover; }
      main #opm-screenshot-admin-panel .opm-screenshot :lang(en),
      main #opm-screenshot-admin-panel .admin-panel :lang(en) {
        min-height: 300px; }
      @media (min-width: 2000px) {
        main #opm-screenshot-admin-panel .opm-screenshot,
        main #opm-screenshot-admin-panel .admin-panel {
          min-height: 550px; } }
      @media screen\0 {
        main #opm-screenshot-admin-panel .opm-screenshot,
        main #opm-screenshot-admin-panel .admin-panel {
          min-height: 447px; } }
main#business-landing {
  background-color: #1b3b7c; }
  main#business-landing section.cta-end {
    padding: 80px 30px;
    text-align: center; }
    main#business-landing section.cta-end.business {
      background-image: linear-gradient(to top, #1b3b7c, #0e2555); }
      main#business-landing section.cta-end.business h1,
      main#business-landing section.cta-end.business p,
      main#business-landing section.cta-end.business .list-features > ul li {
        color: white; }
    main#business-landing section.cta-end h1 {
      font-size: 2.5em;
      max-width: 414px;
      margin: 0 auto 25px; }
    main#business-landing section.cta-end a.btn {
      text-align: center;
      box-sizing: border-box;
      width: calc(100% - 60px);
      max-width: 300px;
      padding: 12px;
      margin: 0 auto;
      border-radius: 100px;
      font-weight: 600;
      display: flex;
      outline: none;
      align-self: center;
      justify-content: center;
      box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
      -webkit-transition: transform 0.2s ease-in-out;
      -moz-transition: transform 0.2s ease-in-out;
      -ms-transition: transform 0.2s ease-in-out;
      -o-transition: transform 0.2s ease-in-out;
      transition: transform 0.2s ease-in-out;
      -webkit-transition: box-shadow 0.2s ease-in-out;
      -moz-transition: box-shadow 0.2s ease-in-out;
      -ms-transition: box-shadow 0.2s ease-in-out;
      -o-transition: box-shadow 0.2s ease-in-out;
      transition: box-shadow 0.2s ease-in-out;
      background-color: #0572ec;
      color: white;
      max-width: 270px;
      margin: 0 auto 20px; }
      @media (max-width: 600px) {
        main#business-landing section.cta-end a.btn {
          width: calc(100% - 30px); } }
      main#business-landing section.cta-end a.btn:hover, main#business-landing section.cta-end a.btn:focus {
        box-shadow: 0 8px 34px 0 rgba(0, 0, 0, 0.3);
        transform: scale(1.05);
        -webkit-transition: transform 0.2s ease-in-out;
        -moz-transition: transform 0.2s ease-in-out;
        -ms-transition: transform 0.2s ease-in-out;
        -o-transition: transform 0.2s ease-in-out;
        transition: transform 0.2s ease-in-out;
        -webkit-transition: box-shadow 0.2s ease-in-out;
        -moz-transition: box-shadow 0.2s ease-in-out;
        -ms-transition: box-shadow 0.2s ease-in-out;
        -o-transition: box-shadow 0.2s ease-in-out;
        transition: box-shadow 0.2s ease-in-out; }
    main#business-landing section.cta-end p {
      max-width: 450px;
      margin: 0 auto 30px; }
    @media (min-width: 500px) {
      main#business-landing section.cta-end .list-features ul {
        display: inline-flex;
        flex-direction: row;
        justify-content: space-evenly;
        width: 100%;
        max-width: 500px; } }
    @media screen\0 {
      main#business-landing section.cta-end .list-features ul {
        justify-content: space-around; } }
    main#business-landing section.cta-end .list-features ul li {
      list-style: none;
      font-size: 0.875em;
      font-weight: 500;
      line-height: 1.5;
      letter-spacing: -0.09px;
      margin-bottom: 10px; }
      @media (min-width: 500px) {
        main#business-landing section.cta-end .list-features ul li {
          margin-bottom: 0; } }
      main#business-landing section.cta-end .list-features ul li img[alt="Check"] {
        padding-right: 10px; }

.enterprise-hero {
  width: 100%;
  max-height: 760px;
  min-height: 550px;
  height: 75vh;
  background-image: url("/img/enterprise/curve.cfe8f950ef755be9c8004f26dae0f492.svg"), url("/img/enterprise/background-header@2x.4a753eb8e390430658c8f3b4513e5db5.jpg");
  background-repeat: no-repeat;
  background-position: center, 25% 70%;
  background-size: cover;
  background-repeat: no-repeat;
  background-size: cover; }
  @media (max-width: 30em) {
    .enterprise-hero {
      height: 760px; } }
  .enterprise-hero::after {
    content: "";
    width: 100%;
    height: 10px;
    background: white;
    display: block;
    position: absolute;
    bottom: -8px; }
  .enterprise-hero .container {
    padding: 100px 50px 50px;
    margin: 60px auto 0;
    max-width: 1140px; }
    .enterprise-hero .container > p {
      color: white;
      font-size: 0.65em;
      max-width: 320px;
      margin-left: 1em;
      margin-bottom: 0; }
    .enterprise-hero .container .hero-price-card .enterprise {
      background: transparent;
      overflow: visible;
      max-width: 440px;
      justify-content: flex-start; }
      @media (min-width: 960px) {
        .enterprise-hero .container .hero-price-card .enterprise {
          padding-left: 1.34vw; } }
      .enterprise-hero .container .hero-price-card .enterprise .card-title {
        font-size: 1.2em;
        font-weight: 600;
        line-height: 0.83;
        letter-spacing: -0.3px;
        color: #b8c2cc; }
      .enterprise-hero .container .hero-price-card .enterprise h4 {
        margin: 10px 4px 15px; }
      .enterprise-hero .container .hero-price-card .enterprise h4:first-of-type {
        font-size: 1.75em; }
      .enterprise-hero .container .hero-price-card .enterprise h4:nth-of-type(2n) {
        text-align: center; }
      .enterprise-hero .container .hero-price-card .enterprise .plans {
        font-size: 0.4em;
        font-weight: 500;
        opacity: 0.8;
        position: relative;
        text-align: center;
        color: #b6bcce;
        text-shadow: 0 0 4px white; }
        @media (max-width: 30em) {
          .enterprise-hero .container .hero-price-card .enterprise .plans {
            padding-right: 30px; } }
      .enterprise-hero .container .hero-price-card .enterprise ul li {
        color: #b8bdcc; }
        .enterprise-hero .container .hero-price-card .enterprise ul li strong {
          color: white; }
      .enterprise-hero .container .hero-price-card .enterprise .button {
        background-color: #0572ec;
        width: 50%;
        margin: 0; }

.enterprise-pricing-card {
  padding-bottom: 70px; }
  .enterprise-pricing-card .container {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background-color: white;
    border: solid 1px #f3f3f3;
    box-shadow: 10px 10px 10px 0 rgba(108, 108, 108, 0.04);
    margin: 0 auto;
    max-width: 1169px;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px; }
    @media (min-width: 1000px) {
      .enterprise-pricing-card .container {
        flex-direction: row;
        justify-content: space-around;
        align-items: center; } }
    @supports (display: grid) {
      .enterprise-pricing-card .container {
        display: grid;
        justify-items: center; }
        @media (min-width: 1024px) {
          .enterprise-pricing-card .container {
            grid-template-columns: 280px 1fr; } } }
    .enterprise-pricing-card .container .price-card {
      max-width: 280px;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      padding: 40px 0; }
      .enterprise-pricing-card .container .price-card .button {
        text-align: center;
        box-sizing: border-box;
        width: calc(100% - 60px);
        max-width: 300px;
        padding: 12px;
        margin: 0 auto;
        border-radius: 100px;
        font-weight: 600;
        display: flex;
        outline: none;
        align-self: center;
        justify-content: center;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
        -webkit-transition: transform 0.2s ease-in-out;
        -moz-transition: transform 0.2s ease-in-out;
        -ms-transition: transform 0.2s ease-in-out;
        -o-transition: transform 0.2s ease-in-out;
        transition: transform 0.2s ease-in-out;
        -webkit-transition: box-shadow 0.2s ease-in-out;
        -moz-transition: box-shadow 0.2s ease-in-out;
        -ms-transition: box-shadow 0.2s ease-in-out;
        -o-transition: box-shadow 0.2s ease-in-out;
        transition: box-shadow 0.2s ease-in-out;
        background-color: #0572ec;
        color: white;
        padding: 15px 20px;
        width: initial;
        max-width: none; }
        @media (max-width: 600px) {
          .enterprise-pricing-card .container .price-card .button {
            width: calc(100% - 30px); } }
        .enterprise-pricing-card .container .price-card .button:hover, .enterprise-pricing-card .container .price-card .button:focus {
          box-shadow: 0 8px 34px 0 rgba(0, 0, 0, 0.3);
          transform: scale(1.05);
          -webkit-transition: transform 0.2s ease-in-out;
          -moz-transition: transform 0.2s ease-in-out;
          -ms-transition: transform 0.2s ease-in-out;
          -o-transition: transform 0.2s ease-in-out;
          transition: transform 0.2s ease-in-out;
          -webkit-transition: box-shadow 0.2s ease-in-out;
          -moz-transition: box-shadow 0.2s ease-in-out;
          -ms-transition: box-shadow 0.2s ease-in-out;
          -o-transition: box-shadow 0.2s ease-in-out;
          transition: box-shadow 0.2s ease-in-out; }
        @media (max-width: 600px) {
          .enterprise-pricing-card .container .price-card .button {
            width: initial; } }
      .enterprise-pricing-card .container .price-card h4 {
        font-size: 1.75em;
        letter-spacing: -1px;
        line-height: 1em;
        margin: 5px 0 28px;
        position: relative; }
        .enterprise-pricing-card .container .price-card h4.description {
          font-size: 1em;
          font-weight: 600;
          line-height: 1.25;
          letter-spacing: 0.1px;
          color: #333; }
        .enterprise-pricing-card .container .price-card h4 span {
          font-size: 4.875rem;
          vertical-align: -0.2em; }
      .enterprise-pricing-card .container .price-card .plans {
        font-size: 0.875em;
        letter-spacing: -0.1px;
        text-align: center;
        color: #637381;
        padding-top: 13px; }
    @media (min-width: 768px) {
      .enterprise-pricing-card .container .features-container {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: flex-start; }
        @supports (display: grid) {
          .enterprise-pricing-card .container .features-container {
            display: grid;
            grid-template-columns: 1fr 1fr;
            grid-gap: 35px; } } }
    @media (min-width: 768px) {
      .enterprise-pricing-card .container .features-container .features {
        padding: 10px; } }
    .enterprise-pricing-card .container .features-container .features ul {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      justify-content: center;
      width: 100%; }
      .enterprise-pricing-card .container .features-container .features ul li {
        list-style: none;
        margin-bottom: 29px; }
        .enterprise-pricing-card .container .features-container .features ul li a {
          color: #0572ec; }
      .enterprise-pricing-card .container .features-container .features ul li:not(.contact) {
        background-image: url("/img/pricing/checkbox-dark-grey.0f2b60f425097f6453cdec33d0b4cdbc.svg");
        background-repeat: no-repeat;
        background-size: 18px;
        padding-left: 32px; }
      .enterprise-pricing-card .container .features-container .features ul li.contact {
        color: #637381;
        font-size: 0.875em;
        max-width: 300px; }
  @media (min-width: 1000px) {
    .enterprise-pricing-card .container.business {
      padding: 70px 50px; } }
  @media (min-width: 1000px) {
    .enterprise-pricing-card .container.teams {
      padding: 40px; } }
main#enterprise-landing {
  overflow: hidden; }
  main#enterprise-landing h1,
  main#enterprise-landing p {
    margin-bottom: 25px; }
  main#enterprise-landing a.btn {
    text-align: center;
    box-sizing: border-box;
    width: calc(100% - 60px);
    max-width: 300px;
    padding: 12px;
    margin: 0 auto;
    border-radius: 100px;
    font-weight: 600;
    display: flex;
    outline: none;
    align-self: center;
    justify-content: center;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
    -webkit-transition: transform 0.2s ease-in-out;
    -moz-transition: transform 0.2s ease-in-out;
    -ms-transition: transform 0.2s ease-in-out;
    -o-transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    -webkit-transition: box-shadow 0.2s ease-in-out;
    -moz-transition: box-shadow 0.2s ease-in-out;
    -ms-transition: box-shadow 0.2s ease-in-out;
    -o-transition: box-shadow 0.2s ease-in-out;
    transition: box-shadow 0.2s ease-in-out;
    background-color: #0572ec;
    color: white; }
    @media (max-width: 600px) {
      main#enterprise-landing a.btn {
        width: calc(100% - 30px); } }
    main#enterprise-landing a.btn:hover, main#enterprise-landing a.btn:focus {
      box-shadow: 0 8px 34px 0 rgba(0, 0, 0, 0.3);
      transform: scale(1.05);
      -webkit-transition: transform 0.2s ease-in-out;
      -moz-transition: transform 0.2s ease-in-out;
      -ms-transition: transform 0.2s ease-in-out;
      -o-transition: transform 0.2s ease-in-out;
      transition: transform 0.2s ease-in-out;
      -webkit-transition: box-shadow 0.2s ease-in-out;
      -moz-transition: box-shadow 0.2s ease-in-out;
      -ms-transition: box-shadow 0.2s ease-in-out;
      -o-transition: box-shadow 0.2s ease-in-out;
      transition: box-shadow 0.2s ease-in-out; }
  main#enterprise-landing a.link {
    color: #0572ec;
    font-weight: 500; }
  main#enterprise-landing .container {
    margin: 0 auto;
    max-width: 1170px; }
  main#enterprise-landing .box--text {
    text-align: left; }
    main#enterprise-landing .box--text h2 {
      color: #4d4d4d;
      font-size: 1.625em;
      line-height: 1.25em;
      padding-bottom: 0.5em; }
    main#enterprise-landing .box--text p {
      font-size: 1em;
      line-height: 1.38;
      letter-spacing: -0.3px;
      color: #3d454d;
      opacity: 0.8; }
    @media (min-width: 700px) {
      main#enterprise-landing .box--text {
        align-items: flex-start; } }
  main#enterprise-landing .setup-demo {
    background-color: #f0f5fa;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 18px; }
    main#enterprise-landing .setup-demo p {
      margin: 0 0 0.2em;
      text-align: center;
      font-size: 1.125em;
      font-weight: 600;
      line-height: 1.11;
      color: #525c66; }
    main#enterprise-landing .setup-demo .business-demo {
      text-align: center;
      box-sizing: border-box;
      width: calc(100% - 60px);
      max-width: 300px;
      padding: 12px;
      margin: 0 auto;
      border-radius: 100px;
      font-weight: 600;
      display: flex;
      outline: none;
      align-self: center;
      justify-content: center;
      box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
      -webkit-transition: transform 0.2s ease-in-out;
      -moz-transition: transform 0.2s ease-in-out;
      -ms-transition: transform 0.2s ease-in-out;
      -o-transition: transform 0.2s ease-in-out;
      transition: transform 0.2s ease-in-out;
      -webkit-transition: box-shadow 0.2s ease-in-out;
      -moz-transition: box-shadow 0.2s ease-in-out;
      -ms-transition: box-shadow 0.2s ease-in-out;
      -o-transition: box-shadow 0.2s ease-in-out;
      transition: box-shadow 0.2s ease-in-out;
      width: 228px;
      border-radius: 3px;
      background-color: #0572ec;
      margin: 0 0 0 20px;
      color: white; }
      @media (max-width: 600px) {
        main#enterprise-landing .setup-demo .business-demo {
          width: calc(100% - 30px); } }
      main#enterprise-landing .setup-demo .business-demo:hover, main#enterprise-landing .setup-demo .business-demo:focus {
        box-shadow: 0 8px 34px 0 rgba(0, 0, 0, 0.3);
        transform: scale(1.05);
        -webkit-transition: transform 0.2s ease-in-out;
        -moz-transition: transform 0.2s ease-in-out;
        -ms-transition: transform 0.2s ease-in-out;
        -o-transition: transform 0.2s ease-in-out;
        transition: transform 0.2s ease-in-out;
        -webkit-transition: box-shadow 0.2s ease-in-out;
        -moz-transition: box-shadow 0.2s ease-in-out;
        -ms-transition: box-shadow 0.2s ease-in-out;
        -o-transition: box-shadow 0.2s ease-in-out;
        transition: box-shadow 0.2s ease-in-out; }
  main#enterprise-landing .wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    background-image: linear-gradient(to bottom, white, #f5f7fa, white 80%);
    padding-top: 36px;
    padding-bottom: 25px; }
    main#enterprise-landing .wrapper .g2 {
      background: none; }
      @media (max-width: 700px) {
        main#enterprise-landing .wrapper .g2 h1,
        main#enterprise-landing .wrapper .g2 p {
          padding: 0 20px; } }
      main#enterprise-landing .wrapper .g2 h1 {
        margin-bottom: 10px;
        font-size: 1.875em; }
      main#enterprise-landing .wrapper .g2 p {
        max-width: 566px;
        margin: 0 auto 48px;
        font-size: 1.125em;
        text-align: center;
        color: #3d454d; }
      main#enterprise-landing .wrapper .g2 .g2-item {
        padding-left: 20px;
        padding-right: 20px; }
  main#enterprise-landing header {
    position: relative;
    background-color: white;
    padding-bottom: 10px; }
    @media (min-width: 1024px) {
      main#enterprise-landing header {
        padding-bottom: 0;
        -webkit-box-shadow: 0 10px 0 10px white;
        -moz-box-shadow: 0 10px 0 10px white;
        box-shadow: 0 10px 0 10px white;
        background-position-y: 55%; } }
    main#enterprise-landing header h1.title {
      color: #212b36;
      font-size: 1.75em;
      line-height: 1.15;
      letter-spacing: -0.29px;
      max-width: 320px;
      margin-left: auto;
      margin-right: auto; }
      @media (min-width: 760px) {
        main#enterprise-landing header h1.title {
          max-width: 458px;
          margin-left: 0;
          margin-right: 0; } }
      @media (min-width: 68em) {
        main#enterprise-landing header h1.title {
          font-size: 2.5em; } }
    main#enterprise-landing header p {
      color: #454f5b;
      font-size: 0.9em;
      max-width: 458px;
      margin-left: 0;
      margin-right: 0;
      line-height: 1.5;
      letter-spacing: -0.3px;
      margin-bottom: 12px;
      text-align: left; }
    main#enterprise-landing header a.btn {
      margin: 0;
      max-width: 250px;
      display: inline-block; }
    main#enterprise-landing header .header-top {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding: 60px 5% 130px;
      background-image: linear-gradient(to bottom, white, #f0f5fa);
      padding-bottom: 130px; }
      @media screen\0 {
        main#enterprise-landing header .header-top {
          overflow: hidden; } }
      main#enterprise-landing header .header-top img {
        max-width: 350px; }
        @media screen\0 {
          main#enterprise-landing header .header-top img {
            display: none; } }
        @media (min-width: 760px) {
          main#enterprise-landing header .header-top img {
            max-width: 100%; } }
  @media screen\0  and (min-width: 760px) {
    main#enterprise-landing header .header-top img {
      display: block; } }
        @media (min-width: 1170px) {
          main#enterprise-landing header .header-top img {
            max-width: 570px; } }
  @media screen\0  and (min-width: 1170px) {
    main#enterprise-landing header .header-top img {
      display: block;
      max-width: none; } }
      main#enterprise-landing header .header-top .img-container {
        margin-top: 40px; }
        @media (min-width: 760px) {
          main#enterprise-landing header .header-top .img-container {
            margin-top: 0; } }
      @media (min-width: 1170px) {
        main#enterprise-landing header .header-top {
          background-image: none;
          padding-bottom: 80px; } }
      @media (min-width: 1200px) {
        main#enterprise-landing header .header-top {
          padding: 50px 0; } }
  main#enterprise-landing .cards-panel {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    z-index: 5;
    margin-top: -150px;
    padding: 0 30px; }
    @media screen\0 {
      main#enterprise-landing .cards-panel .cards {
        padding-bottom: 30px; } }
  @media screen\0  and (min-width: 760px) {
    main#enterprise-landing .cards-panel .cards {
      padding-right: 30px; } }
    main#enterprise-landing .cards-panel .cards .header-card {
      border-radius: 10px;
      box-shadow: 0 10px 15px 0 rgba(198, 198, 198, 0.19);
      border: solid 0.5px #e9e9e9;
      background-color: white;
      width: 100%;
      height: 100%;
      padding: 45px 30px 30px; }
      @media (min-width: 760px) {
        main#enterprise-landing .cards-panel .cards .header-card {
          padding: 25px 15px 20px 20px; } }
      @media (min-width: 900px) {
        main#enterprise-landing .cards-panel .cards .header-card {
          padding: 45px 30px 30px; } }
      main#enterprise-landing .cards-panel .cards .header-card h2 {
        font-size: 1.5em;
        line-height: 1.25;
        letter-spacing: -0.16px;
        font-weight: 600;
        letter-spacing: -0.16px;
        color: #333;
        margin-bottom: 20px; }
        @media (min-width: 760px) {
          main#enterprise-landing .cards-panel .cards .header-card h2 {
            font-size: 1.25em; } }
        @media (min-width: 900px) {
          main#enterprise-landing .cards-panel .cards .header-card h2 {
            font-size: 1.5em; } }
      main#enterprise-landing .cards-panel .cards .header-card p {
        margin-left: 0;
        margin-right: 0;
        max-width: none;
        margin-bottom: 0;
        font-size: 0.938em;
        letter-spacing: -0.2px; }
      main#enterprise-landing .cards-panel .cards .header-card img {
        max-height: 30px;
        margin-bottom: 10px;
        float: left;
        margin-right: 15px; }
  main#enterprise-landing section.advanced-protection-included, main#enterprise-landing section.end-section {
    text-align: center; }
  main#enterprise-landing section h2.display {
    font-family: "Adelle-Semibold", sans-serif;
    font-size: 2em;
    font-weight: normal;
    line-height: 1.34;
    letter-spacing: -0.21px;
    color: #333; }
  main#enterprise-landing section.business-features-list h2:last-of-type {
    font-family: "Adelle-Semibold", sans-serif;
    font-size: 2em;
    font-weight: normal;
    line-height: 1.34;
    letter-spacing: -0.21px;
    color: white; }
  main#enterprise-landing section.end-section {
    padding: 40px 25px;
    background: white; }
    main#enterprise-landing section.end-section a.link {
      font-size: 1.125em;
      font-weight: 600;
      line-height: 1.5;
      letter-spacing: -0.16px;
      position: relative;
      transition: color 0.2s ease-in-out; }
      main#enterprise-landing section.end-section a.link svg {
        margin-left: 5px;
        margin-top: -2px;
        vertical-align: middle; }
        main#enterprise-landing section.end-section a.link svg path {
          fill: #0572ec;
          transition: fill 0.2s ease-in-out; }
      main#enterprise-landing section.end-section a.link:hover {
        color: #06c; }
        main#enterprise-landing section.end-section a.link:hover svg path {
          fill: #06c; }
    main#enterprise-landing section.end-section h2 {
      font-size: 1.375em; }
  main#enterprise-landing section:not(.end-section) .container {
    padding: 80px 0; }
  @media (max-width: 1170px) {
    main#enterprise-landing section:not(.g2-scrollable):not(.ibm-quote):not(.enterprise-hero):not(.protect-enterprise) {
      padding-left: 30px;
      padding-right: 30px; } }
  main#enterprise-landing .companies {
    background-color: white;
    padding: 0 20px;
    text-align: center; }
    @media (min-width: 920px) {
      main#enterprise-landing .companies {
        padding: 80px 20px 70px; } }
    main#enterprise-landing .companies h1 {
      font-size: 1.25em;
      line-height: 1.15;
      letter-spacing: -0.13px;
      text-align: center;
      color: #333;
      max-width: 381px;
      margin: 0 auto; }
    main#enterprise-landing .companies img {
      margin: 2.5em auto;
      max-width: 1024px; }
    main#enterprise-landing .companies picture {
      display: block; }
    main#enterprise-landing .companies a.read-more {
      font-size: 1.125em;
      font-weight: 600;
      line-height: 1.5;
      letter-spacing: -0.12px;
      text-align: center;
      color: #0572ec; }
      main#enterprise-landing .companies a.read-more:hover {
        color: #06c; }
  main#enterprise-landing section.protect-enterprise {
    background: white;
    padding: 0 0 30px; }
    @media (min-width: 920px) {
      main#enterprise-landing section.protect-enterprise {
        padding: 60px 0; } }
    main#enterprise-landing section.protect-enterprise .container {
      background-color: #f2f4f7;
      border: 1px solid #f2f4f7;
      padding: 0;
      border-radius: 0.5em; }
      @media (max-width: 670px) {
        main#enterprise-landing section.protect-enterprise .container {
          padding: 0; } }
      @media (max-width: 52em) {
        main#enterprise-landing section.protect-enterprise .container {
          border-radius: 0; } }
      @media (max-width: 759px) {
        main#enterprise-landing section.protect-enterprise .container {
          padding: 0 30px; } }
      main#enterprise-landing section.protect-enterprise .container div div:first-of-type {
        padding: 30px 0; }
        @media (min-width: 52em) {
          main#enterprise-landing section.protect-enterprise .container div div:first-of-type {
            padding: 30px 0 60px; } }
      main#enterprise-landing section.protect-enterprise .container div div:last-of-type {
        justify-self: right;
        height: 100%; }
      main#enterprise-landing section.protect-enterprise .container img {
        max-width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: left; }
        main#enterprise-landing section.protect-enterprise .container img.mobile {
          display: block;
          margin: 0 auto; }
        main#enterprise-landing section.protect-enterprise .container img.desktop {
          display: none; }
        @media (min-width: 760px) {
          main#enterprise-landing section.protect-enterprise .container img.mobile {
            display: none; }
          main#enterprise-landing section.protect-enterprise .container img.desktop {
            display: block; } }
    @media (min-width: 760px) {
      main#enterprise-landing section.protect-enterprise .grid-col--lg-order-1 {
        margin-top: -60px; } }
    main#enterprise-landing section.protect-enterprise p,
    main#enterprise-landing section.protect-enterprise h2 {
      margin-bottom: 30px;
      text-align: left;
      margin-bottom: 30px; }
      @media (min-width: 760px) {
        main#enterprise-landing section.protect-enterprise p,
        main#enterprise-landing section.protect-enterprise h2 {
          max-width: 400px;
          margin-left: auto;
          margin-right: auto;
          margin-bottom: 30px;
          text-align: left;
          padding-left: 30px; } }
    main#enterprise-landing section.protect-enterprise p {
      font-size: 1.125em;
      line-height: 1.5;
      letter-spacing: -0.12px;
      margin-bottom: 0; }
  main#enterprise-landing section.deploy {
    background: white; }
    @media (min-width: 920px) {
      main#enterprise-landing section.deploy {
        padding-top: 60px; } }
    main#enterprise-landing section.deploy .container {
      padding: 30px 0; }
      @media (min-width: 920px) {
        main#enterprise-landing section.deploy .container {
          padding: 60px 0; } }
      main#enterprise-landing section.deploy .container div div:last-of-type {
        justify-self: right; }
    main#enterprise-landing section.deploy p,
    main#enterprise-landing section.deploy h2 {
      margin-bottom: 30px;
      text-align: left;
      margin-bottom: 30px; }
      @media (min-width: 760px) {
        main#enterprise-landing section.deploy p,
        main#enterprise-landing section.deploy h2 {
          max-width: 400px;
          margin-left: auto;
          margin-right: auto;
          margin-bottom: 30px;
          text-align: left;
          padding-left: 30px; } }
    main#enterprise-landing section.deploy p {
      font-size: 1.125em;
      line-height: 1.5;
      letter-spacing: -0.12px; }
      @media (min-width: 760px) {
        main#enterprise-landing section.deploy p {
          margin-bottom: 0; } }
  main#enterprise-landing section.good-practice {
    background: white; }
    main#enterprise-landing section.good-practice .container {
      padding: 0 0 60px; }
      @media (min-width: 920px) {
        main#enterprise-landing section.good-practice .container {
          padding: 60px 0; } }
      main#enterprise-landing section.good-practice .container div div:last-of-type {
        justify-self: right; }
    main#enterprise-landing section.good-practice p,
    main#enterprise-landing section.good-practice h2 {
      margin-bottom: 30px;
      text-align: left;
      margin-bottom: 30px; }
      @media (min-width: 760px) {
        main#enterprise-landing section.good-practice p,
        main#enterprise-landing section.good-practice h2 {
          max-width: 400px;
          margin-left: auto;
          margin-right: auto;
          margin-bottom: 30px;
          text-align: left;
          padding-left: 30px; } }
    main#enterprise-landing section.good-practice p {
      font-size: 1.125em;
      line-height: 1.5;
      letter-spacing: -0.12px; }
      @media (min-width: 760px) {
        main#enterprise-landing section.good-practice p {
          margin-bottom: 0; } }
    main#enterprise-landing section.good-practice a {
      border-bottom: 1px dotted black;
      display: inline-block;
      font-weight: 600; }
    main#enterprise-landing section.good-practice img {
      border-radius: 1em; }
  main#enterprise-landing section.ibm-quote {
    background-image: linear-gradient(180deg, white 0%, #f2f4f7 100%);
    box-shadow: 0 1px 0 0 #e6e8eb;
    min-height: 250px; }
    main#enterprise-landing section.ibm-quote div.container {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      align-items: center;
      max-width: 1170px;
      margin: 0 auto;
      padding: 30px 0; }
      @media (min-width: 920px) {
        main#enterprise-landing section.ibm-quote div.container {
          padding: 60px 0; } }
      @media (min-width: 670px) {
        main#enterprise-landing section.ibm-quote div.container {
          flex-direction: row; } }
      main#enterprise-landing section.ibm-quote div.container div h1 {
        font-size: 1.75em;
        line-height: 1.36;
        letter-spacing: -0.19px;
        color: white;
        margin-bottom: 25px; }
        @media (min-width: 1024px) {
          main#enterprise-landing section.ibm-quote div.container div h1 {
            font-size: 2em; } }
      main#enterprise-landing section.ibm-quote div.container img {
        width: 300px; }
      main#enterprise-landing section.ibm-quote div.container blockquote {
        color: #1b5998;
        line-height: 1.6em;
        padding: 0 60px;
        margin: 20px 0;
        font-size: 1.14em; }
        @media (max-width: 760px) {
          main#enterprise-landing section.ibm-quote div.container blockquote {
            text-align: center; } }
        main#enterprise-landing section.ibm-quote div.container blockquote p {
          color: inherit;
          margin: 1em 0 0;
          font-size: 0.9rem;
          font-weight: 600; }
  main#enterprise-landing .companies {
    background-color: white;
    padding: 0 20px;
    text-align: center; }
    @media (min-width: 920px) {
      main#enterprise-landing .companies {
        padding: 80px 20px 70px; } }
    main#enterprise-landing .companies h1 {
      font-size: 1.25em;
      line-height: 1.15;
      letter-spacing: -0.13px;
      text-align: center;
      color: #333;
      max-width: 381px;
      margin: 0 auto; }
    main#enterprise-landing .companies img {
      margin: 2.5em auto;
      max-width: 1024px; }
    main#enterprise-landing .companies picture {
      display: block; }
    main#enterprise-landing .companies a.read-more {
      font-size: 1.125em;
      font-weight: 600;
      line-height: 1.5;
      letter-spacing: -0.12px;
      text-align: center;
      color: #0572ec; }
      main#enterprise-landing .companies a.read-more:hover {
        color: #06c; }
  main#enterprise-landing section.g2-scrollable {
    background: #f0f5fa;
    background: -webkit-linear-gradient(top, white 0%, #f0f5fa 40%);
    background: linear-gradient(to bottom, white 0%, #f0f5fa 40%);
    margin-bottom: 0; }
    main#enterprise-landing section.g2-scrollable h2 {
      font-size: 1.75em;
      line-height: 1.15;
      letter-spacing: -0.27px; }
      @media (min-width: 52em) {
        main#enterprise-landing section.g2-scrollable h2 {
          font-size: 2.5em; } }
    main#enterprise-landing section.g2-scrollable .g2-trophy {
      margin: 40px auto 0;
      height: 120px; }
    main#enterprise-landing section.g2-scrollable .scroller-wrapper {
      max-width: 1040px;
      margin: 0 auto; }
      main#enterprise-landing section.g2-scrollable .scroller-wrapper .scroller-tracker {
        cursor: default; }
        @media (min-width: 768px) {
          main#enterprise-landing section.g2-scrollable .scroller-wrapper .scroller-tracker {
            cursor: default; } }
    main#enterprise-landing section.g2-scrollable .cta-box {
      box-shadow: 0 2px 4px 0 rgba(122, 138, 153, 0.1);
      background-color: #072a50;
      padding: 30px;
      position: relative;
      overflow: visible; }
      @media (min-width: 920px) {
        main#enterprise-landing section.g2-scrollable .cta-box {
          margin-top: 30px; } }
      @media (min-width: 768px) {
        main#enterprise-landing section.g2-scrollable .cta-box {
          padding: 50px; } }
      @media (min-width: 1170px) {
        main#enterprise-landing section.g2-scrollable .cta-box {
          -webkit-border-radius: 0;
          -moz-border-radius: 0;
          border-radius: 0; } }
      @media (min-width: 52em) {
        main#enterprise-landing section.g2-scrollable .cta-box {
          margin-top: 0; } }
      main#enterprise-landing section.g2-scrollable .cta-box::before {
        display: none; }
        @media (min-width: 900px) {
          main#enterprise-landing section.g2-scrollable .cta-box::before {
            display: block;
            content: "";
            position: absolute;
            top: -10px;
            left: calc(20% - 320px);
            background: url("/img/enterprise/ent-secure-left.6a967ddc10e66e09c1e28f18d65803db.svg") no-repeat 0 0;
            background-size: contain;
            width: 370px;
            min-height: 105%; } }
      main#enterprise-landing section.g2-scrollable .cta-box::after {
        display: none; }
        @media (min-width: 900px) {
          main#enterprise-landing section.g2-scrollable .cta-box::after {
            display: block;
            content: "";
            position: absolute;
            top: -10px;
            right: calc(20% - 360px);
            background: url("/img/enterprise/ent-secure-right.361fdb8cf7c4eb431a3e7d1950549ceb.svg") no-repeat right center;
            background-size: contain;
            width: 370px;
            min-height: 105%; } }
      main#enterprise-landing section.g2-scrollable .cta-box h2,
      main#enterprise-landing section.g2-scrollable .cta-box p,
      main#enterprise-landing section.g2-scrollable .cta-box li {
        color: white; }
      main#enterprise-landing section.g2-scrollable .cta-box h2,
      main#enterprise-landing section.g2-scrollable .cta-box p {
        max-width: 570px;
        margin-left: auto;
        margin-right: auto; }
      main#enterprise-landing section.g2-scrollable .cta-box p {
        max-width: 570px;
        margin-bottom: 30px; }
        main#enterprise-landing section.g2-scrollable .cta-box p:last-of-type {
          margin-bottom: 0; }
      main#enterprise-landing section.g2-scrollable .cta-box h2 {
        letter-spacing: -0.27px; }
      main#enterprise-landing section.g2-scrollable .cta-box a.btn {
        background-color: white;
        color: #0572ec;
        margin: 0 auto 30px;
        width: auto;
        padding-left: 25px;
        padding-right: 25px;
        display: inline-block; }
        @media (min-width: 500px) {
          main#enterprise-landing section.g2-scrollable .cta-box a.btn {
            margin: 0 auto 40px; } }
      @media (min-width: 500px) {
        main#enterprise-landing section.g2-scrollable .cta-box .list-features ul {
          display: inline-flex;
          flex-direction: row;
          justify-content: space-evenly;
          width: 100%;
          max-width: 500px;
          margin-bottom: 20px; } }
      @media screen\0 {
        main#enterprise-landing section.g2-scrollable .cta-box .list-features ul {
          justify-content: space-around; } }
      main#enterprise-landing section.g2-scrollable .cta-box .list-features ul li {
        list-style: none;
        font-size: 0.875em;
        font-weight: 500;
        line-height: 1.5;
        letter-spacing: -0.09px;
        margin-bottom: 10px; }
        @media (min-width: 500px) {
          main#enterprise-landing section.g2-scrollable .cta-box .list-features ul li {
            margin-bottom: 0;
            margin-left: 15px; }
            main#enterprise-landing section.g2-scrollable .cta-box .list-features ul li:first-child {
              margin-left: 0; } }
        main#enterprise-landing section.g2-scrollable .cta-box .list-features ul li img[alt="Check"] {
          padding-right: 10px; }
  main#enterprise-landing .get-started {
    background: #232a3f;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 30px;
    text-align: center; }
    main#enterprise-landing .get-started h3 {
      font-size: 1.375em;
      /* 22px */
      font-weight: 600;
      line-height: 1.36;
      letter-spacing: -0.2px;
      color: white; }
    main#enterprise-landing .get-started a {
      text-align: center;
      box-sizing: border-box;
      width: calc(100% - 60px);
      max-width: 300px;
      padding: 12px;
      margin: 0 auto;
      border-radius: 100px;
      font-weight: 600;
      display: flex;
      outline: none;
      align-self: center;
      justify-content: center;
      box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
      -webkit-transition: transform 0.2s ease-in-out;
      -moz-transition: transform 0.2s ease-in-out;
      -ms-transition: transform 0.2s ease-in-out;
      -o-transition: transform 0.2s ease-in-out;
      transition: transform 0.2s ease-in-out;
      -webkit-transition: box-shadow 0.2s ease-in-out;
      -moz-transition: box-shadow 0.2s ease-in-out;
      -ms-transition: box-shadow 0.2s ease-in-out;
      -o-transition: box-shadow 0.2s ease-in-out;
      transition: box-shadow 0.2s ease-in-out;
      background: #50b347;
      color: white;
      margin: 0 1em; }
      @media (max-width: 600px) {
        main#enterprise-landing .get-started a {
          width: calc(100% - 30px); } }
      main#enterprise-landing .get-started a:hover, main#enterprise-landing .get-started a:focus {
        box-shadow: 0 8px 34px 0 rgba(0, 0, 0, 0.3);
        transform: scale(1.05);
        -webkit-transition: transform 0.2s ease-in-out;
        -moz-transition: transform 0.2s ease-in-out;
        -ms-transition: transform 0.2s ease-in-out;
        -o-transition: transform 0.2s ease-in-out;
        transition: transform 0.2s ease-in-out;
        -webkit-transition: box-shadow 0.2s ease-in-out;
        -moz-transition: box-shadow 0.2s ease-in-out;
        -ms-transition: box-shadow 0.2s ease-in-out;
        -o-transition: box-shadow 0.2s ease-in-out;
        transition: box-shadow 0.2s ease-in-out; }

footer.footer-pricing {
  width: 100%;
  background-color: white; }
  footer.footer-pricing .made-by--pricing {
    width: 100%;
    padding: 20px 0;
    z-index: 1; }
    footer.footer-pricing .made-by--pricing .container {
      max-width: 1140px;
      margin: 0 auto;
      padding: 20px 50px;
      text-align: left;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      justify-content: flex-start; }
      @media (max-width: 740px) {
        footer.footer-pricing .made-by--pricing .container {
          padding: 0 10px; } }
      @media (min-width: 832px) {
        footer.footer-pricing .made-by--pricing .container {
          flex-direction: row;
          flex-wrap: wrap;
          justify-content: space-between; } }
      footer.footer-pricing .made-by--pricing .container .footer-info {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center; }
        footer.footer-pricing .made-by--pricing .container .footer-info .address,
        footer.footer-pricing .made-by--pricing .container .footer-info .copyright {
          color: #8892af;
          display: block;
          text-align: left;
          font-size: 13px;
          line-height: 1.4em;
          margin: 5px; }
          @media (max-width: 831px) {
            footer.footer-pricing .made-by--pricing .container .footer-info .address,
            footer.footer-pricing .made-by--pricing .container .footer-info .copyright {
              text-align: center; } }
          @media (min-width: 832px) {
            footer.footer-pricing .made-by--pricing .container .footer-info .address,
            footer.footer-pricing .made-by--pricing .container .footer-info .copyright {
              margin: 0 10px 0 0; } }
        footer.footer-pricing .made-by--pricing .container .footer-info .copyright a.link {
          color: #0572ec; }
          footer.footer-pricing .made-by--pricing .container .footer-info .copyright a.link:hover {
            color: #1b3b7c; }
        footer.footer-pricing .made-by--pricing .container .footer-info .flag {
          margin-left: 5px; }
        footer.footer-pricing .made-by--pricing .container .footer-info .legal a {
          color: #b6bcce;
          font-size: 13px;
          line-height: 1.4em; }
        @media (min-width: 832px) {
          footer.footer-pricing .made-by--pricing .container .footer-info .legal {
            margin-left: 1rem; } }
/*
Price Columns
*/
main.pricing-landing h1.teams {
  width: 100%;
  height: 120px;
  background-image: url("/img/pricing/header-logo-lock.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 293px 36px;
  text-indent: -10000px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    main.pricing-landing h1.teams {
      /* stylelint-disable-next-line function-url-quotes */
      background-image: url("/img/pricing/header-logo-lock@2x.png"); } }
main.pricing-landing .pricing-cards {
  margin: auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  @media (max-width: 660px) {
    main.pricing-landing .pricing-cards {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; } }
  main.pricing-landing .pricing-cards article {
    max-width: 300px;
    margin: 0 2px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    @media (max-width: 767px) {
      main.pricing-landing .pricing-cards article {
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        max-width: none;
        margin: 5px; } }
  main.pricing-landing .pricing-cards .pricing-card header {
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 50px;
    font-size: 1.7em; }
  main.pricing-landing .pricing-cards .pricing-card ul {
    margin: 0 10px;
    list-style: none; }
    main.pricing-landing .pricing-cards .pricing-card ul li {
      color: #b8bdcc;
      padding-bottom: 5px; }
      main.pricing-landing .pricing-cards .pricing-card ul li:last-child {
        padding-bottom: 0; }
  main.pricing-landing .pricing-cards .pricing-card section.pricing {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    text-align: center;
    padding-bottom: 20px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    align-items: center;
    min-height: 330px;
    padding: 14px 0; }
    @media screen\0 {
      main.pricing-landing .pricing-cards .pricing-card section.pricing {
        height: 330px; } }
    main.pricing-landing .pricing-cards .pricing-card section.pricing sup {
      font-size: 24px;
      letter-spacing: -1px;
      vertical-align: super;
      font-weight: 600;
      line-height: 0;
      padding-right: 3px; }
    main.pricing-landing .pricing-cards .pricing-card section.pricing p {
      color: white;
      font-size: 1.063em;
      /* 17px */
      max-width: 300px;
      margin: 0 20px 15px;
      line-height: 1.35;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
      @media (max-width: 400px) {
        main.pricing-landing .pricing-cards .pricing-card section.pricing p {
          margin: 10px 20px 20px;
          -webkit-transition: all 0.2s ease-in-out;
          -moz-transition: all 0.2s ease-in-out;
          -ms-transition: all 0.2s ease-in-out;
          -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out; } }
    main.pricing-landing .pricing-cards .pricing-card section.pricing p.price {
      display: inline-block;
      font-weight: 600;
      font-size: 72px;
      letter-spacing: 0.34px;
      line-height: 0.5em;
      vertical-align: bottom;
      margin-top: 20px; }
    main.pricing-landing .pricing-cards .pricing-card section.pricing p.billed {
      font-weight: 600;
      line-height: 5px;
      opacity: 0.4;
      margin: 0 auto;
      font-size: 0.9em;
      position: relative;
      top: 10px; }
    main.pricing-landing .pricing-cards .pricing-card section.pricing a.button {
      font-size: 0.938em;
      /* 15px */
      letter-spacing: -0.2px;
      text-align: center;
      box-sizing: border-box;
      width: calc(100% - 60px);
      max-width: 300px;
      padding: 12px;
      margin: 0 auto;
      border-radius: 100px;
      font-weight: 600;
      display: flex;
      outline: none;
      align-self: center;
      justify-content: center;
      box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
      -webkit-transition: transform 0.2s ease-in-out;
      -moz-transition: transform 0.2s ease-in-out;
      -ms-transition: transform 0.2s ease-in-out;
      -o-transition: transform 0.2s ease-in-out;
      transition: transform 0.2s ease-in-out;
      -webkit-transition: box-shadow 0.2s ease-in-out;
      -moz-transition: box-shadow 0.2s ease-in-out;
      -ms-transition: box-shadow 0.2s ease-in-out;
      -o-transition: box-shadow 0.2s ease-in-out;
      transition: box-shadow 0.2s ease-in-out;
      max-width: 285px;
      margin: 20px auto 0; }
      @media (max-width: 600px) {
        main.pricing-landing .pricing-cards .pricing-card section.pricing a.button {
          width: calc(100% - 30px); } }
      main.pricing-landing .pricing-cards .pricing-card section.pricing a.button:hover, main.pricing-landing .pricing-cards .pricing-card section.pricing a.button:focus {
        box-shadow: 0 8px 34px 0 rgba(0, 0, 0, 0.3);
        transform: scale(1.05);
        -webkit-transition: transform 0.2s ease-in-out;
        -moz-transition: transform 0.2s ease-in-out;
        -ms-transition: transform 0.2s ease-in-out;
        -o-transition: transform 0.2s ease-in-out;
        transition: transform 0.2s ease-in-out;
        -webkit-transition: box-shadow 0.2s ease-in-out;
        -moz-transition: box-shadow 0.2s ease-in-out;
        -ms-transition: box-shadow 0.2s ease-in-out;
        -o-transition: box-shadow 0.2s ease-in-out;
        transition: box-shadow 0.2s ease-in-out; }
  main.pricing-landing .pricing-cards .teams-standard header {
    color: white;
    font-weight: 600; }
  main.pricing-landing .pricing-cards .teams-standard li {
    background-image: url("/img/pricing/blue-tick.svg"); }
  main.pricing-landing .pricing-cards .teams-standard section.pricing {
    background: #1c70c4;
    color: white;
    width: 100%; }
  main.pricing-landing .pricing-cards .teams-standard a.button {
    background: white;
    color: #0572ec; }
  main.pricing-landing .pricing-cards .teams-pro header {
    color: white;
    font-weight: 600; }
  main.pricing-landing .pricing-cards .teams-pro li {
    background-image: url("/img/pricing/earl-tick.svg"); }
  main.pricing-landing .pricing-cards .teams-pro section.pricing {
    background: #475766;
    color: white;
    width: 100%; }
    main.pricing-landing .pricing-cards .teams-pro section.pricing a.button {
      background: #0572ec;
      color: white;
      margin-top: 30px; }
  main.pricing-landing .pricing-cards .teams-enterprise header {
    color: white;
    font-weight: 600; }
  main.pricing-landing .pricing-cards .teams-enterprise section.pricing {
    background: #3f4c73;
    color: white;
    padding-top: 5px;
    width: 100%; }
    main.pricing-landing .pricing-cards .teams-enterprise section.pricing p {
      position: relative;
      top: 13px; }
  main.pricing-landing .pricing-cards .teams-enterprise ul {
    color: #b8bdcc; }
  main.pricing-landing .pricing-cards .teams-enterprise a.button {
    background: white;
    color: #69728c; }

/* stylelint-disable */
.pricing-landing {
  overflow: hidden;
  /* -- Personal and Family -- */ }
  .pricing-landing .header {
    min-height: 190px;
    padding-top: 60px;
    background: #ecf5ff;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    @media screen\0 {
      .pricing-landing .header {
        position: relative; } }
    .pricing-landing .header h1 {
      font-size: 1.875em;
      margin-bottom: 13px; }
      .pricing-landing .header h1 strong {
        font-weight: normal; }
    .pricing-landing .header h2 {
      color: #4d4d4d;
      font-size: 1.7em;
      font-weight: normal; }
    .pricing-landing .header .tabs {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -ms-flex-pack: distribute;
      justify-content: space-around;
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: flex-end;
      width: 95%;
      max-width: 490px; }
      @media screen\0 {
        .pricing-landing .header .tabs {
          position: absolute;
          bottom: 0;
          left: 460px;
          margin-left: 230px; } }
      .pricing-landing .header .tabs .tab {
        width: 240px;
        border-radius: 6px 6px 0 0;
        border-bottom: none;
        background: #fff;
        text-align: center; }
        .pricing-landing .header .tabs .tab h2 {
          font-size: 1em;
          line-height: 44px; }
  .pricing-landing .USD-pricing {
    width: 100%;
    text-align: center;
    position: relative; }
    .pricing-landing .USD-pricing p {
      font-size: 0.8em;
      color: #b8bdcc;
      margin: 0; }
  .pricing-landing .main-body {
    padding: 30px 0 0; }
    .pricing-landing .main-body .column-container {
      max-width: 970px;
      margin: 0 auto;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      @media (max-width: 660px) {
        .pricing-landing .main-body .column-container {
          -ms-flex-direction: column;
          flex-direction: column; } }
      .pricing-landing .main-body .column-container .col {
        -ms-flex-preferred-size: 350px;
        flex-basis: 350px;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        flex-grow: 1; }
        @media screen\0 {
          .pricing-landing .main-body .column-container .col {
            margin: 0 auto; } }
        .pricing-landing .main-body .column-container .col ul {
          max-width: 460px;
          margin: 20px auto; }
          .pricing-landing .main-body .column-container .col ul li {
            list-style: none;
            padding: 15px 5px 15px 40px;
            background-position: 3% center;
            background-repeat: no-repeat;
            font-weight: 500;
            font-size: 14px;
            background-size: 18px;
            margin: 0 2px; }
          .pricing-landing .main-body .column-container .col ul li.top-highlight {
            padding-top: 17px;
            padding-left: 20px;
            font-family: "Adelle-Semibold", sans-serif;
            font-size: 0.938em; }
        .pricing-landing .main-body .column-container .col.family ul li.family-account-included, .pricing-landing .main-body .column-container .col.business ul li.family-account-included {
          background-image: url("/img/teams/family.69e6fce0a736524e0ec7f21fab5f8c9b.svg");
          background-size: 135px 65px;
          background-position: 12px 100%;
          padding: 14px 5px 11px 165px;
          min-height: 100px;
          display: inline-flex;
          flex-direction: column;
          justify-content: center;
          width: 100%; }
          .pricing-landing .main-body .column-container .col.family ul li.family-account-included span, .pricing-landing .main-body .column-container .col.business ul li.family-account-included span {
            font-weight: normal;
            margin-top: 7px; }
  .pricing-landing#personal-and-family .header p {
    margin-bottom: 0; }
  .pricing-landing#personal-and-family .header .tabs .tab.personal-family {
    height: 50px;
    margin: 0 0 -2px; }
    @media (min-width: 425px) {
      .pricing-landing#personal-and-family .header .tabs .tab.personal-family > h2 {
        font-size: 1.25em; } }
  .pricing-landing#personal-and-family .header .tabs .tab.teams-business {
    height: 42px;
    background: rgba(25, 140, 255, 0.2); }
    @media (min-width: 425px) {
      .pricing-landing#personal-and-family .header .tabs .tab.teams-business > h2 {
        font-size: 1.063em; } }
  .pricing-landing#personal-and-family .price-cards {
    margin: 0;
    position: relative; }
    .pricing-landing#personal-and-family .price-cards .card {
      margin: 0 5px;
      width: 97%;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
      @media (min-width: 700px) {
        .pricing-landing#personal-and-family .price-cards .card {
          height: 420px;
          margin: 0 5px;
          -webkit-transition: all 0.2s ease-in-out;
          -moz-transition: all 0.2s ease-in-out;
          -ms-transition: all 0.2s ease-in-out;
          -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out; } }
  @media (min-width: 700px) and (min-width: 990px) {
    .pricing-landing#personal-and-family .price-cards .card {
      width: 450px;
      padding: 40px 10px 28px; } }
      @media (min-width: 700px) {
          .pricing-landing#personal-and-family .price-cards .card h3 {
            max-width: 290px; }
            .pricing-landing#personal-and-family .price-cards .card h3.title {
              font-size: 23px;
              opacity: 0.8; }
          .pricing-landing#personal-and-family .price-cards .card:hover {
            -webkit-transform: scale(1.05);
            -ms-transform: scale(1.05);
            transform: scale(1.05);
            -webkit-transition: transform 0.3s ease;
            -moz-transition: transform 0.3s ease;
            -ms-transition: transform 0.3s ease;
            -o-transition: transform 0.3s ease;
            transition: transform 0.3s ease;
            box-shadow: 0 6px 30px 0 rgba(153, 153, 153, 0.7); } }
      @media screen\0 {
        .pricing-landing#personal-and-family .price-cards .card {
          height: auto; } }
  @media (min-width: 990px) {
    .pricing-landing#personal-and-family .main-body .column-container .col.personal {
      margin-right: 0; } }
  .pricing-landing#personal-and-family .main-body .column-container .col.personal ul li {
    background-image: url("/img/pricing/checkbox-blue.b89fce966ef19fb231bbb40d600aabc1.svg"); }
    .pricing-landing#personal-and-family .main-body .column-container .col.personal ul li:nth-child(odd) {
      background-color: #d9ecff; }
  @media (max-width: 660px) {
    .pricing-landing#personal-and-family .main-body .column-container .col.family {
      order: -1; } }
  @media (min-width: 990px) {
    .pricing-landing#personal-and-family .main-body .column-container .col.family {
      margin-left: 35px; } }
  .pricing-landing#personal-and-family .main-body .column-container .col.family ul li:not(.family-account-included):not(.top-highlight) {
    background-image: url("/img/pricing/checkbox-purple.c2e1760b521745f4b97712d60e51e31e.svg"); }
    .pricing-landing#personal-and-family .main-body .column-container .col.family ul li:not(.family-account-included):not(.top-highlight):nth-child(odd):not(.top-highlight) {
      background-color: #eae0ff; }
  .pricing-landing#personal-and-family .main-body .column-container .col.family ul li.top-highlight {
    background-color: #d9ecff; }
  .pricing-landing#teams-and-business .header h1 {
    margin-left: auto;
    margin-right: auto; }
  .pricing-landing#teams-and-business .header p {
    margin-bottom: 0; }
  .pricing-landing#teams-and-business .header .tabs .tab.personal-family {
    height: 42px;
    background: rgba(25, 140, 255, 0.2); }
    @media (min-width: 425px) {
      .pricing-landing#teams-and-business .header .tabs .tab.personal-family > h2 {
        font-size: 1.063em; } }
  .pricing-landing#teams-and-business .header .tabs .tab.teams-business {
    height: 50px;
    margin: 0 0 -2px; }
    @media (min-width: 425px) {
      .pricing-landing#teams-and-business .header .tabs .tab.teams-business > h2 {
        font-size: 1.25em; } }
  .pricing-landing#teams-and-business .pricing-cards {
    justify-content: center;
    align-items: center; }
    .pricing-landing#teams-and-business .pricing-cards .pricing-card {
      width: 100%;
      max-width: 95%; }
      @media (min-width: 661px) {
        .pricing-landing#teams-and-business .pricing-cards .pricing-card {
          max-width: 350px; } }
      .pricing-landing#teams-and-business .pricing-cards .pricing-card:hover {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
        -webkit-transition: transform 0.3s ease;
        -moz-transition: transform 0.3s ease;
        -ms-transition: transform 0.3s ease;
        -o-transition: transform 0.3s ease;
        transition: transform 0.3s ease;
        box-shadow: 0 6px 30px 0 rgba(153, 153, 153, 0.7); }
      .pricing-landing#teams-and-business .pricing-cards .pricing-card .pricing > a[href*="https://start.1password.com"] {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center; }
      .pricing-landing#teams-and-business .pricing-cards .pricing-card .pricing a.button {
        padding: 12px;
        width: calc(100% - 25px); }
      .pricing-landing#teams-and-business .pricing-cards .pricing-card .vat {
        position: absolute;
        top: 55%;
        left: 55%;
        color: white;
        font-size: 0.8rem;
        font-weight: 600;
        opacity: 0.6; }
    .pricing-landing#teams-and-business .pricing-cards .teams-standard .pricing header {
      position: relative; }
    .pricing-landing#teams-and-business .pricing-cards .teams-standard .pricing .price {
      position: relative;
      display: block; }
    @media (min-width: 1024px) {
      .pricing-landing#teams-and-business .pricing-cards .teams-pro {
        margin: 20px; } }
    .pricing-landing#teams-and-business .pricing-cards .teams-pro .pricing {
      height: fit-content;
      justify-content: space-between;
      padding-bottom: 0; }
      @media screen\0 {
        .pricing-landing#teams-and-business .pricing-cards .teams-pro .pricing {
          height: 409px; } }
      @media (min-width: 768px) {
        .pricing-landing#teams-and-business .pricing-cards .teams-pro .pricing {
          padding: 30px 0 0; } }
      @media (min-width: 1024px) {
        .pricing-landing#teams-and-business .pricing-cards .teams-pro .pricing {
          width: 350px; } }
      .pricing-landing#teams-and-business .pricing-cards .teams-pro .pricing header {
        position: relative; }
      .pricing-landing#teams-and-business .pricing-cards .teams-pro .pricing p {
        position: relative; }
      .pricing-landing#teams-and-business .pricing-cards .teams-pro .pricing .price {
        position: relative;
        display: block; }
      .pricing-landing#teams-and-business .pricing-cards .teams-pro .pricing .advanced-protection-description {
        background-color: #2b3a49;
        border-radius: 0 0 6px 6px;
        margin-top: 35px;
        margin-bottom: 0;
        min-height: 50px;
        width: 100%; }
        .pricing-landing#teams-and-business .pricing-cards .teams-pro .pricing .advanced-protection-description p {
          font-size: 0.875em;
          margin: 15px 10px;
          max-width: fit-content; }
          @media (min-width: 1024px) {
            .pricing-landing#teams-and-business .pricing-cards .teams-pro .pricing .advanced-protection-description p {
              margin-left: 55px;
              margin-right: 55px; } }
    .pricing-landing#teams-and-business .pricing-cards .teams-enterprise .pricing header {
      position: relative;
      top: 10px; }
    .pricing-landing#teams-and-business .pricing-cards .teams-enterprise .pricing ul {
      position: relative;
      top: 8px; }
    .pricing-landing#teams-and-business .pricing-cards .teams-enterprise .pricing a.button {
      margin-top: 30px; }
  .pricing-landing#teams-and-business .main-body .column-container {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 970px; }
    .pricing-landing#teams-and-business .main-body .column-container .col ul {
      margin-top: 48px;
      padding: 0 5px; }
      @media (max-width: 660px) {
        .pricing-landing#teams-and-business .main-body .column-container .col ul {
          max-width: 350px; } }
    .pricing-landing#teams-and-business .main-body .column-container .col.teams ul li:first-child, .pricing-landing#teams-and-business .main-body .column-container .col.business ul li:first-child {
      padding: 0;
      font-size: 19px;
      margin: 0 0 15px 15px; }
    .pricing-landing#teams-and-business .main-body .column-container .col.teams ul li:not(:first-child) {
      background-image: url("/img/pricing/checkbox-dark-blue.2947e0baf316c3781708f1d11dd137bd.svg"); }
    .pricing-landing#teams-and-business .main-body .column-container .col.teams ul li:nth-child(even) {
      background-color: #e5f2ff; }
    .pricing-landing#teams-and-business .main-body .column-container .col.business ul li:not(:first-child):not(.family-account-included):not(.top-highlight) {
      background-image: url("/img/pricing/checkbox-dark-grey.0f2b60f425097f6453cdec33d0b4cdbc.svg"); }
      .pricing-landing#teams-and-business .main-body .column-container .col.business ul li:not(:first-child):not(.family-account-included):not(.top-highlight):nth-child(even) {
        background-color: #eaeef3; }
    .pricing-landing#teams-and-business .main-body .column-container .col.business ul li > a.link-to-business-vaults {
      text-decoration: underline; }
    .pricing-landing#teams-and-business .main-body .column-container .col.business ul li.top-highlight {
      background-color: #e5f2ff; }
    .pricing-landing#teams-and-business .main-body .column-container .teams-pro .pricing {
      height: 320px;
      padding: 14px 0; }
  .pricing-landing#teams-and-business .main-body .reviews-and-quotes {
    min-height: 590px;
    background-image: linear-gradient(to bottom, white, #f2f4f7);
    padding: 0 30px 60px; }
    .pricing-landing#teams-and-business .main-body .reviews-and-quotes p {
      color: #7a8a99; }
    .pricing-landing#teams-and-business .main-body .reviews-and-quotes h2 {
      color: #525c66;
      font-size: 1.5em; }
    .pricing-landing#teams-and-business .main-body .reviews-and-quotes a {
      color: #0572ec;
      font-weight: bold; }
    @media (min-width: 1024px) {
      .pricing-landing#teams-and-business .main-body .reviews-and-quotes {
        padding: 0 30px; } }
    .pricing-landing#teams-and-business .main-body .reviews-and-quotes .quotes-grid {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      display: grid;
      grid-template-columns: 1fr;
      grid-gap: 30px;
      justify-items: center;
      min-height: auto; }
      @media screen\0 {
        .pricing-landing#teams-and-business .main-body .reviews-and-quotes .quotes-grid {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          max-width: none;
          justify-content: center;
          align-items: stretch; } }
      @media (min-width: 1024px) {
        .pricing-landing#teams-and-business .main-body .reviews-and-quotes .quotes-grid {
          grid-template-columns: repeat(3, 1fr);
          justify-content: center;
          max-width: 1040px; } }
      .pricing-landing#teams-and-business .main-body .reviews-and-quotes .quotes-grid .quote-card {
        max-width: 330px;
        width: 100%;
        margin: 5px;
        padding: 20px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        background: white;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) ;
        -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) ;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) ;
        -webkit-transition: transform 0.2s ease-in-out;
        -moz-transition: transform 0.2s ease-in-out;
        -ms-transition: transform 0.2s ease-in-out;
        -o-transition: transform 0.2s ease-in-out;
        transition: transform 0.2s ease-in-out; }
        .pricing-landing#teams-and-business .main-body .reviews-and-quotes .quotes-grid .quote-card p {
          font-size: 20px;
          line-height: 1.45;
          font-weight: normal;
          margin-bottom: 0.6em; }
        .pricing-landing#teams-and-business .main-body .reviews-and-quotes .quotes-grid .quote-card img {
          align-self: center;
          margin-top: 20px;
          max-width: 100%; }
      .pricing-landing#teams-and-business .main-body .reviews-and-quotes .quotes-grid .quote-card:hover {
        transform: scale(1.05);
        -webkit-transition: transform 0.2s ease-in-out;
        -moz-transition: transform 0.2s ease-in-out;
        -ms-transition: transform 0.2s ease-in-out;
        -o-transition: transform 0.2s ease-in-out;
        transition: transform 0.2s ease-in-out; }
  @media (max-width: 767px) {
    .pricing-landing#teams-and-business .footer.pricing-cards {
      padding-top: 90px; } }
  .pricing-landing#teams-and-business .footer.pricing-cards :hover {
    box-shadow: none; }
  .pricing-landing section.footer {
    background-color: #232a3f; }

main.forgot-password {
  /* stylelint-disable */
  margin-top: 60px; }
  main.forgot-password .scrolling-quotes-v2 {
    background: linear-gradient(to bottom, #f7f9fd 50%, white 50%); }
    main.forgot-password .scrolling-quotes-v2 .scrolling-quotes-container-v2 {
      position: unset; }
      main.forgot-password .scrolling-quotes-v2 .scrolling-quotes-container-v2 .card__text {
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        box-shadow: 0 6px 10px -2px rgba(203, 203, 203, 0.5);
        background-color: white;
        margin: 0 10px;
        vertical-align: middle;
        text-align: center;
        overflow: auto;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        align-self: flex-start;
        padding: 30px;
        white-space: initial;
        width: 273.8px;
        transition: all 0.2s ease-in-out; }
        @media (min-width: 1024px) {
          main.forgot-password .scrolling-quotes-v2 .scrolling-quotes-container-v2 .card__text {
            width: 370px; } }
        main.forgot-password .scrolling-quotes-v2 .scrolling-quotes-container-v2 .card__text img {
          width: 40px; }
        main.forgot-password .scrolling-quotes-v2 .scrolling-quotes-container-v2 .card__text p {
          width: 100%;
          margin: 23px 0 30px;
          padding: 0;
          font-size: 1.125em;
          line-height: 1.56;
          color: #212b36; }
        main.forgot-password .scrolling-quotes-v2 .scrolling-quotes-container-v2 .card__text cite {
          font-size: 1.125em;
          line-height: 1.44;
          color: #919eab; }
      main.forgot-password .scrolling-quotes-v2 .scrolling-quotes-container-v2 .card__text:hover {
        transform: scale(1.05); }
      main.forgot-password .scrolling-quotes-v2 .scrolling-quotes-container-v2 .ticker {
        margin-top: 15px;
        margin-bottom: 15px; }
  main.forgot-password header {
    background: linear-gradient(to bottom, #097be9, #37bbfc 60%);
    background-size: cover;
    min-height: 450px;
    padding: 30px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
    @media (max-width: 479px) {
      main.forgot-password header {
        padding-top: 0;
        padding-bottom: 0; } }
    @media (min-width: 1200px) {
      main.forgot-password header {
        min-height: 600px;
        background: linear-gradient(to bottom, #097be9, #37bbfc 60%);
        border-radius: 0 0 100% 15%;
        width: 120vw;
        margin-left: -10vw; } }
    main.forgot-password header .container {
      max-width: 1170px;
      margin: 0 auto; }
      @media (max-width: 479px) {
        main.forgot-password header .container {
          margin-top: 30px; } }
      main.forgot-password header .container h1,
      main.forgot-password header .container p {
        color: white; }
      main.forgot-password header .container h1 {
        font-size: 1.875em;
        line-height: 1;
        letter-spacing: -0.6px;
        margin-bottom: 17px; }
      main.forgot-password header .container p {
        font-size: 1em;
        color: white; }
        main.forgot-password header .container p.desc-main {
          max-width: 410px; }
      main.forgot-password header .container .price-card-forgot-password {
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background-color: white;
        padding: 30px;
        width: 100%;
        text-align: center; }
        @media (min-width: 768px) {
          main.forgot-password header .container .price-card-forgot-password {
            max-width: 443px; } }
        @media (min-width: 1200px) {
          main.forgot-password header .container .price-card-forgot-password {
            padding-left: 18px;
            padding-right: 18px; } }
        main.forgot-password header .container .price-card-forgot-password h2 {
          margin-bottom: 7px; }
        main.forgot-password header .container .price-card-forgot-password p {
          color: #333;
          margin-bottom: 4px; }
          main.forgot-password header .container .price-card-forgot-password p.desc {
            font-size: 1.125em;
            line-height: 1.44;
            letter-spacing: -0.12px;
            text-align: center;
            color: #3d454d; }
          main.forgot-password header .container .price-card-forgot-password p.price {
            font-size: 1.75rem;
            font-weight: 600; }
            main.forgot-password header .container .price-card-forgot-password p.price > span {
              font-size: 4.875rem;
              text-align: center;
              color: #333;
              vertical-align: -0.3em; }
          main.forgot-password header .container .price-card-forgot-password p.plan {
            font-weight: 600; }
          main.forgot-password header .container .price-card-forgot-password p.billing {
            color: #919eab; }
        main.forgot-password header .container .price-card-forgot-password a.btn {
          text-align: center;
          box-sizing: border-box;
          width: calc(100% - 60px);
          max-width: 300px;
          padding: 12px;
          margin: 0 auto;
          border-radius: 100px;
          font-weight: 600;
          display: flex;
          outline: none;
          align-self: center;
          justify-content: center;
          box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
          -webkit-transition: transform 0.2s ease-in-out;
          -moz-transition: transform 0.2s ease-in-out;
          -ms-transition: transform 0.2s ease-in-out;
          -o-transition: transform 0.2s ease-in-out;
          transition: transform 0.2s ease-in-out;
          -webkit-transition: box-shadow 0.2s ease-in-out;
          -moz-transition: box-shadow 0.2s ease-in-out;
          -ms-transition: box-shadow 0.2s ease-in-out;
          -o-transition: box-shadow 0.2s ease-in-out;
          transition: box-shadow 0.2s ease-in-out;
          background-color: #0572ec;
          color: white;
          margin: 20px 0 10px; }
          @media (max-width: 600px) {
            main.forgot-password header .container .price-card-forgot-password a.btn {
              width: calc(100% - 30px); } }
          main.forgot-password header .container .price-card-forgot-password a.btn:hover, main.forgot-password header .container .price-card-forgot-password a.btn:focus {
            box-shadow: 0 8px 34px 0 rgba(0, 0, 0, 0.3);
            transform: scale(1.05);
            -webkit-transition: transform 0.2s ease-in-out;
            -moz-transition: transform 0.2s ease-in-out;
            -ms-transition: transform 0.2s ease-in-out;
            -o-transition: transform 0.2s ease-in-out;
            transition: transform 0.2s ease-in-out;
            -webkit-transition: box-shadow 0.2s ease-in-out;
            -moz-transition: box-shadow 0.2s ease-in-out;
            -ms-transition: box-shadow 0.2s ease-in-out;
            -o-transition: box-shadow 0.2s ease-in-out;
            transition: box-shadow 0.2s ease-in-out; }
          @media (max-width: 479px) {
            main.forgot-password header .container .price-card-forgot-password a.btn {
              margin-left: auto;
              margin-right: auto; } }
        main.forgot-password header .container .price-card-forgot-password .features {
          display: inline-flex;
          flex-direction: row;
          flex-wrap: wrap;
          justify-content: center; }
          main.forgot-password header .container .price-card-forgot-password .features li {
            background: url("/img/forgot-password/checkmark-thin.f0d8cfa9a4c629d461dd507f0dd69cfd.svg") no-repeat left center;
            background-repeat: no-repeat;
            background-size: 12px;
            color: #8fa1b3;
            list-style: none;
            text-align: center;
            padding: 0;
            font-size: 13px;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.62;
            letter-spacing: -0.09px;
            padding-left: 17px;
            padding-right: 11px; }
      @media (min-width: 1200px) {
        main.forgot-password header .container picture {
          position: relative;
          top: 30px;
          padding-left: 50px; } }
  main.forgot-password section.create-passwords > div.container,
  main.forgot-password section#password-resets > div.container {
    max-width: 1140px;
    margin: 0 auto; }
    main.forgot-password section.create-passwords > div.container h1,
    main.forgot-password section#password-resets > div.container h1 {
      margin-bottom: 26px; }
    main.forgot-password section.create-passwords > div.container p,
    main.forgot-password section#password-resets > div.container p {
      max-width: 520px; }
  main.forgot-password section.create-passwords {
    background-color: white;
    padding: 30px; }
    @media (min-width: 768px) {
      main.forgot-password section.create-passwords {
        padding-top: 100px;
        padding-bottom: 100px; } }
    main.forgot-password section.create-passwords div.container img {
      margin-bottom: 45px; }
    main.forgot-password section.create-passwords div.container h2 {
      margin-bottom: 20px; }
    main.forgot-password section.create-passwords div.container p {
      margin: 0 auto 20px;
      max-width: 300px; }
    @media (min-width: 760px) {
      main.forgot-password section.create-passwords div.container > div > div {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center; }
        @supports (display: grid) {
          main.forgot-password section.create-passwords div.container > div > div {
            display: grid;
            grid-template-rows: 100px 70px;
            justify-items: center;
            justify-self: center;
            align-items: center; } } }
  main.forgot-password section#password-resets {
    padding: 30px;
    position: relative;
    overflow: hidden; }
    @media (min-width: 1024px) {
      main.forgot-password section#password-resets {
        padding-bottom: 175px; } }
    main.forgot-password section#password-resets .container .grid:first-child p:first-of-type {
      font-size: 1.375em; }
    main.forgot-password section#password-resets .container .grid:first-child p:last-of-type {
      font-size: 1.125em; }
    main.forgot-password section#password-resets h1,
    main.forgot-password section#password-resets p {
      color: #212b36; }
    main.forgot-password section#password-resets h1 {
      margin-bottom: 16px;
      font-size: 28px;
      line-height: 1.15;
      letter-spacing: -0.56px; }
    main.forgot-password section#password-resets p {
      color: #212b36;
      line-height: 1.5; }
    main.forgot-password section#password-resets hr {
      width: 41px;
      height: 1px;
      border: solid 4px #0572ec;
      margin: 30px 0; }
    main.forgot-password section#password-resets picture {
      position: relative;
      bottom: -47px; }
      @media (min-width: 760px) {
        main.forgot-password section#password-resets picture {
          position: absolute;
          bottom: -37px; } }
    main.forgot-password section#password-resets a.link {
      display: inline-block;
      font-size: 1.125em;
      font-weight: 500;
      line-height: 0.89;
      letter-spacing: -0.34px;
      color: #0572ec; }
      main.forgot-password section#password-resets a.link > svg {
        transition: transform 0.2s; }
      main.forgot-password section#password-resets a.link:hover {
        color: #06c; }
        main.forgot-password section#password-resets a.link:hover > svg {
          transform: translateX(7px);
          transition: transform 0.2s; }
        main.forgot-password section#password-resets a.link:hover > svg path {
          fill: #06c;
          transition: fill 0.2s; }
  main.forgot-password section.cta-end {
    background-image: linear-gradient(to bottom, #097be9, #37bbfc);
    padding: 70px 30px;
    text-align: center; }
    main.forgot-password section.cta-end > div {
      margin: 0 auto 25px; }
      main.forgot-password section.cta-end > div h1 {
        color: white;
        font-size: 2em; }
    main.forgot-password section.cta-end a.btn {
      text-align: center;
      box-sizing: border-box;
      width: calc(100% - 60px);
      max-width: 300px;
      padding: 12px;
      margin: 0 auto;
      border-radius: 100px;
      font-weight: 600;
      display: flex;
      outline: none;
      align-self: center;
      justify-content: center;
      box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
      -webkit-transition: transform 0.2s ease-in-out;
      -moz-transition: transform 0.2s ease-in-out;
      -ms-transition: transform 0.2s ease-in-out;
      -o-transition: transform 0.2s ease-in-out;
      transition: transform 0.2s ease-in-out;
      -webkit-transition: box-shadow 0.2s ease-in-out;
      -moz-transition: box-shadow 0.2s ease-in-out;
      -ms-transition: box-shadow 0.2s ease-in-out;
      -o-transition: box-shadow 0.2s ease-in-out;
      transition: box-shadow 0.2s ease-in-out;
      background-color: white;
      color: #218df9;
      min-width: 270px;
      max-width: 320px;
      margin: 0 auto 15px; }
      @media (max-width: 600px) {
        main.forgot-password section.cta-end a.btn {
          width: calc(100% - 30px); } }
      main.forgot-password section.cta-end a.btn:hover, main.forgot-password section.cta-end a.btn:focus {
        box-shadow: 0 8px 34px 0 rgba(0, 0, 0, 0.3);
        transform: scale(1.05);
        -webkit-transition: transform 0.2s ease-in-out;
        -moz-transition: transform 0.2s ease-in-out;
        -ms-transition: transform 0.2s ease-in-out;
        -o-transition: transform 0.2s ease-in-out;
        transition: transform 0.2s ease-in-out;
        -webkit-transition: box-shadow 0.2s ease-in-out;
        -moz-transition: box-shadow 0.2s ease-in-out;
        -ms-transition: box-shadow 0.2s ease-in-out;
        -o-transition: box-shadow 0.2s ease-in-out;
        transition: box-shadow 0.2s ease-in-out; }
    main.forgot-password section.cta-end p {
      color: white;
      opacity: 0.8; }

main.reset-password {
  margin-top: 60px; }
  main.reset-password .testimonials {
    /* prettier-ignore */
    background: linear-gradient(to bottom, rgba(240, 245, 250, 0.5) 20%, white 100%);
    padding: 30px 30px 0; }
    @media (min-width: 768px) {
      main.reset-password .testimonials {
        padding-top: 60px; } }
  main.reset-password .testimonials-title {
    font-size: 1.5rem;
    line-height: 1.33;
    letter-spacing: -0.45px;
    text-align: center;
    color: #333; }
  main.reset-password .testimonials-container {
    width: 100%;
    max-width: 980px;
    margin: 0 auto; }
  main.reset-password .testimonials-grid {
    border: solid 2px #eff6fd;
    margin: 50px 0; }
    @supports (display: grid) {
      main.reset-password .testimonials-grid {
        display: grid; }
        @media (min-width: 768px) {
          main.reset-password .testimonials-grid {
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); } } }
  @media (max-width: 767px) {
    main.reset-password .testimonials-grid .column:nth-child(2) {
      display: none; } }
  main.reset-password .testimonials-card {
    padding: 35px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
    main.reset-password .testimonials-card.blue {
      background-color: #eff6fd; }
    main.reset-password .testimonials-card.white {
      background-color: white; }
  @supports (display: grid) {
    main.reset-password .column {
      display: grid;
      grid-template-rows: repeat(3, minmax(250px, 1fr)); } }
  main.reset-password .testimonials-quote {
    font-size: 1.25rem;
    line-height: 1.4;
    letter-spacing: normal;
    color: #212b36; }
  main.reset-password .source {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    flex-direction: row;
    position: relative; }
  main.reset-password .source-img {
    width: 48px;
    margin-right: 20px; }
  main.reset-password .source-name {
    font-weight: 500;
    color: #222;
    margin-bottom: 5px; }
  main.reset-password .source-occupation {
    display: inline-block;
    font-size: 1.063rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.53;
    letter-spacing: normal;
    color: #9295a0;
    max-width: 305px; }
  main.reset-password .source-logo {
    width: 25px;
    position: absolute;
    right: -10px; }
    @media (max-width: 374px) {
      main.reset-password .source-logo {
        display: none; } }
  main.reset-password .reset-password-header {
    background-color: #d1eeff;
    min-height: 450px;
    padding: 60px 30px 30px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
    @media (max-width: 479px) {
      main.reset-password .reset-password-header {
        padding-bottom: 0; } }
    @media (min-width: 1200px) {
      main.reset-password .reset-password-header {
        min-height: 600px;
        border-radius: 0 0 100% 15%;
        width: 120vw;
        margin-left: -10vw; } }
    main.reset-password .reset-password-header .container {
      max-width: 1170px;
      margin: 0 auto; }
      @media (max-width: 479px) {
        main.reset-password .reset-password-header .container {
          margin-top: 30px; } }
      main.reset-password .reset-password-header .container .title {
        font-size: 1.875rem;
        line-height: 1;
        letter-spacing: -0.6px;
        margin-bottom: 17px;
        color: #1f2e59; }
      main.reset-password .reset-password-header .container p {
        font-size: 1em; }
        main.reset-password .reset-password-header .container p.desc-main {
          max-width: 410px;
          color: #4d5d8c; }
      @media (min-width: 768px) {
        main.reset-password .reset-password-header .container .price-card-forgot-password {
          max-width: 443px; } }
      @media (min-width: 1200px) {
        main.reset-password .reset-password-header .container .price-card-forgot-password {
          padding-right: 20px; } }
      main.reset-password .reset-password-header .container .price-card-container {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background-color: #9469bf;
        padding: 30px;
        width: 100%;
        text-align: center;
        border-radius: 6px 6px 0 0; }
        main.reset-password .reset-password-header .container .price-card-container h2,
        main.reset-password .reset-password-header .container .price-card-container p {
          color: white; }
        main.reset-password .reset-password-header .container .price-card-container h2 {
          margin-bottom: 7px; }
        main.reset-password .reset-password-header .container .price-card-container p {
          margin-bottom: 4px; }
          main.reset-password .reset-password-header .container .price-card-container p.desc {
            font-size: 1.125em;
            line-height: 1.44;
            letter-spacing: -0.12px;
            text-align: center;
            max-width: 300px; }
          main.reset-password .reset-password-header .container .price-card-container p.price {
            font-size: 1.75rem;
            font-weight: 600; }
            main.reset-password .reset-password-header .container .price-card-container p.price > span {
              font-size: 4.875rem;
              text-align: center;
              color: white;
              vertical-align: -0.3em; }
          main.reset-password .reset-password-header .container .price-card-container p.plan {
            font-weight: 600; }
        main.reset-password .reset-password-header .container .price-card-container .btn {
          text-align: center;
          box-sizing: border-box;
          width: calc(100% - 60px);
          max-width: 300px;
          padding: 12px;
          margin: 0 auto;
          border-radius: 100px;
          font-weight: 600;
          display: flex;
          outline: none;
          align-self: center;
          justify-content: center;
          box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
          -webkit-transition: transform 0.2s ease-in-out;
          -moz-transition: transform 0.2s ease-in-out;
          -ms-transition: transform 0.2s ease-in-out;
          -o-transition: transform 0.2s ease-in-out;
          transition: transform 0.2s ease-in-out;
          -webkit-transition: box-shadow 0.2s ease-in-out;
          -moz-transition: box-shadow 0.2s ease-in-out;
          -ms-transition: box-shadow 0.2s ease-in-out;
          -o-transition: box-shadow 0.2s ease-in-out;
          transition: box-shadow 0.2s ease-in-out;
          background-color: white;
          color: #9469bf;
          margin: 20px 0 10px; }
          @media (max-width: 600px) {
            main.reset-password .reset-password-header .container .price-card-container .btn {
              width: calc(100% - 30px); } }
          main.reset-password .reset-password-header .container .price-card-container .btn:hover, main.reset-password .reset-password-header .container .price-card-container .btn:focus {
            box-shadow: 0 8px 34px 0 rgba(0, 0, 0, 0.3);
            transform: scale(1.05);
            -webkit-transition: transform 0.2s ease-in-out;
            -moz-transition: transform 0.2s ease-in-out;
            -ms-transition: transform 0.2s ease-in-out;
            -o-transition: transform 0.2s ease-in-out;
            transition: transform 0.2s ease-in-out;
            -webkit-transition: box-shadow 0.2s ease-in-out;
            -moz-transition: box-shadow 0.2s ease-in-out;
            -ms-transition: box-shadow 0.2s ease-in-out;
            -o-transition: box-shadow 0.2s ease-in-out;
            transition: box-shadow 0.2s ease-in-out; }
          @media (max-width: 479px) {
            main.reset-password .reset-password-header .container .price-card-container .btn {
              margin-left: auto;
              margin-right: auto; } }
      main.reset-password .reset-password-header .container .features-list {
        border-radius: 0 0 6px 6px;
        background-color: #7952a1;
        padding: 15px;
        width: 100%;
        justify-content: center; }
        @supports (display: grid) {
          main.reset-password .reset-password-header .container .features-list {
            display: grid; }
            @media (min-width: 1024px) {
              main.reset-password .reset-password-header .container .features-list {
                grid-template-columns: repeat(2, 160px);
                justify-content: space-between;
                grid-column-gap: 10px; } } }
        @media (min-width: 1024px) {
          main.reset-password .reset-password-header .container .features-list {
            padding-left: 50px;
            padding-right: 50px; } }
        main.reset-password .reset-password-header .container .features-list .feature {
          background: url("/img/checkmark-thin-white.c2c64cb43cd280ea1986dcf3839f6c94.svg") no-repeat left center;
          background-size: 12px;
          background-position: left 6px;
          color: white;
          list-style: none;
          font-size: 0.813rem;
          font-stretch: normal;
          font-style: normal;
          font-weight: 500;
          line-height: 1.62;
          letter-spacing: -0.09px;
          padding-left: 17px;
          padding-right: 0;
          padding-bottom: 7px; }
      @media (min-width: 1200px) {
        main.reset-password .reset-password-header .container picture {
          position: relative;
          top: 30px;
          padding-left: 50px; } }
  main.reset-password .create-passwords > .container,
  main.reset-password #password-resets > .container {
    max-width: 1140px;
    margin: 0 auto; }
    main.reset-password .create-passwords > .container h1,
    main.reset-password #password-resets > .container h1 {
      margin-bottom: 26px; }
    main.reset-password .create-passwords > .container p,
    main.reset-password #password-resets > .container p {
      max-width: 520px; }
  main.reset-password .create-passwords {
    background-color: white;
    padding: 30px; }
    @media (min-width: 768px) {
      main.reset-password .create-passwords {
        padding-top: 100px;
        padding-bottom: 100px; } }
    main.reset-password .create-passwords .container img {
      margin-bottom: 45px; }
    main.reset-password .create-passwords .container h2 {
      margin-bottom: 20px; }
    main.reset-password .create-passwords .container p {
      margin: 0 auto 20px;
      max-width: 300px; }
    @media (min-width: 760px) {
      main.reset-password .create-passwords .container > div > div {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center; }
        @supports (display: grid) {
          main.reset-password .create-passwords .container > div > div {
            display: grid;
            grid-template-rows: 100px 70px;
            justify-items: center;
            justify-self: center;
            align-items: center; } } }
  main.reset-password #password-resets {
    padding: 30px;
    position: relative;
    overflow: hidden; }
    @media (min-width: 1024px) {
      main.reset-password #password-resets {
        padding-bottom: 175px; } }
    main.reset-password #password-resets .container .grid:first-child p {
      font-size: 1.375em; }
    main.reset-password #password-resets h1,
    main.reset-password #password-resets p {
      color: #212b36; }
    main.reset-password #password-resets h1 {
      margin-bottom: 16px;
      font-size: 28px;
      line-height: 1.15;
      letter-spacing: -0.56px; }
    main.reset-password #password-resets p {
      color: #212b36;
      line-height: 1.5; }
    main.reset-password #password-resets hr {
      width: 41px;
      height: 1px;
      border: solid 4px #0572ec;
      margin: 30px 0; }
    main.reset-password #password-resets picture {
      position: relative;
      bottom: -47px; }
      @media (min-width: 760px) {
        main.reset-password #password-resets picture {
          position: absolute;
          bottom: -37px; } }
    main.reset-password #password-resets a.btn {
      text-align: center;
      box-sizing: border-box;
      width: calc(100% - 60px);
      max-width: 300px;
      padding: 12px;
      margin: 0 auto;
      border-radius: 100px;
      font-weight: 600;
      display: flex;
      outline: none;
      align-self: center;
      justify-content: center;
      box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
      -webkit-transition: transform 0.2s ease-in-out;
      -moz-transition: transform 0.2s ease-in-out;
      -ms-transition: transform 0.2s ease-in-out;
      -o-transition: transform 0.2s ease-in-out;
      transition: transform 0.2s ease-in-out;
      -webkit-transition: box-shadow 0.2s ease-in-out;
      -moz-transition: box-shadow 0.2s ease-in-out;
      -ms-transition: box-shadow 0.2s ease-in-out;
      -o-transition: box-shadow 0.2s ease-in-out;
      transition: box-shadow 0.2s ease-in-out;
      color: #0572ec;
      background-color: white;
      border: 2px solid #0572ec;
      margin: 0;
      max-width: 150px; }
      @media (max-width: 600px) {
        main.reset-password #password-resets a.btn {
          width: calc(100% - 30px); } }
      main.reset-password #password-resets a.btn:hover, main.reset-password #password-resets a.btn:focus {
        box-shadow: 0 8px 34px 0 rgba(0, 0, 0, 0.3);
        transform: scale(1.05);
        -webkit-transition: transform 0.2s ease-in-out;
        -moz-transition: transform 0.2s ease-in-out;
        -ms-transition: transform 0.2s ease-in-out;
        -o-transition: transform 0.2s ease-in-out;
        transition: transform 0.2s ease-in-out;
        -webkit-transition: box-shadow 0.2s ease-in-out;
        -moz-transition: box-shadow 0.2s ease-in-out;
        -ms-transition: box-shadow 0.2s ease-in-out;
        -o-transition: box-shadow 0.2s ease-in-out;
        transition: box-shadow 0.2s ease-in-out; }
  main.reset-password .testimonials-container {
    position: relative; }
  @media (min-width: 1200px) {
    main.reset-password .testimonials-container::before {
      content: "";
      background: url("/img/reset-password/testimonials-icons-left.246e1fa799b29925eb4a18e2b2b702ae.svg") no-repeat center center;
      width: 76px;
      height: 127px;
      position: absolute;
      left: -130px;
      top: 70px; } }
  @media (min-width: 1200px) {
    main.reset-password .testimonials-container::after {
      content: "";
      background: url("/img/reset-password/testimonials-icons-right.ae810a0251b52dbe3d107955d9b5c0aa.svg") no-repeat center center;
      width: 87px;
      height: 105px;
      position: absolute;
      right: -130px;
      top: 70px; } }
  main.reset-password .cta-end {
    background-color: #0572ec;
    padding: 70px 30px;
    text-align: center; }
    main.reset-password .cta-end > div {
      margin: 0 auto 25px; }
      main.reset-password .cta-end > div h1 {
        color: white;
        font-size: 2.5rem; }
    main.reset-password .cta-end .btn {
      text-align: center;
      box-sizing: border-box;
      width: calc(100% - 60px);
      max-width: 300px;
      padding: 12px;
      margin: 0 auto;
      border-radius: 100px;
      font-weight: 600;
      display: flex;
      outline: none;
      align-self: center;
      justify-content: center;
      box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
      -webkit-transition: transform 0.2s ease-in-out;
      -moz-transition: transform 0.2s ease-in-out;
      -ms-transition: transform 0.2s ease-in-out;
      -o-transition: transform 0.2s ease-in-out;
      transition: transform 0.2s ease-in-out;
      -webkit-transition: box-shadow 0.2s ease-in-out;
      -moz-transition: box-shadow 0.2s ease-in-out;
      -ms-transition: box-shadow 0.2s ease-in-out;
      -o-transition: box-shadow 0.2s ease-in-out;
      transition: box-shadow 0.2s ease-in-out;
      background-color: white;
      color: #0572ec;
      min-width: 270px;
      max-width: 320px;
      margin: 0 auto 15px; }
      @media (max-width: 600px) {
        main.reset-password .cta-end .btn {
          width: calc(100% - 30px); } }
      main.reset-password .cta-end .btn:hover, main.reset-password .cta-end .btn:focus {
        box-shadow: 0 8px 34px 0 rgba(0, 0, 0, 0.3);
        transform: scale(1.05);
        -webkit-transition: transform 0.2s ease-in-out;
        -moz-transition: transform 0.2s ease-in-out;
        -ms-transition: transform 0.2s ease-in-out;
        -o-transition: transform 0.2s ease-in-out;
        transition: transform 0.2s ease-in-out;
        -webkit-transition: box-shadow 0.2s ease-in-out;
        -moz-transition: box-shadow 0.2s ease-in-out;
        -ms-transition: box-shadow 0.2s ease-in-out;
        -o-transition: box-shadow 0.2s ease-in-out;
        transition: box-shadow 0.2s ease-in-out; }

.domain-breach-report {
  margin-top: 60px;
  overflow: hidden; }
  .domain-breach-report__btn {
    text-align: center;
    box-sizing: border-box;
    width: calc(100% - 60px);
    max-width: 300px;
    padding: 12px;
    margin: 0 auto;
    border-radius: 100px;
    font-weight: 600;
    display: flex;
    outline: none;
    align-self: center;
    justify-content: center;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
    -webkit-transition: transform 0.2s ease-in-out;
    -moz-transition: transform 0.2s ease-in-out;
    -ms-transition: transform 0.2s ease-in-out;
    -o-transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    -webkit-transition: box-shadow 0.2s ease-in-out;
    -moz-transition: box-shadow 0.2s ease-in-out;
    -ms-transition: box-shadow 0.2s ease-in-out;
    -o-transition: box-shadow 0.2s ease-in-out;
    transition: box-shadow 0.2s ease-in-out;
    width: 100%; }
    @media (max-width: 600px) {
      .domain-breach-report__btn {
        width: calc(100% - 30px); } }
    .domain-breach-report__btn:hover, .domain-breach-report__btn:focus {
      box-shadow: 0 8px 34px 0 rgba(0, 0, 0, 0.3);
      transform: scale(1.05);
      -webkit-transition: transform 0.2s ease-in-out;
      -moz-transition: transform 0.2s ease-in-out;
      -ms-transition: transform 0.2s ease-in-out;
      -o-transition: transform 0.2s ease-in-out;
      transition: transform 0.2s ease-in-out;
      -webkit-transition: box-shadow 0.2s ease-in-out;
      -moz-transition: box-shadow 0.2s ease-in-out;
      -ms-transition: box-shadow 0.2s ease-in-out;
      -o-transition: box-shadow 0.2s ease-in-out;
      transition: box-shadow 0.2s ease-in-out; }
    .domain-breach-report__btn--blue {
      background-color: #0572ec;
      color: white; }
      .domain-breach-report__btn--blue:hover {
        color: white; }
    .domain-breach-report__btn--white {
      background-color: white;
      color: #0572ec; }
      .domain-breach-report__btn--white:hover {
        color: #06c; }
    .domain-breach-report__btn--align-left {
      margin: 0;
      max-width: 250px;
      display: inline-block; }
    .domain-breach-report__btn--center {
      margin: 0 auto;
      max-width: 300px; }
  .domain-breach-report__header {
    position: relative;
    padding-bottom: 10px; }
    @media (min-width: 1170px) {
      .domain-breach-report__header {
        background-image: url("/img/domain-breach-report/header-bg.c552a139bae60a74ae31651401c478f6.svg");
        background-repeat: no-repeat;
        background-position: center -200px;
        background-size: auto;
        padding-bottom: 0;
        margin-bottom: 50px; } }
  .domain-breach-report__header-top {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 60px 5% 130px;
    background-color: #0a2d4d;
    padding-bottom: 130px;
    margin: 0 auto;
    max-width: 1170px; }
    @media screen\0 {
      .domain-breach-report__header-top {
        overflow: hidden; } }
    @media (min-width: 1170px) {
      .domain-breach-report__header-top {
        background-image: none;
        padding-bottom: 80px; } }
    @media (min-width: 1200px) {
      .domain-breach-report__header-top {
        padding-top: 50px;
        padding-left: 0;
        padding-right: 0; } }
  .domain-breach-report__img-container {
    margin-top: 40px; }
    @media (min-width: 760px) {
      .domain-breach-report__img-container {
        margin-top: 0; } }
  @media screen\0 {
    .domain-breach-report__img {
      display: none; } }
  @media (min-width: 760px) {
    .domain-breach-report__img {
      max-width: 100%; } }
  @media screen\0  and (min-width: 760px) {
    .domain-breach-report__img {
      display: block; } }
  @media (min-width: 1170px) {
    .domain-breach-report__img {
      max-width: 570px; } }
  @media screen\0  and (min-width: 1170px) {
    .domain-breach-report__img {
      display: block;
      max-width: none; } }
  .domain-breach-report__header-top-title {
    color: white;
    font-size: 1.75rem;
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 16px; }
    @media (min-width: 760px) {
      .domain-breach-report__header-top-title {
        max-width: 458px;
        margin-left: 0;
        margin-right: 0; } }
    @media (min-width: 1024px) {
      .domain-breach-report__header-top-title {
        font-size: 2.5rem; } }
  .domain-breach-report__header-top-description {
    color: white;
    max-width: 310px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 24px;
    word-break: keep-all; }
    @media (min-width: 760px) {
      .domain-breach-report__header-top-description {
        max-width: 458px;
        margin-left: 0;
        margin-right: 0;
        font-size: 1.125rem; } }
  .domain-breach-report__link {
    color: #0572ec;
    display: inline-block;
    font-size: 1rem;
    font-weight: 500;
    width: 100%;
    text-align: left; }
    .domain-breach-report__link--get-support {
      font-size: 1.125rem; }
    .domain-breach-report__link:hover {
      color: #06c; }
      .domain-breach-report__link:hover > svg {
        transform: translateX(7px);
        transition: transform 0.2s; }
      .domain-breach-report__link:hover > svg path {
        fill: #06c;
        transition: fill 0.2s; }
  .domain-breach-report__get-support {
    padding: 30px; }
    @media (min-width: 1024px) {
      .domain-breach-report__get-support {
        padding-top: 70px;
        padding-bottom: 100px; } }
  .domain-breach-report__get-support-container {
    width: 100%;
    max-width: 950px;
    margin: 0 auto;
    padding: 30px;
    border: 1px solid #e9e9e9;
    border-radius: 6px; }
    @media (min-width: 1024px) {
      .domain-breach-report__get-support-container {
        padding-top: 0;
        padding-bottom: 0; } }
  .domain-breach-report__get-support-title {
    font-size: 1.5rem;
    margin-bottom: 16px; }
  .domain-breach-report__support-image {
    position: relative;
    top: 36px; }
    @media (min-width: 1024px) {
      .domain-breach-report__support-image {
        top: 8px; } }
  .domain-breach-report__cta-end {
    background-color: #198cff;
    padding: 70px 30px;
    text-align: center; }
  .domain-breach-report__cta-end-title {
    color: white;
    width: 100%;
    max-width: 610px;
    margin: 0 auto 16px; }
  .domain-breach-report__cta-end-description {
    color: white;
    opacity: 0.8;
    font-size: 1.25rem;
    width: 100%;
    max-width: 500px;
    margin: 0 auto 24px;
    word-break: keep-all; }

.c-newsletter {
  margin-top: 60px;
  padding: 40px 30px;
  background-color: #f4f6f8; }
  @media (min-width: 52em) {
    .c-newsletter {
      padding: 80px 30px; } }
  .c-newsletter--dark {
    background-color: #3d5266; }
    .c-newsletter--dark .c-newsletter__title,
    .c-newsletter--dark .c-newsletter__topics-title {
      color: white; }
    .c-newsletter--dark .c-newsletter__description {
      color: #a7b0b8; }
      .c-newsletter--dark .c-newsletter__description em {
        color: white;
        font-weight: normal; }
  @media screen\0 {
    .c-newsletter {
      padding-left: 0;
      padding-right: 0; } }
  .c-newsletter__header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: inherit; }
    @media screen\0 {
      .c-newsletter__header {
        margin-top: 60px; } }
  .c-newsletter__header-image {
    max-width: 300px; }
    @media (min-width: 52em) {
      .c-newsletter__header-image {
        max-width: 400px; } }
  .c-newsletter__title {
    color: #4c4c4c;
    font-size: 2rem;
    line-height: 1.41;
    letter-spacing: -0.42px;
    text-align: center;
    margin-top: 60px;
    max-width: 700px; }
  .c-newsletter__description {
    line-height: 1.33;
    letter-spacing: normal;
    text-align: center;
    color: #333;
    width: 100%;
    margin: auto;
    padding: 5px 0;
    font-size: 1.5rem;
    max-width: 560px; }
    .c-newsletter__description--terms {
      font-size: 0.875rem;
      max-width: 430px; }
      .c-newsletter__description--terms a {
        text-decoration: underline; }
    .c-newsletter__description em {
      color: black;
      font-style: normal;
      font-weight: bold; }
  .c-newsletter__form-section {
    padding: 25px 0;
    background-color: inherit; }
  .c-newsletter__form {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    margin: 0 auto; }
  .c-newsletter__input {
    border-radius: 5px;
    border: 0;
    width: 100%;
    height: 60px;
    padding: 10px;
    font-size: 1rem;
    margin: 0 0 8px; }
    @media (min-width: 52em) {
      .c-newsletter__input {
        margin: 10px;
        flex-basis: 436px; } }
  .c-newsletter__submit {
    cursor: pointer;
    border-radius: 5px;
    width: 100%;
    height: 60px;
    color: white;
    font-weight: 600;
    background-color: #0572ec;
    margin: 10px 0; }
    @media (min-width: 52em) {
      .c-newsletter__submit {
        flex-basis: 157px; } }
  .c-newsletter__submit-icon {
    margin-right: 5px;
    vertical-align: middle; }
  .c-newsletter__terms-link {
    color: #0572ec;
    text-decoration: underline; }
  .c-newsletter__topics-section {
    background-color: inherit;
    padding: 30px 0; }
  .c-newsletter__topics-list {
    width: 100%;
    max-width: 620px;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around; }
    @supports (display: grid) {
      .c-newsletter__topics-list {
        display: grid;
        grid-gap: 16px;
        justify-content: center;
        justify-items: center;
        padding: 35px 0; }
        @media (min-width: 700px) {
          .c-newsletter__topics-list {
            grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); } } }
  .c-newsletter__topics-list-item {
    border-radius: 8px;
    width: 190px;
    min-height: 119px;
    max-height: 150px;
    background-color: #566c82;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    color: white;
    text-align: center; }
    @supports (display: grid) {
      .c-newsletter__topics-list-item {
        display: grid;
        grid-template-rows: 75px minmax(30px, 1fr);
        justify-content: center;
        align-items: center;
        justify-items: center; } }
  .c-newsletter__topics-title {
    color: #4c4c4c;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: normal;
    text-align: center;
    margin-top: 16px; }
  .c-newsletter__topics-description {
    font-size: 1.5rem;
    max-width: 560px; }
  @media screen\0 {
    .c-newsletter__icon {
      margin-top: 20px; } }
  .c-newsletter__gdpr {
    padding-top: 18px;
    width: 100%;
    margin: auto;
    text-align: center;
    font-size: 16px; }
    .c-newsletter__gdpr--grey {
      color: #656e76; }
    .c-newsletter__gdpr--narrow {
      max-width: 510px; }
    .c-newsletter__gdpr--default a.c-newsletter-signup-form__gdpr--link {
      color: #0572ec; }
    .c-newsletter__gdpr--alternate a.c-newsletter-signup-form__gdpr--link {
      text-decoration: underline;
      color: inherit; }

.c-text-image-feature {
  padding: 30px 20px; }
  @media (min-width: 52em) {
    .c-text-image-feature {
      padding: 60px 20px; } }
  .c-text-image-feature--space-between {
    margin: 60px 20px;
    padding: 0; }
  .c-text-image-feature__container {
    width: 100%;
    max-width: 1140px;
    margin: 0 auto; }
  .c-text-image-feature__title {
    font-family: "Adelle-Semibold", sans-serif;
    font-size: 2rem;
    font-weight: normal;
    color: #333;
    line-height: 1.28;
    letter-spacing: -0.64px;
    margin: 0 auto 10px; }
    @media (min-width: 52em) {
      .c-text-image-feature__title {
        margin: 0 0 10px; } }
  .c-text-image-feature__content {
    color: #3d454d;
    font-size: 1.125rem;
    line-height: 1.5;
    letter-spacing: -0.16px;
    margin: 0 auto 20px; }
    @media (min-width: 52em) {
      .c-text-image-feature__content {
        margin: 0 0 20px; } }
  .c-text-image-feature__image {
    max-width: 100%; }
  .c-text-image-feature__link {
    color: #0572ec;
    font-weight: bold;
    font-size: 1.125rem;
    line-height: 1.5;
    letter-spacing: -0.12px;
    position: relative;
    padding-right: 20px;
    max-width: 445px;
    transition: color 0.1s ease-in-out; }
    .c-text-image-feature__link:hover {
      color: #333; }
      .c-text-image-feature__link:hover::before, .c-text-image-feature__link:hover::after {
        background: #333; }
    .c-text-image-feature__link::before, .c-text-image-feature__link::after {
      content: "";
      position: absolute;
      right: 4px;
      width: 7px;
      height: 2px;
      background: #0572ec;
      transition: background 0.1s ease-in-out; }
    .c-text-image-feature__link::after {
      transform: rotate(45deg);
      top: 9px; }
    .c-text-image-feature__link::before {
      transform: rotate(-45deg);
      top: 13px; }

.c-continue-reading {
  background-color: #f5f6f7;
  min-height: 300px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 40px; }
  @media screen\0 {
    .c-continue-reading {
      max-width: 1140px;
      margin: 0 auto; } }
  .c-continue-reading__wrapper {
    flex: 1 1 auto;
    margin: 0 auto;
    max-width: 1170px; }
    @media (max-width: 767px) {
      .c-continue-reading__wrapper {
        text-align: center; } }
    @media screen\0 {
      .c-continue-reading__wrapper {
        max-width: 1140px;
        margin: 0 auto; } }
  .c-continue-reading__title {
    font-size: 1.375rem;
    font-weight: 600;
    line-height: 1.36;
    letter-spacing: -0.2px;
    color: #333; }
  .c-continue-reading__items {
    -webkit-transition: transform 0.2s ease-in-out;
    -moz-transition: transform 0.2s ease-in-out;
    -ms-transition: transform 0.2s ease-in-out;
    -o-transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out; }
    .c-continue-reading__items:hover {
      transform: scale(1.025);
      -webkit-transition: transform 0.2s ease-in-out;
      -moz-transition: transform 0.2s ease-in-out;
      -ms-transition: transform 0.2s ease-in-out;
      -o-transition: transform 0.2s ease-in-out;
      transition: transform 0.2s ease-in-out; }
  .c-continue-reading__icon {
    height: 100px;
    margin-bottom: 20px; }

.c-newsletter-signup-form--black {
  background-color: #232a3f;
  padding: 50px 20px; }

.c-newsletter-signup-form--white {
  background-color: white;
  padding: 60px 10px; }

.c-newsletter-signup-form__container {
  width: 100%;
  max-width: 1170px;
  margin: 0 auto;
  border-radius: 6px; }

.c-newsletter-signup-form__container--blue {
  background-color: #e8f3ff;
  padding: 30px; }

.c-newsletter-signup-form__container--lightgrey {
  background-color: #f5f6f7;
  padding: 30px; }

.c-newsletter-signup-form__title {
  font-size: 1.375rem;
  line-height: 1.36;
  letter-spacing: -0.1px;
  margin-bottom: 10px; }

.c-newsletter-signup-form__title--white {
  color: white; }

.c-newsletter-signup-form__description {
  letter-spacing: -0.1px;
  margin-bottom: 16px; }

.c-newsletter-signup-form__description--grey {
  color: #c5cbdc; }

.c-newsletter-signup-form__description--dark-grey {
  color: #5f6770; }

.c-newsletter-signup-form__form-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
  @media (min-width: 767px) {
    .c-newsletter-signup-form__form-container {
      flex-direction: row; } }
.c-newsletter-signup-form__input {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  width: 100%;
  height: 50px;
  border: 0;
  margin: 0 0 8px;
  padding: 10px;
  font-size: 1rem; }
  @media (min-width: 767px) {
    .c-newsletter-signup-form__input {
      max-width: 350px;
      margin: 0 10px 0 0; } }
.c-newsletter-signup-form__submit {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #0572ec;
  cursor: pointer;
  width: 100%;
  height: 50px;
  font-weight: 600; }
  @media (min-width: 767px) {
    .c-newsletter-signup-form__submit {
      max-width: 160px; } }
.c-newsletter-signup-form__submit-text {
  color: white; }

.c-newsletter-signup-form__gdpr {
  padding-top: 20px;
  width: 100%;
  max-width: 1170px;
  margin: 0 auto;
  text-align: center; }
  .c-newsletter-signup-form__gdpr--grey {
    color: #656e76; }
  .c-newsletter-signup-form__gdpr--narrow {
    max-width: 510px; }
  .c-newsletter-signup-form__gdpr--default a.c-newsletter-signup-form__gdpr--link {
    color: #0572ec; }
  .c-newsletter-signup-form__gdpr--alternate a.c-newsletter-signup-form__gdpr--link {
    text-decoration: underline;
    color: inherit; }
  .c-newsletter-signup-form__gdpr--text {
    font-size: 1rem; }
  .c-newsletter-signup-form__gdpr--small {
    font-size: inherit; }

.c-contact--white {
  background-color: white; }

.c-contact--white-dark-blue {
  background: linear-gradient(white 50%, #232a3f 50%); }

.c-contact--space-around {
  margin: 60px 20px; }

.c-contact--space-within {
  padding: 30px 20px; }

.c-contact__container {
  border-radius: 6px;
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  background-color: #f0f6fc;
  padding: 30px; }

.c-contact__title {
  margin-bottom: 8px; }

.c-contact__description {
  color: #3d454d;
  word-break: keep-all;
  margin-bottom: 8px; }
  .c-contact__description a {
    color: #0572ec;
    text-decoration: none; }

.c-contact__button {
  text-align: center;
  box-sizing: border-box;
  width: calc(100% - 60px);
  max-width: 300px;
  padding: 12px;
  margin: 0 auto;
  border-radius: 100px;
  font-weight: 600;
  display: flex;
  outline: none;
  align-self: center;
  justify-content: center;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
  -webkit-transition: transform 0.2s ease-in-out;
  -moz-transition: transform 0.2s ease-in-out;
  -ms-transition: transform 0.2s ease-in-out;
  -o-transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  -webkit-transition: box-shadow 0.2s ease-in-out;
  -moz-transition: box-shadow 0.2s ease-in-out;
  -ms-transition: box-shadow 0.2s ease-in-out;
  -o-transition: box-shadow 0.2s ease-in-out;
  transition: box-shadow 0.2s ease-in-out;
  width: 100%;
  max-width: 200px;
  background-color: #0572ec;
  color: white;
  margin: 0; }
  @media (max-width: 600px) {
    .c-contact__button {
      width: calc(100% - 30px); } }
  .c-contact__button:hover, .c-contact__button:focus {
    box-shadow: 0 8px 34px 0 rgba(0, 0, 0, 0.3);
    transform: scale(1.05);
    -webkit-transition: transform 0.2s ease-in-out;
    -moz-transition: transform 0.2s ease-in-out;
    -ms-transition: transform 0.2s ease-in-out;
    -o-transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    -webkit-transition: box-shadow 0.2s ease-in-out;
    -moz-transition: box-shadow 0.2s ease-in-out;
    -ms-transition: box-shadow 0.2s ease-in-out;
    -o-transition: box-shadow 0.2s ease-in-out;
    transition: box-shadow 0.2s ease-in-out; }
  .c-contact__button:hover, .c-contact__button:focus {
    color: white; }

.c-domain-breach-report__container {
  max-width: 1170px;
  margin: 0 auto;
  padding: 30px; }
  @media (min-width: 1024px) {
    .c-domain-breach-report__container {
      padding-top: 50px;
      padding-bottom: 50px; } }
  .c-domain-breach-report__container--space-large {
    padding: 60px 30px 100px; }
    @media (min-width: 1024px) {
      .c-domain-breach-report__container--space-large {
        padding-top: 100px; } }
.c-domain-breach-report__title, .c-domain-breach-report__description {
  margin-bottom: 16px;
  margin-top: 0; }

.c-domain-breach-report__title {
  line-height: 1.15;
  letter-spacing: -0.2px;
  color: #333;
  font-size: 1.875rem; }
  .c-domain-breach-report__title--size-large {
    margin-bottom: 30px;
    font-size: 2rem; }

.c-domain-breach-report__description {
  font-size: 1.125rem; }
  .c-domain-breach-report__description--dark-grey {
    color: #637381; }

.c-domain-breach-report__image {
  width: 100%;
  max-width: 470px; }

.c-domain-breach-report__title, .c-domain-breach-report__description, .c-domain-breach-report__list-container, .c-domain-breach-report__link {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 510px; }

.c-domain-breach-report__list-icon {
  margin-top: 5px; }

.c-domain-breach-report__list-item {
  list-style: none;
  text-align: left;
  width: 100%;
  font-size: 1.125rem;
  margin-bottom: 24px; }
  @media (min-width: 760px) {
    .c-domain-breach-report__list-item {
      max-width: 426px; } }
  @supports (display: grid) {
    .c-domain-breach-report__list-item {
      display: grid;
      grid-gap: 20px; }
      @media (min-width: 760px) {
        .c-domain-breach-report__list-item {
          grid-template-columns: 24px 1fr; } } }

.c-domain-breach-report__list-item-description {
  margin-bottom: 0; }
  .c-domain-breach-report__list-item-description--dark-grey {
    color: #637381; }

.c-domain-breach-report__link {
  color: #0572ec;
  display: block;
  font-size: 1rem;
  font-weight: 500;
  width: 100%;
  text-align: left; }
  .c-domain-breach-report__link--get-support {
    font-size: 1.125rem; }
  .c-domain-breach-report__link:hover {
    color: #06c; }
    .c-domain-breach-report__link:hover > svg {
      transform: translateX(7px);
      transition: transform 0.2s; }
    .c-domain-breach-report__link:hover > svg path {
      fill: #06c;
      transition: fill 0.2s; }

.c-cards-panel {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 30px;
  margin: -80px auto 0;
  max-width: 1170px; }
  @media (min-width: 1170px) {
    .c-cards-panel {
      margin-top: -20px;
      padding: 0; } }
  @media screen\0 {
    .c-cards-panel__container {
      padding-bottom: 30px; } }
  @media screen\0  and (min-width: 760px) {
    .c-cards-panel__container {
      padding-right: 30px; } }
  .c-cards-panel__card {
    border-radius: 10px;
    border: solid 0.5px #e9e9e9;
    background-color: white;
    width: 100%;
    height: 100%;
    padding: 45px 35px 30px; }
    @media (min-width: 760px) {
      .c-cards-panel__card {
        padding: 25px 15px 20px 20px; } }
    @media (min-width: 900px) {
      .c-cards-panel__card {
        padding: 45px 35px 30px; } }
  .c-cards-panel__icon {
    margin-bottom: 20px; }
  .c-cards-panel__title {
    font-size: 1.25rem;
    line-height: 1.25;
    letter-spacing: -0.16px;
    font-weight: 600;
    color: #333;
    margin-bottom: 20px; }
    @media (min-width: 900px) {
      .c-cards-panel__title {
        font-size: 1.5rem; } }
  .c-cards-panel__description {
    margin-left: 0;
    margin-right: 0;
    max-width: none;
    margin-bottom: 0;
    font-size: 0.938rem;
    letter-spacing: -0.2px; }

.c-g2-medals {
  position: relative;
  margin: 48px 0;
  z-index: 0; }
  .c-g2-medals__title {
    text-align: center;
    font-family: "Adelle-Semibold", sans-serif;
    margin-bottom: 55px;
    font-size: 26px;
    font-weight: normal;
    color: #525c66; }
  .c-g2-medals__container {
    display: flex;
    flex-direction: column;
    justify-content: center; }
  .c-g2-medals__groups {
    margin: auto; }
    .c-g2-medals__groups img {
      height: 130px; }
    .c-g2-medals__groups a:first-child {
      margin-right: 48px; }
  .c-g2-medals__single {
    display: flex;
    align-items: center;
    flex-direction: column; }
    .c-g2-medals__single img {
      margin: 0 48px; }
  .c-g2-medals__line {
    width: 1140px;
    position: absolute;
    border-color: rgba(77, 77, 77, 0.15);
    z-index: -1;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    bottom: 195px; }
  @media (min-width: 850px) {
    .c-g2-medals\@md .c-g2-medals__container {
      flex-direction: row; }
    .c-g2-medals\@md .c-g2-medals__single {
      margin: -4px 0; }
    .c-g2-medals\@md .c-g2-medals__groups {
      margin: 22px 0; }
    .c-g2-medals\@md .c-g2-medals__line {
      bottom: 70px;
      margin-top: 0; } }
.universal-panel-container {
  max-width: 1040px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 32px;
  padding-bottom: 32px;
  padding-left: 16px;
  padding-right: 16px; }
  @media (min-width: 48em) {
    .universal-panel-container {
      padding-left: 24px;
      padding-right: 24px; } }
  @media (min-width: 768px) {
    .universal-panel-container {
      padding-top: 64px;
      padding-bottom: 64px; } }
.c-universal-panel {
  display: block;
  padding: 32px;
  border-radius: 6px;
  position: relative;
  overflow: hidden;
  /* prettier-ignore */
  /* prettier-ignore */
  /* prettier-ignore */
  /* prettier-ignore */
  /* prettier-ignore */
  /* prettier-ignore */
  /* prettier-ignore */
  /* prettier-ignore */
  /* prettier-ignore */
  /* prettier-ignore */
  /* prettier-ignore */
  /* prettier-ignore */
  /* prettier-ignore */
  /* prettier-ignore */
  /* prettier-ignore */
  /* prettier-ignore */
  /* prettier-ignore */
  /* prettier-ignore */ }
  @media (min-width: 768px) {
    .c-universal-panel\@md {
      padding-top: 64px;
      padding-bottom: 64px; } }
  .c-universal-panel.u-bg-core-security-black {
    background-color: #0a2d4d; }
  .c-universal-panel.u-bg-core-bits-blue-4 {
    background-color: #034ea6; }
  .c-universal-panel .c-card__content {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.16px; }
    @media (min-width: 768px) {
      .c-universal-panel .c-card__content\@md {
        font-size: 18px; } }
    .c-universal-panel .c-card__content--light {
      color: white; }
  .c-universal-panel .c-heading {
    margin-bottom: 16px;
    font-weight: 600;
    letter-spacing: -0.32px; }
    .c-universal-panel .c-heading:lang(ru).with-ribbon-text, .c-universal-panel .c-heading:lang(fr).with-ribbon-text, .c-universal-panel .c-heading:lang(es).with-ribbon-text, .c-universal-panel .c-heading:lang(it).with-ribbon-text, .c-universal-panel .c-heading:lang(pt).with-ribbon-text {
      line-height: 28px; }
    .c-universal-panel .c-heading--2 {
      font-size: 22px; }
      @media (min-width: 768px) {
        .c-universal-panel .c-heading--2 {
          font-size: 30px; } }
    .c-universal-panel .c-heading--3 {
      font-size: 20px; }
      @media (min-width: 768px) {
        .c-universal-panel .c-heading--3 {
          font-size: 28px; } }
    .c-universal-panel .c-heading--light {
      color: white; }
  .c-universal-panel .u-bg-core-peel-orange {
    background-color: #ffaa05; }
  .c-universal-panel .u-text-uppercase {
    text-transform: uppercase; }
  .c-universal-panel .c-link-cta {
    border: 2px solid transparent;
    background-color: #0572ec;
    color: white;
    font-weight: 700;
    text-align: center;
    display: inline-block;
    padding: 8px 24px;
    border-radius: 60px;
    transition: background-color 0.2s ease-in-out;
    text-decoration: none;
    width: auto;
    min-width: 210px;
    font-size: 1.125rem;
    line-height: 1.5;
    letter-spacing: -0.01125rem; }
    .c-universal-panel .c-link-cta:hover, .c-universal-panel .c-link-cta:focus {
      background-color: #0458b9;
      transition: background-color 0.2s ease-in-out; }
    .c-universal-panel .c-link-cta--light {
      background-color: white;
      color: #0572ec; }
      .c-universal-panel .c-link-cta--light:hover, .c-universal-panel .c-link-cta--light:focus {
        background-color: #d3e6fb; }
    .c-universal-panel .c-link-cta--brand-primary-light {
      background-color: #66cbff;
      color: #051627; }
      .c-universal-panel .c-link-cta--brand-primary-light:hover, .c-universal-panel .c-link-cta--brand-primary-light:focus {
        background-color: #0572ec; }
    .c-universal-panel .c-link-cta--orange-light {
      background-color: #ffe3ac;
      color: #051627; }
      .c-universal-panel .c-link-cta--orange-light:hover, .c-universal-panel .c-link-cta--orange-light:focus {
        background-color: #ebd19d; }
  .c-universal-panel .u-max-width-xxs {
    max-width: 220px; }
  .c-universal-panel .u-max-width-unset\@md {
    /* stylelint-disable-line */ }
    @media (min-width: 768px) {
      .c-universal-panel .u-max-width-unset\@md {
        max-width: unset; } }
  .c-universal-panel .u-p-8 {
    padding: 32px; }
  .c-universal-panel .u-px-32 {
    padding-left: 128px;
    padding-right: 128px; }
    @media (min-width: 568px) {
      .c-universal-panel .u-px-32\@sm {
        padding-left: 128px;
        padding-right: 128px; } }
  .c-universal-panel .u-px-12\@md {
    /* stylelint-disable-line */ }
    @media (min-width: 768px) {
      .c-universal-panel .u-px-12\@md {
        padding-left: 48px;
        padding-right: 48px; } }
  .c-universal-panel .u-py-16\@md {
    /* stylelint-disable-line */ }
    @media (min-width: 768px) {
      .c-universal-panel .u-py-16\@md {
        padding-left: 64px;
        padding-right: 64px; } }
  .c-universal-panel .u-px-0\@lg {
    /* stylelint-disable-line */ }
    @media (min-width: 1024px) {
      .c-universal-panel .u-px-0\@lg {
        padding-left: 0;
        padding-right: 0; } }
  .c-universal-panel .u-mb-8 {
    margin-bottom: 32px; }
  .c-universal-panel .u-mt-4 {
    margin-top: 16px; }
  .c-universal-panel .u-mt-8 {
    margin-top: 32px; }
  .c-universal-panel .u-mb-0\@sm {
    /* stylelint-disable-line */ }
    @media (min-width: 568px) {
      .c-universal-panel .u-mb-0\@sm {
        margin-bottom: 0; } }
  .c-universal-panel .u-ml-0\@md {
    /* stylelint-disable-line */ }
    @media (min-width: 768px) {
      .c-universal-panel .u-ml-0\@md {
        margin-left: 0; } }
  .c-universal-panel .u-ml-20\@lg {
    /* stylelint-disable-line */ }
    @media (min-width: 1024px) {
      .c-universal-panel .u-ml-20\@lg {
        margin-left: 80px; } }
  .c-universal-panel .u-mr-8\@sm {
    /* stylelint-disable-line */ }
    @media (min-width: 568px) {
      .c-universal-panel .u-mr-8\@sm {
        margin-right: 32px; } }
  .c-universal-panel .u-mr-16\@md {
    /* stylelint-disable-line */ }
    @media (min-width: 768px) {
      .c-universal-panel .u-mr-16\@md {
        margin-right: 64px; } }
  .c-universal-panel .u-mr-28\@lg {
    /* stylelint-disable-line */ }
    @media (min-width: 1024px) {
      .c-universal-panel .u-mr-28\@lg {
        margin-right: 112px; } }
  .c-universal-panel .u-mr-32\@md {
    /* stylelint-disable-line */ }
    @media (min-width: 768px) {
      .c-universal-panel .u-mr-32\@md {
        margin-right: 128px; } }
  .c-universal-panel .u-pt-12\@sm {
    /* stylelint-disable-line */ }
    @media (min-width: 568px) {
      .c-universal-panel .u-pt-12\@sm {
        padding-top: 48px; } }
  .c-universal-panel .u-pt-4\@md {
    /* stylelint-disable-line */ }
    @media (min-width: 768px) {
      .c-universal-panel .u-pt-4\@md {
        padding-top: 16px; } }
  .c-universal-panel .u-is-displayflex {
    display: flex; }
  .c-universal-panel .u-flexvertical {
    flex-direction: column; }
  .c-universal-panel .u-flexhorizontal\@sm {
    /* stylelint-disable-line */ }
    @media (min-width: 568px) {
      .c-universal-panel .u-flexhorizontal\@sm {
        flex-direction: row; } }
  .c-universal-panel .u-alignself-start {
    align-self: flex-start; }
  .c-universal-panel .u-alignself-center {
    align-self: center; }
  .c-universal-panel .u-absolute {
    position: absolute; }
  .c-universal-panel .u-top-0 {
    top: 0; }
  .c-universal-panel .u-left-0 {
    left: 0; }
  .c-universal-panel .u-right-0 {
    right: 0; }
  .c-universal-panel .u-left-unset\@sm {
    /* stylelint-disable-line */ }
    @media (min-width: 568px) {
      .c-universal-panel .u-left-unset\@sm {
        left: unset; } }
  .c-universal-panel .u-top-6\@sm {
    /* stylelint-disable-line */ }
    @media (min-width: 568px) {
      .c-universal-panel .u-top-6\@sm {
        top: 24px; } }
  .c-universal-panel .u--right-32\@sm {
    /* stylelint-disable-line */ }
    @media (min-width: 568px) {
      .c-universal-panel .u--right-32\@sm {
        right: -128px; } }
  .c-universal-panel .u-rotate-22\@sm {
    /* stylelint-disable-line */ }
    @media (min-width: 568px) {
      .c-universal-panel .u-rotate-22\@sm {
        transform: rotate(22deg); }
        .c-universal-panel .u-rotate-22\@sm:lang(ru), .c-universal-panel .u-rotate-22\@sm:lang(fr), .c-universal-panel .u-rotate-22\@sm:lang(it), .c-universal-panel .u-rotate-22\@sm:lang(pt) {
          transform: rotate(18deg); } }
  .c-universal-panel .u-text-lg {
    font-size: 20px; }
    .c-universal-panel .u-text-lg.ribbon-text {
      padding-top: 8px;
      padding-bottom: 8px; }
      .c-universal-panel .u-text-lg.ribbon-text:lang(ru), .c-universal-panel .u-text-lg.ribbon-text:lang(fr), .c-universal-panel .u-text-lg.ribbon-text:lang(it), .c-universal-panel .u-text-lg.ribbon-text:lang(pt) {
        font-size: 16px; }
      .c-universal-panel .u-text-lg.ribbon-text:lang(de) {
        font-size: 14px; }
  .c-universal-panel .u-text-bold {
    font-weight: 600; }
  .c-universal-panel .u-text-center {
    text-align: center; }

.c-hp-email {
  display: none; }

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