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

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

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

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

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

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 {
  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;
  letter-spacing: -.02em;
  margin: 0;
  padding: 0;
  vertical-align: baseline
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block
}

strong {
  font-weight: 600
}

em {
  font-style: italic
}

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  background-color: #fff;
  overflow-y: scroll
}

audio, canvas, video {
  *zoom: 1;
  display: inline-block;
  *display: inline
}

audio:not([controls]) {
  display: none
}

img, video {
  height: auto
}

embed, iframe, img, object, video {
  max-width: 100%
}

img {
  -ms-interpolation-mode: bicubic
}

a:focus, button:focus {
  outline: thin dotted;
  outline: .294117647em auto -webkit-focus-ring-color;
  outline-offset: -.142857143em
}

a:active, a:hover {
  outline: 0
}

[type=button], [type=reset], [type=submit], button {
  -webkit-appearance: button
}

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

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

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

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

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

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

body {
  fill: currentColor;
  -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-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #333;
  -webkit-font-kerning: normal;
  font-kerning: normal;
  font-weight: 400;
  margin-top: 60px
}

body.alert-banner-is-visible {
  margin-top: var(--navbar-height-with-banner)
}

@media screen\0 {
  body {
    overflow: hidden
  }
}

p {
  color: #333;
  font-size: 1em;
  font-stretch: normal;
  font-style: normal;
  font-weight: 400;
  letter-spacing: -.3px;
  line-height: 1.38;
  margin-bottom: 1.3em
}

h1 {
  font-family: Adelle-Semibold, sans-serif;
  font-size: 2.375em;
  letter-spacing: -.48px;
  line-height: 1.13
}

h1, h2 {
  color: #4c4c4c;
  font-stretch: normal;
  font-style: normal
}

h2 {
  font-size: 1.4em;
  line-height: 1.3;
  margin-bottom: 16px
}

h2, h3 {
  font-weight: 600
}

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

h3, h4 {
  line-height: 1
}

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

a {
  color: inherit;
  font-size: 1em;
  text-decoration: none
}

a img {
  background: none;
  border: none
}

a:hover {
  color: inherit
}

a:hover img {
  background: none;
  border: none
}

button:hover {
  cursor: pointer
}

nav {
  display: flex;
  flex-direction: column;
  left: 0;
  margin-bottom: 0;
  min-height: 60px;
  position: fixed;
  top: 0;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  vertical-align: middle;
  width: 100%;
  z-index: 1000
}

@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 {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
  }
}

nav .logo {
  display: inline-block;
  float: left;
  height: 60px;
  margin: 0 0 0 5px;
  padding: 8px
}

@media (max-width:1023px) {
  nav .logo {
    margin: 0
  }
}

nav .navigation {
  font-weight: 600;
  margin: 0;
  padding: 0;
  position: relative
}

nav .navigation ul {
  display: inline-block;
  float: left;
  list-style: none;
  margin-top: 19px
}

nav .navigation ul li {
  display: inline;
  letter-spacing: -.02em;
  padding: 0 5px
}

@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 {
    background: none;
    display: block;
    float: left;
    font-size: 18px;
    font-weight: 600;
    margin: 20px 0 20px 20px
  }
  nav .navigation .burger {
    display: none
  }
  nav .navigation .burger.visible {
    background-color: #fff;
    background-image: linear-gradient(-180deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 98%, 0));
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, .1), inset 0 -2px 0 0 rgba(0, 0, 0, .05);
    display: block;
    margin: 0;
    padding: 10px;
    position: absolute;
    top: 60px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    width: 100%
  }
  nav .navigation .burger.visible li {
    display: block;
    height: 35px
  }
  nav .navigation .burger.visible li a {
    color: #0572ec;
    line-height: 35px
  }
  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(de) nav .navigation .signup-container .buy a, :lang(de) nav .navigation .signup-container .signup a, :lang(pt-br) nav .navigation .signup-container .buy a, :lang(pt-br) nav .navigation .signup-container .signup a, :lang(ru) nav .navigation .signup-container .buy a, :lang(ru) nav .navigation .signup-container .signup a {
    font-size: .75rem;
    padding: 10px
  }
}

nav .navigation .signup-container .buy a:hover, nav .navigation .signup-container .signup a:hover {
  -webkit-transition: background-color .3s ease-in-out, color .3s ease-in-out;
  -moz-transition: background-color .3s ease-in-out, color .3s ease-in-out;
  -ms-transition: background-color .3s ease-in-out, color .3s ease-in-out;
  -o-transition: background-color .3s ease-in-out, color .3s ease-in-out;
  transition: background-color .3s ease-in-out, color .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: #fff
}

nav.navy-bar .buy a, nav.navy-bar .signup a {
  background-color: #0572ec;
  color: #fff
}

nav.navy-bar .buy a:hover, nav.navy-bar .signup a:hover {
  background-color: #50b347;
  color: #fff;
  -webkit-transition: background-color .3s ease-in-out, color .3s ease-in-out;
  -moz-transition: background-color .3s ease-in-out, color .3s ease-in-out;
  -ms-transition: background-color .3s ease-in-out, color .3s ease-in-out;
  -o-transition: background-color .3s ease-in-out, color .3s ease-in-out;
  transition: background-color .3s ease-in-out, color .3s ease-in-out
}

nav.navy-bar ul a.current {
  color: #fff
}

nav.navy-bar ul li a {
  color: #d4defb
}

nav.navy-bar ul li a, nav.navy-bar ul li a:hover {
  -webkit-transition: color .3s ease-in-out;
  -moz-transition: color .3s ease-in-out;
  -ms-transition: color .3s ease-in-out;
  -o-transition: color .3s ease-in-out;
  transition: color .3s ease-in-out
}

nav.navy-bar ul li a:hover {
  color: #fff
}

nav.white-bar {
  background: #fff;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, .06), 0 0 1px 1px rgba(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: #fff
}

nav.white-bar .buy a:hover, nav.white-bar .signup a:hover {
  background-color: #50b347;
  color: #fff;
  -webkit-transition: background-color .3s ease-in-out, color .3s ease-in-out;
  -moz-transition: background-color .3s ease-in-out, color .3s ease-in-out;
  -ms-transition: background-color .3s ease-in-out, color .3s ease-in-out;
  -o-transition: background-color .3s ease-in-out, color .3s ease-in-out;
  transition: background-color .3s ease-in-out, color .3s ease-in-out
}

nav.white-bar .buy a.scroll, nav.white-bar .signup a.scroll {
  background-color: #fff;
  border: 2px solid #0572ec;
  color: #0572ec;
  -webkit-transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out;
  -moz-transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out;
  -ms-transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out;
  -o-transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out;
  transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .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: #fff
}

nav.white-bar .buy a.scroll-active, nav.white-bar .signup a.scroll-active {
  background-color: #0572ec;
  color: #fff
}

nav.white-bar .buy a.scroll-active:hover, nav.white-bar .signup a.scroll-active:hover {
  background-color: #06c;
  border-color: #06c;
  color: #fff
}

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: #fff
}

nav.blue-bar .buy a, nav.blue-bar .signup a {
  background-color: #fff;
  color: #0373e6
}

nav.blue-bar .buy a:hover, nav.blue-bar .signup a:hover {
  background-color: #50b347;
  color: #fff;
  -webkit-transition: background-color .3s ease-in-out, color .3s ease-in-out;
  -moz-transition: background-color .3s ease-in-out, color .3s ease-in-out;
  -ms-transition: background-color .3s ease-in-out, color .3s ease-in-out;
  -o-transition: background-color .3s ease-in-out, color .3s ease-in-out;
  transition: background-color .3s ease-in-out, color .3s ease-in-out
}

nav.blue-bar ul a.current {
  color: #fff
}

nav.blue-bar ul li a {
  color: #e9f4ff
}

nav.blue-bar ul li a:hover {
  color: #fff
}

nav.black-bar {
  background: #292e33
}

nav.black-bar #menu-button {
  color: #fff
}

nav.black-bar .buy a, nav.black-bar .signup a {
  background-color: #fff;
  color: #525c66
}

nav.black-bar .buy a:hover, nav.black-bar .signup a:hover {
  background-color: #0572ec;
  color: #fff;
  -webkit-transition: background-color .3s ease-in-out, color .3s ease-in-out;
  -moz-transition: background-color .3s ease-in-out, color .3s ease-in-out;
  -ms-transition: background-color .3s ease-in-out, color .3s ease-in-out;
  -o-transition: background-color .3s ease-in-out, color .3s ease-in-out;
  transition: background-color .3s ease-in-out, color .3s ease-in-out
}

nav.black-bar ul a.current {
  color: #fff
}

nav.black-bar ul li a {
  color: #b8c2cc
}

nav.black-bar ul li a:hover {
  color: #fff
}

nav.dark-navy-bar {
  background: #0e2555
}

nav.dark-navy-bar #menu-button {
  color: #fff
}

nav.dark-navy-bar .buy a, nav.dark-navy-bar .signup a {
  background-color: #0572ec;
  color: #fff
}

nav.dark-navy-bar .buy a:hover, nav.dark-navy-bar .signup a:hover {
  background-color: #0572ec;
  color: #fff;
  -webkit-transition: background-color .3s ease-in-out, color .3s ease-in-out;
  -moz-transition: background-color .3s ease-in-out, color .3s ease-in-out;
  -ms-transition: background-color .3s ease-in-out, color .3s ease-in-out;
  -o-transition: background-color .3s ease-in-out, color .3s ease-in-out;
  transition: background-color .3s ease-in-out, color .3s ease-in-out
}

nav.dark-navy-bar ul a.current, nav.dark-navy-bar ul li a, nav.dark-navy-bar ul li a:hover {
  color: #fff
}

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: #fff;
  color: #454f5b
}

nav.why-1password-bar .buy a:hover, nav.why-1password-bar .signup a:hover {
  background-color: #fff;
  color: #0572ec;
  -webkit-transition: background-color .3s ease-in-out, color .3s ease-in-out;
  -moz-transition: background-color .3s ease-in-out, color .3s ease-in-out;
  -ms-transition: background-color .3s ease-in-out, color .3s ease-in-out;
  -o-transition: background-color .3s ease-in-out, color .3s ease-in-out;
  transition: background-color .3s ease-in-out, color .3s ease-in-out
}

nav.why-1password-bar ul a.current, 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: #fff
}

nav.forgot-password-bar .buy a, nav.forgot-password-bar .signup a {
  background-color: #097be9;
  border: 2px solid #fff;
  color: #fff
}

nav.forgot-password-bar .buy a:hover, nav.forgot-password-bar .signup a:hover {
  background-color: #fff;
  color: #097be9;
  -webkit-transition: background-color .3s ease-in-out, color .3s ease-in-out;
  -moz-transition: background-color .3s ease-in-out, color .3s ease-in-out;
  -ms-transition: background-color .3s ease-in-out, color .3s ease-in-out;
  -o-transition: background-color .3s ease-in-out, color .3s ease-in-out;
  transition: background-color .3s ease-in-out, color .3s ease-in-out
}

nav.forgot-password-bar ul a.current {
  color: #fff
}

nav.forgot-password-bar ul li a {
  color: #e9f4ff
}

nav.forgot-password-bar ul li a:hover {
  color: #fff
}

nav.security-bar {
  background: #1f2e59
}

nav.security-bar #menu-button {
  color: #fff
}

nav.security-bar .buy a, nav.security-bar .signup a {
  background-color: #0572ec;
  color: #fff
}

nav.security-bar .buy a:hover, nav.security-bar .signup a:hover {
  background-color: #50b347;
  color: #fff;
  -webkit-transition: background-color .3s ease-in-out, color .3s ease-in-out;
  -moz-transition: background-color .3s ease-in-out, color .3s ease-in-out;
  -ms-transition: background-color .3s ease-in-out, color .3s ease-in-out;
  -o-transition: background-color .3s ease-in-out, color .3s ease-in-out;
  transition: background-color .3s ease-in-out, color .3s ease-in-out
}

nav.security-bar ul a.current {
  color: #fff
}

nav.security-bar ul li a {
  color: #d4defb
}

nav.security-bar ul li a, nav.security-bar ul li a:hover {
  -webkit-transition: color .3s ease-in-out;
  -moz-transition: color .3s ease-in-out;
  -ms-transition: color .3s ease-in-out;
  -o-transition: color .3s ease-in-out;
  transition: color .3s ease-in-out
}

nav.security-bar ul li a:hover {
  color: #fff
}

nav.customers-bar {
  background: #292e33
}

nav.customers-bar #menu-button {
  color: #fff
}

nav.customers-bar .buy a, nav.customers-bar .signup a {
  background-color: #0572ec;
  color: #fff
}

nav.customers-bar .buy a:hover, nav.customers-bar .signup a:hover {
  background-color: #50b347;
  color: #fff;
  -webkit-transition: background-color .3s ease-in-out, color .3s ease-in-out;
  -moz-transition: background-color .3s ease-in-out, color .3s ease-in-out;
  -ms-transition: background-color .3s ease-in-out, color .3s ease-in-out;
  -o-transition: background-color .3s ease-in-out, color .3s ease-in-out;
  transition: background-color .3s ease-in-out, color .3s ease-in-out
}

nav.customers-bar ul a.current {
  color: #fff
}

nav.customers-bar ul li a {
  color: #b8c2cc
}

nav.customers-bar ul li a:hover {
  color: #fff
}

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: #fff
}

nav.resources-bar .buy a:hover, nav.resources-bar .signup a:hover {
  background-color: #50b347;
  color: #fff;
  -webkit-transition: background-color .3s ease-in-out, color .3s ease-in-out;
  -moz-transition: background-color .3s ease-in-out, color .3s ease-in-out;
  -ms-transition: background-color .3s ease-in-out, color .3s ease-in-out;
  -o-transition: background-color .3s ease-in-out, color .3s ease-in-out;
  transition: background-color .3s ease-in-out, color .3s ease-in-out
}

nav.resources-bar ul a.current, 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: #fff
}

nav.security-black-bar .buy a, nav.security-black-bar .signup a {
  background-color: #0572ec;
  color: #fff
}

nav.security-black-bar .buy a:hover, nav.security-black-bar .signup a:hover {
  background-color: #50b347;
  color: #fff;
  -webkit-transition: background-color .3s ease-in-out, color .3s ease-in-out;
  -moz-transition: background-color .3s ease-in-out, color .3s ease-in-out;
  -ms-transition: background-color .3s ease-in-out, color .3s ease-in-out;
  -o-transition: background-color .3s ease-in-out, color .3s ease-in-out;
  transition: background-color .3s ease-in-out, color .3s ease-in-out
}

nav.security-black-bar ul a.current, nav.security-black-bar ul li a {
  color: #fff
}

nav.security-black-bar ul li a:hover {
  color: #06c
}

.unfixed-bar {
  position: relative
}

footer {
  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;
  width: 100%
}

@media print {
  footer {
    display: none
  }
}

footer .sitemap {
  margin: 0 auto;
  max-width: 1188px;
  padding: 3rem 1.5rem;
  text-align: left
}

@media (min-width:52em) {
  footer .sitemap {
    align-items: flex-start;
    -webkit-align-items: flex-start;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    max-width: 1188px
  }
}

@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-gap: 12px;
    grid-template-columns: repeat(3, 1fr)
  }
}

@media (min-width:1200px) {
  footer .sitemap {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr))
  }
}

footer .sitemap ul {
  list-style: none;
  margin: 0 0 20px;
  text-align: left;
  width: 100%
}

footer .sitemap ul:last-of-type {
  margin: 0
}

footer .sitemap ul ul {
  margin: 10px 0!important
}

@media (max-width:52em) {
  footer .sitemap ul {
    padding: 10px;
    text-align: center
  }
}

@media (min-width:52em) {
  footer .sitemap ul {
    flex-grow: 1;
    -webkit-flex-grow: 1;
    margin: 0
  }
}

footer .sitemap ul li {
  color: #b6bcce;
  display: block;
  font-size: .938em;
  line-height: 1.5;
  margin-bottom: 2px
}

footer .sitemap ul li.title {
  color: #8892af;
  font-size: .813em;
  font-weight: 400;
  margin-bottom: 5px
}

footer .sitemap ul li.location {
  margin: 1em 0 0
}

footer .sitemap ul li svg {
  margin-right: .3rem
}

footer .sitemap ul li span.badge {
  background: #e8a152;
  border-radius: 2px;
  color: #232a3f;
  display: inline-block;
  font-size: .75em;
  font-weight: 500;
  margin-bottom: 4px;
  margin-top: 4px;
  padding: 0 3px;
  text-transform: uppercase
}

@media (min-width:833px) {
  footer .sitemap ul li span.badge {
    margin-right: -6px
  }
}

footer .sitemap ul li a#we-are-hiring {
  background: #e8a152;
  border-radius: 2px;
  color: #232a3f;
  display: inline-block;
  font-weight: 500;
  margin-bottom: 4px;
  margin-top: 4px;
  padding: 0 6px 1px
}

footer .sitemap ul li a#we-are-hiring:focus, footer .sitemap ul li a#we-are-hiring:hover {
  background: #ffbe73
}

@media (min-width:833px) {
  footer .sitemap ul li a#we-are-hiring {
    margin-left: -6px
  }
}

footer .sitemap ul li a:not([hreflang]):focus, footer .sitemap ul li a:not([hreflang]):hover {
  color: #e5a15c
}

footer .sitemap ul li a:not([hreflang]):focus svg path, footer .sitemap ul li a:not([hreflang]):hover svg path {
  fill: #e5a15c
}

footer .sitemap .dropdown.language-picker {
  background-color: #232a3f;
  border: 1px solid #626d8c;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  color: #8f98b3;
  cursor: pointer;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  font-size: .813em;
  margin: 20px auto;
  max-height: 40px;
  max-width: 150px;
  position: relative;
  text-align: center;
  text-align: left;
  width: 100%;
  z-index: 99
}

@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 {
  background-color: #fff;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  display: none;
  left: 0;
  overflow: hidden;
  position: absolute;
  width: 100%
}

@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 {
  color: #8892af;
  display: block;
  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(2n), footer .sitemap .dropdown.language-picker ul li:first-child:nth-last-child(2n)~li {
  grid-column: auto/span 1
}

footer .sitemap .dropdown.language-picker.visible ul {
  -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .12);
  -moz-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .12);
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .12);
  display: block
}

@media (min-width:832px) {
  footer .sitemap .dropdown.language-picker.visible ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    left: -100px;
    width: 250px
  }
}

@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 .arrow-box, footer .sitemap .dropdown.language-picker .current-language {
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex
}

footer .sitemap .dropdown.language-picker .current-language {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  padding: 15px 0 15px 15px;
  width: 70%
}

footer .sitemap .dropdown.language-picker .arrow-box {
  -webkit-border-radius: 6px 0 0;
  -moz-border-radius: 6px 0 0;
  border-radius: 6px 0 0;
  border-right: 1px solid;
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  transform: rotate(-180deg);
  width: 30%
}

footer .made-by {
  background-color: #1b1f33;
  padding: 30px 0;
  width: 100%;
  z-index: 1
}

footer .made-by .container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin: 0 auto;
  max-width: 1188px;
  padding: 1.25rem 1.5rem;
  text-align: left
}

@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 {
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center
}

@media (min-width:832px) {
  footer .made-by .container .footer-info {
    flex-basis: 384px;
    flex-grow: 1;
    justify-content: flex-start
  }
}

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;
  font-size: 13px;
  line-height: 1.4em;
  margin: 5px;
  text-align: left
}

@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;
  font-size: .875em;
  margin: 0 0 10px
}

@media (max-width:831px) {
  footer .made-by .container .community p.find-us {
    text-align: center
  }
}

footer .made-by .container .community>ul {
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-grow: 1;
  justify-content: space-between;
  max-width: 380px;
  width: 100%
}

@media (max-width:600px) {
  footer .made-by .container .community>ul {
    flex-wrap: wrap;
    max-width: 280px
  }
}

@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
}

@media (max-width:600px) {
  footer .made-by .container .community>ul li {
    flex: 1 0 50px;
    margin-bottom: 10px;
    text-align: center
  }
}

@media (min-width:1200px) {
  footer .made-by .container .community>ul li:hover [data-name]:before {
    color: #b6bcce;
    content: attr(data-name);
    font-size: .875em;
    left: 68px;
    position: absolute;
    top: 2%
  }
  @supports (-ms-ime-align:auto) {
    footer .made-by .container .community>ul li:hover [data-name]:before {
      left: 64px;
      top: 0
    }
  }
}

footer .made-by .container .community>ul li:hover svg path {
  fill: #e5a15c
}

header.error {
  align-items: flex-end;
  -webkit-align-items: flex-end;
  background-color: #4d5d8c;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 300px;
  padding: 50px;
  text-align: center;
  width: 100%
}

header.error h1 {
  color: #fff;
  font-size: 45px;
  font-weight: 400;
  line-height: 50px;
  margin: 0 0 10px
}

section.error {
  align-items: center;
  -webkit-align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  -webkit-justify-content: 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 {
    margin: 50px 0!important;
    text-align: center
  }
  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 {
  font-size: 17px;
  list-style-position: inside;
  margin-bottom: 10px
}

section.error .text ul {
  column-count: 2;
  -webkit-column-count: 2;
  -moz-column-count: 2;
  margin-bottom: 10px;
  padding: 10px 0 10px 20px
}

@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.maintenance {
  align-items: center;
  background-color: #3f4c73;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 800px;
  text-align: center;
  width: 100%
}

section.maintenance img {
  margin: auto;
  max-width: 400px;
  width: 80%
}

section.maintenance h3 {
  color: #fff;
  font-size: 2em;
  margin-bottom: 15px;
  max-width: 400px
}

section.maintenance p {
  color: #b8bdcc;
  margin-bottom: 20px;
  max-width: 400px;
  padding: 0 30px
}

section.maintenance a {
  border-bottom: 1px solid #b8bdcc;
  color: #fff
}

section.maintenance a:hover {
  padding-bottom: 2px
}

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 {
  cursor: pointer;
  transition: none
}

section.scroller.fade .scroller-wrapper .slide {
  opacity: 0;
  transition: opacity .5s ease-in-out
}

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

section.scroller .scroller-wrapper {
  -webkit-overflow-scrolling: touch;
  display: flex;
  flex-wrap: nowrap;
  margin: 0 auto;
  max-width: 1170px;
  overflow: hidden
}

section.scroller .scroller-wrapper .scroller-tracker {
  cursor: grab;
  transform: translateX(0);
  transition: transform .5s cubic-bezier(.215, .015, .33, .94);
  width: 100%
}

section.scroller .scroller-wrapper .scroller-tracker:not(.trust-pilot-container):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;
  min-width: 100%;
  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;
  border-radius: 100%;
  cursor: pointer;
  font-size: 0;
  height: 8px;
  transition: background .1s ease-in-out, width .1s ease-in-out, height .1s ease-in-out;
  width: 8px
}

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;
  height: 10px;
  width: 10px
}

.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: 0
  }
  .grid.grid-col-gap-0 {
    grid-column-gap: 0
  }
  .grid.grid-row-gap-0 {
    grid-row-gap: 0
  }
  .grid.grid-gap-10 {
    grid-gap: 10px
  }
  .grid.grid-col-gap-10 {
    grid-column-gap: 10px
  }
  .grid.grid-row-gap-10 {
    grid-row-gap: 10px
  }
  .grid.grid-gap-20 {
    grid-gap: 20px
  }
  .grid.grid-col-gap-20 {
    grid-column-gap: 20px
  }
  .grid.grid-row-gap-20 {
    grid-row-gap: 20px
  }
  .grid.grid-gap-30 {
    grid-gap: 30px
  }
  .grid.grid-col-gap-30 {
    grid-column-gap: 30px
  }
  .grid.grid-row-gap-30 {
    grid-row-gap: 30px
  }
  .grid.grid-gap-40 {
    grid-gap: 40px
  }
  .grid.grid-col-gap-40 {
    grid-column-gap: 40px
  }
  .grid.grid-row-gap-40 {
    grid-row-gap: 40px
  }
  .grid.grid-gap-50 {
    grid-gap: 50px
  }
  .grid.grid-col-gap-50 {
    grid-column-gap: 50px
  }
  .grid.grid-row-gap-50 {
    grid-row-gap: 50px
  }
  .grid.grid-gap-60 {
    grid-gap: 60px
  }
  .grid.grid-col-gap-60 {
    grid-column-gap: 60px
  }
  .grid.grid-row-gap-60 {
    grid-row-gap: 60px
  }
  .grid.grid-gap-70 {
    grid-gap: 70px
  }
  .grid.grid-col-gap-70 {
    grid-column-gap: 70px
  }
  .grid.grid-row-gap-70 {
    grid-row-gap: 70px
  }
  .grid {
    grid-column-gap: 0;
    grid-row-gap: 0;
    display: grid;
    grid-template-columns: repeat(12, 1fr)
  }
}

@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: 8.33333%
}

@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: 16.66667%
}

@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: 25%
}

@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: 33.33333%
}

@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: 41.66667%
}

@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: 50%
}

@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: 58.33333%
}

@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: 66.66667%
}

@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: 75%
}

@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: 83.33333%
}

@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: 91.66667%
}

@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: 100%
}

@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-1 {
    flex: 0 0 auto;
    width: 8.33333%
  }
  @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-2 {
    flex: 0 0 auto;
    width: 16.66667%
  }
  @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-3 {
    flex: 0 0 auto;
    width: 25%
  }
  @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-4 {
    flex: 0 0 auto;
    width: 33.33333%
  }
  @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-5 {
    flex: 0 0 auto;
    width: 41.66667%
  }
  @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-6 {
    flex: 0 0 auto;
    width: 50%
  }
  @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-7 {
    flex: 0 0 auto;
    width: 58.33333%
  }
  @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-8 {
    flex: 0 0 auto;
    width: 66.66667%
  }
  @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-9 {
    flex: 0 0 auto;
    width: 75%
  }
  @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-10 {
    flex: 0 0 auto;
    width: 83.33333%
  }
  @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-11 {
    flex: 0 0 auto;
    width: 91.66667%
  }
  @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: 100%
  }
  @supports (display:grid) {
    .grid-col--sm-12 {
      grid-area: span 1/span 12;
      width: auto
    }
    .grid.grid-gap--sm-0 {
      grid-gap: 0
    }
    .grid.grid-col-gap--sm-0 {
      grid-column-gap: 0
    }
    .grid.grid-row-gap--sm-0 {
      grid-row-gap: 0
    }
    .grid.grid-gap--sm-10 {
      grid-gap: 10px
    }
    .grid.grid-col-gap--sm-10 {
      grid-column-gap: 10px
    }
    .grid.grid-row-gap--sm-10 {
      grid-row-gap: 10px
    }
    .grid.grid-gap--sm-20 {
      grid-gap: 20px
    }
    .grid.grid-col-gap--sm-20 {
      grid-column-gap: 20px
    }
    .grid.grid-row-gap--sm-20 {
      grid-row-gap: 20px
    }
    .grid.grid-gap--sm-30 {
      grid-gap: 30px
    }
    .grid.grid-col-gap--sm-30 {
      grid-column-gap: 30px
    }
    .grid.grid-row-gap--sm-30 {
      grid-row-gap: 30px
    }
    .grid.grid-gap--sm-40 {
      grid-gap: 40px
    }
    .grid.grid-col-gap--sm-40 {
      grid-column-gap: 40px
    }
    .grid.grid-row-gap--sm-40 {
      grid-row-gap: 40px
    }
    .grid.grid-gap--sm-50 {
      grid-gap: 50px
    }
    .grid.grid-col-gap--sm-50 {
      grid-column-gap: 50px
    }
    .grid.grid-row-gap--sm-50 {
      grid-row-gap: 50px
    }
    .grid.grid-gap--sm-60 {
      grid-gap: 60px
    }
    .grid.grid-col-gap--sm-60 {
      grid-column-gap: 60px
    }
    .grid.grid-row-gap--sm-60 {
      grid-row-gap: 60px
    }
    .grid.grid-gap--sm-70 {
      grid-gap: 70px
    }
    .grid.grid-col-gap--sm-70 {
      grid-column-gap: 70px
    }
    .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-1 {
    flex: 0 0 auto;
    width: 8.33333%
  }
  @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-2 {
    flex: 0 0 auto;
    width: 16.66667%
  }
  @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-3 {
    flex: 0 0 auto;
    width: 25%
  }
  @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-4 {
    flex: 0 0 auto;
    width: 33.33333%
  }
  @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-5 {
    flex: 0 0 auto;
    width: 41.66667%
  }
  @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-6 {
    flex: 0 0 auto;
    width: 50%
  }
  @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-7 {
    flex: 0 0 auto;
    width: 58.33333%
  }
  @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-8 {
    flex: 0 0 auto;
    width: 66.66667%
  }
  @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-9 {
    flex: 0 0 auto;
    width: 75%
  }
  @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-10 {
    flex: 0 0 auto;
    width: 83.33333%
  }
  @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-11 {
    flex: 0 0 auto;
    width: 91.66667%
  }
  @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: 100%
  }
  @supports (display:grid) {
    .grid-col--md-12 {
      grid-area: span 1/span 12;
      width: auto
    }
    .grid.grid-gap--md-0 {
      grid-gap: 0
    }
    .grid.grid-col-gap--md-0 {
      grid-column-gap: 0
    }
    .grid.grid-row-gap--md-0 {
      grid-row-gap: 0
    }
    .grid.grid-gap--md-10 {
      grid-gap: 10px
    }
    .grid.grid-col-gap--md-10 {
      grid-column-gap: 10px
    }
    .grid.grid-row-gap--md-10 {
      grid-row-gap: 10px
    }
    .grid.grid-gap--md-20 {
      grid-gap: 20px
    }
    .grid.grid-col-gap--md-20 {
      grid-column-gap: 20px
    }
    .grid.grid-row-gap--md-20 {
      grid-row-gap: 20px
    }
    .grid.grid-gap--md-30 {
      grid-gap: 30px
    }
    .grid.grid-col-gap--md-30 {
      grid-column-gap: 30px
    }
    .grid.grid-row-gap--md-30 {
      grid-row-gap: 30px
    }
    .grid.grid-gap--md-40 {
      grid-gap: 40px
    }
    .grid.grid-col-gap--md-40 {
      grid-column-gap: 40px
    }
    .grid.grid-row-gap--md-40 {
      grid-row-gap: 40px
    }
    .grid.grid-gap--md-50 {
      grid-gap: 50px
    }
    .grid.grid-col-gap--md-50 {
      grid-column-gap: 50px
    }
    .grid.grid-row-gap--md-50 {
      grid-row-gap: 50px
    }
    .grid.grid-gap--md-60 {
      grid-gap: 60px
    }
    .grid.grid-col-gap--md-60 {
      grid-column-gap: 60px
    }
    .grid.grid-row-gap--md-60 {
      grid-row-gap: 60px
    }
    .grid.grid-gap--md-70 {
      grid-gap: 70px
    }
    .grid.grid-col-gap--md-70 {
      grid-column-gap: 70px
    }
    .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-1 {
    flex: 0 0 auto;
    width: 8.33333%
  }
  @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-2 {
    flex: 0 0 auto;
    width: 16.66667%
  }
  @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-3 {
    flex: 0 0 auto;
    width: 25%
  }
  @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-4 {
    flex: 0 0 auto;
    width: 33.33333%
  }
  @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-5 {
    flex: 0 0 auto;
    width: 41.66667%
  }
  @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-6 {
    flex: 0 0 auto;
    width: 50%
  }
  @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-7 {
    flex: 0 0 auto;
    width: 58.33333%
  }
  @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-8 {
    flex: 0 0 auto;
    width: 66.66667%
  }
  @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-9 {
    flex: 0 0 auto;
    width: 75%
  }
  @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-10 {
    flex: 0 0 auto;
    width: 83.33333%
  }
  @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-11 {
    flex: 0 0 auto;
    width: 91.66667%
  }
  @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: 100%
  }
  @supports (display:grid) {
    .grid-col--lg-12 {
      grid-area: span 1/span 12;
      width: auto
    }
    .grid.grid-gap--lg-0 {
      grid-gap: 0
    }
    .grid.grid-col-gap--lg-0 {
      grid-column-gap: 0
    }
    .grid.grid-row-gap--lg-0 {
      grid-row-gap: 0
    }
    .grid.grid-gap--lg-10 {
      grid-gap: 10px
    }
    .grid.grid-col-gap--lg-10 {
      grid-column-gap: 10px
    }
    .grid.grid-row-gap--lg-10 {
      grid-row-gap: 10px
    }
    .grid.grid-gap--lg-20 {
      grid-gap: 20px
    }
    .grid.grid-col-gap--lg-20 {
      grid-column-gap: 20px
    }
    .grid.grid-row-gap--lg-20 {
      grid-row-gap: 20px
    }
    .grid.grid-gap--lg-30 {
      grid-gap: 30px
    }
    .grid.grid-col-gap--lg-30 {
      grid-column-gap: 30px
    }
    .grid.grid-row-gap--lg-30 {
      grid-row-gap: 30px
    }
    .grid.grid-gap--lg-40 {
      grid-gap: 40px
    }
    .grid.grid-col-gap--lg-40 {
      grid-column-gap: 40px
    }
    .grid.grid-row-gap--lg-40 {
      grid-row-gap: 40px
    }
    .grid.grid-gap--lg-50 {
      grid-gap: 50px
    }
    .grid.grid-col-gap--lg-50 {
      grid-column-gap: 50px
    }
    .grid.grid-row-gap--lg-50 {
      grid-row-gap: 50px
    }
    .grid.grid-gap--lg-60 {
      grid-gap: 60px
    }
    .grid.grid-col-gap--lg-60 {
      grid-column-gap: 60px
    }
    .grid.grid-row-gap--lg-60 {
      grid-row-gap: 60px
    }
    .grid.grid-gap--lg-70 {
      grid-gap: 70px
    }
    .grid.grid-col-gap--lg-70 {
      grid-column-gap: 70px
    }
    .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-1 {
    flex: 0 0 auto;
    width: 8.33333%
  }
  @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-2 {
    flex: 0 0 auto;
    width: 16.66667%
  }
  @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-3 {
    flex: 0 0 auto;
    width: 25%
  }
  @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-4 {
    flex: 0 0 auto;
    width: 33.33333%
  }
  @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-5 {
    flex: 0 0 auto;
    width: 41.66667%
  }
  @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-6 {
    flex: 0 0 auto;
    width: 50%
  }
  @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-7 {
    flex: 0 0 auto;
    width: 58.33333%
  }
  @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-8 {
    flex: 0 0 auto;
    width: 66.66667%
  }
  @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-9 {
    flex: 0 0 auto;
    width: 75%
  }
  @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-10 {
    flex: 0 0 auto;
    width: 83.33333%
  }
  @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-11 {
    flex: 0 0 auto;
    width: 91.66667%
  }
  @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: 100%
  }
  @supports (display:grid) {
    .grid-col--xl-12 {
      grid-area: span 1/span 12;
      width: auto
    }
    .grid.grid-gap--xl-0 {
      grid-gap: 0
    }
    .grid.grid-col-gap--xl-0 {
      grid-column-gap: 0
    }
    .grid.grid-row-gap--xl-0 {
      grid-row-gap: 0
    }
    .grid.grid-gap--xl-10 {
      grid-gap: 10px
    }
    .grid.grid-col-gap--xl-10 {
      grid-column-gap: 10px
    }
    .grid.grid-row-gap--xl-10 {
      grid-row-gap: 10px
    }
    .grid.grid-gap--xl-20 {
      grid-gap: 20px
    }
    .grid.grid-col-gap--xl-20 {
      grid-column-gap: 20px
    }
    .grid.grid-row-gap--xl-20 {
      grid-row-gap: 20px
    }
    .grid.grid-gap--xl-30 {
      grid-gap: 30px
    }
    .grid.grid-col-gap--xl-30 {
      grid-column-gap: 30px
    }
    .grid.grid-row-gap--xl-30 {
      grid-row-gap: 30px
    }
    .grid.grid-gap--xl-40 {
      grid-gap: 40px
    }
    .grid.grid-col-gap--xl-40 {
      grid-column-gap: 40px
    }
    .grid.grid-row-gap--xl-40 {
      grid-row-gap: 40px
    }
    .grid.grid-gap--xl-50 {
      grid-gap: 50px
    }
    .grid.grid-col-gap--xl-50 {
      grid-column-gap: 50px
    }
    .grid.grid-row-gap--xl-50 {
      grid-row-gap: 50px
    }
    .grid.grid-gap--xl-60 {
      grid-gap: 60px
    }
    .grid.grid-col-gap--xl-60 {
      grid-column-gap: 60px
    }
    .grid.grid-row-gap--xl-60 {
      grid-row-gap: 60px
    }
    .grid.grid-gap--xl-70 {
      grid-gap: 70px
    }
    .grid.grid-col-gap--xl-70 {
      grid-column-gap: 70px
    }
    .grid.grid-row-gap--xl-70 {
      grid-row-gap: 70px
    }
  }
}

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

#liveChat.active {
  bottom: 5px
}

#liveChat iframe {
  border: 0;
  height: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
  z-index: 2
}

@keyframes spinner {
  to {
    transform: rotate(1turn)
  }
}

#liveChat.loading:before {
  animation: spinner .6s linear infinite;
  border: 2px solid #fff;
  border-radius: 50%;
  border-top-color: #0572ec;
  box-sizing: border-box;
  content: "";
  height: 20px;
  left: 50%;
  margin-left: -10px;
  margin-top: -10px;
  position: absolute;
  top: 50%;
  width: 20px;
  z-index: 1
}

#liveChatToggle {
  align-content: center;
  align-items: center;
  background: #0489ff;
  border-radius: 100%;
  bottom: 30px;
  box-shadow: 0 2px 5px hsla(0, 0%, 53%, .5);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  font-size: 0;
  height: 60px;
  justify-content: center;
  position: fixed;
  right: 30px;
  transition: transform .2s ease-in-out;
  width: 60px;
  z-index: 1001
}

@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;
  bottom: auto;
  box-shadow: none;
  display: block;
  height: 32px;
  max-width: calc(100% - 10px);
  position: fixed;
  right: 5px;
  top: 69px;
  transition: none;
  width: 400px;
  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 {
  align-content: center;
  align-items: center;
  color: #2773a0;
  content: "Hide Chat";
  display: flex;
  flex-direction: column;
  font-size: 12px;
  font-weight: 700;
  height: 100%;
  justify-content: center;
  letter-spacing: 0;
  text-align: center
}

#liveChatToggle.active:hover {
  transform: scale(1)
}

#liveChatToggle.active svg {
  display: none
}

#liveChatToggle svg {
  fill: #fff;
  height: 20px;
  left: -2px;
  position: relative;
  width: 31px
}

.c-alert-banner {
  background-color: #66cbff;
  display: flex;
  justify-content: center;
  order: -1;
  padding: 8px 12px 0
}

.c-alert-banner--hidden {
  display: none!important
}

.c-alert-banner__hide-banner-button {
  background-color: transparent;
  cursor: pointer;
  padding: 16px
}

.c-alert-banner__hide-banner-button>svg path {
  fill: #02346e;
  transition: fill .5s ease-in-out
}

.c-alert-banner__hide-banner-button:focus>svg path, .c-alert-banner__hide-banner-button:hover>svg path {
  fill: #034ea6;
  transition: fill .5s ease-in-out
}

@media (min-width:1024px) {
  .c-alert-banner\@lg {
    background-image: url(/img/components/alert-banner/background-left.0170c40d74813178248298ef6ff2858b.svg);
    background-position: 0;
    background-repeat: no-repeat;
    background-size: contain
  }
}

@media (min-width:1200px) {
  .c-alert-banner\@xl {
    background-image: url(/img/components/alert-banner/background-left.0170c40d74813178248298ef6ff2858b.svg);
    background-position: 0;
    background-repeat: no-repeat;
    background-size: contain
  }
}

@media print {
  .c-alert-banner {
    display: none
  }
}

.c-alert-banner__badge {
  background-color: #fff;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 8px;
  padding: 2px 3px;
  text-transform: uppercase
}

@media (min-width:1200px) {
  .c-alert-banner__badge\@xl {
    margin-bottom: 0;
    margin-right: 8px
  }
}

.c-alert-banner__content {
  color: #0a2d4d;
  font-family: Averta OP Bold, sans-serif;
  font-weight: 600;
  line-height: 1.75;
  margin-bottom: 0;
  width: 100%
}

@media (min-width:768px) {
  .c-alert-banner__content\@md {
    text-align: center
  }
}

@media (min-width:1024px) {
  .c-alert-banner__content\@lg {
    text-align: center
  }
}

.c-alert-banner__title {
  display: inline-block;
  font-weight: 600;
  padding-bottom: 8px
}

.c-alert-banner__description {
  padding-bottom: 8px
}

@media (min-width:1024px) {
  .c-alert-banner__description\@lg {
    padding-left: 32px
  }
}

@media (min-width:1200px) {
  .c-alert-banner__description\@xl {
    padding-left: 0
  }
}

.c-alert-banner__link {
  background-color: #0572ec;
  border-radius: 60px;
  color: #fff;
  display: block;
  font-weight: 600;
  padding: 4px 12px;
  transition: color .2s ease-in-out, background-color .2s ease-in-out
}

.c-alert-banner__link:focus, .c-alert-banner__link:hover {
  background-color: #fff;
  border-color: #fff;
  color: #0572ec
}

.c-alert-banner__arrow {
  fill: currentColor;
  color: currentColor
}

.c-alert-banner__inner {
  align-items: start;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  justify-items: center;
  width: 100%
}

@media (min-width:768px) {
  .c-alert-banner__inner\@md {
    padding-left: 48px
  }
}

@media (min-width:1024px) {
  .c-alert-banner__inner\@lg {
    max-width: 1188px
  }
}

@media (min-width:1200px) {
  .c-alert-banner__inner\@xl {
    align-items: center;
    flex-direction: row;
    max-width: unset;
    padding-left: 128px
  }
}

.c-browser-banner {
  background: #e46300;
  color: #fff;
  display: none;
  line-height: 1.5;
  padding: 8px;
  text-align: center;
  width: 100%
}

.c-browser-banner__icon {
  margin-right: 8px;
  vertical-align: top
}

@media screen\0 {
  .c-browser-banner {
    display: block
  }
}

.c-cookie-banner {
  bottom: 0;
  padding: 8px;
  position: fixed;
  z-index: 1002
}

.c-cookie-banner__container {
  align-items: center;
  background-color: #051627;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 16px;
  width: 100%
}

@media (min-width:768px) {
  .c-cookie-banner__container {
    flex-direction: row
  }
  .c-cookie-banner {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    bottom: 20px;
    max-width: 565px;
    padding: 0;
    right: 20px
  }
}

.c-cookie-banner__content {
  color: #fff;
  font-size: 1rem;
  letter-spacing: -.01rem;
  line-height: 1.5;
  margin-bottom: 8px
}

@media (min-width:768px) {
  .c-cookie-banner__content {
    margin-bottom: 0
  }
}

.c-cookie-banner__content>a {
  color: #fff;
  text-decoration: underline
}

.c-cookie-banner__option {
  background-color: #051627;
  border: 2px solid #2a3947;
  border-radius: 27px;
  color: #fff;
  font-size: 1rem;
  font-weight: 600;
  margin: 8px 0 0;
  max-width: 100px;
  padding: 12px;
  width: 100%
}

@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: #fff
}

.c-cookie-banner__option--primary:hover {
  background-color: #02346e
}

.c-cookie-banner--hidden {
  display: none
}

.c-link-inline {
  font-weight: 400!important;
  text-decoration: underline
}

.c-link-inline--light {
  color: #0572ec
}

.c-link-inline--light:focus, .c-link-inline--light:hover {
  color: #034ea6
}

.c-link-inline--bits-blue {
  color: #fff!important
}

.c-link-inline--bits-blue:focus, .c-link-inline--bits-blue:hover {
  color: #dee0e3!important
}

.c-link-inline--dark {
  color: #fff!important
}

.c-link-inline--dark:focus, .c-link-inline--dark:hover {
  color: #c2eaff!important
}

.content-page {
  align-items: center;
  background: #fafbfc;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  font-family: proxima-nova, Helvetica, Arial, sans-serif;
  justify-content: center;
  width: 100%
}

.content-page header {
  margin-bottom: 20px;
  padding: 150px 1.5rem 50px;
  text-align: center;
  z-index: 1
}

@media (max-width:30em) {
  .content-page header {
    padding: 100px 1.5rem 50px
  }
}

.content-page h1 {
  color: #4d5d8c!important;
  font-size: 2.75rem;
  font-weight: 300;
  letter-spacing: -1.2px
}

.content-page h2 {
  color: #333!important;
  font-size: 1.6rem;
  letter-spacing: -.76px;
  line-height: 1.4;
  margin: 50px 0 20px
}

.content-page h3 {
  color: #4d5d8c!important;
  font-size: 1.27rem;
  letter-spacing: -.6px;
  line-height: 1.375;
  margin-bottom: 10px
}

.content-page h4 {
  color: #a1a5b3!important;
  font-size: 1.125rem;
  letter-spacing: -.6px;
  line-height: 29px;
  margin-bottom: 20px
}

.content-page p, .content-page pre {
  color: #73767f;
  font-size: 1.125rem;
  font-weight: 200;
  line-height: 1.6
}

.content-page pre {
  margin: 0 0 20px 25px
}

.content-page a {
  color: #0572ec;
  text-decoration: none
}

.content-page a:hover {
  color: #06c;
  text-decoration: underline
}

.content-page article {
  background: #fff;
  border: 2px solid rgba(184, 189, 204, .19);
  margin: 80px 0 50px;
  max-width: 650px;
  padding: 100px 80px 50px;
  position: relative;
  width: 90%
}

@media (max-width:30em) {
  .content-page article {
    padding: 50px 1.5rem
  }
}

@media (max-width:360px) {
  .content-page article {
    border-left: none;
    border-right: none;
    padding: 100px 1.5rem;
    width: 100%
  }
}

.content-page article img {
  display: block;
  left: 50%;
  margin: 0 0 auto -67px;
  position: absolute;
  top: -140px
}

.content-page article ol li, .content-page article ul li {
  color: #73767f;
  font-size: 1.125rem;
  font-weight: 200;
  letter-spacing: -.3px;
  line-height: 1.6;
  list-style: disc;
  list-style-position: inside;
  margin-bottom: 1em;
  margin-left: 0
}

.content-page article ol li:first-of-type, .content-page article ul li:first-of-type {
  margin-top: .25em
}

.content-page article ol li p, .content-page article ul li p {
  font-weight: 600;
  margin-bottom: auto
}

.content-page article ol li ul li, .content-page article ul li ul li {
  margin-bottom: .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 {
  color: #4d5d8c!important;
  font-size: 1.27rem;
  font-weight: 600;
  letter-spacing: -.6px;
  line-height: 1.375;
  margin-bottom: 10px
}

.content-page article dl dd {
  color: #73767f;
  font-size: 1.125rem;
  font-weight: 200;
  letter-spacing: -.3px;
  line-height: 1.6;
  margin-bottom: 1.3em;
  margin-left: 0
}

.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 {
  margin-bottom: 30px;
  text-align: center;
  width: 100%
}

.price-cards {
  align-items: stretch;
  color: #fff;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  padding: 0 5px;
  text-align: center
}

@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 {
  -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-direction: column;
  justify-content: center;
  max-width: 450px;
  min-height: 395px;
  overflow: hidden;
  padding: 52px 10px 28px
}

@media (max-width:30em) {
  .price-cards .card {
    max-width: none
  }
}

.pricing-landing .price-cards .card {
  justify-content: center;
  min-height: 395px;
  padding: 52px 10px 28px
}

.price-cards .vat {
  color: #fff;
  font-size: .8rem;
  font-weight: 600;
  left: 55%;
  opacity: .6;
  position: absolute;
  top: 55%
}

.price-cards .card.families {
  align-items: center;
  background-image: linear-gradient(180deg, #9469bf -48%, #7869bf 149%);
  position: relative
}

.price-cards .card.families span.tag {
  align-self: flex-end;
  background-color: #b4a0d8;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  min-width: 107px;
  padding: 7px 10px 3px;
  position: absolute;
  right: 10px;
  top: 11px
}

.price-cards .card.families span.tag h1 {
  color: #fff;
  font-size: .938em;
  letter-spacing: .15px
}

.price-cards .card.families a, .pricing-landing .price-cards .card.families a {
  align-items: center;
  color: #fff;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column
}

.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: #fff
}

@media (min-width:768px) {
  .price-cards .card.families a.button {
    align-self: center;
    display: inline-block
  }
}

.price-cards .card.individuals {
  align-items: center;
  background-image: linear-gradient(-180deg, #47a6ec, #4b91f9)
}

.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: #fff;
  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 {
  align-items: center;
  background-color: #3d454d
}

.price-cards .card.business a {
  color: #3d454d
}

.price-cards .card.business a.button {
  background: #fff;
  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: #fff;
  font-size: 26px;
  letter-spacing: -.3px;
  line-height: 1.2em;
  max-width: 400px
}

.price-cards h3, .pricing-landing .price-cards h3 {
  margin: 0 auto 13px
}

.price-cards h4 {
  color: #fff;
  font-size: 1.5em;
  letter-spacing: -1px;
  line-height: 1em;
  position: relative
}

.price-cards h4, .pricing-landing .price-cards h4 {
  margin: 25px 0 30px;
  width: 100%
}

.price-cards h4 span {
  font-size: 3em;
  vertical-align: -.44em
}

.price-cards p:last-of-type {
  color: #fff;
  font-size: .85em;
  font-weight: 400;
  letter-spacing: .34px;
  line-height: 20px
}

.pricing-landing .price-cards p:last-of-type {
  opacity: 1
}

.price-cards p {
  display: inline-block;
  font-size: 1.1em;
  line-height: 1.4em;
  margin: 10px 14px
}

.price-cards p span {
  background: #fff;
  color: #9469bf;
  font-weight: 600;
  padding: 0 5px
}

.price-cards a.button {
  background-color: #fff;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  box-sizing: border-box;
  display: block;
  font-weight: 600;
  margin: 14px auto;
  max-width: 248px;
  padding: 12px;
  width: 90%
}

.price-cards a.button, .price-cards a.button:hover {
  -webkit-transition: transform .3s ease;
  -moz-transition: transform .3s ease;
  -ms-transition: transform .3s ease;
  -o-transition: transform .3s ease;
  transition: transform .3s ease
}

.price-cards a.button:hover {
  -webkit-box-shadow: 0 8px 34px rgba(0, 0, 0, .34);
  -moz-box-shadow: 0 8px 34px rgba(0, 0, 0, .34);
  box-shadow: 0 8px 34px rgba(0, 0, 0, .34);
  cursor: pointer;
  transform: scale(1.05)
}

.price-cards.wide {
  background-color: #232a3f;
  background-image: url(/img/promotions/icon-tile.jpg);
  margin: 0;
  padding: 20px
}

@media (min-resolution:192dpi), only screen and (-webkit-min-device-pixel-ratio:2) {
  .price-cards.wide {
    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 {
  margin: 2vh 0;
  max-width: 800px;
  width: 80vw
}

@media (max-width:30em) {
  .price-cards.wide .card {
    width: auto
  }
}

.price-cards-main {
  align-items: stretch;
  color: #fff;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  padding: 5px;
  text-align: center
}

@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 {
  align-items: center;
  -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-direction: column;
  justify-content: center;
  overflow: hidden;
  padding: 40px 10px 28px;
  position: relative;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  width: 100%
}

@media (min-width:700px) {
  .price-cards-main__card {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .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 .3s ease;
    -moz-transition: transform .3s ease;
    -ms-transition: transform .3s ease;
    -o-transition: transform .3s ease;
    transition: transform .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--alternate, .price-cards-main__card--business-alternate, .price-cards-main__card--enterprise, .price-cards-main__card--families, .price-cards-main__card--individuals, .price-cards-main__card--teams {
    padding-left: 20px;
    padding-right: 20px
  }
}

.price-cards-main__card--alternate, .price-cards-main__card--families, .price-cards-main__card--individuals, .price-cards-main__card--individuals-alternate {
  min-height: 395px
}

@media (min-width:700px) {
  .price-cards-main__card--alternate, .price-cards-main__card--families, .price-cards-main__card--individuals, .price-cards-main__card--individuals-alternate {
    min-width: 350px
  }
}

@media (min-width:990px) {
  .price-cards-main__card--alternate, .price-cards-main__card--families, .price-cards-main__card--individuals, .price-cards-main__card--individuals-alternate {
    width: 470px
  }
}

.price-cards-main__card--individuals {
  background-color: #0572ec
}

.price-cards-main__card--alternate {
  background-color: #fff
}

.price-cards-main__card--families {
  background-color: #9469bf
}

.price-cards-main__card--teams {
  background-color: #0572ec;
  height: 100%;
  max-height: 380px;
  min-height: 356px
}

@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-bottom: 0;
  padding-left: 0;
  padding-right: 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-bottom: 0;
  padding-left: 0;
  padding-right: 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%;
  max-height: 380px;
  min-height: 350px
}

@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%;
  max-height: 380px;
  min-height: 356px
}

@media (min-width:1200px) {
  .price-cards-main__card--enterprise {
    width: 350px
  }
}

.price-cards-main__card--starter {
  background-color: #034ea6;
  height: 100%;
  max-height: 380px;
  min-height: 356px
}

@media (min-width:1200px) {
  .price-cards-main__card--starter {
    width: 350px
  }
}

.price-cards-main__description, .price-cards-main__title {
  letter-spacing: -.4px;
  line-height: 1.39;
  margin: 0 auto 13px
}

.price-cards-main__title {
  color: #fff;
  font-size: 1.625rem;
  max-width: 260px
}

.price-cards-main__title--black {
  color: #333
}

.price-cards-main__description {
  color: #fff;
  font-size: 1.125rem
}

.price-cards-main__description--families, .price-cards-main__description--individuals {
  max-width: 200px
}

.price-cards-main__description--teams {
  max-width: 270px
}

.price-cards-main__description--business {
  margin: 0 auto;
  max-width: 300px
}

.price-cards-main__description--mobile-only {
  margin-bottom: 35px
}

.price-cards-main__description--enterprise {
  margin: 0 auto;
  max-width: 270px
}

.price-cards-main__description--black {
  color: #333;
  opacity: 1
}

.price-cards-main__description--small {
  max-width: 200px
}

.price-cards-main__button {
  background-color: #fff;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  box-sizing: border-box;
  display: block;
  font-weight: 600;
  max-width: 248px;
  padding: 12px;
  width: 90%
}

.price-cards-main__button, .price-cards-main__button:hover {
  -webkit-transition: transform .3s ease;
  -moz-transition: transform .3s ease;
  -ms-transition: transform .3s ease;
  -o-transition: transform .3s ease;
  transition: transform .3s ease
}

.price-cards-main__button:hover {
  -webkit-box-shadow: 0 8px 34px rgba(0, 0, 0, .34);
  -moz-box-shadow: 0 8px 34px rgba(0, 0, 0, .34);
  box-shadow: 0 8px 34px rgba(0, 0, 0, .34);
  cursor: pointer;
  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 {
  background-color: #0572ec;
  color: #fff;
  margin-bottom: 16px
}

.price-cards-main__button--business-alternate {
  background-color: #0572ec;
  color: #fff
}

.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: #fff;
  color: #034ea6
}

.price-cards-main__button--starter:hover {
  color: #011f42
}

.price-cards-main__button--blue-primary {
  background-color: #0572ec;
  color: #fff
}

.price-cards-main__button--blue-primary:hover {
  color: #fff
}

.price-cards-main__price-slash-container {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 5px 0 15px
}

.price-cards-main__price {
  color: #fff;
  font-size: 1.5em;
  letter-spacing: -1px;
  line-height: 1em;
  margin: 25px 0 30px;
  position: relative;
  width: 100%
}

.price-cards-main__price--slashed-price {
  font-size: 1em;
  margin: 10px 10px 0;
  width: auto
}

.price-cards-main__price--slashed-price:before {
  background-color: hsla(0, 0%, 100%, .75);
  border-radius: 6px;
  content: "";
  height: 4px;
  left: -4px;
  position: absolute;
  top: 50%;
  transform: rotate(-32deg);
  width: 75px
}

.price-cards-main__price--slashed-new-price {
  margin: 0 10px;
  width: auto
}

.price-cards-main__price--visually-hidden {
  clip: rect(0, 0, 0, 0);
  border-width: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px
}

.price-cards-main__price--black {
  color: #333
}

.price-cards-main__leading-digit {
  font-size: 4.875rem;
  vertical-align: -.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 {
  color: #fff;
  display: inline-block;
  font-size: .875rem;
  font-weight: 500;
  letter-spacing: .34px;
  line-height: 20px;
  margin: 0 14px 10px;
  opacity: .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;
  margin-bottom: 0;
  opacity: 1
}

.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 {
  background-color: #b4a0d8;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #fff;
  display: inline-flex;
  flex-direction: column;
  font-size: .938rem;
  justify-content: center;
  letter-spacing: .15px;
  min-width: 107px;
  padding: 4px 10px;
  position: absolute;
  right: 10px;
  top: 11px
}

.price-cards-main__tag--alternate {
  background-color: rgba(5, 114, 236, .13);
  color: #0572ec;
  font-weight: 500
}

.price-cards-main__vat {
  color: #fff;
  font-size: .8rem;
  font-weight: 600;
  left: 55%;
  opacity: .6;
  position: absolute;
  top: 55%
}

.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-bottom: 0;
  margin-top: auto;
  min-height: 70px;
  width: 100%
}

@media (min-width:1024px) {
  .price-cards-main__advanced-protection-container {
    position: relative
  }
  .price-cards-main__advanced-protection-container--lang-zh {
    bottom: -10px
  }
}

.price-cards-main__advanced-protection-description {
  color: #fff;
  font-size: .875rem;
  margin: 15px auto;
  padding: 0 30px
}

.price-cards-main__enterprise-list-container {
  max-width: 270px;
  position: relative;
  top: 8px
}

@media (min-width:1024px) {
  .price-cards-main__enterprise-list-container {
    margin: 10px 0
  }
}

.price-cards-main__enterprise-list-item {
  color: #b5bcd0;
  list-style: none;
  padding-bottom: 5px
}

.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 {
  justify-content: flex-start;
  max-width: unset
}

@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;
  justify-content: flex-start;
  max-width: unset;
  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;
  left: 0;
  line-height: 1.2;
  padding: 4px;
  position: absolute;
  right: 0;
  top: 0;
  transform: translateY(-50%)
}

.hero-price-card {
  max-width: 380px;
  position: relative
}

@media (min-width:700px) {
  .hero-price-card {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .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 .3s ease;
    -moz-transition: transform .3s ease;
    -ms-transition: transform .3s ease;
    -o-transition: transform .3s ease;
    transition: transform .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 {
  border-radius: 5px 5px 0 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  padding: 30px
}

@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;
  max-width: none;
  position: relative;
  width: 100%
}

@media (min-width:768px) {
  .hero-price-card__container--teams-alternate {
    max-width: 350px
  }
}

.hero-price-card__container--families {
  background-color: #9469bf;
  text-align: center;
  width: 100%
}

.hero-price-card__title {
  color: #fff;
  text-align: center
}

.hero-price-card__description {
  color: #fff;
  font-size: 1.125rem;
  margin-bottom: 16px;
  text-align: center
}

.hero-price-card__description--teams-alternate {
  margin: 0 auto;
  max-width: 270px
}

.hero-price-card__price {
  color: #fff;
  font-size: 1.75rem;
  font-weight: 600;
  letter-spacing: -1px;
  line-height: 1em;
  margin-left: 0;
  margin-right: 0;
  margin-top: 20px;
  position: relative;
  text-align: center
}

.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;
  padding: 0 4px 0 6px;
  vertical-align: -.4em
}

.hero-price-card__currency {
  vertical-align: -.4em
}

.hero-price-card__plan {
  color: #fff;
  font-size: .875rem;
  margin-bottom: 5px
}

.hero-price-card__billing {
  color: #fff;
  font-size: .8rem;
  font-weight: 600;
  left: 56%;
  max-width: 100px;
  opacity: .6;
  position: absolute;
  text-align: left;
  top: 30px
}

.hero-price-card__billing--teams-alternate {
  left: 0;
  max-width: none;
  text-align: center;
  top: 65px;
  width: 100%
}

.hero-price-card__button {
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  box-sizing: border-box;
  color: #fff;
  display: block;
  font-size: 1.063rem;
  font-weight: 600;
  margin: 28px auto 0;
  padding: 12px 2px 10px;
  text-align: center;
  width: 90%
}

.hero-price-card__button, .hero-price-card__button:hover {
  -webkit-transition: transform .3s ease;
  -moz-transition: transform .3s ease;
  -ms-transition: transform .3s ease;
  -o-transition: transform .3s ease;
  transition: transform .3s ease
}

.hero-price-card__button:hover {
  -webkit-box-shadow: 0 8px 34px rgba(0, 0, 0, .34);
  -moz-box-shadow: 0 8px 34px rgba(0, 0, 0, .34);
  box-shadow: 0 8px 34px rgba(0, 0, 0, .34);
  cursor: pointer;
  text-decoration: none;
  transform: scale(1.05)
}

.hero-price-card__button--teams {
  background-color: #fff;
  color: #0572ec
}

.hero-price-card__button--teams:hover {
  color: #034288
}

.hero-price-card__button--teams-alternate {
  margin-top: 40px;
  max-width: 248px
}

.hero-price-card__button--families {
  background-color: #fff;
  color: #9469bf
}

.hero-price-card__button--families:hover {
  color: #613a88
}

.hero-price-card__button--epm {
  background-color: #0572ec;
  margin-left: 0;
  max-width: 300px
}

.hero-price-card__button--epm:hover {
  color: #fff
}

.hero-price-card__features {
  border-radius: 0 0 5px 5px;
  justify-content: center;
  margin-top: -1px;
  padding: 15px;
  width: 100%
}

@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 {
    grid-gap: 8px;
    display: grid
  }
  @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, .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 {
  align-items: baseline;
  color: #fff;
  display: flex;
  font-size: .813rem;
  font-weight: 500;
  line-height: 1.23;
  list-style: none;
  margin-bottom: 2px
}

.hero-price-card__list-item-content {
  color: #fff;
  font-size: .8rem;
  margin-bottom: 0;
  text-align: left
}

.hero-price-card__checkmark {
  margin-right: 6px
}

.hero-price-card-promo {
  margin-bottom: 1em
}

.hero-price-card-promo__container {
  align-items: center;
  background-color: #fff;
  -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-direction: column;
  justify-content: space-between;
  max-width: 300px;
  min-height: 330px;
  overflow: hidden;
  padding: 20px
}

@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 {
  color: #3d454d;
  font-size: .94em;
  margin: 10px 14px;
  text-align: center
}

.hero-price-card-promo__free-trial {
  font-weight: 600;
  max-width: 220px
}

.hero-price-card-promo__button {
  background-color: #50b347;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  box-sizing: border-box;
  color: #fff;
  display: block;
  font-size: 1.063rem;
  font-weight: 600;
  margin-bottom: 0;
  padding: 12px 2px 10px;
  text-align: center;
  -webkit-transition: transform .3s ease;
  -moz-transition: transform .3s ease;
  -ms-transition: transform .3s ease;
  -o-transition: transform .3s ease;
  transition: transform .3s ease;
  width: 100%
}

.hero-price-card-promo__button:hover {
  color: #fff
}

.hero-price-card-promo__button:focus, .hero-price-card-promo__button:hover {
  box-shadow: 0 8px 34px 0 rgba(0, 0, 0, .3);
  transform: scale(1.05);
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .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 {
  margin: auto;
  max-width: 1000px;
  text-align: center;
  width: 80%
}

@media (max-width:30em) {
  section.awards {
    display: none
  }
}

section.awards h1 {
  color: #b6bcce;


  font-size: 28px;
  margin: 80px 0 60px;
  text-align: center
}

section.awards .awards-image {
  background: url(/img/teams/awards.svg) 50% no-repeat;
  background-size: 95%;
  height: 100px;
  margin: 60px auto 90px;
  max-width: 1000px
}

section.quote {
  margin: 50px auto;
  max-width: 600px;
  position: relative;
  width: 90%
}

@media (min-width:52em) {
  section.quote {
    max-width: 560px;
    width: 55%
  }
}

section.quote img {
  display: block;
  margin: 0 auto 10px;
  max-height: 60px;
  max-width: 240px
}

section.quote strong {
  background-color: #def;
  box-shadow: 7px 0 0 #def, -7px 0 0 #def;
  color: #5b80a6;
  font-size: 20px;
  line-height: 32px;
  margin: 10px;
  padding: 5px;
  text-align: center
}

section.quote a.linktomore {
  align-self: center;
  background-color: #0572ec;
  border-radius: 100px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
  box-sizing: border-box;
  color: #fff;
  display: flex;
  font-size: 14px;
  font-weight: 600;
  justify-content: center;
  margin: 0 auto;
  max-width: 300px;
  outline: none;
  padding: 12px;
  text-align: center;
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out;
  width: calc(100% - 60px)
}

@media (max-width:600px) {
  section.quote a.linktomore {
    width: calc(100% - 30px)
  }
}

section.quote a.linktomore:focus, section.quote a.linktomore:hover {
  box-shadow: 0 8px 34px 0 rgba(0, 0, 0, .3);
  transform: scale(1.05);
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out
}

section.quote svg.chevron-right {
  fill: currentcolor;
  display: inline;
  height: 11px;
  margin-bottom: -1px
}

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

section.home-popup {
  background-color: #f7fbff;
  background-image: url(/img/pricing/haveateam.png);
  background-position: bottom left 20px;
  background-repeat: no-repeat;
  background-size: 164px 71px;
  border-radius: 6px;
  bottom: 0;
  box-shadow: 0 0 0 1px rgba(71, 101, 131, .2), 0 4px 15px 0 rgba(0, 0, 0, .2);
  margin: 20px;
  max-width: 550px;
  position: fixed;
  right: 0;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  width: 100%;
  z-index: 100
}

@media (max-width:574px) {
  section.home-popup {
    width: 90%
  }
}

@media (min-resolution:192dpi), only screen and (-webkit-min-device-pixel-ratio:2) {
  section.home-popup {
    background-image: url(/img/pricing/haveateam@2x.png)
  }
}

section.home-popup svg.dismiss {
  left: 10px;
  top: 10px
}

section.home-popup svg.dismiss, section.home-popup svg.forward {
  fill: #c8d7e6;
  position: absolute;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out
}

section.home-popup svg.forward {
  right: 15px;
  top: 35px
}

section.home-popup div {
  margin: 10px 10px 10px 200px;
  max-width: 300px
}

@media (max-width:363px) {
  section.home-popup div {
    margin: 25px 10px 90px
  }
}

section.home-popup div h3 {

  color: #0572ec;
  font-size: .9375em;
  line-height: 1.6em
}

section.home-popup div p {
  color: #4c4c4c;
  font-size: 13px;
  line-height: 1.3em
}

section.home-popup div p span {
  font-weight: 600
}

section.home-popup:hover {
  box-shadow: 0 0 0 1px rgba(71, 101, 131, .2), 0 2px 5px 0 rgba(0, 0, 0, .05);
  margin: 30px 20px
}

section.home-popup:hover, section.home-popup:hover svg.dismiss, section.home-popup:hover svg.forward {
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out
}

section.home-popup:hover svg.dismiss, section.home-popup:hover svg.forward {
  fill: #0572ec
}

.video-container {
  background: rgba(0, 0, 0, .8);
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100
}

.video-container .close {
  cursor: pointer;
  height: 30px;
  left: calc(50% + 412px);
  position: fixed;
  top: calc(50% - 170px);
  width: 30px
}

@media (max-width:900px) {
  .video-container .close {
    left: calc(100vw - 30px)
  }
}

.video-container.visible {
  display: block
}

.video-container .video {
  height: 100%;
  left: 50%;
  max-height: 480px;
  max-width: 800px;
  position: fixed;
  top: 55%;
  transform: translate(-50%, -50%);
  width: 100%
}

.video-container .video iframe {
  height: 100%;
  left: 0;
  padding: 30px 0 0;
  position: absolute;
  top: 0;
  width: 100%
}

section.trust-pilot {
  background: #f2f4f7;
  background: -webkit-linear-gradient(top, #fff, #f2f4f7);
  background: linear-gradient(180deg, #fff 0, #f2f4f7);
  padding: 24px;
  text-align: center;
  width: 100%
}

@media (max-width:767px) {
  section.trust-pilot {
    padding: 16px
  }
}

section.trust-pilot .container {
  margin: 0 auto;
  max-width: 1100px;
  padding: 0 0 32px
}

@media (min-width:767px) {
  section.trust-pilot .container {
    padding-bottom: 65px;
    padding-top: 50px
  }
}

section.trust-pilot .container h1 {
  font-size: 2em;
  margin-bottom: 16px
}

section.trust-pilot .container h2 {
  font-family: Adelle-Semibold, sans-serif;
  font-size: 2em;
  margin-bottom: 16px
}

section.trust-pilot .trust-pilot-container {
  display: block
}

@media (min-width:767px) {
  section.trust-pilot .trust-pilot-container {
    align-content: stretch;
    align-items: stretch;
    display: flex;
    flex-direction: row;
    justify-content: stretch;
    margin-left: -15px;
    padding: 25px 0 50px;
    width: calc(100% + 30px)
  }
  @supports (display:grid) {
    section.trust-pilot .trust-pilot-container {
      grid-gap: 0 30px;
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      margin-left: 0;
      width: 100%
    }
  }
}

section.trust-pilot .trust-pilot-item {
  background: #fff;
  box-shadow: 0 2px 4px 2px rgba(122, 138, 153, .1);
  display: flex;
  flex-direction: column;
  line-height: 1.7;
  margin: 20px 0;
  padding: 30px;
  text-align: start;
  width: 100%
}

section.trust-pilot .trust-pilot-item img {
  max-width: 100%
}

@media (min-width:767px) {
  section.trust-pilot .trust-pilot-item {
    margin: 0 15px;
    width: 33.333%
  }
  @supports (display:grid) {
    section.trust-pilot .trust-pilot-item {
      margin: 0;
      width: auto
    }
  }
}

section.trust-pilot .trust-pilot-name {
  display: block;
  font-weight: 500;
  margin-bottom: 10px
}

section.trust-pilot .trust-pilot-description {
  flex: 1 1 auto;
  font-size: .9em
}

section.trust-pilot .trust-pilot-author {
  display: block;
  font-size: 0;
  height: 30px;
  margin-top: 40px;
  width: 100%
}

section.trust-pilot .trust-pilot-author img {
  max-height: 100%
}

section.trust-pilot .trust-pilot-cta {
  background-color: #50b347!important;
  border-radius: 40px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-weight: 600;
  padding: 10px 30px;
  -webkit-transition: background-color .3s ease-in-out;
  -moz-transition: background-color .3s ease-in-out;
  -ms-transition: background-color .3s ease-in-out;
  -o-transition: background-color .3s ease-in-out;
  transition: background-color .3s ease-in-out
}

section.trust-pilot .trust-pilot-cta:hover {
  background-color: #0572ec
}

section.trust-pilot .trust-pilot-rating-list {
  display: inline-block;
  margin-bottom: 15px
}

section.trust-pilot .trust-pilot-rating-list-item {
  background-color: #1bb57c;
  display: inline-block;
  font-size: 0;
  height: 30px;
  margin: 1px;
  padding: 0;
  width: 30px
}

section.trust-pilot-scrollable {
  text-align: center;
  width: 100%
}

@media (max-width:700px) {
  section.trust-pilot-scrollable h1, section.trust-pilot-scrollable p {
    padding: 0 20px
  }
}

section.trust-pilot-scrollable h1 {
  margin-bottom: 10px
}

section.trust-pilot-scrollable p {
  color: #3d454d;
  margin: 0 auto;
  max-width: 566px;
  text-align: center
}

section.trust-pilot-scrollable .container {
  margin: 0 auto;
  max-width: 1100px
}

section.g2-scrollable {
  margin-bottom: 48px;
  text-align: center;
  width: 100%
}

@media (max-width:700px) {
  section.g2-scrollable h1, section.g2-scrollable p {
    padding: 0 20px
  }
}

section.g2-scrollable h1 {
  margin-bottom: 10px
}

section.g2-scrollable p {
  color: #3d454d;
  margin: 0 auto;
  max-width: 566px;
  text-align: center
}

section.g2-scrollable .container {
  margin: 0 auto;
  max-width: 1100px
}

section.trust-pilot-scrollable .trust-pilot-container {
  align-content: stretch;
  align-items: stretch;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  justify-content: stretch;
  margin-left: -15px;
  padding: 25px 0 0;
  width: calc(100% + 30px)
}

@supports (display:grid) {
  section.trust-pilot-scrollable .trust-pilot-container {
    grid-gap: 0 2%;
    display: grid;
    grid-template-columns: repeat(3, calc(100% - 40px));
    margin-left: 0;
    width: 100%
  }
  @media (min-width:768px) {
    section.trust-pilot-scrollable .trust-pilot-container {
      grid-gap: 0 30px;
      grid-template-columns: repeat(3, 1fr)
    }
  }
}

section.trust-pilot-scrollable .trust-pilot-item {
  background: #fff;
  box-shadow: 0 2px 4px 2px rgba(122, 138, 153, .1);
  display: flex;
  flex-direction: column;
  line-height: 1.7;
  margin: 20px 10px;
  padding: 30px;
  text-align: start;
  width: 100%
}

section.trust-pilot-scrollable .trust-pilot-item img {
  max-width: 100%
}

@media (min-width:767px) {
  section.trust-pilot-scrollable .trust-pilot-item {
    margin: 0 15px;
    width: 33.333%
  }
  @supports (display:grid) {
    section.trust-pilot-scrollable .trust-pilot-item {
      margin: 0;
      width: auto
    }
  }
}

section.trust-pilot-scrollable .trust-pilot-name {
  display: block;
  font-weight: 500;
  margin-bottom: 10px
}

section.trust-pilot-scrollable .trust-pilot-description {
  flex: 1 1 auto;
  font-size: .9em
}

section.trust-pilot-scrollable .trust-pilot-author {
  display: block;
  font-size: 0;
  height: 30px;
  margin-top: 20px;
  width: 100%
}

section.trust-pilot-scrollable .trust-pilot-author img {
  max-height: 100%
}

section.trust-pilot-scrollable .trust-pilot-cta {
  background-color: #50b347!important;
  border-radius: 40px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-weight: 600;
  padding: 10px 30px;
  -webkit-transition: background-color .3s ease-in-out;
  -moz-transition: background-color .3s ease-in-out;
  -ms-transition: background-color .3s ease-in-out;
  -o-transition: background-color .3s ease-in-out;
  transition: background-color .3s ease-in-out
}

section.trust-pilot-scrollable .trust-pilot-cta:hover {
  background-color: #0572ec
}

section.trust-pilot-scrollable .trust-pilot-rating-list {
  display: inline-block;
  margin-bottom: 15px
}

section.trust-pilot-scrollable .trust-pilot-rating-list-item {
  background-color: #1bb57c;
  display: inline-block;
  font-size: 0;
  height: 30px;
  margin: 1px;
  padding: 0;
  width: 30px
}

section.g2-scrollable .g2-container {
  align-content: stretch;
  align-items: stretch;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  margin-left: -10px;
  padding: 25px 0 0;
  width: calc(100% + 30px)
}

@media (min-width:768px) {
  section.g2-scrollable .g2-container {
    margin-left: 0;
    padding-bottom: 30px
  }
}

@supports (display:grid) {
  section.g2-scrollable .g2-container {
    display: grid;
    padding: 30px;
    width: 100%
  }
  @media (min-width:768px) {
    section.g2-scrollable .g2-container {
      grid-gap: 0 30px;
      grid-template-columns: repeat(3, 1fr)
    }
  }
}

section.g2-scrollable .g2-item {
  background: #fff;
  box-shadow: 0 2px 4px 2px rgba(122, 138, 153, .1);
  display: flex;
  flex-direction: column;
  line-height: 1.7;
  margin: 20px 10px;
  padding: 30px;
  text-align: left;
  width: 100%
}

section.g2-scrollable .g2-item img {
  max-width: 100%
}

@media (min-width:767px) {
  section.g2-scrollable .g2-item {
    margin: 0 15px;
    width: 33.333%
  }
  @supports (display:grid) {
    section.g2-scrollable .g2-item {
      margin: 0;
      width: auto
    }
  }
}

section.g2-scrollable .g2-name {
  display: block;
  font-weight: 500;
  line-height: 1.34em;
  margin: 20px 0
}

section.g2-scrollable .g2-description {
  flex: 1 1 auto;
  font-size: .9em
}

section.g2-scrollable .g2-author {
  display: block;
  font-size: 0;
  height: 30px;
  margin: 20px 0;
  width: 100%
}

section.g2-scrollable .g2-author img {
  max-height: 100%
}

section.g2-scrollable .g2-cta {
  background-color: #50b347!important;
  border-radius: 40px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-weight: 600;
  padding: 10px 30px;
  -webkit-transition: background-color .3s ease-in-out;
  -moz-transition: background-color .3s ease-in-out;
  -ms-transition: background-color .3s ease-in-out;
  -o-transition: background-color .3s ease-in-out;
  transition: background-color .3s ease-in-out
}

section.g2-scrollable .g2-cta:hover {
  background-color: #0572ec
}

section.g2-scrollable .g2-rating-list {
  display: inline-block;
  margin-bottom: 15px
}

section.g2-scrollable .g2-rating-list-item {
  background-color: transparent;
  display: inline-block;
  font-size: 0;
  height: 30px;
  margin: 1px;
  padding: 0;
  width: 30px
}

section.what-you-get {
  background-color: #fff;
  text-align: center;
  width: 100%
}

section.what-you-get .container {
  margin: 0 auto;
  max-width: 970px;
  padding: 85px 0
}

@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 {
  align-items: center;
  background-color: #f0f6fc;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  margin: 30px auto;
  max-width: 970px;
  min-height: 190px
}

@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 {
  margin: 0 auto;
  max-width: 460px;
  position: relative;
  width: 100%
}

@media screen\0 {
  section.what-you-get .container .full-width-feature .icon.protection-family {
    margin: 0;
    width: 230px
  }
}

@media (min-width:768px) {
  section.what-you-get .container .full-width-feature .icon.protection-family {
    height: auto;
    top: 23px
  }
}

@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;
  margin: auto auto 0;
  object-fit: contain;
  object-position: bottom
}

@media screen\0 {
  section.what-you-get .container .full-width-feature .icon.all-devices {
    margin: 0;
    max-width: none
  }
}

@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;
  min-height: 250px;
  object-fit: cover;
  width: 100%
}

section.what-you-get .container .full-width-feature p {
  margin: auto;
  max-width: 330px;
  padding: 10px 1em;
  width: 100%
}

@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 {
    max-width: none;
    width: 100%
  }
}

@media (max-width:767px) {
  section.what-you-get .container .full-width-feature.family span, section.what-you-get .container .full-width-feature.family strong {
    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 {
  background: url(/img/promotions/all-your-devices.62488f3fb7f5f84aedc85a97167a86b9.svg) no-repeat bottom;
  background-color: #f0f6fc;
  background-size: contain;
  display: flex
}

@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 {
    max-width: 430px;
    width: 100%
  }
}

@media screen\0 {
  section.what-you-get .container .full-width-feature.devices p {
    margin: 0
  }
}

section.what-you-get .container .full-width-feature.devices span, section.what-you-get .container .full-width-feature.devices strong {
  text-align: center
}

section.what-you-get .container .grid-features {
  align-content: space-around;
  align-items: baseline;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap
}

@media (min-width:1024px) {
  section.what-you-get .container .grid-features {
    flex-wrap: nowrap
  }
}

@supports (display:grid) {
  section.what-you-get .container .grid-features {
    grid-gap: 30px;
    display: grid;
    grid-template-columns: 1fr
  }
  @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 {
    grid-gap: 30px;
    display: grid;
    grid-template-columns: 100px 1fr;
    justify-items: center;
    padding: 0 35px 0 0
  }
  @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 {
  height: 70px;
  object-fit: contain;
  width: 70px
}

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 {
  color: #4d4d4d;
  display: block;
  text-align: left
}

section.what-you-get .container span {
  color: #666;
  display: block;
  margin-top: 5px;
  text-align: left
}

.equal-panels-left, .equal-panels-right, .sixty-forty-container-left, .sixty-forty-container-right {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  min-height: 400px
}

.equal-panels-left .box--image, .equal-panels-right .box--image, .sixty-forty-container-left .box--image, .sixty-forty-container-right .box--image {
  flex-basis: 350px;
  flex-grow: 1.5;
  min-height: 220px
}

@media (max-width:699px) {
  .equal-panels-left .box--image, .equal-panels-right .box--image, .sixty-forty-container-left .box--image, .sixty-forty-container-right .box--image {
    order: 2
  }
}

.equal-panels-left .box--text, .equal-panels-right .box--text, .sixty-forty-container-left .box--text, .sixty-forty-container-right .box--text {
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-basis: 350px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  padding: 30px;
  text-align: center
}

@media (min-width:700px) {
  .equal-panels-left .box--text, .equal-panels-right .box--text, .sixty-forty-container-left .box--text, .sixty-forty-container-right .box--text {
    align-items: flex-start;
    text-align: left
  }
}

@media (min-width:768px) {
  .equal-panels-left .box--text, .equal-panels-right .box--text, .sixty-forty-container-left .box--text, .sixty-forty-container-right .box--text {
    padding: 50px
  }
}

.equal-panels-right, .sixty-forty-container-right {
  flex-direction: row-reverse
}

@media (min-width:700px) {
  .equal-panels-right .box--text, .sixty-forty-container-right .box--text {
    align-items: flex-end;
    text-align: right
  }
}

.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 {
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center
}

.full-panel .box--image, .full-panel .box--image_cover {
  min-height: 400px;
  width: 100%
}

.full-panel .box--text {
  max-width: 900px;
  padding: 20px;
  text-align: center
}

.full-panel .box--text h1 {
  font-size: 2.2em
}

@media (min-width:768px) {
  .full-panel .box--text {
    padding: 30px
  }
}

.full-panel .box-three-columns {
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  max-width: 1100px;
  width: 100%
}

.full-panel .box-three-columns, .full-panel .box-three-columns .column {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex
}

.full-panel .box-three-columns .column {
  align-items: center;
  flex-basis: 250px;
  flex-direction: column;
  flex-grow: 1;
  padding: 15px 10px;
  text-align: center
}

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

.component-contact-panel {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  justify-content: center;
  max-height: 300px;
  padding: 0
}

.component-contact-panel .bubble {
  padding: 1rem
}

.component-contact-panel .bubble:after {
  background: url(/img/contact-panel/bubble.bfb3f331471a794b5f69000b836bfbf2.svg) no-repeat;
  bottom: 30px;
  content: " ";
  display: inline-block;
  height: 18px;
  left: -6px;
  position: relative;
  width: 16px
}

.component-contact-panel .bubble h2 {
  background-color: #0572ec;
  border-radius: 15px;
  color: #fff;
  font-size: 1.5em;
  line-height: 36px;
  max-width: 696px;
  padding: 16px 20px;
  text-align: center
}

.component-contact-panel .bubble h2 a {
  box-shadow: inset 0 -2px 0 0 hsla(0, 0%, 100%, .4);
  text-decoration: none;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease
}

.component-contact-panel .bubble h2 a.icon {
  background-position: 50%;
  background-repeat: no-repeat;
  box-shadow: none;
  display: inline-block;
  height: 23px;
  margin-bottom: 0;
  vertical-align: -3px;
  width: 28px
}

.component-contact-panel .bubble h2 a.icon:hover {
  box-shadow: none;
  opacity: 1
}

.component-contact-panel.families-page {
  background: linear-gradient(180deg, #f2f4f7 50%, #fff 0)
}

.component-contact-panel.signup-page {
  background: linear-gradient(180deg, #f2f4f7 50%, #232a3f 0)
}

.scrolling-quotes-all {
  margin: 0 0 80px;
  text-align: center
}

.scrolling-quotes-all .scrolling-quotes-header {
  position: relative;
  top: 40px;
  z-index: 5
}

.scrolling-quotes-all .scrolling-quotes-header h2 {
  color: #4d4d4d;
  max-width: none!important;
  text-align: center
}

.scrolling-quotes-all .scrolling-quotes-header h3 {
  color: #0572ec;
  font-size: 1em
}

.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(180deg, #fff 0, #f2f4f7 53%, #e6e8eb 0, #e6e8eb 53.3%, #fff 0);
  background-size: cover;
  margin: 1em auto 0;
  max-height: 350px;
  overflow: hidden;
  padding-bottom: 10px;
  padding-left: 100%;
  padding-top: 100px;
  width: 100%
}

.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__logo, .scrolling-quotes-all .scrolling-quotes-container .scrolling-quotes-container__text {
  align-self: center;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, .1);
  border-radius: 6px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .02);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 10px;
  max-width: 360px;
  min-width: 300px;
  overflow: auto;
  text-align: left;
  transition: all .2s ease-in-out;
  vertical-align: middle
}

.scrolling-quotes-all .scrolling-quotes-container .scrolling-quotes-container__logo p, .scrolling-quotes-all .scrolling-quotes-container .scrolling-quotes-container__text p {
  font-size: .95em;
  margin: 0;
  padding: 0;
  width: 100%
}

.scrolling-quotes-all .scrolling-quotes-container .scrolling-quotes-container__logo p cite, .scrolling-quotes-all .scrolling-quotes-container .scrolling-quotes-container__text p cite {
  display: block;
  font-weight: 700
}

.scrolling-quotes-all .scrolling-quotes-container .scrolling-quotes-container__logo:hover, .scrolling-quotes-all .scrolling-quotes-container .scrolling-quotes-container__text:hover {
  transform: scale(1.05)
}

@-webkit-keyframes ticker {
  0% {
    -webkit-transform: translate3d(-15%, 0, 0);
    transform: translate3d(-15%, 0, 0);
    visibility: visible
  }
  to {
    -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
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }
}

.scrolling-quotes-all .scrolling-quotes-container .ticker {
  -webkit-animation-duration: 120s;
  animation-duration: 120s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: ticker;
  animation-name: ticker;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  bottom: 30px;
  display: inline-flex;
  padding-right: 100%;
  position: relative
}

.scrolling-quotes-all .scrolling-quotes-container .ticker:hover {
  -webkit-animation-play-state: paused;
  animation-play-state: paused
}

.scrolling-quotes-v2 {
  background: linear-gradient(180deg, #fff 0, #f2f4f7 87%, #e6e8eb 0, #e6e8eb 0, #fff 0);
  background-size: cover;
  text-align: center
}

@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 {
  color: #4d4d4d;
  font-size: 2em;
  max-width: none!important;
  padding: 10px 0 0;
  text-align: center
}

.scrolling-quotes-v2 .scrolling-quotes-header-v2 h3 {
  color: #0572ec;
  font-size: 1em
}

.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;
  max-height: 400px;
  overflow: hidden;
  position: relative;
  width: 100%
}

@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: normal
}

.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#netguru, .scrolling-quotes-v2 .scrolling-quotes-container-v2 .scrolling-quotes-container-v2__text p img#wirecutter {
  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 {
  align-self: center;
  width: 140px
}

.scrolling-quotes-v2 .scrolling-quotes-container-v2 .scrolling-quotes-container-v2__logo img#pagerduty {
  align-self: center;
  width: 220px
}

.scrolling-quotes-v2 .scrolling-quotes-container-v2 .scrolling-quotes-container-v2__logo, .scrolling-quotes-v2 .scrolling-quotes-container-v2 .scrolling-quotes-container-v2__text {
  align-self: center;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, .1);
  border-radius: 6px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .02);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 10px;
  max-width: 360px;
  min-width: 300px;
  overflow: auto;
  text-align: left;
  transition: all .2s ease-in-out;
  vertical-align: middle
}

.scrolling-quotes-v2 .scrolling-quotes-container-v2 .scrolling-quotes-container-v2__logo p, .scrolling-quotes-v2 .scrolling-quotes-container-v2 .scrolling-quotes-container-v2__text p {
  font-size: .95em;
  margin: 0;
  padding: 0;
  width: 100%
}

.scrolling-quotes-v2 .scrolling-quotes-container-v2 .scrolling-quotes-container-v2__logo p cite, .scrolling-quotes-v2 .scrolling-quotes-container-v2 .scrolling-quotes-container-v2__text p cite {
  align-items: flex-end;
  display: inline-flex;
  flex-direction: row;
  font-weight: 700;
  margin-top: 5px
}

.scrolling-quotes-v2 .scrolling-quotes-container-v2 .scrolling-quotes-container-v2__logo p cite svg, .scrolling-quotes-v2 .scrolling-quotes-container-v2 .scrolling-quotes-container-v2__text p cite svg {
  margin-right: 5px
}

.scrolling-quotes-v2 .scrolling-quotes-container-v2 .scrolling-quotes-container-v2__logo:hover, .scrolling-quotes-v2 .scrolling-quotes-container-v2 .scrolling-quotes-container-v2__text:hover {
  transform: scale(1.05)
}

@media (hover:hover) and (pointer:fine) {
  .scrolling-quotes-v2 .scrolling-quotes-container-v2:hover div.arrow {
    opacity: .5
  }
}

.scrolling-quotes-v2 .scrolling-quotes-container-v2 div.arrow {
  align-items: center;
  color: #fff;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 190px;
  justify-content: center;
  opacity: 0;
  position: absolute;
  width: 40px;
  z-index: 20
}

@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 {
  align-items: center;
  background-color: rgba(0, 0, 0, .5);
  border-radius: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  height: 40px;
  justify-content: center;
  width: 40px
}

.scrolling-quotes-v2 .scrolling-quotes-container-v2 .ticker {
  display: inline-flex;
  position: relative
}

.component-teams-grid {
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column
}

@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 {
  background: url(/img/contact-panel/bubble.bfb3f331471a794b5f69000b836bfbf2.svg) no-repeat;
  bottom: 30px;
  content: " ";
  display: inline-block;
  height: 18px;
  left: -6px;
  position: relative;
  width: 16px
}

.component-teams-grid .bubble h2 {
  background-color: #0572ec;
  border-radius: 15px;
  color: #fff;
  font-size: 1.5em;
  line-height: 36px;
  max-width: 696px;
  padding: 16px 20px;
  text-align: center
}

.component-teams-grid .bubble h2 a {
  box-shadow: inset 0 -2px 0 0 hsla(0, 0%, 100%, .4);
  text-decoration: none;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease
}

.component-teams-grid .bubble h2 a.icon {
  background-position: 50%;
  background-repeat: no-repeat;
  box-shadow: none;
  display: inline-block;
  height: 23px;
  margin-bottom: 0;
  vertical-align: -3px;
  width: 28px
}

.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(180deg, #525c66 50%, #232a3f 0)
}

.component-teams-grid.teams-pricing {
  background: linear-gradient(180deg, #f2f4f7 50%, #232a3f 0)
}

.component-teams-grid.teams-pricing--light {
  background: linear-gradient(180deg, #fff 50%, #232a3f 0)
}

.business-features-list {
  align-items: center;
  background: #525c66;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center
}

.business-features-list h2 {
  color: #fff;
  font-size: 1.5em;
  line-height: 32px;
  margin-bottom: 0
}

.business-features-list h3 {
  color: #fff;
  font-size: 1.1em
}

.business-features-list p {
  color: #dadde5
}

.business-features-list .title {
  margin: 50px auto;
  text-align: center
}

.business-features-list .title :nth-child(2n) {
  color: #8fa1b3
}

.business-features-list .features-grid {
  align-items: flex-start;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  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-gap: 5px;
      grid-template-columns: 1fr 1fr
    }
  }
  @media (min-width:1200px) {
    .business-features-list .features-grid {
      grid-template-columns: repeat(3, 330px)
    }
  }
}

@media (min-width:768px) {
  .business-features-list .features-grid {
    margin: 0 auto;
    max-width: 1140px;
    padding: 15px 40px
  }
}

.business-features-list .features-grid li {
  background-image: url(/img/checkbox-grey-white.svg);
  background-repeat: no-repeat;
  background-size: 22px;
  list-style: none;
  margin: 0 5px;
  max-width: 330px;
  padding: 0 0 0 30px
}

.current-openings {
  margin: 0 auto;
  max-width: 940px;
  overflow: hidden;
  padding: 0 10px;
  text-align: center;
  width: 100%
}

.current-openings hr {
  background-color: #4d5d8c;
  height: 2px;
  margin: 60px 0;
  opacity: .2;
  position: relative;
  width: 100%
}

@media (min-width:1200px) {
  .current-openings hr {
    margin: 70px 0
  }
}

.current-openings h2.title {
  color: #212b36;
  font-size: 1.875em;
  margin-bottom: 30px
}

.current-openings p {
  opacity: .8
}

.current-openings p.description {
  color: #3d454d;
  margin: 30px auto;
  max-width: 918px
}

.current-openings .current-openings-grid {
  grid-gap: 12px;
  display: grid;
  grid-template-columns: 1fr;
  justify-items: center;
  margin: 0 auto
}

.current-openings .current-openings-grid a {
  align-items: center;
  background-color: #f5f6f7;
  -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: space-between;
  margin-bottom: 12px;
  max-width: 1040px;
  padding: 30px;
  text-align: center;
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  width: 100%
}

@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-stretch: normal;
  font-style: normal;
  font-weight: 400;
  letter-spacing: -.2px;
  line-height: 1.15
}

@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 {
  display: block;
  padding: 40px 0 50px;
  width: 100%
}

@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 {
  flex-direction: row;
  justify-content: center
}

.security-compliance, .security-compliance a {
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex
}

.security-compliance a {
  flex-direction: column;
  padding: 30px
}

.security-compliance a, .security-compliance a :hover {
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out
}

.security-compliance a :hover {
  transform: scale(1.05)
}

@media (max-width:767px) {
  .security-compliance a {
    padding: 10px
  }
}

.join-testflight {
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 auto 60px;
  max-width: 1030px;
  padding: 0 20px;
  text-align: 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 {
  align-self: center;
  background-color: #0572ec;
  border-radius: 100px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
  box-sizing: border-box;
  color: #fff;
  display: flex;
  font-weight: 600;
  justify-content: center;
  margin: 0 auto;
  max-width: 300px;
  outline: none;
  padding: 12px;
  text-align: center;
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out;
  width: calc(100% - 60px)
}

@media (max-width:600px) {
  .join-testflight a.join-testflight-button {
    width: calc(100% - 30px)
  }
}

.join-testflight a.join-testflight-button:focus, .join-testflight a.join-testflight-button:hover {
  box-shadow: 0 8px 34px 0 rgba(0, 0, 0, .3);
  transform: scale(1.05);
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out
}

.join-testflight .test-access-android {
  max-width: 600px;
  width: 100%
}

.join-testflight .test-access-android p {
  font-weight: 700
}

.join-testflight .test-access-android ul {
  letter-spacing: -.3px;
  list-style-type: none;
  margin-bottom: 1.3em
}

.join-testflight .test-access-android ul li {
  color: #3d454d;
  margin-bottom: 8px;
  max-width: 600px
}

.join-testflight .test-access-android ul li a {
  color: #0572ec;
  text-decoration: none
}

.accolades__container {
  margin: 0 auto;
  max-width: 1160px
}

.accolades__header-title {
  color: #637381;
  font-size: 1.25rem;
  letter-spacing: normal;
  line-height: 1.35;
  opacity: .9;
  text-align: center
}

.accolades__mobile {
  display: none
}

@media (max-width:699px) {
  .accolades__mobile {
    display: block;
    margin: 0 auto;
    padding: 30px
  }
}

.accolades__desktop {
  display: block;
  padding: 50px
}

@media (max-width:699px) {
  .accolades__desktop {
    display: none
  }
}

section.job-post-contact {
  margin: 0 auto;
  max-width: 922px;
  text-align: center;
  width: 100%
}

section.job-post-contact hr {
  background-color: #4d5d8c;
  height: 2px;
  opacity: .2;
  width: 100%
}

section.job-post-contact div.container {
  padding: 60px 0
}

section.job-post-contact div.container p {
  color: #3d454d;
  font-size: 1.125em;
  margin: 0 auto;
  max-width: 532px;
  opacity: .8;
  width: 100%
}

section.job-post-contact div.container a.btn {
  align-self: center;
  background-color: #0572ec;
  border-radius: 100px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
  box-sizing: border-box;
  color: #fff;
  display: flex;
  font-weight: 600;
  justify-content: center;
  margin: 30px auto 0;
  max-width: 300px;
  outline: none;
  padding: 12px;
  text-align: center;
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out;
  width: calc(100% - 60px)
}

@media (max-width:600px) {
  section.job-post-contact div.container a.btn {
    width: calc(100% - 30px)
  }
}

section.job-post-contact div.container a.btn:focus, section.job-post-contact div.container a.btn:hover {
  box-shadow: 0 8px 34px 0 rgba(0, 0, 0, .3);
  transform: scale(1.05)
}

section.job-post-contact div.container a.apply-btn, section.job-post-contact div.container a.btn:focus, section.job-post-contact div.container a.btn:hover {
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out
}

section.job-post-contact div.container a.apply-btn {
  align-self: center;
  border-radius: 100px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
  box-sizing: border-box;
  color: #fff;
  display: flex;
  font-weight: 600;
  justify-content: center;
  margin: 30px auto 0;
  max-width: 300px;
  outline: none;
  padding: 12px;
  text-align: center;
  width: calc(100% - 60px)
}

@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:focus, section.job-post-contact div.container a.apply-btn:hover {
  box-shadow: 0 8px 34px 0 rgba(0, 0, 0, .3);
  transform: scale(1.05);
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .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, .5);
  box-shadow: none;
  pointer-events: none;
  transform: none
}

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

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

#navbar-pricing {
  display: flex;
  flex-direction: column;
  left: 0;
  margin-bottom: 0;
  min-height: 60px;
  position: fixed;
  top: 0;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  vertical-align: middle;
  width: 100%;
  z-index: 1000
}

#navbar-pricing a.current {
  opacity: 1
}

#navbar-pricing .navigation-simple {
  font-weight: 600;
  height: 40px;
  margin: 19px 0 0;
  padding: 0;
  position: relative
}

#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 {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out
}

.resources-cards-panel .card>a {
  width: 100%
}

.resources-cards-panel .card:hover {
  -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .12);
  -moz-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .12);
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .12);
  transform: scale(1.025);
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out
}

@media (min-width:768px) {
  .resources-cards-panel .card {
    flex: 0 0 auto
  }
}

.resources-cards-panel .card--deepblue {
  background-color: #1f2e59;
  color: #fff
}

.resources-cards-panel .card--lightblue {
  background-color: #b5d4f2;
  color: #3d454d
}

.resources-cards-panel .card--greyblue {
  background-color: #5f729e;
  color: #fff
}

.resources-cards-panel .card--lightblue2 {
  background-color: #badcff;
  color: #3d454d
}

.resources-cards-panel .card--darkblue {
  background-color: #00407f;
  color: #fff
}

.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: #fff
}

.resources-cards-panel .card--ultragrey2 {
  background-color: #051627;
  color: #eaeaea
}

.resources-cards-panel .card--bitsblue4 {
  background-color: #034ea6;
  color: #fff
}

.resources-cards-panel .card--sassypurple {
  background-color: #33103f;
  color: #fff
}

.resources-cards-panel .card--blue-bits {
  background-color: #0572ec;
  color: #fff
}

.resources-cards-panel .card--ultra-grey-5 {
  background-color: #35414c;
  color: #fff
}

.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: 1 1 auto;
  flex-direction: column;
  padding: 30px;
  width: 100%
}

.resources-cards-panel .card .card-content__category {
  color: #333;
  font-size: .75rem;
  opacity: .7
}

.resources-cards-panel .card .card-content__title {
  color: inherit;
  font-size: 1.375rem;
  opacity: .9
}

.resources-cards-panel .card .card-content__title--none-more-black {
  color: #000
}

.resources-cards-panel .card .card-content__description {
  color: inherit;
  opacity: .8
}

.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 {
  color: inherit;
  font-weight: 600
}

.resources-cards-panel .card .card-content__link svg {
  transition: transform .2s
}

.resources-cards-panel .card .card-content__link:hover svg {
  transform: translateX(7px);
  transition: transform .2s
}

.resources-cards-panel .card .card-content__clickable-card {
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.resources-cards-panel .card .card-content__link--blue-primary {
  color: #0572ec
}

.resources-cards-panel .card .card-content__link--none-more-black {
  color: #000
}

.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 {
      align-content:start;
      align-items: start;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      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: #fff;
      border: 1px solid #dee0e3;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      position: relative
    }
    .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 {
  font-size: 2rem;
  letter-spacing: -.64px;
  line-height: 1.5;
  margin-bottom: 60px;
  text-align: center
}

.resources-cards-panel__container {
  margin: 0 auto;
  max-width: 1050px;
  width: 100%
}

.resources-cards-panel__card {
  background-color: #fff;
  height: 100%
}

.resources-cards-panel__all-resources-link {
  color: #0572ec;
  display: block;
  font-size: 1.125rem;
  font-weight: 600;
  margin: 20px auto 0;
  max-width: 1050px;
  text-align: right;
  width: 100%
}

.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: #fff;
  font-size: 2rem;
  margin: 0 auto 6px;
  text-align: center
}

.end-cta-panel__button {
  align-self: center;
  background-color: #fff;
  border-radius: 100px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
  box-sizing: border-box;
  color: #0572ec;
  display: flex;
  font-weight: 600;
  justify-content: center;
  margin: 0 auto 15px;
  max-width: 300px;
  max-width: 270px;
  outline: none;
  padding: 12px;
  text-align: center;
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out;
  width: calc(100% - 60px)
}

@media (max-width:600px) {
  .end-cta-panel__button {
    width: calc(100% - 30px)
  }
}

.end-cta-panel__button:focus, .end-cta-panel__button:hover {
  box-shadow: 0 8px 34px 0 rgba(0, 0, 0, .3);
  transform: scale(1.05);
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out
}

.end-cta-panel__button:hover {
  color: #0572ec
}

.end-cta-panel__description {
  color: #fff;
  font-size: 1.25rem
}

.leave-review {
  margin: 0 auto;
  max-width: 1130px;
  padding: 60px 30px;
  width: 100%
}

.leave-review__container {
  text-align: center
}

.leave-review__container-title {
  color: #1f2e59;
  font-size: 2.375rem;
  letter-spacing: -.6px;
  line-height: 1;
  margin-bottom: 17px
}

.leave-review__description {
  margin: 0 auto 16px;
  max-width: 450px;
  width: 100%
}

.leave-review__button {
  align-self: center;
  background-color: #0572ec;
  border-radius: 100px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
  box-sizing: border-box;
  color: #fff;
  display: flex;
  font-weight: 600;
  justify-content: center;
  margin: 40px auto;
  max-width: 300px;
  outline: none;
  padding: 12px;
  text-align: center;
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out;
  width: calc(100% - 60px)
}

@media (max-width:600px) {
  .leave-review__button {
    width: calc(100% - 30px)
  }
}

.leave-review__button:focus, .leave-review__button:hover {
  box-shadow: 0 8px 34px 0 rgba(0, 0, 0, .3);
  transform: scale(1.05);
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out
}

.leave-review__button:hover {
  color: #fff
}

.leave-review__rating-container {
  width: 100%
}

.leave-review__rating {
  align-items: center;
  border: 1px solid rgba(51, 51, 51, .2);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  transition: transform .2s
}

.leave-review__rating:hover {
  transform: scale(1.05);
  transition: transform .2s
}

.leave-review__stars {
  background-color: #fff;
  bottom: 8px;
  padding: 0 10px;
  position: relative
}

.leave-review__logo {
  margin: 25px
}

.leave-review__rating-name {
  margin-bottom: 5px;
  text-align: center
}

.leave-review__rating-score {
  font-weight: 600;
  text-align: center
}

.work-from-home-panel__container {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  margin: 0 auto;
  max-width: 1170px;
  padding: 60px 30px
}

.work-from-home-panel__container--has-alternate-image {
  padding-bottom: 0
}

@media (min-width:57em) {
  .work-from-home-panel__container--has-alternate-image {
    padding-top: 0
  }
}

.work-from-home-panel__container--lightblue {
  background-color: #eef7fe
}

.work-from-home-panel__description, .work-from-home-panel__title {
  margin-bottom: 16px
}

@media (max-width:479px) {
  .work-from-home-panel__description, .work-from-home-panel__link, .work-from-home-panel__title {
    margin: 0 auto 16px
  }
}

@media (min-width:1024px) {
  .work-from-home-panel__description, .work-from-home-panel__link, .work-from-home-panel__title {
    margin-left: 100px
  }
}

.work-from-home-panel__title {
  color: #333;
  font-size: 1.8rem;
  letter-spacing: -.2px;
  line-height: 1.15;
  max-width: 400px
}

.work-from-home-panel__link {
  color: #0572ec;
  display: inline-block;
  font-size: 1.125rem;
  font-weight: 600;
  letter-spacing: -.12px;
  line-height: 1.5
}

.work-from-home-panel__link>svg {
  transition: transform .2s
}

.work-from-home-panel__link:hover {
  color: #06c
}

.work-from-home-panel__link:hover>svg {
  transform: translateX(7px);
  transition: transform .2s
}

.work-from-home-panel__link:hover>svg path {
  fill: #06c;
  transition: fill .2s
}

@media (min-width:768px) {
  .work-from-home-panel__image-container--has-alternate-image {
    padding-top: 45px
  }
}

#home {
  overflow: hidden;
  position: relative
}

#home section.home-intro {
  align-items: center;
  background-image: linear-gradient(0deg, #38bdff, #0572ec);
  color: #fff;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 500px;
  position: relative;
  width: 100vw
}

@media (min-width:1000px) {
  #home section.home-intro {
    align-items: flex-end;
    flex-direction: row;
    justify-content: flex-end
  }
}

@media (min-width:1024px) {
  #home section.home-intro {
    height: 45vh;
    left: -10vw;
    min-height: 600px;
    width: 120vw
  }
}

@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:first-child:not(.video) {
  align-self: center;
  flex-grow: 1;
  margin: 0 40px 0 14%;
  max-width: 360px
}

#home section.home-intro div:first-child:not(.video) h1 {
  color: #fff;
  margin: 0 0 20px
}

#home section.home-intro div:first-child:not(.video) p {
  color: #fff;
  font-size: 1.25em;
  margin-bottom: 20px;
  opacity: .8
}

#home section.home-intro div:first-child:not(.video) .sign-up, #home section.home-intro div:first-child:not(.video) .video-button {
  align-self: center;
  border-radius: 100px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
  box-sizing: border-box;
  display: flex;
  font-weight: 600;
  justify-content: center;
  margin: 0 auto;
  max-width: 300px;
  outline: none;
  padding: 12px;
  text-align: center;
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out;
  width: calc(100% - 60px)
}

@media (max-width:600px) {
  #home section.home-intro div:first-child:not(.video) .sign-up, #home section.home-intro div:first-child:not(.video) .video-button {
    width: calc(100% - 30px)
  }
}

#home section.home-intro div:first-child:not(.video) .sign-up:focus, #home section.home-intro div:first-child:not(.video) .sign-up:hover, #home section.home-intro div:first-child:not(.video) .video-button:focus, #home section.home-intro div:first-child:not(.video) .video-button:hover {
  box-shadow: 0 8px 34px 0 rgba(0, 0, 0, .3);
  transform: scale(1.05);
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out
}

#home section.home-intro div:first-child:not(.video) .sign-up {
  background: #fff;
  border: 2px solid #fff;
  color: #0572ec;
  float: left;
  max-width: 180px;
  padding: 14px 0
}

#home section.home-intro div:first-child:not(.video) .video-button {
  border: 2px solid #fff;
  box-shadow: none;
  color: #fff;
  cursor: pointer;
  float: left;
  margin-left: 10px;
  max-width: 160px;
  padding: 14px 0
}

@media (max-width:1023px) {
  #home section.home-intro div:first-child:not(.video) {
    margin: 100px 0 0;
    text-align: center!important;
    width: 80%
  }
  #home section.home-intro div:first-child:not(.video) .sign-up {
    float: none;
    max-width: none
  }
  #home section.home-intro div:first-child: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 {
    bottom: 50px;
    height: 402px;
    left: 50px;
    max-width: 700px;
    position: absolute;
    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 {
    align-self: center;
    float: none;
    margin: 30px;
    width: 250px
  }
}

@media (min-width:1024px) {
  #home section.home-intro .image-container__phone {
    background-color: #3d454d;
    border-radius: 32px;
    bottom: 80px;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .15);
    height: 353px;
    object-fit: contain;
    position: absolute;
    transform: rotate(-10deg)
  }
}

#home section.home-accountoptions-container {
  background-color: #38bdff
}

#home section.home-accountoptions-container section.home-accountoptions {
  background-color: transparent;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin: 0 auto;
  max-width: 1160px;
  width: 100%
}

@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-gap: 10px;
      grid-template-columns: repeat(3, minmax(280px, 380px))
    }
  }
}

#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 {
  align-items: center;
  background-color: #fff;
  -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;
  flex-grow: 1;
  overflow: hidden;
  text-align: center
}

@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 {
  align-items: center;
  border-bottom: 1px solid #e2e3e4;
  display: flex;
  height: 100%;
  text-align: left
}

#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 {
  align-items: center;
  background-color: #0572ec;
  border-radius: 0 0 3px 3px;
  display: flex;
  height: 44px;
  justify-content: center;
  text-align: center
}

#home section.home-accountoptions-container section.home-accountoptions .blog-card__link-all-container .arrow {
  transition: transform .2s
}

#home section.home-accountoptions-container section.home-accountoptions .blog-card__link-all-container:hover .arrow {
  transform: translateX(7px);
  transition: transform .2s
}

#home section.home-accountoptions-container section.home-accountoptions .blog-card__link-all {
  color: #fff;
  font-weight: 600;
  margin-bottom: 0
}

#home section.home-accountoptions-container section.home-accountoptions .blog-card__description {
  color: inherit;
  font-weight: 600;
  margin-bottom: 0;
  padding: 10px 10px 10px 15px
}

#home section.home-accountoptions-container section.home-accountoptions .blog-card__image {
  height: 100%;
  object-fit: cover;
  width: 96px
}

#home section.home-accountoptions-container section.home-accountoptions .homepage-domain-breach-report, #home section.home-accountoptions-container section.home-accountoptions .teams {
  align-items: flex-end;
  background-color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  height: 380px;
  justify-content: flex-end;
  overflow: hidden;
  text-align: center;
  z-index: 10
}

@supports (display:grid) {
  #home section.home-accountoptions-container section.home-accountoptions .homepage-domain-breach-report, #home section.home-accountoptions-container section.home-accountoptions .teams {
    display: grid;
    grid-template-columns: 1fr;
    justify-items: center
  }
  @media (max-width:999px) {
    #home section.home-accountoptions-container section.home-accountoptions .homepage-domain-breach-report, #home section.home-accountoptions-container section.home-accountoptions .teams {
      margin: 0 20px 20px
    }
  }
}

#home section.home-accountoptions-container section.home-accountoptions .homepage-domain-breach-report a:first-child, #home section.home-accountoptions-container section.home-accountoptions .teams a:first-child {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  width: 100%
}

#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), #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) {
  position: relative;
  z-index: 1
}

#home section.home-accountoptions-container section.home-accountoptions .homepage-domain-breach-report a:last-child, #home section.home-accountoptions-container section.home-accountoptions .teams a:last-child {
  margin-top: -50px;
  position: relative;
  width: 100%;
  z-index: 0
}

@media screen\0 {
  #home section.home-accountoptions-container section.home-accountoptions .homepage-domain-breach-report, #home section.home-accountoptions-container section.home-accountoptions .teams {
    align-items: center;
    justify-content: space-between
  }
  #home section.home-accountoptions-container section.home-accountoptions .homepage-domain-breach-report a, #home section.home-accountoptions-container section.home-accountoptions .teams a {
    display: block;
    width: 100%
  }
}

@media (min-width:1000px) {
  #home section.home-accountoptions-container section.home-accountoptions .homepage-domain-breach-report, #home section.home-accountoptions-container section.home-accountoptions .teams {
    grid-template-rows: 120px minmax(100px, 1fr)
  }
  html[lang=es] #home section.home-accountoptions-container section.home-accountoptions .homepage-domain-breach-report, html[lang=es] #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=fr] #home section.home-accountoptions-container section.home-accountoptions .teams, html[lang=ja] #home section.home-accountoptions-container section.home-accountoptions .homepage-domain-breach-report, html[lang=ja] #home section.home-accountoptions-container section.home-accountoptions .teams, html[lang=pt-br] #home section.home-accountoptions-container section.home-accountoptions .homepage-domain-breach-report, html[lang=pt-br] #home section.home-accountoptions-container section.home-accountoptions .teams, html[lang=ru] #home section.home-accountoptions-container section.home-accountoptions .homepage-domain-breach-report, html[lang=ru] #home section.home-accountoptions-container section.home-accountoptions .teams {
    grid-template-rows: 150px minmax(80px, 1fr)
  }
}

@media screen\0 and (min-width:1000px) {
  #home section.home-accountoptions-container section.home-accountoptions .homepage-domain-breach-report, #home section.home-accountoptions-container section.home-accountoptions .teams {
    width: 33.33333%
  }
}

@media (min-width:1000px) {
  #home section.home-accountoptions-container section.home-accountoptions .homepage-domain-breach-report, #home section.home-accountoptions-container section.home-accountoptions .teams {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
  }
}

#home section.home-accountoptions-container section.home-accountoptions .homepage-domain-breach-report h2, #home section.home-accountoptions-container section.home-accountoptions .teams h2 {
  font-size: 1.375em;
  margin-bottom: 15px
}

@media (min-width:1000px) {
  #home section.home-accountoptions-container section.home-accountoptions .homepage-domain-breach-report h2, #home section.home-accountoptions-container section.home-accountoptions .teams h2 {
    font-size: 1.25em;
    line-height: 1.2
  }
}

@media (min-width:1200px) {
  #home section.home-accountoptions-container section.home-accountoptions .homepage-domain-breach-report h2, #home section.home-accountoptions-container section.home-accountoptions .teams h2 {
    font-size: 1.375em;
    line-height: 1.3
  }
}

#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, #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 {
  align-self: flex-start;
  margin-left: auto;
  margin-right: auto;
  max-width: 85%
}

@media screen\0 {
  #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, #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 {
    width: 100%
  }
}

#home section.home-accountoptions-container section.home-accountoptions .homepage-domain-breach-report h3, #home section.home-accountoptions-container section.home-accountoptions .teams h3 {
  align-self: end;
  color: #757575;
  padding-top: 42px;
  width: 100%
}

#home section.home-accountoptions-container section.home-accountoptions .homepage-domain-breach-report p, #home section.home-accountoptions-container section.home-accountoptions .teams p {
  color: #757575
}

#home section.home-accountoptions-container section.home-accountoptions .homepage-domain-breach-report .button, #home section.home-accountoptions-container section.home-accountoptions .teams .button {
  align-self: center;
  background-color: #0572ec;
  border-radius: 100px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
  box-sizing: border-box;
  color: #fff;
  display: flex;
  font-weight: 600;
  justify-content: center;
  margin: 0 auto;
  max-width: 300px;
  max-width: 250px;
  outline: none;
  padding: 12px;
  text-align: center;
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out;
  width: calc(100% - 60px)
}

@media (max-width:600px) {
  #home section.home-accountoptions-container section.home-accountoptions .homepage-domain-breach-report .button, #home section.home-accountoptions-container section.home-accountoptions .teams .button {
    width: calc(100% - 30px)
  }
}

#home section.home-accountoptions-container section.home-accountoptions .homepage-domain-breach-report .button:focus, #home section.home-accountoptions-container section.home-accountoptions .homepage-domain-breach-report .button:hover, #home section.home-accountoptions-container section.home-accountoptions .teams .button:focus, #home section.home-accountoptions-container section.home-accountoptions .teams .button:hover {
  box-shadow: 0 8px 34px 0 rgba(0, 0, 0, .3);
  transform: scale(1.05);
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .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;
  display: block;
  position: relative;
  top: 4px;
  width: 100%
}

#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: #fff
}

#home section.accolades {
  background-color: #38bdff
}

.downloads {
  margin-top: 60px;
  overflow: hidden
}

.downloads .downloads-main {
  align-items: center;
  background-image: linear-gradient(0deg, #38bdff, #0572ec);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 380px;
  overflow: hidden;
  padding-top: 100px;
  text-align: center;
  width: 100%
}

.downloads .downloads-main h1, .downloads .downloads-main p {
  color: #fff
}

.downloads .downloads-main p {
  font-size: 22px;
  font-weight: 600;
  opacity: .8
}

.downloads .downloads-main img.downloads-main-header {
  height: 200px;
  max-width: 980px;
  object-fit: cover;
  position: relative;
  top: 45px;
  width: 100%
}

@media screen\0 {
  .downloads .downloads-main img.downloads-main-header {
    width: auto
  }
}

@media (min-width:1024px) {
  .downloads .downloads-main {
    border-radius: 0 0 50% 50%;
    height: 400px;
    margin-left: -10vw;
    width: 120vw
  }
}

.downloads .downloads-main .header-text {
  margin: 0 auto
}

.downloads .platform-selector-main {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, .12);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  bottom: 20px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .08);
  margin: 0 auto;
  max-width: 850px;
  padding: 15px 0 0;
  position: relative;
  text-align: center
}

@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 {
  padding: 0 10px;
  width: 100%
}

.downloads .platform-selector-main .platforms>div.platform-container {
  align-items: flex-start;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  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 {
  align-items: center;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  color: rgba(61, 69, 77, .85);
  color: #333;
  display: inline-flex;
  flex-direction: column;
  font-size: 14px;
  height: 80px;
  justify-content: space-around;
  padding: 10px 0;
  text-align: center;
  width: 100px
}

@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 {
  align-items: center;
  background-image: linear-gradient(0deg, #bfeaff, #80caff);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  margin-left: -10vw;
  min-height: 250px;
  overflow: hidden;
  position: relative;
  width: 120vw
}

@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 {
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: 320px, auto;
    height: 250px;
    width: 100vw
  }
  .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 {
    height: 250px;
    height: 350px;
    object-fit: contain;
    object-position: bottom;
    position: relative;
    top: 20px
  }
}

@media (min-width:1024px) {
  .downloads .downloads-header .android img, .downloads .downloads-header .ios img {
    height: 400px;
    max-width: 920px;
    object-fit: cover;
    object-position: top;
    top: 0;
    width: 100%
  }
}

@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)
  }
  .downloads .downloads-header .ios {
    background-image: url(/img/downloads/screenshot-ios-mobile@2x.a9091e88695d71f40c68b6a3944d0477.png)
  }
}

.downloads .downloads-header.linux img, .downloads .downloads-header.mac img, .downloads .downloads-header.windows img {
  height: 250px;
  object-fit: contain;
  object-position: bottom;
  position: relative
}

@media (min-width:768px) {
  .downloads .downloads-header.linux img, .downloads .downloads-header.mac img, .downloads .downloads-header.windows img {
    height: 350px
  }
}

@media (min-width:1024px) {
  .downloads .downloads-header.linux img, .downloads .downloads-header.mac img, .downloads .downloads-header.windows img {
    height: 400px;
    object-fit: none;
    object-position: top;
    top: 0
  }
}

.downloads .downloads-header.mac img.downloads-mac-header {
  max-width: 980px;
  top: 30px;
  width: 100vw
}

@media screen\0 {
  .downloads .downloads-header.mac img.downloads-mac-header {
    width: auto
  }
}

.downloads .downloads-header.windows img.downloads-windows-header {
  top: 20px;
  width: 85%
}

@media (min-width:1024px) {
  .downloads .downloads-header.windows img.downloads-windows-header {
    max-width: 920px;
    width: 100%
  }
}

@media screen\0 {
  .downloads .downloads-header.windows img.downloads-windows-header {
    width: auto
  }
}

.downloads .downloads-header.linux img.downloads-linux-header {
  top: 20px;
  width: 85%
}

@media (min-width:1024px) {
  .downloads .downloads-header.linux img.downloads-linux-header {
    max-width: 920px;
    width: 100%
  }
}

@media screen\0 {
  .downloads .downloads-header.linux img.downloads-linux-header {
    width: auto
  }
}

.downloads .downloads-header.chrome img, .downloads .downloads-header.command-line img {
  height: 250px;
  object-fit: contain;
  object-position: bottom;
  position: relative;
  top: 20px;
  width: 85%
}

@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 {
    height: 400px;
    object-fit: contain;
    object-position: top
  }
}

@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;
  object-position: top;
  width: 95%
}

@media (min-width:1024px) {
  .downloads .downloads-header.command-line img {
    object-fit: cover;
    width: 1000px
  }
}

.downloads .platform-selector {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, .12);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .08);
  margin: 0 auto;
  max-width: 1030px;
  padding: 15px 0 0;
  position: relative;
  text-align: center
}

@media (min-width:833px) {
  .downloads .platform-selector {
    bottom: 60px;
    text-align: left
  }
}

@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 {
    background-color: hsla(0, 0%, 100%, .8);
    color: #0572ec;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    font-size: 1.5em;
    height: 105px;
    justify-content: center;
    position: absolute;
    top: 0;
    width: 35px
  }
}

.downloads .platform-selector .arrow.left {
  left: 0
}

.downloads .platform-selector .arrow.right {
  right: 0
}

.downloads .platform-selector .platforms {
  padding: 0 10px;
  width: 100%
}

.downloads .platform-selector .platforms>div.platform-container {
  align-items: flex-start;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 10px;
  overflow: scroll;
  white-space: nowrap
}

@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 {
  align-items: center;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  color: rgba(61, 69, 77, .85);
  display: inline-flex;
  flex-direction: column;
  font-size: 14px;
  justify-content: center;
  padding: 10px 0;
  text-align: center;
  width: 100px
}

@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 {
  height: 40px;
  margin: 0 50px 10px;
  object-fit: contain
}

@media (min-width:768px) {
  .downloads .platform-selector .platforms>div.platform-container a.platform-icon svg {
    height: 32px;
    margin-bottom: 10px;
    width: 32px
  }
}

.downloads .platform-selector a.download-button {
  align-self: center;
  background-color: #0572ec;
  border-radius: 100px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
  box-sizing: border-box;
  color: #fff;
  display: flex;
  font-weight: 600;
  justify-content: center;
  margin: 0 auto 20px;
  max-width: 300px;
  max-width: 350px;
  outline: none;
  padding: 12px 10px;
  text-align: center;
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out;
  width: calc(100% - 60px)
}

@media (max-width:600px) {
  .downloads .platform-selector a.download-button {
    width: calc(100% - 30px)
  }
}

.downloads .platform-selector a.download-button:focus, .downloads .platform-selector a.download-button:hover {
  box-shadow: 0 8px 34px 0 rgba(0, 0, 0, .3);
  transform: scale(1.05);
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out
}

.downloads .platform-selector p.requirements {
  background-color: #f4f4f4;
  box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, .1);
  color: rgba(61, 69, 77, .85);
  font-size: 1rem;
  margin-bottom: 0;
  padding: 11px;
  text-align: center
}

.downloads .platform-selector p.requirements a.whats-new {
  color: #0572ec;
  text-decoration: underline
}

.downloads .platform-selector a.alternative {
  color: #0572ec;
  display: block;
  font-size: .813em;
  font-weight: 500;
  letter-spacing: -.24px;
  margin-bottom: 20px;
  text-align: center
}

.downloads section.get-to-know {
  align-items: center;
  background-color: hsla(0, 0%, 96%, .6);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  display: flex;
  justify-items: flex-start;
  margin: -30px auto 30px;
  max-width: 1030px;
  padding: 10px 30px;
  text-align: left
}

@media (max-width:833px) {
  .downloads section.get-to-know {
    display: block;
    justify-self: center;
    margin: 30px auto;
    text-align: center
  }
}

.downloads section.get-to-know h2 {
  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;
  margin: 16px 8px
}

.downloads section.get-to-know h2 a:focus, .downloads section.get-to-know h2 a:hover {
  text-decoration: underline
}

.downloads section.get-to-know h2 span {
  font-size: 1.2em
}

.downloads section.get-to-know p {
  color: #3d454d;
  margin: 0 auto;
  max-width: 500px;
  opacity: .8;
  padding: 6px 0 0
}

.downloads section.get-to-know .app-icon-android, .downloads section.get-to-know .app-icon-ios, .downloads section.get-to-know .app-icon-logo {
  height: 58px;
  margin: 0 auto;
  object-fit: contain;
  width: 58px
}

.downloads section.get-to-know .app-icon-cli {
  margin: 0 auto;
  object-fit: contain;
  width: 70px
}

.downloads section.get-to-know .app-icon-x {
  height: 53px;
  margin: 0 auto;
  object-fit: contain;
  width: 53px
}

.downloads section.browser-extensions {
  background-color: #f2faff;
  -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;
  margin: 0 auto 60px;
  max-width: 1030px;
  padding: 45px 0
}

.downloads section.browser-extensions h1 {
  margin-top: 10px
}

.downloads section.browser-extensions .container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-basis: 500px;
  flex-direction: column;
  justify-content: center;
  padding: 20px
}

@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="#beta-downloads"]:focus:after, .downloads section.browser-extensions .container a[href="#beta-downloads"]:hover:after, .downloads section.browser-extensions .container a[href="#browsers"]:focus:after, .downloads section.browser-extensions .container a[href="#browsers"]:hover:after, .downloads section.browser-extensions .container a[href="#legacy-downloads"]:not(.link):focus:after, .downloads section.browser-extensions .container a[href="#legacy-downloads"]:not(.link):hover:after {
  content: " \01F517"
}

.downloads section.browser-extensions .container p:not(.safari-included) {
  color: #3d454d;
  opacity: .8;
  padding-top: 10px
}

.downloads section.browser-extensions .container p.safari-included {
  color: #4c4c4c;
  font-size: .7em;
  font-weight: 600;
  margin-bottom: 0;
  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: .9em
}

.downloads section.browser-extensions .container a.link {
  color: #0572ec;
  padding-bottom: 12px;
  text-decoration: underline
}

.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 {
  align-self: center;
  height: 212px;
  object-fit: contain;
  width: 306px
}

.downloads section.browser-extensions hr {
  background-color: #4d5d8c;
  height: 2px;
  margin: 40px 0;
  max-width: 930px;
  opacity: .2;
  width: 100%
}

.downloads section.browser-extensions .container .device-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center
}

.downloads section.browser-extensions .container .device-list .browser {
  align-items: center;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 6px;
  max-width: 80px
}

.downloads section.browser-extensions .container .device-list .browser>a {
  background-color: #0572ec;
  border-radius: 100px;
  color: #fff;
  font-size: .75em;
  font-weight: 600;
  margin-bottom: 12px;
  max-width: 300px;
  min-width: 80px;
  padding: 7px 4px;
  text-align: center
}

.downloads section.browser-extensions .container .device-list .browser>a:focus, .downloads section.browser-extensions .container .device-list .browser>a:hover {
  box-shadow: 0 8px 34px 0 rgba(0, 0, 0, .3);
  transform: scale(1.05);
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out
}

.downloads section.browser-extensions .container .device-list .browser img {
  width: 80px
}

.downloads section.versions {
  margin: 40px auto;
  max-width: 1100px
}

.downloads section.versions .box--image {
  max-width: 600px;
  padding: 30px 35px
}

@media (max-width:981px) {
  .downloads section.versions .box--image {
    align-items: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    text-align: center
  }
}

.downloads section.versions .box--image h3 {
  color: #333;
  font-size: 1.375em;
  letter-spacing: -.2px;
  line-height: 1.36;
  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 {
  color: #3d454d;
  font-size: 1em;
  letter-spacing: -.3px;
  line-height: 1.38;
  margin-bottom: 30px;
  max-width: 410px;
  opacity: .8
}

.downloads section.versions .box--image a {
  color: #0572ec;
  font-size: 1em;
  font-weight: 600;
  letter-spacing: .1px;
  line-height: 1.38;
  margin-bottom: 6px
}

.downloads section.versions .box--image a.cli {
  color: #3d454d;
  font-weight: 400;
  letter-spacing: -.3px;
  line-height: 1.38;
  opacity: .8;
  text-decoration: underline
}

.downloads section.versions .box--image ul {
  list-style-type: none
}

.downloads section.versions .box--image ul li.mac-icon:before {
  background-image: url(/img/downloads/version-ios.16120b4b21c75d2a3eced947ffc20edd.svg)
}

.downloads section.versions .box--image ul li.mac-icon:before, .downloads section.versions .box--image ul li.windows-icon:before {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 16px;
  margin-bottom: -2px;
  margin-right: 5px;
  width: 16px
}

.downloads section.versions .box--image ul li.windows-icon:before {
  background-image: url(/img/downloads/version-windows.33ce6644e32d5a34d89bbbb64ba02245.svg)
}

.downloads section.versions .box--image ul li.cli-icon:before {
  background-image: url(/img/downloads/version-cli-sm.7bad8acc24d8c74ae81719a27f0e0c10.svg)
}

.downloads section.versions .box--image ul li.b5x-icon:before, .downloads section.versions .box--image ul li.cli-icon:before {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 16px;
  margin-bottom: -2px;
  margin-right: 5px;
  width: 16px
}

.downloads section.versions .box--image ul li.b5x-icon:before {
  background-image: url(/img/downloads/version-b5x.4d7e5839a9543a25adb6b485b1b550b9.svg)
}

.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"] {
  height: 116px;
  width: 161px
}

.downloads section.versions .box--image.full-width {
  background-color: #f2faff;
  margin-bottom: 48px;
  max-width: 1030px;
  padding: 60px 70px 48px
}

.downloads section.versions .box--image.full-width p {
  max-width: 100%
}

.downloads section.highlight {
  background-color: #f2faff;
  -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;
  margin: 0 auto 60px;
  max-width: 1030px;
  padding: 45px 0
}

.downloads section.highlight h1 {
  margin-top: 10px
}

.downloads section.highlight .container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-basis: 490px;
  flex-direction: column;
  justify-content: center;
  padding: 20px 35px 10px
}

@media (max-width:999px) {
  .downloads section.highlight .container {
    align-items: center;
    text-align: center
  }
}

.downloads section.highlight .container p {
  color: #3d454d;
  opacity: .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, .downloads section.highlight .container img.devices-2 {
  height: 98px;
  width: 250px
}

.downloads section.highlight .container img.items {
  height: 149px;
  width: 250px
}

.downloads section.highlight .container img.touch-id-2 {
  height: 159px;
  width: 250px
}

.downloads section.highlight .container img.navigate-sessions {
  height: 168px;
  width: 250px
}

.downloads section.highlight .container img.downloads-use-cli {
  height: 129px;
  object-fit: contain;

  width: 250px
}

.downloads section.highlight .container img.downloads-manage-info {
  height: 189px;
  object-fit: contain;
  width: 250px
}

.downloads section.highlight.cli-highlight .container {
  flex-basis: 420px
}

.downloads section.highlight.cli-highlight .container p a {
  color: #0572ec
}

.downloads section.highlight hr {
  background-color: #4d5d8c;
  height: 2px;
  margin: 40px 0;
  max-width: 930px;
  opacity: .2;
  width: 100%
}

.downloads .content {
  align-items: center;
  justify-content: space-around;
  margin: 0 auto;
  max-width: 1030px;
  min-height: 350px
}

.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 {
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  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 {
  color: rgba(61, 69, 77, .8);
  max-width: 450px
}

.downloads .content.cli-sign-in .box--image, .downloads .content.ios-sign-in .box--image {
  text-align: center
}

.downloads .content.chrome-os-content img, .downloads .content.linux-content img {
  max-width: none
}

.downloads .content.chrome-os-content img.downloads-use-cli, .downloads .content.linux-content img.downloads-use-cli {
  height: 206px;
  object-fit: contain;
  width: 340px
}

.downloads .content.chrome-os-content .downloads-keystroke {
  height: 312px;
  object-fit: contain;
  width: 433px
}

.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 {
  color: #3d454d;
  font-size: 14px;
  letter-spacing: -.3px;
  line-height: 16px;
  text-align: center
}

.downloads .linux-more-installation-options-container {
  margin-bottom: 16px;
  margin-top: 8px;
  text-align: center
}

.downloads .linux-more-installation-options-container .linux-more-installation-options {
  color: #0572ec;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: .1px;
  line-height: 19px
}

.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 {
  margin: 0 auto 60px;
  max-width: 1030px;
  text-align: center
}

.downloads .cta-page.end {
  padding-bottom: 32px
}

.downloads .cta-page p.requirements, .downloads .cta-page>p {
  color: #3d454d;
  font-weight: 400;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  max-width: 470px
}

.downloads .cta-page a.alternative {
  color: #0572ec;
  font-size: 1rem
}

.downloads .cta-page a.download-button {
  align-self: center;
  background-color: #0572ec;
  border-radius: 100px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
  box-sizing: border-box;
  color: #fff;
  display: flex;
  font-weight: 600;
  justify-content: center;
  margin: 0 auto 12px;
  max-width: 300px;
  max-width: 350px;
  outline: none;
  padding: 12px 10px;
  text-align: center;
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out;
  width: calc(100% - 60px)
}

@media (max-width:600px) {
  .downloads .cta-page a.download-button {
    width: calc(100% - 30px)
  }
}

.downloads .cta-page a.download-button:focus, .downloads .cta-page a.download-button:hover {
  box-shadow: 0 8px 34px 0 rgba(0, 0, 0, .3);
  transform: scale(1.05);
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out
}

.downloads#ios section.accolades {
  margin: 0 auto;
  max-width: 1030px;
  position: relative
}

@media (min-width:840px) {
  .downloads#ios section.accolades {
    bottom: 45px
  }
}

.downloads-thank-you {
  margin-top: 60px
}

.downloads-thank-you__header {
  align-items: center;
  background-color: #d1eeff;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 450px;
  padding: 80px 30px 30px
}

@media (min-width:1200px) {
  .downloads-thank-you__header {
    border-radius: 0 0 100% 15%;
    margin-left: -10vw;
    min-height: 600px;
    width: 120vw
  }
}

.downloads-thank-you__header-container {
  margin: 0 auto;
  max-width: 1170px
}

@media (max-width:479px) {
  .downloads-thank-you__header-container {
    margin-top: 30px
  }
}

.downloads-thank-you__container-title {
  color: #1f2e59;
  font-size: 2.375rem;
  letter-spacing: -.6px;
  line-height: 1;
  margin-bottom: 17px
}

.downloads-thank-you__header-description {
  color: #4d5d8c;
  margin-bottom: 0;
  max-width: 410px
}

.downloads-thank-you__header-description a {
  color: #0572ec;
  text-decoration: underline
}

main#tour header {
  background-color: #e0f3fe;
  background-image: url(/img/tour/header-buildings.4b470581a67bcabe95c25c65cc90678a.png), url(/img/tour/header.d0ac704bc816a1e06ab5882d8a39c2fb.png);
  background-position: bottom, bottom;
  background-repeat: no-repeat, no-repeat;
  background-size: 200% auto, cover;
  justify-content: flex-start;
  margin-bottom: 0;
  min-height: inherit;
  padding: 100px 0 200px
}

@media (min-resolution:192dpi), only screen and (-webkit-min-device-pixel-ratio:2) {
  main#tour header {
    background-image: url(/img/tour/header-buildings@2x.d95d25ff44592367a9038e113c66703b.png), url(/img/tour/header@2x.900746fda107e6029892c285c36b5d73.png)
  }
}

@media (min-width:450px) {
  main#tour header {
    padding-bottom: 250px
  }
}

@media (min-width:500px) {
  main#tour header {
    padding-bottom: 300px
  }
}

@media (min-width:600px) {
  main#tour header {
    background-size: auto 100%, cover;
    min-height: 680px;
    padding: 120px 0 0
  }
}

main#tour header .header-text {
  margin-top: 0;
  max-width: 720px;
  padding: 0 20px;
  transform: translateY(0)
}

main#tour header .header-text h1 {
  color: #1f2e59;
  margin-bottom: 20px
}

main#tour header .header-text p {
  color: #4d5d8c;
  font-size: 1.3em;
  font-weight: 500
}

main#tour .cta {
  margin-top: 0;
  padding: 0 20px;
  text-align: center
}

main#tour .cta.downloads .container {
  background-image: url(/img/tour/downloads-mobile.a4dea1a3cc2c0a82fb14a650d0a40546.png);
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: 280px;
  border-top: 2px solid #e3e3e3;
  padding-bottom: 160px
}

@media (min-width:768px) {
  main#tour .cta.downloads .container {
    background-image: url(/img/tour/downloads-mobile@2x.5398a93d479858a973d41480d8861dd0.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 300px;
    padding: 60px 0 150px
  }
}

@media (min-width:900px) {
  main#tour .cta.downloads .container {
    background-image: url(/img/tour/downloads@2x.99b734851c89255cef59ae4aad60c3a7.png);
    background-size: contain
  }
}

main#tour .cta .container {
  margin: 0 auto;
  max-width: 1170px;
  padding-bottom: 50px
}

@media (min-width:52em) {
  main#tour .cta .container {
    padding: 60px 0 120px
  }
}

main#tour .cta h2 {
  color: #000;
  display: block;
  font-size: 1.875em;
  line-height: 1em;
  margin: 0 0 30px;
  padding-top: 50px;
  position: relative;
  text-align: center
}

main#tour .cta p {
  color: #525c66;
  max-width: 570px
}

main#tour .cta h2, main#tour .cta p {
  margin-left: auto;
  margin-right: auto
}

main#tour .text-image {
  background: #fff;
  padding: 50px 20px;
  text-align: center
}

main#tour .text-image .button {
  margin-left: 0;
  margin-right: 0
}

@media (min-width:52em) {
  main#tour .text-image {
    padding: 100px 20px;
    text-align: left
  }
}

main#tour .text-image a {
  color: #0572ec;
  font-weight: 600
}

main#tour .text-image .sub-title {
  color: #8fa1b3;
  font-weight: 600;
  margin-bottom: 15px;
  text-transform: uppercase
}

main#tour .text-image p {
  color: #3d454d
}

main#tour .text-image h2 {
  color: #000;
  font-size: 1.375em
}

main#tour .text-image.grey {
  background: #f0f5fa
}

main#tour .text-image.blue {
  background: #0572ec;
  color: #fff
}

main#tour .text-image.blue .sub-title, main#tour .text-image.blue h2, main#tour .text-image.blue p {
  color: #fff
}

main#tour .text-image.blue .sub-title, main#tour .text-image.blue p {
  opacity: .8
}

main#tour .text-image.alternate .column-text .sub-title, main#tour .text-image.alternate .column-text h2, main#tour .text-image.alternate .column-text p {
  margin-left: auto;
  margin-right: auto
}

main#tour .text-image.alternate .column.column-image {
  text-align: center
}

main#tour .text-image.alternate .column.column-image img {
  display: inline-block;
  margin: 30px 0 0;
  max-width: 100%
}

@media (min-width:52em) {
  main#tour .text-image.alternate .column.column-image img {
    margin: 0 0 0 30px;
    max-width: 430px
  }
  main#tour .text-image.alternate .column:first-child.column-image img, main#tour .text-image.alternate .column:last-child.column-image img {
    margin: 0 0 0 30px
  }
}

main#tour .text-image.alternate .column {
  width: 100%
}

@media (min-width:52em) {
  main#tour .text-image.alternate .column.column-image, main#tour .text-image.alternate .column.column-text {
    width: 50%
  }
}

main#tour .text-image .column {
  width: 100%
}

main#tour .text-image .column.column-image img {
  display: block;
  margin-top: 30px;
  position: relative;
  z-index: 1
}

@media (min-width:52em) {
  main#tour .text-image .column.column-image {
    margin-top: 0;
    width: 70%
  }
}

@media (max-width:52em) {
  main#tour .text-image .column.column-image {
    order: 1
  }
}

main#tour .text-image .column.column-text {
  padding-right: 150px
}

@media (min-width:52em) {
  main#tour .text-image .column.column-text.align-top {
    align-self: flex-start;
    padding-top: 80px
  }
}

main#tour .text-image .column.column-text .sub-title, main#tour .text-image .column.column-text h2, main#tour .text-image .column.column-text p {
  margin-left: auto;
  margin-right: auto;
  max-width: 370px
}

@media (min-width:52em) {
  main#tour .text-image .column.column-text .sub-title, main#tour .text-image .column.column-text h2, main#tour .text-image .column.column-text p {
    margin-right: 0;
    max-width: 400px
  }
  main#tour .text-image .column.column-text {
    padding-right: 0;
    width: 30%
  }
}

@media (max-width:52em) {
  main#tour .text-image .column.column-text {
    order: 0;
    padding-right: 0
  }
}

main#tour .text-image .column:first-child.column-image img {
  margin: 30px auto 0
}

@media (min-width:52em) {
  main#tour .text-image .column:first-child.column-image img {
    margin: 0 auto
  }
  main#tour .text-image .column:last-child.column-image img {
    margin: 0 -70px 0 70px
  }
}

main#tour .text-image .container {
  margin: 0 auto;
  max-width: 1250px
}

main#tour .text-image .text-image-container {
  align-content: center;
  align-items: center;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center
}

@media (min-width:52em) {
  main#tour .text-image .text-image-container {
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center
  }
}

main#tour .button {
  background-color: #0572ec;
  border: 2px solid transparent;
  border-radius: 40px;
  color: #fff;
  display: inline-block;
  font-weight: 600;
  margin: 10px 15px 0;
  padding: 10px 20px
}

main#tour .button.alternate {
  background-color: #fff;
  border: 2px solid #0572ec;
  color: #0572ec
}

main#tour .button.alternate:hover {
  border-color: #50b347
}

main#tour .button:hover {
  background-color: #50b347;
  color: #fff;
  -webkit-transition: background-color .3s ease-in-out, color .3s ease-in-out;
  -moz-transition: background-color .3s ease-in-out, color .3s ease-in-out;
  -ms-transition: background-color .3s ease-in-out, color .3s ease-in-out;
  -o-transition: background-color .3s ease-in-out, color .3s ease-in-out;
  transition: background-color .3s ease-in-out, color .3s ease-in-out
}

main#tour .trust-pilot {
  background: linear-gradient(180deg, #fff, #f2f4f7);
  padding: 50px 10px
}

main#tour .trust-pilot .container {
  padding: 0
}

@media (min-width:30em) {
  main#tour .trust-pilot {
    padding: 100px 10px
  }
}

#security-page {
  overflow: hidden
}

#security-page .universal-panel-container {
  margin-bottom: 0;
  margin-top: 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 {
  color: #0572ec;
  font-size: 1.125em;
  font-weight: 600;
  letter-spacing: -.34px;
  line-height: 1.5;
  text-align: center
}

#security-page a.link>svg {
  transition: transform .2s
}

#security-page a.link:hover {
  color: #06c
}

#security-page a.link:hover>svg {
  transform: translateX(7px);
  transition: transform .2s
}

#security-page a.link:hover>svg path {
  fill: #06c;
  transition: fill .2s
}

#security-page a.btn {
  align-self: center;
  background-color: #0572ec;
  border-radius: 100px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
  box-sizing: border-box;
  color: #fff;
  display: flex;
  font-weight: 600;
  justify-content: center;
  margin: 0 auto;
  max-width: 300px;
  outline: none;
  padding: 12px;
  text-align: center;
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out;
  width: calc(100% - 60px)
}

@media (max-width:600px) {
  #security-page a.btn {
    width: calc(100% - 30px)
  }
}

#security-page a.btn:focus, #security-page a.btn:hover {
  box-shadow: 0 8px 34px 0 rgba(0, 0, 0, .3);
  transform: scale(1.05);
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out
}

#security-page hr {
  background-color: #0572ec;
  border: none;
  height: 6px;
  width: 40px
}

#security-page #intro-panel {
  background-color: #1f2e59;
  background-image: url(/img/security/header-logo@2x.0fe69cb61242f4e29b8e21265692e676.png);
  background-position: center calc(100% + 35px);
  background-repeat: repeat-x;
  background-size: auto 175px;
  min-height: 500px;
  padding: 120px 20px 150px;
  text-align: center
}

@media (min-width:1024px) {
  #security-page #intro-panel {
    border-radius: 0 0 55% 55%;
    left: -10vw;
    overflow: hidden;
    position: relative;
    width: 120vw;
    z-index: 0
  }
}

#security-page #intro-panel h1 {
  color: #fff;
  font-size: 2.375em;
  line-height: normal;
  margin: 0 auto;
  max-width: 550px;
  text-align: center;
  text-shadow: none
}

#security-page #intro-panel p {
  color: #fff;
  font-size: 1.375em;
  font-weight: 400;
  letter-spacing: -.2px;
  line-height: 1.36;
  margin: 0 auto;
  max-width: 540px;
  padding: 30px 0;
  text-align: center
}

#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 {
  color: #212b36;
  font-family: Adelle-Semibold, sans-serif;
  margin: 0 auto;
  max-width: 770px;
  text-align: center
}

#security-page #secondary-intro h3 {
  font-size: 1.5em;
  font-weight: unset;
  letter-spacing: -.13px;
  line-height: 1.5
}

#security-page #secondary-intro h2 {
  font-size: 1.875em;
  font-weight: unset;
  letter-spacing: -.27px;
  line-height: 1.25;
  margin-bottom: 13px
}

#security-page #secondary-intro p {
  color: #454f5b;
  font-size: 1.125em;
  letter-spacing: -.1px;
  line-height: 1.5;
  margin: 0 auto;
  max-width: 630px;
  text-align: center;
  width: 100%
}

#security-page #encrypted p {
  color: #454f5b;
  letter-spacing: -.6px;
  line-height: 1.5;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  max-width: 377px;
  text-align: center
}

#security-page #encrypted .container {
  text-align: center
}

#security-page #encrypted img {
  margin: 0 auto;
  max-width: 850px;
  padding-bottom: 45px
}

@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;
  font-size: 1.375em;
  letter-spacing: -.2px;
  line-height: 1.36;
  margin-bottom: 20px
}

#security-page #encrypted a.link {
  display: inline-block;
  margin-bottom: 30px
}

#security-page section#privacy .container {
  background-color: #e8f3ff;
  border-radius: 5px;
  max-width: 1170px;
  padding-bottom: 60px;
  padding-top: 60px
}

@media (min-width:1200px) {
  #security-page section#privacy .container {
    padding-left: 124px;
    padding-right: 72px
  }
}

#security-page section#privacy .container h2 {
  color: #212b36;
  font-family: Adelle-Semibold, sans-serif;

  font-size: 2em;
  font-weight: unset;
  letter-spacing: -.29px;
  line-height: 1.25
}

#security-page section#privacy .container hr {
  margin: 30px 0
}

#security-page section#privacy .container p {
  color: #454f5b;
  letter-spacing: -.11px;
  line-height: 1.5
}

#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(180deg, #fff, #f0f5fa)
}

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

@media (min-width:832px) {
  #security-page section.security-features .container {
    padding-bottom: 50px
  }
}

#security-page section.security-features .container h1 {
  color: #212b36;
  font-size: 1.5em;
  letter-spacing: -.22px;
  line-height: 1.25;
  margin-bottom: 13px;
  text-align: center
}

#security-page section.security-features .container h2 {
  color: #333;
  font-size: 1.25em;
  font-weight: 600;
  letter-spacing: -.5px;
  line-height: 1.15;
  margin-bottom: 21px
}

#security-page section.security-features .container p {
  color: #333;
  font-size: 1em;
  letter-spacing: -.28px;
  line-height: 1.5
}

@media (min-width:768px) {
  #security-page section.security-features .container p:not(.subheading) {
    max-width: 300px
  }
}

#security-page section.security-features .container p.subheading {
  color: #454f5b;
  font-size: 1.125em;
  margin: 0 auto 40px;
  max-width: 600px;
  text-align: center
}

@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;
  margin-bottom: 100px;
  padding: 50px 0
}

@media (min-width:768px) {
  #security-page section.gdpr-banner {
    background-image: url(/img/security/map.f9b55799d764003078a48ac652e0fcb4.svg);
    background-position: 0;
    background-repeat: no-repeat
  }
}

@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: #fff;
  font-weight: 500;
  max-width: 420px
}

#security-page section.gdpr-banner a.gdpr-link {
  color: #8ec5ff;
  font-weight: 500;
  letter-spacing: -.3px;
  line-height: 1.5
}

#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 {
  color: #212b36;
  font-family: Adelle-Semibold, sans-serif;
  font-size: 32px;
  font-weight: unset;
  letter-spacing: -.29px;
  line-height: 1.25;
  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: #fff;
  display: inline-block;
  font-weight: 600;
  padding: 10px 20px;
  text-align: center;
  width: fit-content
}

#security-page section.transparent-open-design a.button:focus, #security-page section.transparent-open-design a.button:hover {
  box-shadow: 0 8px 34px 0 rgba(0, 0, 0, .3);
  transform: scale(1.05);
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out
}

#security-page section.transparent-open-design ul {
  margin-bottom: 35px
}

#security-page section.transparent-open-design ul li {
  background-position: 0;
  background-repeat: no-repeat;
  background-size: 18px;
  color: #454f5b;
  font-size: 1.125em;
  list-style: none;
  margin-top: 20px;
  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(180deg, #fff, #f5f8fc);
  padding-top: 0
}

#security-page section#open-standards .container {
  background-image: linear-gradient(#f9f7f4 43%, transparent 0);
  border-radius: 5px 5px 0 0;
  max-width: 1170px;
  padding-bottom: 50px;
  padding-top: 55px;
  width: 100%
}

#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 {
  color: #212b36;
  font-size: 1.5em;
  letter-spacing: -.22px;
  line-height: 1.25;
  margin-bottom: 14px;
  text-align: center
}

#security-page section#open-standards .container .main-card p {
  color: #454f5b;
  font-size: 1.125em;
  letter-spacing: -.1px;
  line-height: 1.5;
  margin: 0 auto;
  max-width: 665px;
  text-align: center
}

#security-page section#open-standards .container .main-card .appsec-quote {
  background-color: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  box-shadow: 0 6px 10px -2px hsla(0, 0%, 80%, .5);
  margin: 50px auto;
  max-width: 770px;
  padding: 50px 35px;
  text-align: center;
  width: 100%
}

#security-page section#open-standards .container .main-card .appsec-quote img[alt=appsec] {
  margin-bottom: 27px;
  width: 85px
}

#security-page section#open-standards .container .main-card .appsec-quote h3 {
  color: #212b36;
  font-size: 1.25em;
  line-height: 1.5;
  margin: 0 auto 17px;
  max-width: 550px;
  text-align: center
}

#security-page section#open-standards .container .card {
  align-items: center;
  background-color: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  box-shadow: 0 6px 10px -2px hsla(0, 0%, 80%, .5);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  justify-content: flex-start;
  min-height: 223px;
  padding: 50px 35px
}

#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 {
  color: #333;
  font-size: 1.25em;
  font-weight: 600;
  line-height: 1.25
}

#security-page section#open-standards .container .card .card-content p {
  color: #454f5b;
  line-height: 1.5
}

main.teams-page {
  overflow: hidden
}

main.teams-page header.teams-hero {
  background: url(/img/teams/teams-banner.8a209713f6407aea6a0867eb0a91713e.jpg) #333 50% 96%;
  background-size: cover;
  height: 750px;
  padding-top: 60px;
  width: 100%
}

@media (max-width:57em) {
  main.teams-page header.teams-hero {
    height: 630px
  }
}

@media (max-width:30em) {
  main.teams-page header.teams-hero {
    background: url(/img/teams/teams-banner.8a209713f6407aea6a0867eb0a91713e.jpg) #333 20% 60%;
    height: auto
  }
}

main.teams-page header.teams-hero .container {
  margin: 0 auto;
  max-width: 1140px;
  padding-left: 50px;
  padding-top: 100px
}

@media (max-width:57em) {
  main.teams-page header.teams-hero .container {
    padding-left: 50px;
    padding-top: 40px
  }
}

@media (max-width:30em) {
  main.teams-page header.teams-hero .container {
    padding: 30px
  }
}

main.teams-page header.teams-hero .container h3.blurb {
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
  margin: 15px 0 20px;
  max-width: 300px
}

main.teams-page #too-important {
  margin: 70px auto;
  text-align: center;
  width: 100%
}

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: .5em
}

main.teams-page #too-important .too-important p {
  color: #637381;
  font-weight: 400;
  margin: auto auto 16px;
  max-width: none
}

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 .admin-panel, main.teams-page #opm-screenshot-admin-panel .opm-screenshot {
  height: 100%;
  max-height: 600px;
  min-height: 400px;
  object-fit: cover;
  width: 100%
}

main.teams-page #opm-screenshot-admin-panel .admin-panel :lang(en), main.teams-page #opm-screenshot-admin-panel .opm-screenshot :lang(en) {
  min-height: 300px
}

@media (min-width:2000px) {
  main.teams-page #opm-screenshot-admin-panel .admin-panel, main.teams-page #opm-screenshot-admin-panel .opm-screenshot {
    min-height: 550px
  }
}

@media screen\0 {
  main.teams-page #opm-screenshot-admin-panel .admin-panel, main.teams-page #opm-screenshot-admin-panel .opm-screenshot {
    max-height: none
  }
}

main.teams-page #protect {
  background-color: #fff;
  margin: 2em auto 4em
}

main.teams-page #protect .container {
  margin: 0 auto;
  max-width: 1200px;
  padding: 10px
}

main.teams-page #protect h2 {
  color: #212b36;
  font-size: 1.875em;
  margin: 0 0 0 auto;
  max-width: 477px;
  padding-bottom: .8em;
  width: 100%
}

@media (min-width:760px) {
  main.teams-page #protect h2 {
    text-align: left
  }
}

main.teams-page #protect p {
  color: #637381;
  font-size: 1.125em;
  letter-spacing: -.45px;
  line-height: 1.5;
  margin: 0 0 0 auto;
  max-width: 477px;
  text-align: center
}

@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 {
    margin: 0 auto 16px;
    max-width: 440px
  }
}

main.teams-page #protect a {
  color: #0572ec;
  font-weight: 600
}

main.teams-page #protect a, main.teams-page #protect a:hover {
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease
}

main.teams-page #protect a:hover {
  color: #06c
}

main.teams-page #protect .protect {
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  height: 425px;
  width: 100%
}

@media (min-width:1024px) {
  main.teams-page #protect .protect {
    align-items: flex-start
  }
}

@media (min-width:700px) {
  main.teams-page #protect .protect {
    height: 550px;
    width: 45%
  }
}

main.teams-page #protect .protect img {
  width: 400px
}

main.teams-page #admin-tools {
  background-color: #fff;
  margin: 2em auto 0
}

main.teams-page #admin-tools .container {
  margin: 0 auto;
  max-width: 1200px;
  padding: 10px
}

main.teams-page #admin-tools h2 {
  color: #212b36;
  font-size: 1.875em;
  line-height: 1.25em;
  max-width: 550px;
  padding-bottom: .8em;
  width: 100%
}

main.teams-page #admin-tools p {
  color: #637381;
  font-size: 1.125em;
  font-weight: 400;
  letter-spacing: -.45px;
  line-height: 1.5;
  margin-bottom: 16px;
  max-width: 460px;
  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) a, main.teams-page #admin-tools :lang(en) h2, main.teams-page #admin-tools :lang(en) p {
    margin: 0 auto 16px;
    max-width: 440px
  }
}

@media (min-width:1200px) {
  main.teams-page #admin-tools :lang(en) a, main.teams-page #admin-tools :lang(en) h2, main.teams-page #admin-tools :lang(en) p {
    margin-left: 100px
  }
}

main.teams-page #admin-tools a {
  color: #0572ec;
  font-size: 1em;
  font-weight: 600
}

main.teams-page #admin-tools a, main.teams-page #admin-tools a:hover {
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease
}

main.teams-page #admin-tools a:hover {
  color: #06c
}

main.teams-page #admin-tools .admin-tools-img {
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column
}

@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 {
  margin-bottom: 60px;
  text-align: center
}

main.teams-page #security h2, 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 {
  background: url(/img/teams/security_header.26f335790d4acae9bc1225e8024e361e.png) repeat-x top;
  background-size: 1024px 246px;
  margin-top: 30px;
  max-width: none;
  min-height: 246px
}

main.teams-page #security .lock-blueprint-text {
  display: inline-block;
  max-width: 860px;
  padding: 20px;
  text-align: center
}

@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 {
  list-style-type: none;
  width: 100%
}

@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 {
  background: none;
  border-radius: 4px;
  color: #0572ec;
  display: inline-block;
  margin: 20px auto 0;
  padding: 5px 10px
}

main.teams-page #security .box-three-columns .column .button, main.teams-page #security .box-three-columns .column .button:hover {
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -ms-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease
}

main.teams-page #security .box-three-columns .column .button:hover {
  background: #0572ec;
  color: #fff
}

main.teams-page #everywhere {
  background-color: #4d5d8c;
  margin: auto;
  padding: 0 0 20px
}

@media (max-width:1100px) {
  main.teams-page #everywhere {
    height: 550px
  }
}

main.teams-page #everywhere .everywhere {
  background: url(/img/teams/devices.c6425724d7d54a18f4dd51e8826241ae.png) bottom;
  background-repeat: repeat-x;
  background-size: auto 160px;
  height: 180px;
  min-height: auto
}

@media (min-width:700px) {
  main.teams-page #everywhere .everywhere {
    background: url(/img/teams/devices@2x.72f56442ead3e0e47350f4a274aeae56.png) bottom;
    background-size: auto 450px;
    height: 340px
  }
}

main.teams-page #everywhere .everywhere-text {
  margin: auto;
  max-width: 900px;
  padding: 30px;
  text-align: center;
  width: 80%
}

@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 {
  color: #b8bdcc;
  margin: auto;
  max-width: none;
  opacity: .8;
  text-align: left
}

@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: #fff
}

main.teams-page section.pricing.what-you-get {
  margin-bottom: 0;
  transform: translateY(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 {
  align-self: end;
  display: block;
  height: auto;
  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 {
  height: 67px;
  width: 67px
}

main.teams-page section.cards {
  margin: 50px auto;
  padding: 20px;
  width: 100%
}

@media (min-width:52em) {
  main.teams-page section.cards {
    margin: 65px auto;
    max-width: 800px
  }
}

main.teams-page section.cards:after {
  clear: both;
  content: " ";
  display: block;
  height: 0
}

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
}

@media (min-width:52em) {
  main.teams-page section.cards .teams {
    float: left;
    max-width: 40%
  }
}

main.teams-page section.cards .teams h2 {
  color: #333;
  font-size: 16px;
  margin-bottom: 20px
}

main.teams-page section.cards .teams p {
  border-radius: 6px;
  cursor: default;
  font-size: 16px;
  margin-bottom: 10px;
  padding: 12px 20px;
  width: 100%
}

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: #fff
  }
}

main.teams-page section.cards .teams p span {
  display: block;
  font-weight: 600
}

main.teams-page section.cards .teams p .callout {
  background-color: #fa937f;
  border-radius: 2px;
  color: #fff;
  display: inline;
  font-size: 12px;
  padding: 2px 4px 1px;
  text-transform: uppercase;
  vertical-align: 1px
}

main.teams-page section.cards .card {
  background-image: url(/img/teams/teamcards.png);
  background-position: 0 -802px;
  background-repeat: no-repeat;
  background-size: 400px;
  float: right;
  height: 400px;
  margin-top: 20px;
  width: 400px
}

@media (min-resolution:192dpi), only screen and (-webkit-min-device-pixel-ratio:2) {
  main.teams-page section.cards .card {
    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 {
    background-image: url(/img/teams/teamcards_single.png);
    background-position: 0!important;
    background-size: 100%;
    float: none;
    margin: 30px auto;
    max-width: 100%
  }
}

@media (max-width:52em) and (min-resolution:192dpi), only screen and (max-width:52em) and (-webkit-min-device-pixel-ratio:2) {
  main.teams-page section.cards .card {
    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 {
  background: url(/img/teams/security_header.26f335790d4acae9bc1225e8024e361e.png) repeat-x bottom;
  background-size: 1024px 246px;
  height: 246px;
  margin-top: 30px
}

main.teams-page section.press-room .text {
  color: #4d5d8c;
  display: inline-block;
  margin: 60px auto 0;
  max-width: 850px;
  width: 80%
}

@media (min-width:52em) {
  main.teams-page section.press-room .text {
    width: 70%
  }
}

main.teams-page section.press-room .text p {
  font-weight: 400;
  line-height: 25px;
  margin-bottom: 50px
}

main.teams-page section.press-room .text .top-intro {
  margin: 0 0 80px;
  text-align: center
}

@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: 400;
  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 {
  list-style-type: none;
  width: 100%
}

@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 {
  background: none;
  border-radius: 4px;
  color: #0572ec;
  display: inline-block;
  margin: 20px auto 0;
  padding: 5px 10px
}

main.teams-page section.press-room .text ul li .button, main.teams-page section.press-room .text ul li .button:hover {
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -ms-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease
}

main.teams-page section.press-room .text ul li .button:hover {
  background: #0572ec;
  color: #fff
}

main.teams-page #enterprise {
  background-color: #434959;
  height: 580px
}

@media (max-width:699px) {
  main.teams-page #enterprise {
    background-image: url(/img/teams/enterprise-scalelock-mobile@2x.6bc146c46058ea18c043d54d62bf2206.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px 0
  }
}

main.teams-page #enterprise h2 {
  color: #fff;
  max-width: 400px
}

@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 {
  color: #8fa1b3;
  max-width: 400px
}

@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 {
  align-self: center;
  border: 2px solid #0572ec;
  border-radius: 100px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
  box-sizing: border-box;
  color: #fff;
  display: flex;
  font-weight: 600;
  justify-content: center;
  margin: 0 auto;
  max-width: 300px;
  max-width: 280px;
  outline: none;
  padding: 12px;
  text-align: center;
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out;
  width: calc(100% - 60px)
}

@media (max-width:600px) {
  main.teams-page #enterprise a {
    width: calc(100% - 30px)
  }
}

main.teams-page #enterprise a:focus, main.teams-page #enterprise a:hover {
  box-shadow: 0 8px 34px 0 rgba(0, 0, 0, .3);
  transform: scale(1.05);
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .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 100%;
    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 100%;
    background-size: contain;
    padding: 0 14vw
  }
}

@media (min-width:2500px) {
  main.teams-page #enterprise .enterprise {
    display: none
  }
  main.teams-page #enterprise {
    background-image: url(/img/teams/enterprise-scalelock-mobile@2x.6bc146c46058ea18c043d54d62bf2206.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    justify-content: center
  }
  main.teams-page #enterprise .box--text {
    align-items: center;
    text-align: 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;
  margin: 0 auto 25px;
  max-width: 510px
}

main.teams-page section.cta-end a.btn {
  align-self: center;
  background-color: #0572ec;
  border-radius: 100px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
  box-sizing: border-box;
  color: #fff;
  display: flex;
  font-weight: 600;
  justify-content: center;
  margin: 0 auto 20px;
  max-width: 300px;
  max-width: 270px;
  outline: none;
  padding: 12px;
  text-align: center;
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out;
  width: calc(100% - 60px)
}

@media (max-width:600px) {
  main.teams-page section.cta-end a.btn {
    width: calc(100% - 30px)
  }
}

main.teams-page section.cta-end a.btn:focus, main.teams-page section.cta-end a.btn:hover {
  box-shadow: 0 8px 34px 0 rgba(0, 0, 0, .3);
  transform: scale(1.05);
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out
}

main.teams-page section.cta-end p {
  color: #434f5c;
  margin: 0 auto 30px;
  max-width: 450px;
  opacity: .8
}

@media (min-width:500px) {
  main.teams-page section.cta-end .list-features ul {
    display: inline-flex;
    flex-direction: row;
    justify-content: space-evenly;
    max-width: 500px;
    width: 100%
  }
}

@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;
  font-size: .875em;
  font-weight: 500;
  letter-spacing: -.09px;
  line-height: 1.5;
  list-style: none;
  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 {
  background: #f7f7f7;
  min-height: 700px;
  padding-top: 60px;
  position: relative;
  width: 100%
}

@media (min-width:600px) {
  header.families-hero {
    background: url(/img/families/families-banner.279d8525871db19b216e93e771af4882.jpg) #333 50% 96%;
    background-position: 50% 30%;
    background-repeat: no-repeat;
    background-size: cover
  }
}

@media (min-width:1024px) {
  header.families-hero {
    max-height: 750px
  }
}

header.families-hero .container {
  margin: 0 auto;
  max-width: 1140px;
  padding: 30px 20px
}

@media (min-width:1024px) {
  header.families-hero .container {
    padding-left: 50px;
    padding-top: 40px
  }
}

@media (max-width:600px) {
  header.families-hero .container .hero-price-card .families {
    margin: 0 auto
  }
}

header.families-hero img.families-header {
  height: 350px;
  object-fit: cover;
  object-position: 80%;
  width: 100%
}

@media (min-width:600px) {
  header.families-hero img.families-header {
    display: none
  }
}

#families-page {
  overflow: hidden
}

#families-page .box--image, #families-page .box--text {
  max-width: 550px
}

#families-page #secure-online-life {
  background-color: #f6f7fb;
  padding-top: 30px;
  text-align: center;
  width: 100%
}

#families-page #secure-online-life h1 {
  color: #4d4d4d;
  font-size: 1.625em;
  line-height: 1.25em;
  max-width: 550px;
  padding-bottom: .8em
}

#families-page #secure-online-life p {
  color: #525c66;
  font-size: 1.125em;
  font-weight: 400;
  line-height: 1.4em;
  margin-bottom: 16px;
  max-width: 550px
}

#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-height: 677px;
  max-width: 100%;
  width: 1140px
}

#families-page #permission-granted {
  margin: 3.125em 0
}

#families-page #permission-granted .container {
  margin: 0 auto;
  max-width: 1100px;
  padding: 10px
}

#families-page #permission-granted h2 {
  color: #4d4d4d;
  font-size: 1.625em;
  line-height: 1.25em;
  margin: 0 auto 16px;
  max-width: 390px;
  width: 100%
}

@media (max-width:600px) {
  #families-page #permission-granted h2 {
    align-self: center
  }
}

#families-page #permission-granted p {
  color: #525c66;
  font-size: 1.125em;
  font-weight: 400;
  line-height: 1.4em;
  margin: 0 auto;
  max-width: 390px;
  width: 100%
}

@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 {
  height: 100%;
  padding: 0 20px;
  width: 420px
}

#families-page #keeping-it-personal {
  flex-direction: row;
  padding: 10px 0 50px;
  width: 100%
}

#families-page #keeping-it-personal .container {
  margin: 0 auto;
  max-width: 1100px;
  padding: 10px
}

#families-page #keeping-it-personal h2 {
  color: #4d4d4d;
  font-size: 1.625em;
  line-height: 1.25em;
  margin: 0 auto 16px;
  max-width: 390px;
  width: 100%
}

#families-page #keeping-it-personal p {
  color: #525c66;
  font-size: 1.125em;
  font-weight: 400;
  line-height: 1.4em;
  margin: 0 auto;
  max-width: 390px;
  width: 100%
}

@media screen\0 {
  #families-page #keeping-it-personal p {
    max-width: 400px
  }
}

#families-page #keeping-it-personal .personal-img {
  height: 100%;
  padding: 0 20px;
  width: 420px
}

#families-page section.frequent-questions {
  margin: auto;
  max-width: 700px;
  padding: 20px 20px 60px;
  width: 100%
}

#families-page section.frequent-questions .wrapper {
  max-width: 700px
}

#families-page section.frequent-questions h4 {
  color: #333;
  font-size: 24px;
  line-height: 28px;
  margin: 50px 0 60px;
  text-align: center
}

#families-page section.frequent-questions ul {
  font-size: 18px;
  line-height: 26px;
  list-style: none
}

#families-page section.frequent-questions ul strong {
  border-bottom: 1px dashed #b8bdcc;
  color: #333;
  display: block;
  font-size: 18px;
  line-height: 25px;
  padding-bottom: 10px;
  text-align: left
}

#families-page section.frequent-questions ul span {
  color: #333;
  display: block;
  font-size: 17px;
  line-height: 26px;
  padding-top: 10px
}

#families-page section.frequent-questions ul li {
  margin-bottom: 30px
}

#families-page section.frequent-questions a {
  border-bottom: 2px solid #d2ccff;
  color: #7369bf
}

#families-page section.frequent-questions a:hover {
  border-bottom: 2px solid #7369bf;
  color: #7369bf
}

#families-page section.trust-pilot .container {
  padding: 0
}

#families-page section.end-cta {
  background: linear-gradient(180deg, #fff -4%, #f2f4f7)
}

#families-page section.end-cta .container {
  align-items: center;
  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: 1440px;
  min-height: 400px
}

@media (min-width:1024px) {
  #families-page section.end-cta .container {
    background: url(/img/families/family.eaff14203544e8f0f088efad228b2f6c.svg) no-repeat 100% 100%;
    background-size: 500px;
    height: 460px;
    justify-content: flex-start
  }
}

@media (min-width:1200px) {
  #families-page section.end-cta .container {
    background-size: 586px
  }
}

#families-page section.end-cta .container h1 {
  color: #333;
  font-size: 2em;
  letter-spacing: -.21px;
  line-height: 1.25;
  margin: 0 auto 18px;
  max-width: 467px;
  text-align: center
}

#families-page section.end-cta .container p {
  color: #4d4d4d;
  font-size: 1.125em;
  letter-spacing: -.12px;
  line-height: 1.5;
  margin: 0 auto 30px;
  max-width: 432px;
  text-align: center
}

#families-page section.end-cta .container a.btn {
  align-self: center;
  background-color: #0572ec;
  border-radius: 100px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
  box-sizing: border-box;
  color: #fff;
  display: flex;
  font-weight: 600;
  justify-content: center;
  margin: 0 auto;
  max-width: 300px;
  outline: none;
  padding: 12px;
  text-align: center;
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out;
  width: calc(100% - 60px)
}

@media (max-width:600px) {
  #families-page section.end-cta .container a.btn {
    width: calc(100% - 30px)
  }
}

#families-page section.end-cta .container a.btn:focus, #families-page section.end-cta .container a.btn:hover {
  box-shadow: 0 8px 34px 0 rgba(0, 0, 0, .3);
  transform: scale(1.05);
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .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
}

main.promo-families .box--image, main.promo-families .box--text {
  max-width: 550px
}

main.promo-families header.promo-hero {
  background-color: rgba(0, 0, 0, .5);
  background-image: linear-gradient(rgba(35, 42, 63, .8), rgba(35, 42, 63, .8)), url(/img/families/families-banner.279d8525871db19b216e93e771af4882.jpg);
  background-position: 50% 38%;
  background-repeat: no-repeat;
  background-size: cover;
  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%;
    height: 45vh;
    left: -10vw;
    min-height: 660px;
    width: 120vw
  }
}

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: #fff
}

main.promo-families header.promo-hero .container h3.blurb {
  color: #fff;
  font-size: 24px;
  line-height: 28px;
  margin: 15px 0 30px;
  max-width: 400px
}

main.promo-families header.promo-hero .container>.promo-sign-up {
  align-items: flex-start;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  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 {
  flex-basis: 200px;
  flex-grow: 0.9;
  max-width: 450px
}

@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 {
  color: #fff;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: flex-start;
  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);
  background-position: 3% 50%;
  background-repeat: no-repeat;
  background-size: 17px;
  font-size: .875em;
  font-weight: 500;
  list-style: none;
  margin: 0 0 13px;
  max-width: 450px;
  padding-left: 40px
}

main.promo-families header.promo-hero .container>.promo-sign-up>div.promo-features-list ul li.family-account-included {
  align-items: flex-end;
  background-color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #333;
  display: inline-flex;
  padding-bottom: 0;
  padding-top: 0
}

main.promo-families header.promo-hero .container>.promo-sign-up>div.promo-features-list ul li.family-account-included>img {
  bottom: 6px;
  left: 9px;
  position: relative;
  transform: scale(1.3);
  width: 6em
}

@media screen\0 {
  main.promo-families header.promo-hero .container>.promo-sign-up>div.promo-features-list ul li.family-account-included>img {
    bottom: 0;
    height: auto;
    position: relative;
    transform: none;
    width: auto
  }
}

main.promo-families header.promo-hero .container>.promo-sign-up>div.promo-features-list ul li.family-account-included span {
  align-self: center;
  font-size: 1em;
  font-weight: 400;
  margin-left: 10%
}

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;
  font-size: 1.125em;
  font-weight: 400;
  line-height: 1.4em;
  margin-bottom: 16px;
  max-width: 390px
}

@media screen\0 {
  main.promo-families section.families p {
    max-width: 350px
  }
}

main.promo-families section.families#secure-online-life {
  background: linear-gradient(#fff, #f6f7fb);
  padding-top: 30px;
  text-align: center;
  width: 100%
}

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, 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-height: 677px;
  max-width: 100%;
  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 {
  height: 100%;
  width: 500px
}

main.promo-families section.families#keeping-it-personal {
  flex-direction: row;
  padding: 10px 0;
  width: 100%
}

@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 {
  height: 100%;
  width: 500px
}

main.promo-families--alternate header.promo-hero {
  background-image: linear-gradient(rgba(27, 24, 38, .8), rgba(27, 24, 38, .8)), url(/img/families/families-banner.279d8525871db19b216e93e771af4882.jpg)
}

@media (min-width:1200px) {
  main.promo-families--alternate header.promo-hero {
    display: inline-block;
    left: -20vw;
    margin-bottom: 50px;
    min-height: 740px;
    width: 140vw
  }
}

main.promo-families--alternate header.promo-hero .container {
  max-width: 960px
}

main.promo-families--alternate header.promo-hero .container h4.promo-title {
  font-size: 1.375rem;
  font-weight: 600
}

main.promo-families--alternate header.promo-hero .container h3.blurb {
  font-size: 1.875rem;
  letter-spacing: -.2px;
  line-height: 1.17;
  margin-bottom: 40px;
  max-width: 500px
}

main.promo-families--alternate header.promo-hero .container>.promo-sign-up {
  align-items: center;
  flex-wrap: nowrap;
  max-width: unset
}

@media (min-width:650px) {
  main.promo-families--alternate header.promo-hero .container>.promo-sign-up {
    align-items: flex-start;
    justify-content: space-between
  }
}

@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 {
  font-size: .9375rem;
  margin: 0 0 16px
}

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 {
  bottom: 9px;
  width: 9em
}

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 {
  color: #3d454d;
  font-size: 1.125rem;
  line-height: 1.5;
  margin-bottom: 20px
}

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 {
  color: rgba(82, 92, 102, .7);
  font-size: 1rem;
  margin-top: 20px
}

main.promo-families--alternate .new-only {
  color: hsla(0, 0%, 100%, .7);
  font-size: 1rem;
  letter-spacing: -.14px;
  line-height: 1.25;
  margin: 15px 0;
  text-align: center
}

main.promo-families--alternate#rakuten25 .hero-price-card-promo__button {
  background-color: #ed5050;
  transition: box-shadow .2s ease-in-out, transform .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: #fff
}

main.promo-families--alternate#rakuten25 .cta__link {
  background-color: #fff;
  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-family: Adelle-Semibold, sans-serif;
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: -.21px;
  line-height: 1em;
  line-height: 1.25;
  margin: 0 auto 20px;
  max-width: 550px;
  padding-top: 50px;
  position: relative;
  text-align: center
}

main.promo-families .cta__content {
  color: hsla(0, 0%, 100%, .8);
  font-size: 1rem;
  letter-spacing: -.14px;
  line-height: 1.56;
  margin-left: auto;
  margin-right: auto;
  margin-top: 15px;
  max-width: 420px
}

main.promo-families .cta__link {
  background: #0572ec;
  border-radius: 20px;
  color: #fff;
  display: inline-block;
  display: block;
  font-size: 1rem;
  font-weight: 700;
  margin: 0 auto;
  max-width: 270px;
  padding: 12px 24px;
  transition: box-shadow .2s ease-in-out, transform .2s ease-in-out;
  width: 100%
}

main.promo-families .cta__link:hover {
  box-shadow: 0 8px 34px 0 rgba(0, 0, 0, .3);
  transform: scale(1.05)
}

.promo-teams {
  overflow: hidden
}

.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: .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%;
    height: 45vh;
    left: -50vw;
    min-height: 660px;
    padding-top: 60px;
    width: 200vw
  }
}

@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: #fff;
  font-size: 1.375rem;
  font-stretch: normal;
  font-style: normal;
  font-weight: 600;
  letter-spacing: -.2px
}

.promo-teams__header-blurb {
  color: #fff;
  font-size: 1.5rem;
  line-height: 28px;
  margin: 15px 0;
  max-width: 400px
}

.promo-teams__sign-up {
  align-items: flex-start;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 950px
}

@media (max-width:550px) {
  .promo-teams__sign-up {
    flex-direction: column
  }
}

.promo-teams__features-list {
  flex-basis: 200px;
  flex-grow: 0.9;
  max-width: 450px
}

@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 {
  color: #fff;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: flex-start;
  margin: 0 auto;
  min-height: 330px
}

.promo-teams__features-list-item {
  align-items: flex-start;
  display: flex;
  list-style: none;
  margin: 10px 0;
  max-width: 450px
}

@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: #fff;
  font-size: .875rem;
  font-weight: 500;
  margin-bottom: 0
}

.promo-teams__too-important {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 95px auto;
  text-align: center;
  width: 100%
}

.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 {
  color: #4d4d4d;
  font-size: 1.125rem;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.5;
  text-align: center
}

.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-admin-panel, .promo-teams__picture-opm-screenshot {
  height: 100%;
  max-height: 600px;
  min-height: 400px;
  object-fit: cover;
  width: 100%
}

.promo-teams__picture-admin-panel :lang(en), .promo-teams__picture-opm-screenshot :lang(en) {
  min-height: 300px
}

@media (min-width:2000px) {
  .promo-teams__picture-admin-panel, .promo-teams__picture-opm-screenshot {
    min-height: 550px
  }
}

@media screen\0 {
  .promo-teams__picture-admin-panel, .promo-teams__picture-opm-screenshot {
    max-height: none
  }
}

.promo-teams__admin-tools {
  background-color: #fff;
  padding: 64px 30px 32px
}

.promo-teams__admin-tools-container {
  margin: 0 auto;
  max-width: 1200px
}

.promo-teams__admin-tools-title {
  color: #212b36;
  font-size: 1.875rem;
  line-height: 1.25;
  margin-left: auto;
  margin-right: auto;
  max-width: 450px;
  padding-bottom: 12px;
  width: 100%
}

.promo-teams__admin-tools-description {
  color: #637381;
  font-size: 1.125rem;
  font-weight: 400;
  letter-spacing: -.45px;
  line-height: 1.5;
  margin-bottom: 16px;
  margin-left: auto;
  margin-right: auto;
  max-width: 450px;
  text-align: center;
  width: 100%
}

@media (min-width:760px) {
  .promo-teams__admin-tools-description {
    text-align: left
  }
}

.promo-teams__protect {
  background-color: #fff;
  padding: 32px 30px
}

.promo-teams__protect-container {
  margin: 0 auto;
  max-width: 1200px
}

.promo-teams__protect-title {
  color: #212b36;
  font-size: 1.875rem;
  margin: 0 auto;
  max-width: 450px;
  padding-bottom: 12px;
  width: 100%
}

@media (min-width:760px) {
  .promo-teams__protect-title {
    text-align: left
  }
}

.promo-teams__protect-description {
  color: #637381;
  font-size: 1.125rem;
  letter-spacing: -.45px;
  line-height: 1.5;
  margin: 0 auto;
  max-width: 450px;
  text-align: center;
  width: 100%
}

@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: #fff;
  font-size: 2rem;
  margin: 0 auto 25px;
  max-width: 550px
}

.promo-teams__cta-end-button {
  align-self: center;
  background-color: #0572ec;
  border-radius: 100px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
  box-sizing: border-box;
  color: #fff;
  display: flex;
  font-weight: 600;
  justify-content: center;
  margin: 0 auto 15px;
  max-width: 300px;
  max-width: 270px;
  outline: none;
  padding: 12px;
  text-align: center;
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out;
  width: calc(100% - 60px)
}

@media (max-width:600px) {
  .promo-teams__cta-end-button {
    width: calc(100% - 30px)
  }
}

.promo-teams__cta-end-button:focus, .promo-teams__cta-end-button:hover {
  box-shadow: 0 8px 34px 0 rgba(0, 0, 0, .3);
  transform: scale(1.05);
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out
}

.promo-teams__cta-end-button:hover {
  color: #fff
}

.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: #fff;
  font-size: 1rem;
  margin-left: auto;
  margin-right: auto;
  max-width: 400px
}

.promo-teams__cta-end-description:nth-of-type(2) {
  opacity: .7
}

.promo-families-individuals__header-wrapper {
  align-items: flex-start;
  background-color: #f2f4f7;
  flex-direction: row;
  margin-bottom: 30px;
  min-height: 470px;
  padding: 100px 0 150px;
  position: relative
}

@media (min-width:768px) {
  .promo-families-individuals__header-wrapper {
    min-height: 550px
  }
}

@media (min-width:1024px) {
  .promo-families-individuals__header-wrapper {
    background-position-y: 100%;
    background-size: contain;
    border-radius: 0 0 55% 55%;
    left: -10vw;
    width: 120vw
  }
}

.promo-families-individuals__header-text {
  margin: auto;
  max-width: 530px;
  min-width: 320px;
  padding: 0 20px;
  text-align: center
}

@media screen\0 {
  .promo-families-individuals__header-text {
    margin-top: 60px;
    transform: none
  }
}

.promo-families-individuals__promo-header-title {
  color: #454f5b;
  font-size: 1.563rem;
  letter-spacing: -.24px;
  line-height: 1.18;
  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;
  letter-spacing: -.12px;
  line-height: 1.5;
  margin: 0 auto;
  max-width: 420px
}

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

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

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

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

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

.promo-families-individuals__save {
  border-radius: 0 5px 5px 0;
  font-size: 1.25rem;
  font-weight: 600;
  left: 0;
  letter-spacing: -.23px;
  padding: 10px 15px;
  position: absolute;
  top: 20px
}

.promo-families-individuals__save--individuals {
  background-color: #c6e3ff;
  color: #2f6ebe
}

.promo-families-individuals__save--families {
  background-color: #dbcbfb;
  color: #674e9a
}

.promo-families-individuals__price-list {
  margin-left: auto;
  margin-right: auto;
  max-width: 450px
}

@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 {
  background-position: 3%;
  background-repeat: no-repeat;
  background-size: 18px;
  font-size: 14px;
  font-weight: 500;
  list-style: none;
  margin: 0 2px;
  padding: 15px 5px 15px 40px
}

.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;
  font-family: Adelle-Semibold, sans-serif;
  font-size: .938rem;
  padding-left: 20px;
  padding-top: 17px
}

.promo-families-individuals__list-item--family-account-included {
  background-image: url(/img/teams/family.69e6fce0a736524e0ec7f21fab5f8c9b.svg);
  background-position: 12px 100%;
  background-size: 135px 65px;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  min-height: 100px;
  padding: 14px 5px 11px 165px;
  width: 100%
}

.promo-families-individuals__list-item__span {
  font-weight: 400;
  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 .billing, .promo-families-individuals__price-card .description, .promo-families-individuals__price-card .price, .promo-families-individuals__price-card .title {
  max-width: 320px
}

.promo-families-individuals__price-card p:last-of-type {
  font-size: 1.063rem;
  line-height: 1.35;
  margin: 0 0 20px;
  max-width: 353px;
  opacity: 1
}

@media (max-width:700px) {
  .promo-families-individuals__price-card p:last-of-type {
    font-size: .938rem
  }
}

.promo-families-individuals__price-card .title {
  font-size: 1.438rem;
  letter-spacing: -.27px;
  margin-bottom: 10px;
  opacity: .8
}

@media (max-width:700px) {
  .promo-families-individuals__price-card .title {
    font-size: 1.25rem
  }
}

.promo-families-individuals__price-card .description, .promo-families-individuals__price-card .title {
  letter-spacing: -.3px
}

@media (max-width:700px) {
  .promo-families-individuals__price-card .description, .promo-families-individuals__price-card .title {
    font-size: 1.375rem
  }
}

.promo-families-individuals__price-card .price {
  font-size: 1.75rem;
  font-weight: 700;
  margin-bottom: 20px
}

.promo-families-individuals__price-card .price .dollars {
  font-size: 2.786rem;
  letter-spacing: normal;
  line-height: 1;
  vertical-align: -.24rem
}

@media (max-width:700px) {
  .promo-families-individuals__price-card .price .dollars {
    font-size: 2.083rem
  }
  .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 {
  height: 100%;
  margin: 0;
  max-width: unset;
  max-width: 450px;
  overflow: unset;
  padding: 80px 10px 40px;
  position: relative;
  width: 100%
}

.promo-families-individuals__price-card .card:hover {
  transform: scale(1.025);
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out
}

.promo-families-individuals__price-card .families .description, .promo-families-individuals__price-card .families .title {
  max-width: 264px
}

.promo-families-individuals__contact {
  background: linear-gradient(180deg, #f2f4f7 40%, #232a3f 0)
}

@media (min-width:1200px) {
  .promo-families-individuals__contact {
    max-height: none
  }
}

.promo-families-individuals__contact-link {
  display: inline-block
}

section.precious-colour, section.precious-header {
  background-color: #edeff2
}

section.precious-header {
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  width: 100%
}

section.precious-header .confetti {
  background: url(/img/promotions/macpower-confetti.png);
  background-position: bottom;
  background-size: 343px 170px;
  height: 16vh;
  margin-top: 1vh;
  width: 343px
}

section.precious-header .icons {
  background: url(/img/promotions/macpower-icons.png);
  background-size: 193px 113px;
  height: 113px;
  margin-top: -10px;
  width: 193px
}

section.precious-header h1 {
  color: #5b5957;
  font-size: 30px;
  font-weight: 400;
  letter-spacing: -.21px;
  line-height: 40px;
  margin: 3vh 0 1vh;
  text-align: center
}

section.precious-header h1 span {
  color: #7ea100
}

section.precious-header h3 {
  color: #5b5957;
  font-size: 20px;
  letter-spacing: -.14px;
  line-height: 30px;
  max-width: 500px;
  text-align: center
}

section.precious-header h3 span {
  color: #7ea100
}

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

#acn header {
  background-color: #c8e4fc;
  background-image: url(/img/promotions/acn-header@2x.1ac0e6bcc1f764a525d52f2668b67b8d.png);
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: 130%
}

@media (min-width:600px) {
  #acn header {
    background-size: contain
  }
}

#acn header .header-text h1, #acn header .header-text p {
  color: #212b36
}

@media (min-width:1051px) {
  #acn header .header-text {
    margin-bottom: 0;
    transform: translateY(-100px)
  }
}

@media (min-width:1250px) {
  #acn header .header-text {
    transform: translateY(-130px)
  }
}

@media (max-width:1050px) {
  #acn header .header-text {
    margin-bottom: 100px
  }
}

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

#apple-promo .apple-giveaways {
  background: url(/img/promotions/apple-giveaways.svg) no-repeat 50%
}

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

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

.apple-promo-input {
  margin-bottom: 1.3em
}

.apple-promo-input h3 {
  color: #004080;
  font-size: 1em;
  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 {
  align-self: center;
  background-color: #0572ec;
  border-radius: 100px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
  box-sizing: border-box;
  color: #fff;
  display: flex;
  font-weight: 600;
  justify-content: center;
  margin: 20px auto 0;
  max-width: 300px;
  outline: none;
  padding: 12px;
  text-align: center;
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out;
  width: calc(100% - 60px);
  width: 100%
}

@media (max-width:600px) {
  .apple-promo-input .window a.blue-button {
    width: calc(100% - 30px)
  }
}

.apple-promo-input .window a.blue-button:focus, .apple-promo-input .window a.blue-button:hover {
  box-shadow: 0 8px 34px 0 rgba(0, 0, 0, .3);
  transform: scale(1.05);
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out
}

.apple-promo-input .window input {
  border: 1px solid #aaa;
  border-radius: 6px;
  font-size: 1em;
  margin-bottom: 10px;
  padding: 10px 0;
  text-align: center;
  width: 100%
}

.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
}

.f6s {
  background: #f0f4ff
}

.f6s section.claim-boxes .claim-trial:hover {
  -webkit-box-shadow: -6px 10px 20px #4d4d4d;
  -moz-box-shadow: -6px 10px 20px #4d4d4d;
  box-shadow: -6px 10px 20px #4d4d4d;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease
}

.f6s-alpha {
  background: #505978;
  color: #fff
}

.f6s-alpha section.claim-boxes .claim-trial:hover {
  -webkit-box-shadow: -6px 10px 20px #333;
  -moz-box-shadow: -6px 10px 20px #333;
  box-shadow: -6px 10px 20px #333;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease
}

.f6s-alpha article p, .f6s-alpha h2 {
  color: #fff
}

.f6s, .f6s-alpha {
  margin: 60px 0 0;
  padding: 10px
}

.f6s #f6s-logo, .f6s-alpha #f6s-logo {
  max-width: 300px
}

.f6s h2, .f6s-alpha h2 {
  margin: 0 0 12px
}

.f6s section.claim-boxes, .f6s-alpha section.claim-boxes {
  padding: 2vh 0 0
}

.f6s section.claim-boxes .claim-trial, .f6s-alpha section.claim-boxes .claim-trial {
  background: #fff;
  -webkit-box-shadow: -6px 10px 20px rgba(77, 77, 77, .5);
  -moz-box-shadow: -6px 10px 20px rgba(77, 77, 77, .5);
  box-shadow: -6px 10px 20px rgba(77, 77, 77, .5)
}

@media (min-width:52em) {
  .f6s section.claim-boxes .claim-trial, .f6s-alpha section.claim-boxes .claim-trial {
    margin: 2em 1em
  }
}

.f6s section.claim-boxes .claim-trial h2, .f6s-alpha section.claim-boxes .claim-trial h2 {
  font-size: 1.5em;
  margin: 0 0 .3em;
  text-align: center
}

.f6s section.claim-boxes .claim-trial h2 span, .f6s-alpha section.claim-boxes .claim-trial h2 span {
  font-size: 1em
}

.f6s section.claim-boxes .families, .f6s-alpha section.claim-boxes .families {
  background: #fff url(/img/promotions/fistbump_stamp.png) no-repeat;
  background-position: -30px 110px;
  background-size: 120px 120px
}

.f6s section.claim-boxes .families h2, .f6s section.claim-boxes .families h2 span, .f6s section.claim-boxes .families p, .f6s-alpha section.claim-boxes .families h2, .f6s-alpha section.claim-boxes .families h2 span, .f6s-alpha section.claim-boxes .families p {
  color: #7369bf
}

.f6s section.claim-boxes .business, .f6s-alpha section.claim-boxes .business {
  background: #fff url(/img/promotions/business_stamp.png) no-repeat;
  background-position: 112% 80px;
  background-size: 100px
}

.f6s section.claim-boxes .business h2, .f6s section.claim-boxes .business h2 span, .f6s section.claim-boxes .business p, .f6s-alpha section.claim-boxes .business h2, .f6s-alpha section.claim-boxes .business h2 span, .f6s-alpha section.claim-boxes .business p {
  color: #4d4d4d
}

.f6s section.claim-boxes .individual, .f6s-alpha section.claim-boxes .individual {
  background: #fff url(/img/promotions/1password_stamp.png) no-repeat;
  background-position: 112% 20px;
  background-size: 100px
}

.f6s section.claim-boxes .individual h2, .f6s section.claim-boxes .individual h2 span, .f6s section.claim-boxes .individual p, .f6s-alpha section.claim-boxes .individual h2, .f6s-alpha section.claim-boxes .individual h2 span, .f6s-alpha section.claim-boxes .individual p {
  color: #0572ec
}

.f6s article, .f6s-alpha article {
  padding: 0 0 50px;
  text-align: center
}

.f6s article p, .f6s-alpha article p {
  font-size: 1em
}

.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-box-shadow: -6px 10px 20px #4d4d4d;
  -moz-box-shadow: -6px 10px 20px #4d4d4d;
  box-shadow: -6px 10px 20px #4d4d4d;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease
}

.tidbits #tidbits-logo {
  max-width: 300px
}

.tidbits section.claim-boxes {
  padding: 0
}

.tidbits section.claim-boxes .claim-trial {
  background: #fff;
  -webkit-box-shadow: -6px 10px 20px rgba(77, 77, 77, .5);
  -moz-box-shadow: -6px 10px 20px rgba(77, 77, 77, .5);
  box-shadow: -6px 10px 20px rgba(77, 77, 77, .5);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 250px;
  width: 350px
}

@media (min-width:52em) {
  .tidbits section.claim-boxes .claim-trial {
    margin: 2em 1em
  }
}

.tidbits section.claim-boxes .claim-trial h1 {
  font-size: 1.313em;
  margin: 0 0 .3em;
  text-align: center
}

.tidbits section.claim-boxes .claim-trial h1 span {
  font-size: 1em
}

.tidbits section.claim-boxes .families {
  background: #fff url(/img/promotions/fistbump_stamp.png) no-repeat;
  background-position: -30px 110px;
  background-size: 120px 120px
}

.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: #fff url(/img/promotions/1password_stamp.png) no-repeat;
  background-position: 112% 20px;
  background-size: 100px
}

.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 {
  color: #9295a0;
  font-size: 1em
}

main#chip-promo header {
  background-color: #fdfdfd;
  margin-top: 60px;
  padding-top: 40px
}

main#chip-promo header div h1 {
  font-size: 1.5em;
  margin: 0 auto 1.3em;
  max-width: 500px
}

main#chip-promo header div p {
  margin: 0 auto 1.3em;
  max-width: 450px
}

main#chip-promo header div p a#families-link {
  color: #e44332
}

main#chip-promo header div p a#families-link:hover {
  text-decoration: underline
}

main#chip-promo header div a.button {
  align-self: center;
  background-color: #e44332;
  border-radius: 100px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
  box-sizing: border-box;
  color: #fff;
  display: flex;
  font-weight: 600;
  justify-content: center;
  margin: 0 auto;
  max-width: 300px;
  max-width: none;
  outline: none;
  padding: 12px;
  text-align: center;
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out;
  width: calc(100% - 60px)
}

@media (max-width:600px) {
  main#chip-promo header div a.button {
    width: calc(100% - 30px)
  }
}

main#chip-promo header div a.button:focus, main#chip-promo header div a.button:hover {
  box-shadow: 0 8px 34px 0 rgba(0, 0, 0, .3);
  transform: scale(1.05);
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out
}

@media (min-width:768px) {
  main#chip-promo header div a.button {
    width: 100%
  }
}

main#mozilla-promo {
  overflow: hidden
}

main#mozilla-promo header {
  align-items: center;
  background: #41484d;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 60px auto 0;
  max-width: 1110px;
  min-height: 420px;
  padding: 0 5px;
  width: 100%
}

@media (min-width:1065px) {
  main#mozilla-promo header {
    border-radius: 5px
  }
}

@media (min-width:1200px) {
  main#mozilla-promo header {
    margin: 100px auto 0
  }
}

main#mozilla-promo header>div {
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  margin: 0 0 40px;
  max-width: 700px;
  width: 100%
}

main#mozilla-promo header>div img#mozilla-header {
  object-fit: contain;
  object-position: top
}

main#mozilla-promo header>div img#mozilla-logo {
  max-width: 180px;
  object-fit: cover;
  width: 100%
}

main#mozilla-promo header h1 {
  color: #fff;
  font-size: 38px;
  letter-spacing: -.8px;
  line-height: 1.13;
  margin-bottom: 10px;
  text-align: center
}

main#mozilla-promo header h4 {
  color: #fff;
  font-size: 1em;
  font-weight: 400;
  letter-spacing: -.3px;
  line-height: 1.38;
  opacity: .8;
  text-align: center
}

main#mozilla-promo section.claim-boxes {
  align-items: normal;
  padding: 2vh 0 0
}

main#mozilla-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#mozilla-promo section.claim-boxes .claim-trial {
    display: grid;
    grid-template-rows: auto 60px
  }
}

@media (min-width:52em) {
  main#mozilla-promo section.claim-boxes .claim-trial {
    margin: 2em 1em
  }
}

main#mozilla-promo section.claim-boxes .claim-trial h1 {
  font-size: 1.5em;
  margin: 0 0 .3em;
  text-align: center
}

main#mozilla-promo section.claim-boxes .claim-trial h1 span {
  font-size: 1em
}

main#mozilla-promo section.claim-boxes .claim-trial h1, main#mozilla-promo section.claim-boxes .claim-trial h1 span, main#mozilla-promo section.claim-boxes .claim-trial p {
  color: #fff
}

main#mozilla-promo section.claim-boxes .families {
  background: #7369bf url(/img/promotions/fistbump_stamp_white@2x.26505e4de614584fccefc92009083dbf.png) no-repeat;
  background-position: -18px 110px;
  background-size: 120px
}

main#mozilla-promo section.claim-boxes .business {
  background: #465766 url(/img/promotions/business_stamp_white@2x.e0da87498fc8abc3e9f3d34fa372fb7e.png) no-repeat;
  background-position: 109% 80px;
  background-size: 100px
}

main#mozilla-promo section.claim-boxes .individuals {
  background: #06c url(/img/promotions/password_stamp_white@2x.b221c824a18b09db3ade9f28b70f6f55.png) no-repeat;
  background-position: 109% 20px;
  background-size: 100px
}

main#mozilla-promo section.claim-boxes .individuals a {
  color: #06c
}

main#thrifter-promo {
  overflow: hidden
}

main#thrifter-promo header {
  align-items: center;
  background: #8f295d;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 60px auto 0;
  max-width: 1110px;
  min-height: 320px;
  padding: 0 5px;
  width: 100%
}

@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 {
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  margin: 0 0 40px;
  max-width: 700px;
  width: 100%
}

main#thrifter-promo header>div img#thrifter-header {
  object-fit: contain;
  object-position: top
}

main#thrifter-promo header>div img#thrifter-logo {
  height: 100%;
  max-width: 360px;
  object-fit: cover;
  width: 100%
}

main#thrifter-promo header h1 {
  color: #fff;
  font-size: 38px;
  letter-spacing: -.8px;
  line-height: 1.13;
  margin-bottom: 10px;
  text-align: center
}

main#thrifter-promo header h4 {
  color: #fff;
  font-size: 1em;
  font-weight: 400;
  letter-spacing: -.3px;
  line-height: 1.38;
  opacity: .8;
  text-align: center
}

main#thrifter-promo section.claim-boxes {
  align-items: normal;
  padding: 2vh 0 0
}

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;
  margin: 0 0 .3em;
  text-align: center
}

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: #fff
}

main#thrifter-promo section.claim-boxes .families {
  background: #7369bf url(/img/promotions/fistbump_stamp_white@2x.26505e4de614584fccefc92009083dbf.png) no-repeat;
  background-position: -18px 110px;
  background-size: 120px
}

main#thrifter-promo section.claim-boxes .business {
  background: #465766 url(/img/promotions/business_stamp_white@2x.e0da87498fc8abc3e9f3d34fa372fb7e.png) no-repeat;
  background-position: 109% 80px;
  background-size: 100px
}

main#thrifter-promo section.claim-boxes .individuals {
  background: #06c url(/img/promotions/password_stamp_white@2x.b221c824a18b09db3ade9f28b70f6f55.png) no-repeat;
  background-position: 109% 20px;
  background-size: 100px
}

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 {
  background-color: oldlace;
  object-fit: contain
}

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

main#eve-online header {
  background-image: linear-gradient(rgba(35, 42, 63, .6), rgba(35, 42, 63, .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 {
    height: 220px;
    width: 240px
  }
}

main#rakuten header .hero-price-card-promo__img {
  padding-left: 0;
  padding-right: 0
}

#wired section.cta-end {
  background-image: linear-gradient(180deg, #097be9, #37bbfc);
  padding: 70px 30px;
  text-align: center
}

#wired section.cta-end h1 {
  color: #fff;
  font-size: 2em;
  margin: 0 auto 25px;
  max-width: 537px
}

#wired section.cta-end a.btn {
  align-self: center;
  background-color: #fff;
  border-radius: 100px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
  box-sizing: border-box;
  color: #218df9;
  display: flex;
  font-weight: 600;
  justify-content: center;
  margin: 0 auto 15px;
  max-width: 300px;
  max-width: 270px;
  outline: none;
  padding: 12px;
  text-align: center;
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out;
  width: calc(100% - 60px)
}

@media (max-width:600px) {
  #wired section.cta-end a.btn {
    width: calc(100% - 30px)
  }
}

#wired section.cta-end a.btn:focus, #wired section.cta-end a.btn:hover {
  box-shadow: 0 8px 34px 0 rgba(0, 0, 0, .3);
  transform: scale(1.05);
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out
}

#wired section.cta-end p {
  color: #fff;
  opacity: .8
}

main#pango-existing-account {
  background-color: #ddedfc;
  background-image: url(/img/promotions/confetti.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 60px;
  padding: 50px 0
}

@media (min-resolution:192dpi), only screen and (-webkit-min-device-pixel-ratio:2) {
  main#pango-existing-account {
    background-image: url(/img/promotions/confetti@2x.png)
  }
}

main#pango-existing-account .existing-account {
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center
}

@media screen\0 {
  main#pango-existing-account .existing-account {
    padding-top: 80px
  }
}

main#pango-existing-account .header-text {
  max-width: 500px;
  text-align: center;
  width: 100%
}

main#pango-existing-account .header-text h1 {
  display: none
}

main#pango-existing-account .header-text h2 {
  font-size: 1.6em
}

main#pango-existing-account .header-text h2, main#pango-existing-account .header-text p {
  color: #333
}

main#pango-existing-account section.form-get-started {
  margin-bottom: 0;
  margin-top: 0
}

main#pango-existing-account section.form-get-started form div.form-buttons button#submit-btn {
  align-self: center;
  border-radius: 100px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
  box-sizing: border-box;
  display: flex;
  font-weight: 600;
  justify-content: center;
  margin: 0 auto 0 0;
  max-width: 300px;
  max-width: 250px;
  outline: none;
  padding: 12px;
  text-align: center;
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out;
  width: calc(100% - 60px);
  width: 100%
}

@media (max-width:600px) {
  main#pango-existing-account section.form-get-started form div.form-buttons button#submit-btn {
    width: calc(100% - 30px)
  }
}

main#pango-existing-account section.form-get-started form div.form-buttons button#submit-btn:focus, main#pango-existing-account section.form-get-started form div.form-buttons button#submit-btn:hover {
  box-shadow: 0 8px 34px 0 rgba(0, 0, 0, .3);
  transform: scale(1.05);
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out
}

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

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

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
  }
  main#privacy-for-all header .hero-price-card-promo__container .hero-price-card-promo__button {
    margin-top: 50px
  }
}

main.sourcenext header {
  align-items: center;
  background-color: #ddedfc;
  background-image: url(/img/promotions/confetti.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 0;
  padding: 60px 10px;
  width: 100%
}

@media (min-resolution:192dpi), only screen and (-webkit-min-device-pixel-ratio:2) {
  main.sourcenext header {
    background-image: url(/img/promotions/confetti@2x.png)
  }
}

main.sourcenext header img[alt="1Password icon"] {
  margin-bottom: 10px
}

main.sourcenext header h2.header-title {
  font-size: 1.875em;
  margin-bottom: 42px;
  max-width: 500px;
  text-align: center
}

main.sourcenext header div.window {
  align-items: center;
  background-color: #fff;
  background-image: url(/img/promotions/card-header.jpg);
  background-position: top;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  box-shadow: 0 14px 28px rgba(0, 0, 0, .1), 0 5px 5px rgba(0, 0, 0, .05);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  height: 427px;
  justify-content: center;
  margin: 0 auto;
  max-width: 100%;
  padding: 90px 45px 40px;
  text-align: center
}

@media (min-resolution:192dpi), only screen and (-webkit-min-device-pixel-ratio:2) {
  main.sourcenext header div.window {
    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 a, main.sourcenext header div.window img {
  display: block
}

main.sourcenext header div.window h2 {
  color: #0572ec;
  font-size: 21px;
  max-width: 250px;
  width: 100%
}

main.sourcenext header div.window div.input-field {
  background-color: #fff;
  border: 2px solid #ededed;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  height: 40px;
  margin: 0 auto;
  width: 250px
}

main.sourcenext header div.window div.input-field input {
  border: none;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  font-size: 1em;
  height: 100%;
  padding: 0 10px;
  width: 100%
}

main.sourcenext header div.window div.input-field input:focus {
  outline: none
}

main.sourcenext header div.window button {
  align-self: center;
  background-color: #50b347;
  border-radius: 100px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
  box-sizing: border-box;
  color: #fff;
  display: flex;
  font-weight: 600;
  justify-content: center;
  margin: 20px auto;
  max-width: 300px;
  outline: none;
  padding: 10px;
  text-align: center;
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out;
  width: calc(100% - 60px);
  width: 100%
}

@media (max-width:600px) {
  main.sourcenext header div.window button {
    width: calc(100% - 30px)
  }
}

main.sourcenext header div.window button:focus, main.sourcenext header div.window button:hover {
  box-shadow: 0 8px 34px 0 rgba(0, 0, 0, .3);
  transform: scale(1.05);
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out
}

main.sourcenext header div.window a.link {
  color: #0572ec;
  font-weight: 500
}

main.sourcenext header div.window div.show-message {
  color: #e74c3c;
  font-weight: 600;
  margin: 20px 0;
  text-align: center
}

main.sourcenext header div.window a, main.sourcenext header div.window h2, main.sourcenext header div.window img {
  margin-bottom: 25px
}

main#sourcenext-existing-account {
  background-color: #ddedfc;
  background-image: url(/img/promotions/confetti.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 60px;
  padding: 50px 0
}

@media (min-resolution:192dpi), only screen and (-webkit-min-device-pixel-ratio:2) {
  main#sourcenext-existing-account {
    background-image: url(/img/promotions/confetti@2x.png)
  }
}

main#sourcenext-existing-account .existing-account {
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center
}

@media screen\0 {
  main#sourcenext-existing-account .existing-account {
    padding-top: 80px
  }
}

main#sourcenext-existing-account .header-text {
  max-width: 500px;
  text-align: center;
  width: 100%
}

main#sourcenext-existing-account .header-text h1 {
  display: none
}

main#sourcenext-existing-account .header-text h2 {
  font-size: 1.6em
}

main#sourcenext-existing-account .header-text h2, main#sourcenext-existing-account .header-text p {
  color: #333
}

main#sourcenext-existing-account section.form-get-started {
  margin-bottom: 0;
  margin-top: 0
}

main#sourcenext-existing-account section.form-get-started form div.form-buttons button#submit-btn {
  align-self: center;
  border-radius: 100px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
  box-sizing: border-box;
  display: flex;
  font-weight: 600;
  justify-content: center;
  margin: 0 auto 0 0;
  max-width: 300px;
  max-width: 250px;
  outline: none;
  padding: 12px;
  text-align: center;
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out;
  width: calc(100% - 60px);
  width: 100%
}

@media (max-width:600px) {
  main#sourcenext-existing-account section.form-get-started form div.form-buttons button#submit-btn {
    width: calc(100% - 30px)
  }
}

main#sourcenext-existing-account section.form-get-started form div.form-buttons button#submit-btn:focus, main#sourcenext-existing-account section.form-get-started form div.form-buttons button#submit-btn:hover {
  box-shadow: 0 8px 34px 0 rgba(0, 0, 0, .3);
  transform: scale(1.05);
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out
}

#navbar-promo.white-bar {
  background: #fff
}

#navbar-promo.white-bar #menu-button {
  color: #525c66
}

#navbar-promo.white-bar .buy a, #navbar-promo.white-bar .signup a {
  background-color: #0572ec;
  border: 2px solid #0572ec
}

#navbar-promo.white-bar .buy a, #navbar-promo.white-bar .buy a:hover, #navbar-promo.white-bar .signup a, #navbar-promo.white-bar .signup a:hover {
  color: #fff;
  -webkit-transition: background-color .3s ease-in-out, color .3s ease-in-out, border .3s ease-in-out;
  -moz-transition: background-color .3s ease-in-out, color .3s ease-in-out, border .3s ease-in-out;
  -ms-transition: background-color .3s ease-in-out, color .3s ease-in-out, border .3s ease-in-out;
  -o-transition: background-color .3s ease-in-out, color .3s ease-in-out, border .3s ease-in-out;
  transition: background-color .3s ease-in-out, color .3s ease-in-out, border .3s ease-in-out
}

#navbar-promo.white-bar .buy a:hover, #navbar-promo.white-bar .signup a:hover {
  background-color: #50b347;
  border: 2px solid #50b347
}

#navbar-promo.white-bar ul a.current, #navbar-promo.white-bar ul li a, #navbar-promo.white-bar ul li a:hover {
  color: #525c66
}

.c-families-signup {
  overflow: hidden
}

.c-families-signup .c-families-signup--header {
  background-color: #ddedfb;
  overflow: hidden;
  padding-top: 60px;
  position: relative
}

@media (min-width:1024px) {
  .c-families-signup .c-families-signup--header {
    border-radius: 0 0 55% 55%;
    left: -10vw;
    width: 120vw
  }
}

.c-families-signup .c-families-signup--header .container {
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin: 0 auto;
  max-width: 1000px;
  padding: 30px 10px
}

.c-families-signup .c-families-signup--header .container:after, .c-families-signup .c-families-signup--header .container:before {
  background-size: auto;
  content: " ";
  height: 100%;
  position: absolute;
  top: 33px;
  width: 274px
}

.c-families-signup .c-families-signup--header .container:before {
  background: url(/img/promotions/generic-header-bg-left.af6378abd4cabaddd6e22f9e399a011b.svg) no-repeat 0 0;
  right: 95%
}

.c-families-signup .c-families-signup--header .container:after {
  background: url(/img/promotions/generic-header-bg-right.888d0544f6125f55a1c9b6fde33c2820.svg) no-repeat 0 0;
  left: 100%
}

@media (min-width:660px) {
  .c-families-signup .c-families-signup--header .container {
    padding-bottom: 90px;
    padding-top: 90px;
    position: relative
  }
}

.c-families-signup .c-families-signup--header .container .promo-sign-up {
  align-items: flex-start;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  max-width: 1000px;
  width: 100%;
  z-index: 10
}

@media (max-width:550px) {
  .c-families-signup .c-families-signup--header .container .promo-sign-up {
    flex-direction: column
  }
}

@media (max-width:659px) {
  .c-families-signup .c-families-signup--header .container .promo-sign-up {
    align-items: center
  }
}

.c-families-signup .c-families-signup--header .container .promo-sign-up .promo-features-list {
  align-items: flex-start;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex: 1;
  flex-basis: 400px;
  flex-direction: column;
  height: 100%;
  justify-content: space-evenly;
  max-width: 450px;
  width: 100%
}

@media (min-width:551px) {
  .c-families-signup .c-families-signup--header .container .promo-sign-up .promo-features-list {
    min-width: 320px
  }
}

@media (min-width:830px) {
  .c-families-signup .c-families-signup--header .container .promo-sign-up .promo-features-list {
    max-width: 490px
  }
}

@media screen\0 {
  .c-families-signup .c-families-signup--header .container .promo-sign-up .promo-features-list {
    flex: 1 1 auto
  }
}

.c-families-signup .c-families-signup--header .container .promo-sign-up .promo-features-list .title-container {
  padding-left: 10px;
  width: 100%
}

.c-families-signup .c-families-signup--header .container .promo-sign-up .promo-features-list .blurb {
  color: #454f5b;
  font-size: 1.875em;
  line-height: 1.17;
  margin: 0 0 25px;
  max-width: 420px
}

.c-families-signup .c-families-signup--header .container .promo-sign-up .promo-features-list .list-container {
  color: #fff;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: flex-start;
  margin: unset;
  width: 100%
}

.c-families-signup .c-families-signup--header .container .promo-sign-up .promo-features-list .list-container .list-item {
  background-image: url(/img/pricing/checkbox-purple.c2e1760b521745f4b97712d60e51e31e.svg);
  background-position: 3% 50%;
  background-repeat: no-repeat;
  background-size: 17px;
  color: #454f5b;
  font-size: 1.063em;
  list-style: none;
  margin: 0 0 13px;
  max-width: unset;
  padding-left: 40px
}

.c-families-signup .c-families-signup--header .container .promo-sign-up .promo-features-list .list-container .list-item.family-account-included {
  align-items: flex-end;
  background-color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #333;
  display: inline-flex;
  padding-bottom: 0;
  padding-top: 0
}

@media (min-width:768px) {
  .c-families-signup .c-families-signup--header .container .promo-sign-up .promo-features-list .list-container .list-item.family-account-included {
    height: 56px
  }
  .c-families-signup .c-families-signup--header .container .promo-sign-up .promo-features-list .list-container .list-item.family-account-included img {
    transform: none;
    width: 140px
  }
}

@media screen\0 and (min-width:768px) {
  .c-families-signup .c-families-signup--header .container .promo-sign-up .promo-features-list .list-container .list-item.family-account-included img {
    bottom: 0;
    height: auto;
    position: relative;
    transform: none;
    width: auto
  }
}

.c-families-signup .c-families-signup--header .container .promo-sign-up .promo-features-list .list-container .list-item.family-account-included span {
  align-self: center;
  font-size: .938em;
  margin-left: 8px
}

.c-families-signup .c-families-signup--header .container .promo-sign-up .price-cards {
  flex: 1;
  flex-basis: 400px;
  flex-direction: column;
  max-width: 450px;
  padding-bottom: 5px;
  width: 100%
}

.c-families-signup .c-families-signup--header .container .promo-sign-up .price-cards .card {
  height: 430px;
  margin-right: 0;
  width: 100%
}

@media (min-width:1024px) {
  .c-families-signup .c-families-signup--header .container .promo-sign-up .price-cards .card {
    max-width: 450px;
    padding-left: 20px;
    padding-right: 20px
  }
}

.c-families-signup .c-families-signup--header .container .promo-sign-up .price-cards .card h3 {
  color: #fff;
  font-weight: 600;
  line-height: 1.25;
  max-width: 390px;
  text-align: center
}

.c-families-signup .c-families-signup--header .container .promo-sign-up .price-cards .card h3.card-header {
  font-size: 1.375rem
}

.c-families-signup .c-families-signup--header .container .promo-sign-up .price-cards .card h3.title {
  font-size: 1.5rem
}

.c-families-signup .c-families-signup--header .container .promo-sign-up .price-cards .card h4 span {
  font-size: 4.875rem;
  vertical-align: -.24em
}

.c-families-signup .c-families-signup--header .container .promo-sign-up .price-cards .card .pricing-plan {
  color: #fff;
  font-size: 1.063em;
  letter-spacing: .2px;
  line-height: 1.35;
  max-width: 318px;
  opacity: 1;
  text-align: center
}

.c-families-signup .c-families-signup--header .container .promo-sign-up .price-cards .card .button {
  background-color: #482988;
  color: #fff;
  max-width: 356px
}

.c-families-signup .c-families-signup--header .container .promo-sign-up .price-cards .card .new-only {
  color: #fff;
  display: inline-block;
  font-size: .938em;
  font-weight: 500;
  letter-spacing: 0;
  margin: 10px 14px;
  opacity: .6;
  text-align: center
}

.c-families-signup .cta-end {
  background-image: linear-gradient(180deg, #45b0e6 -48%, #0572ec 149%);
  padding: 70px 30px;
  text-align: center
}

.c-families-signup .cta-end .cta-end--title {
  color: #fff;
  font-size: 2em;
  margin: 0 auto 25px;
  max-width: 530px
}

.c-families-signup .cta-end .cta-end--btn {
  align-self: center;
  background-color: #fff;
  border-radius: 100px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
  box-sizing: border-box;
  color: #0572ec;
  display: flex;
  font-weight: 600;
  justify-content: center;
  margin: 0 auto 15px;
  max-width: 300px;
  max-width: 270px;
  outline: none;
  padding: 12px;
  text-align: center;
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out;
  width: calc(100% - 60px)
}

@media (max-width:600px) {
  .c-families-signup .cta-end .cta-end--btn {
    width: calc(100% - 30px)
  }
}

.c-families-signup .cta-end .cta-end--btn:focus, .c-families-signup .cta-end .cta-end--btn:hover {
  box-shadow: 0 8px 34px 0 rgba(0, 0, 0, .3);
  transform: scale(1.05);
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out
}

.c-families-signup .cta-end .cta-end--text {
  color: #fff
}

section.claim-boxes {
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 2vh 0 50px
}

@media (min-width:52em) {
  section.claim-boxes {
    flex-direction: row;
    margin: 0 auto
  }
}

section.claim-boxes .claim-trial {
  border-radius: 6px;
  margin: 2vw auto;
  max-width: 600px;
  padding: 24px 34px;
  width: 90%
}

@media (min-width:52em) {
  section.claim-boxes .claim-trial {
    margin: 2vw
  }
}

section.claim-boxes .claim-trial:hover {
  box-shadow: 0 8px 34px 0 #ada9a1;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease
}

section.claim-boxes .claim-trial p {
  color: #fff;
  font-size: 16px;
  letter-spacing: -.15px;
  line-height: 22px;
  text-align: center
}

section.claim-boxes .claim-trial img {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 18px;
  margin: 10px auto
}

section.claim-boxes .claim-trial a.white-button {
  align-self: center;
  background-color: #fff;
  border-radius: 100px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
  box-sizing: border-box;
  display: flex;
  font-weight: 600;
  justify-content: center;
  margin: 12px auto 0;
  max-width: 300px;
  outline: none;
  padding: 12px;
  text-align: center;
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out;
  width: calc(100% - 60px)
}

@media (max-width:600px) {
  section.claim-boxes .claim-trial a.white-button {
    width: calc(100% - 30px)
  }
}

section.claim-boxes .claim-trial a.white-button:focus, section.claim-boxes .claim-trial a.white-button:hover {
  box-shadow: 0 8px 34px 0 rgba(0, 0, 0, .3);
  transform: scale(1.05)
}

section.claim-boxes .claim-trial a.purple-button, section.claim-boxes .claim-trial a.white-button:focus, section.claim-boxes .claim-trial a.white-button:hover {
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out
}

section.claim-boxes .claim-trial a.purple-button {
  align-self: center;
  background-color: #7369bf;
  border-radius: 100px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
  box-sizing: border-box;
  color: #fff;
  display: flex;
  font-weight: 600;
  justify-content: center;
  margin: 12px auto 0;
  max-width: 300px;
  outline: none;
  padding: 12px;
  text-align: center;
  width: calc(100% - 60px)
}

@media (max-width:600px) {
  section.claim-boxes .claim-trial a.purple-button {
    width: calc(100% - 30px)
  }
}

section.claim-boxes .claim-trial a.purple-button:focus, section.claim-boxes .claim-trial a.purple-button:hover {
  box-shadow: 0 8px 34px 0 rgba(0, 0, 0, .3);
  transform: scale(1.05)
}

section.claim-boxes .claim-trial a.green-button, section.claim-boxes .claim-trial a.purple-button:focus, section.claim-boxes .claim-trial a.purple-button:hover {
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out
}

section.claim-boxes .claim-trial a.green-button {
  align-self: center;
  background-color: #00c55d;
  border-radius: 100px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
  box-sizing: border-box;
  color: #fff;
  display: flex;
  font-weight: 600;
  justify-content: center;
  margin: 12px auto 0;
  max-width: 300px;
  outline: none;
  padding: 12px;
  text-align: center;
  width: calc(100% - 60px)
}

@media (max-width:600px) {
  section.claim-boxes .claim-trial a.green-button {
    width: calc(100% - 30px)
  }
}

section.claim-boxes .claim-trial a.green-button:focus, section.claim-boxes .claim-trial a.green-button:hover {
  box-shadow: 0 8px 34px 0 rgba(0, 0, 0, .3);
  transform: scale(1.05)
}

section.claim-boxes .claim-trial a.black-button, section.claim-boxes .claim-trial a.green-button:focus, section.claim-boxes .claim-trial a.green-button:hover {
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out
}

section.claim-boxes .claim-trial a.black-button {
  align-self: center;
  background-color: #4d4d4d;
  border-radius: 100px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
  box-sizing: border-box;
  color: #fff;
  display: flex;
  font-weight: 600;
  justify-content: center;
  margin: 12px auto 0;
  max-width: 300px;
  outline: none;
  padding: 12px;
  text-align: center;
  width: calc(100% - 60px)
}

@media (max-width:600px) {
  section.claim-boxes .claim-trial a.black-button {
    width: calc(100% - 30px)
  }
}

section.claim-boxes .claim-trial a.black-button:focus, section.claim-boxes .claim-trial a.black-button:hover {
  box-shadow: 0 8px 34px 0 rgba(0, 0, 0, .3);
  transform: scale(1.05)
}

section.claim-boxes .claim-trial a.black-button:focus, section.claim-boxes .claim-trial a.black-button:hover, section.claim-boxes .claim-trial a.blue-button {
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out
}

section.claim-boxes .claim-trial a.blue-button {
  align-self: center;
  background-color: #0572ec;
  border-radius: 100px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
  box-sizing: border-box;
  color: #fff;
  display: flex;
  font-weight: 600;
  justify-content: center;
  margin: 12px auto 0;
  max-width: 300px;
  outline: none;
  padding: 12px;
  text-align: center;
  width: calc(100% - 60px)
}

@media (max-width:600px) {
  section.claim-boxes .claim-trial a.blue-button {
    width: calc(100% - 30px)
  }
}

section.claim-boxes .claim-trial a.blue-button:focus, section.claim-boxes .claim-trial a.blue-button:hover {
  box-shadow: 0 8px 34px 0 rgba(0, 0, 0, .3);
  transform: scale(1.05);
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out
}

section.claim-boxes .individuals {
  background: #0572ec url(/img/promotions/fistbump_stamp.png) no-repeat;
  background-position: -30px 130px;
  background-size: 103px 103px
}

section.claim-boxes .individuals a {
  color: #0572ec
}

section.claim-boxes .families {
  background: #9469bf url(/img/promotions/fistbump_stamp.png) no-repeat;
  background-position: -30px 130px;
  background-size: 103px 103px
}

section.claim-boxes .families a {
  color: #7369bf
}

section.claim-boxes .teams {
  background: #477db3 url(/img/promotions/teams_stamp.png) no-repeat;
  background-position: 280px 100px;
  background-size: 102px 102px
}

section.claim-boxes .teams a {
  color: #477db3
}

section.claim-boxes .teams2 {
  background: #fff url(/img/promotions/teams_stamp.png) no-repeat;
  background-position: 280px 100px;
  background-size: 102px 102px
}

section.claim-boxes .teams2 a {
  color: #477db3
}

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

section.promotional-information {
  align-items: center;
  background-color: #7369bf;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center
}

@media (min-width:52em) {
  section.promotional-information {
    flex-direction: row
  }
}

section.promotional-information .screenshot {
  background: url(/img/promotions/safe_place.jpg) no-repeat top;
  background-size: 80%;
  height: 480px;
  margin: 0 0 40px;
  width: 445px
}

@media (min-width:52em) {
  section.promotional-information .screenshot {
    margin: 0 40px 0 0;
    width: 445px
  }
}

section.promotional-information .information {
  text-align: center;
  width: 320px
}

@media (min-width:52em) {
  section.promotional-information .information {
    text-align: left;
    width: 330px
  }
}

section.promotional-information .information h1 {
  color: #fff;
  font-size: 30px;
  font-weight: 300;
  line-height: 35px;
  margin-bottom: 15px
}

section.promotional-information .information p {
  color: #fff;
  font-size: 18px;
  line-height: 24px
}

section.promotional-information .information span.platform-icons {
  background: url(/img/promotions/platform_icons_white.png) no-repeat;
  background-size: 241px 50px;
  display: block;
  height: 50px;
  margin: 0 auto 40px;
  width: 241px
}

@media (min-width:52em) {
  section.promotional-information .information span.platform-icons {
    margin: 0
  }
}

section.promotional-compare {
  align-items: flex-start;
  background-color: #edeff2;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 80px 0
}

@media (min-width:52em) {
  section.promotional-compare {
    flex-direction: row
  }
}

section.promotional-compare .compare-box {
  background-color: #fff;
  border-radius: 0 0 6px 6px;
  margin: 30px;
  width: 350px
}

@media (min-width:52em) {
  section.promotional-compare .compare-box {
    margin: 0 30px
  }
}

section.promotional-compare .compare-box .compare-head {
  border-radius: 6px 6px 0 0;
  color: #fff;
  font-weight: 600;
  margin-bottom: 40px;
  padding: 10px 0;
  text-align: center;
  width: 350px
}

section.promotional-compare .compare-box h3 {
  font-size: 15px;
  line-height: 20px;
  margin-bottom: 10px;
  text-align: center
}

section.promotional-compare .compare-box h2 {
  font-size: 60px;
  line-height: 16px;
  margin: 15px 0 25px;
  text-align: center
}

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-bottom: 10px;
  margin-left: 20px
}

section.promotional-compare .compare-box a.claim-button {
  align-self: center;
  border-radius: 100px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
  box-sizing: border-box;
  color: #fff;
  display: flex;
  font-weight: 600;
  justify-content: center;
  margin: 20px auto;
  max-width: 300px;
  outline: none;
  padding: 12px;
  text-align: center;
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out;
  width: calc(100% - 60px)
}

@media (max-width:600px) {
  section.promotional-compare .compare-box a.claim-button {
    width: calc(100% - 30px)
  }
}

section.promotional-compare .compare-box a.claim-button:focus, section.promotional-compare .compare-box a.claim-button:hover {
  box-shadow: 0 8px 34px 0 rgba(0, 0, 0, .3);
  transform: scale(1.05);
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .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 {
  align-items: center;
  background-color: #ddedfc;
  background-image: url(/img/promotions/confetti.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 700px;
  justify-content: center;
  width: 100%
}

@media (min-resolution:192dpi), only screen and (-webkit-min-device-pixel-ratio:2) {
  section.promo-main {
    background-image: url(/img/promotions/confetti@2x.png)
  }
}

section.promo-main div.window {
  background-color: #fff;
  background-image: url(/img/promotions/card-header.jpg);
  background-position: top;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 6px;
  box-shadow: 0 14px 28px rgba(0, 0, 0, .1), 0 5px 5px rgba(0, 0, 0, .05);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  height: 425px;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 100%;
  padding: 90px 45px 40px;
  text-align: center
}

@media (min-resolution:192dpi), only screen and (-webkit-min-device-pixel-ratio:2) {
  section.promo-main div.window {
    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 {
  color: #0572ec;
  font-size: 21px
}

section.promo-main div.window a.blue-button {
  align-self: center;
  background-color: #0572ec;
  border-radius: 100px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
  box-sizing: border-box;
  color: #fff;
  display: flex;
  font-weight: 600;
  justify-content: center;
  margin: 20px auto 0;
  max-width: 300px;
  outline: none;
  padding: 12px;
  text-align: center;
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out;
  width: calc(100% - 60px);
  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:focus, section.promo-main div.window a.blue-button:hover {
  box-shadow: 0 8px 34px 0 rgba(0, 0, 0, .3);
  transform: scale(1.05);
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out
}

section.promo-main div.window input {
  border: none;
  border-bottom: 1px solid #aaa;
  border-radius: 0;
  padding: 10px 0;
  text-align: center;
  width: 100%
}

section.promo-main div.window input[type=submit] {
  align-self: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #0572ec;
  border-radius: 100px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: flex;
  font-size: 1em;
  font-weight: 600;
  justify-content: center;
  margin: 20px auto 0;
  max-width: 300px;
  outline: none;
  padding: 12px 15px;
  text-align: center;
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out;
  width: calc(100% - 60px);
  width: 100%
}

@media (max-width:600px) {
  section.promo-main div.window input[type=submit] {
    width: calc(100% - 30px)
  }
}

section.promo-main div.window input[type=submit]:focus, section.promo-main div.window input[type=submit]:hover {
  box-shadow: 0 8px 34px 0 rgba(0, 0, 0, .3);
  transform: scale(1.05);
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .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, .3), 0 15px 12px rgba(0, 0, 0, .22);
  transition: all .5s ease
}

section.promo-main #out {
  transition: all .2s ease-out
}

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

.business__link {
  color: #0572ec;
  display: inline-block;
  font-size: 1.125em;
  font-weight: 600;
  letter-spacing: -.12px;
  line-height: 1.5
}

.business__link>svg {
  transition: transform .2s
}

.business__link:hover {
  color: #06c
}

.business__link:hover>svg {
  transform: translateX(7px);
  transition: transform .2s
}

.business__link:hover>svg path {
  fill: #06c;
  transition: fill .2s
}

.business__hero {
  background-image: url(/img/business/background-header.ad05adcd4bdca438cbe5bf88e03eaae5.jpg), linear-gradient(0deg, rgba(0, 0, 0, .7), transparent 50%);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%
}

@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, .7), transparent 50%)
  }
}

.business__container {
  margin: 0 auto;
  max-width: 1140px;
  padding: 112px 30px
}

.business__features-cards {
  background-image: linear-gradient(0deg, #fff, rgba(235, 240, 244, .5))
}

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

.business__card-container {
  min-height: 364px
}

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

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

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

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

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

.business .oversee-create {
  background-color: #fff
}

@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 {
  display: block;
  font-family: Adelle-Semibold, sans-serif;
  font-size: 1.5rem;
  letter-spacing: -.16px;
  line-height: 1.15;
  margin: 0 auto;
  max-width: 320px;
  padding-bottom: 40px;
  padding-top: 80px;
  text-align: center
}

@media (min-width:760px) {
  .business .oversee-create h2 {
    padding-bottom: 20px;
    padding-top: 80px
  }
}

@media (min-width:57em) {
  .business .oversee-create h2 {
    display: none
  }
}

.business .oversee-create.scroller .scroller-tracker {
  cursor: grab;
  display: grid;
  grid-template-columns: repeat(3, calc(100% - 70px))
}

@media (min-width:760px) {
  .business .oversee-create.scroller .scroller-tracker {
    cursor: pointer;
    display: flex;
    grid-template-columns: unset;
    pointer-events: none;
    transition: none
  }
  .business .oversee-create.scroller .scroller-wrapper {
    pointer-events: none
  }
}

.business .oversee-create.scroller .scroller-wrapper .slide {
  align-self: start;
  padding: 10px;
  text-align: center
}

@media (min-width:760px) {
  .business .oversee-create.scroller .scroller-wrapper .slide {
    opacity: 0;
    pointer-events: none;
    transition: opacity .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;
  opacity: .5;
  transition: opacity .5s ease-in-out;
  width: 100%
}

@media (min-width:760px) {
  .business .oversee-create.scroller .scroller-wrapper .slide.active {
    opacity: 1;
    transition-delay: .7s;
    transition: opacity .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;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  margin: 25px 0 20px
}

.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 {
    align-self: center;
    margin-left: 0;
    padding: 0
  }
  .business .oversee-create.scroller .scroller-wrapper .slide figcaption {
    display: none
  }
}

.business .oversee-create.scroller .container {
  display: block;
  margin: 0 auto;
  max-width: 1170px;
  padding-bottom: 0;
  padding-top: 0
}

.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 {
    background: none;
    border-left: 2px solid #bfdeff;
    border-radius: 0;
    color: #3d454d;
    font-size: 1rem;
    height: auto;
    letter-spacing: -.11px;
    line-height: 1.5;
    outline: none;
    padding: 15px 25px 30px;
    text-align: left;
    transition: border-left-color .25s ease-in-out;
    width: auto
  }
  .business .oversee-create.scroller .container nav ul li button span {
    display: block;
    font-size: 1.125rem;
    font-weight: 700;
    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;
    font-size: 2rem;
    max-width: 1170px;
    padding-bottom: 20px;
    padding-top: 40px;
    text-align: left
  }
}

.business__trustpilot-wrapper {
  background-image: linear-gradient(180deg, #fff, #f5f7fa, #fff 80%);
  display: flex;
  flex-direction: column;
  padding-top: 36px
}

.business__trustpilot-wrapper .trust-pilot {
  background: none;
  text-align: center;
  width: 100%
}

@media (max-width:700px) {
  .business__trustpilot-description, .business__trustpilot-title {
    padding: 0 20px
  }
}

.business__trustpilot-description {
  color: #3d454d;
  font-size: 1.125rem;
  margin: 0 auto 48px;
  max-width: 566px;
  text-align: center
}

.business__advanced-protection {
  margin: 0 auto;
  max-width: 1140px
}

.business__advanced-protection-screenshot {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: flex-end
}

@supports (display:grid) {
  .business__advanced-protection-screenshot {
    display: grid;
    place-items: end
  }
}

.business__advanced-protection-content {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 30px
}

@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 {
  font-size: 1.375rem;
  font-weight: 600;
  margin-top: 13px;
  max-width: 347px;
  padding-bottom: 0;
  width: 100%
}

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

.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 {
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0 auto;
  max-width: 1400px
}

.business__featured-company-quote-title {
  color: #fff;
  font-family: Adelle-Semibold, sans-serif;
  font-size: 1.75rem;
  letter-spacing: -.19px;
  line-height: 2.375rem;
  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;
  max-width: 471px;
  position: relative;
  width: 100%
}

@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 {
    bottom: 40px;
    position: relative
  }
}

.business__featured-company-logo {
  width: 80px
}

.business__companies {
  background-color: #fff;
  padding: 120px 20px 80px;
  text-align: center
}

@media (min-width:920px) {
  .business__companies {
    padding-bottom: 70px;
    padding-top: 150px
  }
}

.business__companies-title {
  color: rgba(0, 0, 0, .7);
  font-size: 1.25rem;
  margin: 0 auto;
  max-width: 371px;
  text-align: center
}

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

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

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

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

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

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

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

.business__integrations-support-container {
  margin: 0 auto;
  max-width: 1170px;
  padding: 60px 30px 100px
}

@media (min-width:1024px) {
  .business__integrations-support-container {
    padding-top: 100px
  }
}

.business__security-features-title {
  color: rgba(0, 0, 0, .7);
  font-size: 1.875rem;
  margin-bottom: 50px;
  text-align: center
}

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

.business__security-features-item-description {
  color: rgba(0, 0, 0, .7);
  font-size: 1rem
}

@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(180deg, #fff, #f0f5fa)
}

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

.business__free-family-accounts-container {
  align-items: flex-end;
  background-image: linear-gradient(0deg, #1b3b7c, #0e2555);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin: 0 auto;
  max-width: 1170px
}

@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;
  overflow: hidden;
  padding: 130px 30px 30px;
  position: relative
}

@media (min-width:1024px) {
  .business__free-family-accounts-text {
    padding-bottom: 60px;
    padding-top: 60px
  }
}

.business__free-family-accounts-description, .business__free-family-accounts-subheading, .business__free-family-accounts-title {
  margin-bottom: 16px
}

@media (min-width:1024px) {
  .business__free-family-accounts-description, .business__free-family-accounts-subheading, .business__free-family-accounts-title {
    margin-left: 100px
  }
}

.business__free-family-accounts-subheading {
  color: #fff;
  font-size: 1.875rem;
  max-width: 400px
}

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

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

.business__free-family-accounts-image-container {
  flex: 1 1 auto;
  flex-basis: 400px
}

@media (min-width:1200px) {
  .business__free-family-accounts-image-container {
    bottom: 30px;
    position: relative
  }
}

.business__free-family-accounts-image {
  position: relative;
  top: 3px;
  width: 100%
}

@media (min-width:1024px) {
  .business__free-family-accounts-image {
    bottom: -4px
  }
}

@media (min-width:1200px) {
  .business__free-family-accounts-image {
    border-radius: 0 0 10px;
    bottom: 14px;
    left: -50px;
    position: relative;
    top: 0;
    transform: scale(1.2);
    width: 100%
  }
}

.business__free-family-accounts-banner {
  background-color: #0572ec;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #fff;
  display: block;
  font-size: .8rem;
  font-weight: 600;
  left: 100%;
  margin-left: -157px;
  min-width: 168px;
  padding: 10px;
  position: absolute;
  top: 42px
}

@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 {
    margin-left: -100.5%;
    text-align: center;
    top: 8px
  }
  :lang(en) .business__free-family-accounts-banner {
    margin-left: -109.5%;
    top: 42px;
    transform: rotate(-45deg)
  }
}

.business__end-cta {
  background-color: #f0f5fa
}

.business__end-cta-container {
  background-image: linear-gradient(0deg, #1b3b7c, #0e2555);
  margin: 0 auto;
  max-width: 1170px;
  padding: 60px 30px;
  text-align: center
}

@media (min-width:1200px) {
  .business__end-cta-container {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
  }
}

.business__end-cta-description, .business__end-cta-title {
  margin: 0 auto 16px
}

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

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

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

@media (max-width:600px) {
  .business__end-cta-button {
    width: calc(100% - 30px)
  }
}

.business__end-cta-button:focus, .business__end-cta-button:hover {
  box-shadow: 0 8px 34px 0 rgba(0, 0, 0, .3);
  transform: scale(1.05);
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out
}

.business__end-cta-button:hover {
  color: #fff
}

.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;
    max-width: 500px;
    width: 100%
  }
}

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

.business__list-item {
  color: #fff;
  font-size: .875rem;
  font-weight: 500;
  list-style: none
}

.business__list-item:not(:last-of-type) {
  margin-bottom: 5px
}

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

.business__compliance {
  margin: 50px auto 0;
  max-width: 1170px;
  padding: 0 30px 30px;
  text-align: center
}

.business__compliance a.link {
  font-size: 1rem
}

.business__compliance img {
  display: block;
  margin: 16px auto 0
}

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

.enterprise-hero {
  background-position: 50%, 25% 75%
}

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 {
  align-self: center;
  background-color: #0572ec;
  border-radius: 100px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
  box-sizing: border-box;
  color: #fff;
  display: flex;
  font-weight: 600;
  justify-content: center;
  margin: 0 auto;
  max-width: 300px;
  outline: none;
  padding: 12px;
  text-align: center;
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out;
  width: calc(100% - 60px)
}

@media (max-width:600px) {
  main#enterprise a.btn {
    width: calc(100% - 30px)
  }
}

main#enterprise a.btn:focus, main#enterprise a.btn:hover {
  box-shadow: 0 8px 34px 0 rgba(0, 0, 0, .3);
  transform: scale(1.05);
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .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: .5em
}

main#enterprise .box--text p {
  color: #3d454d;
  font-size: 1em;
  letter-spacing: -.3px;
  line-height: 1.38;
  opacity: .8
}

@media (min-width:700px) {
  main#enterprise .box--text {
    align-items: flex-start
  }
}

main#enterprise .setup-demo {
  align-items: center;
  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;
  padding: 18px
}

main#enterprise .setup-demo p {
  color: #525c66;
  font-size: 1.125em;
  font-weight: 600;
  line-height: 1.11;
  margin: 0 0 .2em;
  text-align: center
}

main#enterprise .setup-demo .business-demo {
  align-self: center;
  background-color: #0572ec;
  border-radius: 100px;
  border-radius: 3px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
  box-sizing: border-box;
  color: #fff;
  display: flex;
  font-weight: 600;
  justify-content: center;
  margin: 0 0 0 20px;
  max-width: 300px;
  outline: none;
  padding: 12px;
  text-align: center;
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out;
  width: calc(100% - 60px);
  width: 228px
}

@media (max-width:600px) {
  main#enterprise .setup-demo .business-demo {
    width: calc(100% - 30px)
  }
}

main#enterprise .setup-demo .business-demo:focus, main#enterprise .setup-demo .business-demo:hover {
  box-shadow: 0 8px 34px 0 rgba(0, 0, 0, .3);
  transform: scale(1.05);
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out
}

main#enterprise .wrapper {
  background-image: linear-gradient(180deg, #fff, #f5f7fa, #fff 80%);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  padding-bottom: 25px;
  padding-top: 36px
}

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 {
  font-size: 1.875em;
  margin-bottom: 10px
}

main#enterprise .wrapper .g2 p {
  color: #3d454d;
  font-size: 1.125em;
  margin: 0 auto 48px;
  max-width: 566px;
  text-align: center
}

main#enterprise .wrapper .g2 .g2-item {
  padding-left: 20px;
  padding-right: 20px
}

main#enterprise header {
  background-color: #fff;
  padding-bottom: 10px;
  position: relative
}

@media (min-width:1024px) {
  main#enterprise header {
    -webkit-box-shadow: 0 10px 0 10px #fff;
    -moz-box-shadow: 0 10px 0 10px #fff;
    box-shadow: 0 10px 0 10px #fff;
    padding-bottom: 0
  }
}

main#enterprise header h1.title {
  color: #212b36;
  font-size: 1.75em;
  letter-spacing: -.29px;
  line-height: 1.15;
  margin-left: auto;
  margin-right: auto;
  max-width: 320px
}

@media (min-width:760px) {
  main#enterprise header h1.title {
    margin-left: 0;
    margin-right: 0;
    max-width: 458px
  }
}

@media (min-width:68em) {
  main#enterprise header h1.title {
    font-size: 2.5em
  }
}

main#enterprise header p {
  color: #454f5b;
  font-size: .9em;
  letter-spacing: -.3px;
  line-height: 1.5;
  margin-bottom: 12px;
  margin-left: 0;
  margin-right: 0;
  max-width: 458px;
  text-align: left
}

main#enterprise header a.btn {
  display: inline-block;
  margin: 0;
  max-width: 250px
}

main#enterprise header .header-top {
  background-image: linear-gradient(180deg, #fff, #f0f5fa);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 60px 5% 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;
  margin-top: -150px;
  padding: 0 30px;
  position: relative;
  z-index: 5
}

@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 {
  background-color: #fff;
  border: .5px solid #e9e9e9;
  border-radius: 10px;
  box-shadow: 0 10px 15px 0 hsla(0, 0%, 78%, .19);
  height: 100%;
  padding: 45px 30px 30px;
  width: 100%
}

@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 {
  color: #333;
  font-size: 1.5em;
  font-weight: 600;
  letter-spacing: -.16px;
  line-height: 1.25;
  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 {
  font-size: .938em;
  letter-spacing: -.2px;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  max-width: none
}

main#enterprise .cards-panel .cards .header-card img {
  float: left;
  margin-bottom: 10px;
  margin-right: 15px;
  max-height: 30px
}

main#enterprise section.advanced-protection-included, main#enterprise section.end-section {
  text-align: center
}

main#enterprise section h2.display {
  color: #333
}

main#enterprise section h2.display, main#enterprise section.business-features-list h2:last-of-type {
  font-family: Adelle-Semibold, sans-serif;
  font-size: 2em;
  font-weight: 400;
  letter-spacing: -.21px;
  line-height: 1.34
}

main#enterprise section.business-features-list h2:last-of-type {
  color: #fff
}

main#enterprise section.end-section {
  background: #fff;
  padding: 40px 25px
}

main#enterprise section.end-section a.link {
  font-size: 1.125em;
  font-weight: 600;
  letter-spacing: -.16px;
  line-height: 1.5;
  position: relative;
  transition: color .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 .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 section.protect-enterprise {
  background: #fff
}

@media (min-width:760px) {
  main#enterprise section.protect-enterprise {
    padding-bottom: 60px;
    padding-top: 60px
  }
}

main#enterprise section.protect-enterprise .container {
  background-color: #f2f4f7;
  border: 1px solid #f2f4f7;
  border-radius: .5em;
  padding: 0
}

@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 {
  height: 100%;
  justify-self: right
}

main#enterprise section.protect-enterprise .container img {
  height: 100%;
  max-width: 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
  }
  main#enterprise section.protect-enterprise .grid-col--lg-order-1 {
    margin-top: -60px
  }
}

main#enterprise section.protect-enterprise h2, main#enterprise section.protect-enterprise p {
  margin-bottom: 30px;
  text-align: left
}

@media (min-width:760px) {
  main#enterprise section.protect-enterprise h2, main#enterprise section.protect-enterprise p {
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    max-width: 400px;
    padding-left: 30px;
    text-align: left
  }
}

main#enterprise section.protect-enterprise p {
  font-size: 1.125em;
  letter-spacing: -.12px;
  line-height: 1.5;
  margin-bottom: 0
}

main#enterprise section.deploy {
  background: #fff;
  padding: 30px
}

@media (min-width:760px) {
  main#enterprise section.deploy {
    padding-bottom: 60px;
    padding-top: 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 h2, main#enterprise section.deploy p {
  margin-bottom: 30px;
  text-align: left
}

@media (min-width:760px) {
  main#enterprise section.deploy h2, main#enterprise section.deploy p {
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    max-width: 400px;
    padding-left: 30px;
    text-align: left
  }
}

main#enterprise section.deploy p {
  font-size: 1.125em;
  letter-spacing: -.12px;
  line-height: 1.5
}

@media (min-width:760px) {
  main#enterprise section.deploy p {
    margin-bottom: 0
  }
}

main#enterprise section.good-practice {
  background: #fff
}

@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 h2, main#enterprise section.good-practice p {
  margin-bottom: 30px;
  text-align: left
}

@media (min-width:760px) {
  main#enterprise section.good-practice h2, main#enterprise section.good-practice p {
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    max-width: 400px;
    padding-left: 30px;
    text-align: left
  }
}

main#enterprise section.good-practice p {
  font-size: 1.125em;
  letter-spacing: -.12px;
  line-height: 1.5
}

@media (min-width:760px) {
  main#enterprise section.good-practice p {
    margin-bottom: 0
  }
}

main#enterprise section.good-practice a {
  border-bottom: 1px dotted #000;
  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, #fff, #f2f4f7);
  box-shadow: 0 1px 0 0 #e6e8eb;
  min-height: 250px
}

main#enterprise section.ibm-quote div.container {
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  max-width: 1170px;
  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 {
  color: #fff;
  font-size: 1.75em;
  letter-spacing: -.19px;
  line-height: 1.36;
  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;
  font-size: 1.14em;
  line-height: 1.6em;
  margin: 20px 0;
  padding: 0 60px
}

@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;
  font-size: .9rem;
  font-weight: 600;
  margin: 1em 0 0
}

main#enterprise .companies {
  background-color: #fff;
  padding: 30px;
  text-align: center
}

@media (min-width:920px) {
  main#enterprise .companies {
    padding: 80px 20px 70px
  }
}

main#enterprise .companies h1 {
  color: #333;
  font-size: 1.25em;
  letter-spacing: -.13px;
  line-height: 1.15;
  margin: 0 auto;
  max-width: 381px;
  text-align: center
}

main#enterprise .companies img {
  margin: 2.5em auto;
  max-width: 1024px
}

main#enterprise .companies picture {
  display: block
}

main#enterprise .companies a.read-more {
  color: #0572ec;
  font-size: 1.125em;
  font-weight: 600;
  letter-spacing: -.12px;
  line-height: 1.5;
  text-align: center
}

main#enterprise .companies a.read-more:hover {
  color: #06c
}

main#enterprise section.g2-scrollable {
  background: #f0f5fa;
  background: -webkit-linear-gradient(top, #fff, #f0f5fa 40%);
  background: linear-gradient(180deg, #fff 0, #f0f5fa 40%);
  margin-bottom: 0
}

main#enterprise section.g2-scrollable h2 {
  font-size: 1.75em;
  letter-spacing: -.27px;
  line-height: 1.15
}

@media (min-width:52em) {
  main#enterprise section.g2-scrollable h2 {
    font-size: 2.5em
  }
}

main#enterprise section.g2-scrollable .g2-trophy {
  height: 120px;
  margin: 40px auto 0
}

main#enterprise section.g2-scrollable .scroller-wrapper {
  margin: 0 auto;
  max-width: 1040px
}

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 {
  background-color: #072a50;
  box-shadow: 0 2px 4px 0 rgba(122, 138, 153, .1);
  overflow: visible;
  padding: 30px;
  position: relative
}

@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 {
    background: url(/img/enterprise/ent-secure-left.6a967ddc10e66e09c1e28f18d65803db.svg) no-repeat 0 0;
    background-size: contain;
    content: "";
    display: block;
    left: calc(20% - 320px);
    min-height: 105%;
    position: absolute;
    top: -10px;
    width: 370px
  }
}

main#enterprise section.g2-scrollable .cta-box:after {
  display: none
}

@media (min-width:900px) {
  main#enterprise section.g2-scrollable .cta-box:after {
    background: url(/img/enterprise/ent-secure-right.361fdb8cf7c4eb431a3e7d1950549ceb.svg) no-repeat 100%;
    background-size: contain;
    content: "";
    display: block;
    min-height: 105%;
    position: absolute;
    right: calc(20% - 360px);
    top: -10px;
    width: 370px
  }
}

main#enterprise section.g2-scrollable .cta-box h2, main#enterprise section.g2-scrollable .cta-box li, main#enterprise section.g2-scrollable .cta-box p {
  color: #fff
}

main#enterprise section.g2-scrollable .cta-box h2, main#enterprise section.g2-scrollable .cta-box p {
  margin-left: auto;
  margin-right: auto;
  max-width: 570px
}

main#enterprise section.g2-scrollable .cta-box p {
  margin-bottom: 30px;
  max-width: 570px
}

main#enterprise section.g2-scrollable .cta-box p:last-of-type {
  margin-bottom: 0
}

main#enterprise section.g2-scrollable .cta-box h2 {
  letter-spacing: -.27px
}

main#enterprise section.g2-scrollable .cta-box a.btn {
  background-color: #fff;
  color: #0572ec;
  display: inline-block;
  margin: 0 auto 30px;
  padding-left: 25px;
  padding-right: 25px;
  width: auto
}

@media (min-width:500px) {
  main#enterprise section.g2-scrollable .cta-box a.btn {
    margin: 0 auto 40px
  }
  main#enterprise section.g2-scrollable .cta-box .list-features ul {
    display: inline-flex;
    flex-direction: row;
    justify-content: space-evenly;
    margin-bottom: 20px;
    max-width: 500px;
    width: 100%
  }
}

@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 {
  font-size: .875em;
  font-weight: 500;
  letter-spacing: -.09px;
  line-height: 1.5;
  list-style: none;
  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 {
  align-items: center;
  background: #232a3f;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  padding: 30px;
  text-align: center;
  width: 100%
}

main#enterprise .get-started h3 {
  color: #fff;
  font-size: 1.375em;
  font-weight: 600;
  letter-spacing: -.2px;
  line-height: 1.36
}

main#enterprise .get-started a {
  align-self: center;
  background: #50b347;
  border-radius: 100px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
  box-sizing: border-box;
  color: #fff;
  display: flex;
  font-weight: 600;
  justify-content: center;
  margin: 0 1em;
  max-width: 300px;
  outline: none;
  padding: 12px;
  text-align: center;
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out;
  width: calc(100% - 60px)
}

@media (max-width:600px) {
  main#enterprise .get-started a {
    width: calc(100% - 30px)
  }
}

main#enterprise .get-started a:focus, main#enterprise .get-started a:hover {
  box-shadow: 0 8px 34px 0 rgba(0, 0, 0, .3);
  transform: scale(1.05);
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out
}

.jobs {
  display: block;
  overflow: hidden;
  padding-top: 60px
}

.jobs__header {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin: 0 auto;
  max-width: 960px;
  padding: 35px 20px
}

@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-description, .jobs__header-intro {
  color: #212b36
}

.jobs__header-intro {
  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;
  letter-spacing: -.27px;
  line-height: 1.2;
  margin-bottom: 30px
}

.jobs__header-description {
  font-size: 1.125em;
  letter-spacing: -.4px;
  line-height: 1.47;
  margin-bottom: 0
}

.jobs__btn-external {
  align-self: center;
  background-color: #0572ec;
  border-radius: 100px;
  box-sizing: border-box;
  display: flex;
  font-weight: 600;
  justify-content: center;
  max-width: 250px;
  outline: none;
  padding: 12px 50px;
  text-align: center;
  width: 100%
}

.jobs__btn-external, .jobs__btn-external:focus, .jobs__btn-external:hover {
  color: #fff;
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out
}

.jobs__btn-external:focus, .jobs__btn-external:hover {
  box-shadow: 0 8px 34px 0 rgba(0, 0, 0, .3);
  transform: scale(1.05)
}

.jobs__btn-external--centered {
  margin: 50px auto
}

.jobs__landing-images {
  display: none
}

@supports (display:grid) {
  .jobs__landing-images {
    grid-column-gap: 10px;
    align-content: end;
    align-items: end;
    display: grid;
    grid-template-columns: repeat(24, 1fr);
    grid-template-rows: repeat(24, 1fr);
    height: 250px;
    justify-content: end;
    max-width: 100%;
    width: 100%
  }
  @media (min-width:1023px) {
    .jobs__landing-images {
      grid-row-gap: 10px;
      height: 400px
    }
  }
  @media (min-width:1250px) {
    .jobs__landing-images {
      margin: -150px auto 0;
      min-height: 600px
    }
  }
  @media (min-width:1920px) {
    .jobs__landing-images {
      max-width: 1920px;
      min-width: 1920px
    }
  }
}

.jobs__team-photo-container {
  align-self: stretch;
  height: 100%;
  width: 100%
}

.jobs__team-photo-container:first-child {
  grid-column-end: span 24;
  grid-column-start: 1;
  grid-row-end: span 24;
  grid-row-start: 1
}

@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-end: span 16;
    grid-column-start: 1;
    grid-row-end: span 24;
    grid-row-start: 1
  }
}

@media (min-width:1250px) {
  .jobs__team-photo-container:first-child {
    grid-column-end: span 11;
    grid-column-start: 1;
    grid-row-end: span 18;
    grid-row-start: 7
  }
}

@media (min-width:1700px) {
  .jobs__team-photo-container:first-child {
    grid-column-end: span 13;
    grid-column-start: 1;
    grid-row-end: span 18;
    grid-row-start: 7
  }
}

.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-end: span 8;
    grid-column-start: 17;
    grid-row-end: span 12;
    grid-row-start: 1
  }
}

@media (min-width:1250px) {
  .jobs__team-photo-container:nth-child(2) {
    grid-column-end: span 7;
    grid-column-start: 12;
    grid-row-end: span 9;
    grid-row-start: 6
  }
}

@media (min-width:1700px) {
  .jobs__team-photo-container:nth-child(2) {
    grid-column-end: span 3;
    grid-column-start: 14;
    grid-row-end: span 9;
    grid-row-start: 6
  }
}

.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-end: span 8;
    grid-column-start: 17;
    grid-row-end: span 12;
    grid-row-start: 13
  }
}

@media (min-width:1250px) {
  .jobs__team-photo-container:nth-child(3) {
    grid-column-end: span 7;
    grid-column-start: 12;
    grid-row-end: span 10;
    grid-row-start: 15
  }
}

@media (min-width:1700px) {
  .jobs__team-photo-container:nth-child(3) {
    grid-column-end: span 3;
    grid-column-start: 14;
    grid-row-end: span 10;
    grid-row-start: 15
  }
}

.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-end: span 6;
    grid-column-start: 19;
    grid-row-end: span 11;
    grid-row-start: 1
  }
}

@media (min-width:1700px) {
  .jobs__team-photo-container:nth-child(4) {
    grid-column-end: span 4;
    grid-column-start: 17;
    grid-row-end: span 11;
    grid-row-start: 1
  }
}

.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-end: span 6;
    grid-column-start: 19;
    grid-row-end: span 13;
    grid-row-start: 12
  }
}

@media (min-width:1700px) {
  .jobs__team-photo-container:nth-child(5) {
    grid-column-end: span 4;
    grid-column-start: 17;
    grid-row-end: span 13;
    grid-row-start: 12
  }
}

.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-end: span 4;
    grid-column-start: 21;
    grid-row-end: span 15;
    grid-row-start: 10
  }
}

.jobs__image-src {
  display: block;
  height: 100%;
  max-height: 100%;
  max-width: 100%;
  object-fit: cover;
  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;
  margin: 0 auto;
  max-width: 960px;
  padding: 20px
}

@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 {
  color: #fff;
  font-size: 1.125rem;
  letter-spacing: -.56px;
  line-height: 1.47;
  margin: 0;
  padding-bottom: 30px
}

@media (min-width:768px) {
  .jobs__culture-description:last-child {
    padding-bottom: 0
  }
}

.jobs__quote-container {
  background-color: #0572ec;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  height: 100%;
  padding: 30px;
  width: 100%
}

@media (min-width:767px) {
  .jobs__quote-container {
    max-width: 370px;
    padding: 20px
  }
}

@media (min-width:1023px) {
  .jobs__quote-container {
    padding: 40px
  }
}

.jobs__blockquote {
  color: #fff;
  font-size: 1.375rem;
  font-style: italic;
  line-height: 1.39
}

.jobs__quote-citation {
  color: #fff;
  font-style: normal;
  font-weight: 600;
  letter-spacing: -.23px;
  line-height: 1.2
}

h1.teams {
  background-image: url(/img/pricing/header-logo-lock.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 293px 36px;
  height: 120px;
  text-indent: -10000px;
  width: 100%
}

@media (min-resolution:192dpi), only screen and (-webkit-min-device-pixel-ratio:2) {
  h1.teams {
    background-image: url(/img/pricing/header-logo-lock@2x.png)
  }
}

.pricing-cards {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  margin: auto;
  padding-top: 24px;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .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 .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
  }
}

.pricing-cards article {
  -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;
  justify-content: center;
  margin: 0 2px;
  max-width: 300px;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out
}

@media (max-width:767px) {
  .pricing-cards article {
    margin: 5px;
    max-width: none;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
  }
}

.pricing-cards .pricing-card header {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  -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;
  font-size: 1.7em;
  height: 50px;
  justify-content: center
}

.pricing-cards .pricing-card ul {
  list-style: none;
  margin: 0 10px
}

.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-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-pack: distribute;
  align-items: center;
  -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;
  -ms-flex-direction: column;
  flex-direction: column;
  justify-content: space-around;
  min-height: 330px;
  padding: 14px 0;
  text-align: center
}

@media screen\0 {
  .pricing-cards .pricing-card section.pricing {
    height: 330px
  }
}

.pricing-cards .pricing-card section.pricing sup {
  font-size: 24px;
  font-weight: 600;
  letter-spacing: -1px;
  line-height: 0;
  padding-right: 3px;
  vertical-align: super
}

.pricing-cards .pricing-card section.pricing p {
  color: #fff;
  font-size: 1.063em;
  line-height: 1.35;
  margin: 0 20px 15px;
  max-width: 300px;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out
}

@media (max-width:400px) {
  .pricing-cards .pricing-card section.pricing p {
    margin: 10px 20px 20px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
  }
}

.pricing-cards .pricing-card section.pricing p.price {
  display: inline-block;
  font-size: 72px;
  font-weight: 600;
  letter-spacing: .34px;
  line-height: .5em;
  margin-top: 20px;
  vertical-align: bottom
}

.pricing-cards .pricing-card section.pricing p.billed {
  font-size: .9em;
  font-weight: 600;
  line-height: 5px;
  margin: 0 auto;
  opacity: .4;
  position: relative;
  top: 10px
}

.pricing-cards .pricing-card section.pricing a.button {
  align-self: center;
  border-radius: 100px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
  box-sizing: border-box;
  display: flex;
  font-size: .938em;
  font-weight: 600;
  justify-content: center;
  letter-spacing: -.2px;
  margin: 20px auto 0;
  max-width: 300px;
  max-width: 285px;
  outline: none;
  padding: 12px;
  text-align: center;
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out;
  width: calc(100% - 60px)
}

@media (max-width:600px) {
  .pricing-cards .pricing-card section.pricing a.button {
    width: calc(100% - 30px)
  }
}

.pricing-cards .pricing-card section.pricing a.button:focus, .pricing-cards .pricing-card section.pricing a.button:hover {
  box-shadow: 0 8px 34px 0 rgba(0, 0, 0, .3);
  transform: scale(1.05);
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out
}

.pricing-cards .teams-standard header {
  color: #fff;
  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: #fff;
  width: 100%
}

.pricing-cards .teams-standard a.button {
  background: #fff;
  color: #0572ec
}

.pricing-cards .teams-pro header {
  color: #fff;
  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: #fff;
  width: 100%
}

.pricing-cards .teams-pro section.pricing a.button {
  background: #0572ec;
  color: #fff;
  margin-top: 30px
}

.pricing-cards .teams-enterprise header {
  color: #fff;
  font-weight: 600
}

.pricing-cards .teams-enterprise section.pricing {
  background: #3f4c73;
  color: #fff;
  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: #fff;
  color: #69728c
}

.frequent-pricing-questions {
  margin: auto;
  padding: 20px 20px 60px;
  width: 100%
}

.frequent-pricing-questions .wrapper {
  margin: 0 auto;
  max-width: 700px
}

.frequent-pricing-questions h2 {
  color: #333;
  font-size: 24px;
  line-height: 28px;
  margin: 50px 0 60px;
  text-align: center
}

.frequent-pricing-questions ul {
  font-size: 18px;
  line-height: 26px;
  list-style: none
}

.frequent-pricing-questions ul strong {
  border-bottom: 1px dashed #b8bdcc;
  color: #333;
  display: block;
  font-size: 18px;
  line-height: 25px;
  margin-bottom: 20px;
  padding-bottom: 10px;
  text-align: left
}

.frequent-pricing-questions ul span {
  color: #333;
  display: block;
  font-size: 17px;
  line-height: 26px;
  padding-top: 10px
}

.frequent-pricing-questions ul li {
  margin-bottom: 60px
}

.frequent-pricing-questions a {
  border-bottom: 2px solid #d2ccff;
  color: #7369bf
}

.frequent-pricing-questions a:hover {
  border-bottom: 2px solid #7369bf;
  color: #7369bf
}

.pricing {
  overflow: hidden
}

.pricing .header {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #f7fbff;
  justify-content: flex-end;
  min-height: 190px;
  padding-top: 60px
}

@media screen\0 {
  .pricing .header {
    position: relative
  }
}

.pricing .header h1 {
  font-size: 1.875em;
  margin-bottom: 13px
}

.pricing .header h1 strong {
  font-weight: 400
}

.pricing .header h2 {
  color: #4d4d4d;
  font-size: 1.7em;
  font-weight: 400
}

.pricing .header .tabs {
  -ms-flex-pack: distribute;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-around;
  max-width: 490px;
  width: 95%
}

@media screen\0 {
  .pricing .header .tabs {
    bottom: 0;
    left: 460px;
    margin-left: 230px;
    position: absolute
  }
}

.pricing .header .tabs .tab {
  background: #fff;
  border: 1px solid #dadde6;
  border-bottom: none;
  border-radius: 6px 6px 0 0;
  text-align: center;
  width: 240px
}

.pricing .header .tabs .tab h2 {
  font-size: 1em;
  line-height: 44px
}

.pricing .USD-pricing {
  position: relative;
  text-align: center;
  width: 100%
}

.pricing .USD-pricing p {
  color: #b8bdcc;
  font-size: .8em;
  margin: 0
}

.pricing .main-body {
  border-top: 1px solid #dadde6;
  padding: 30px 0 0
}

.pricing .main-body .promo-description {
  color: #4d4d4d;
  font-size: 1.063em;
  margin: 0 auto 20px;
  max-width: 970px;
  padding: 0 20px;
  text-align: center
}

.pricing .main-body .column-container {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  justify-content: center;
  margin: 0 auto;
  max-width: 970px
}

@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;
  flex-grow: 1;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content
}

@media screen\0 {
  .pricing .main-body .column-container .col {
    margin: 0 auto
  }
}

.pricing .main-body .column-container .col ul {
  margin: 20px auto;
  max-width: 470px
}

.pricing .main-body .column-container .col ul li {
  background-position: 3%;
  background-repeat: no-repeat;
  background-size: 18px;
  font-size: 14px;
  font-weight: 500;
  list-style: none;
  padding: 15px 5px 15px 40px
}

.pricing .main-body .column-container .col ul li.highlights {
  background-color: #fcf8f0
}

.pricing .main-body .column-container .col ul li.top-highlight {
  font-family: Adelle-Semibold, sans-serif;
  font-size: .938em;
  padding-left: 20px;
  padding-top: 17px
}

.pricing .main-body .column-container .col.business ul li.family-account-included, .pricing .main-body .column-container .col.family ul li.family-account-included {
  background-image: url(/img/teams/family.69e6fce0a736524e0ec7f21fab5f8c9b.svg);
  background-position: 12px 100%;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  padding: 14px 5px 11px 165px;
  width: 100%
}

.pricing .main-body .column-container .col.business ul li.family-account-included span, .pricing .main-body .column-container .col.family ul li.family-account-included span {
  font-weight: 400
}

.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 {
  background-size: 140px 70px;
  min-height: 100px
}

.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 {
  background: #f7fbff;
  height: 42px
}

@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;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  width: 97%
}

@media (min-width:700px) {
  .pricing#personal-and-family .price-cards .card {
    height: 420px;
    margin: 0 5px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
  }
}

@media (min-width:700px) and (min-width:990px) {
  .pricing#personal-and-family .price-cards .card {
    padding: 40px 10px 28px;
    width: 450px
  }
}

@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: .8
  }
  .pricing#personal-and-family .price-cards .card:hover {
    box-shadow: 0 6px 30px 0 hsla(0, 0%, 60%, .7);
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transition: transform .3s ease;
    -moz-transition: transform .3s ease;
    -ms-transition: transform .3s ease;
    -o-transition: transform .3s ease;
    transition: transform .3s ease
  }
}

@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 {
  background: #f7fbff;
  height: 42px
}

@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
  }
  .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 {
  box-shadow: 0 6px 30px 0 hsla(0, 0%, 60%, .7);
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  -webkit-transition: transform .3s ease;
  -moz-transition: transform .3s ease;
  -ms-transition: transform .3s ease;
  -o-transition: transform .3s ease;
  transition: transform .3s ease
}

.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 {
  color: #fff;
  font-size: .8rem;
  font-weight: 600;
  left: 55%;
  opacity: .6;
  position: absolute;
  top: 55%
}

.pricing#teams-and-business .pricing-cards .teams-standard .pricing header {
  position: relative
}

.pricing#teams-and-business .pricing-cards .teams-standard .pricing .price {
  display: block;
  position: relative
}

@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, .pricing#teams-and-business .pricing-cards .teams-pro .pricing p {
  position: relative
}

.pricing#teams-and-business .pricing-cards .teams-pro .pricing .price {
  display: block;
  position: relative
}

.pricing#teams-and-business .pricing-cards .teams-pro .pricing .advanced-protection-description {
  background-color: #2b3a49;
  border-radius: 0 0 6px 6px;
  margin-bottom: 0;
  margin-top: 35px;
  min-height: 50px;
  width: 100%
}

.pricing#teams-and-business .pricing-cards .teams-pro .pricing .advanced-protection-description p {
  font-size: .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;
  margin-top: -12px;
  max-width: 970px
}

.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.business ul li:first-child, .pricing#teams-and-business .main-body .column-container .col.teams ul li:first-child {
  font-size: 19px;
  margin: 0 0 15px 15px;
  padding: 0
}

.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(2n) {
  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(2n):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
}

@media (max-width:767px) {
  .pricing#teams-and-business .main-body .trust-pilot {
    padding-top: 50px
  }
}

.pricing#teams-and-business .main-body .reviews-and-quotes {
  background-image: linear-gradient(180deg, #fff, #f2f4f7);
  min-height: 590px;
  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: 700
}

@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 {
  grid-gap: 30px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  display: grid;
  flex-direction: row;
  flex-wrap: wrap;
  grid-template-columns: 1fr;
  justify-items: center;
  min-height: auto
}

@media screen\0 {
  .pricing#teams-and-business .main-body .reviews-and-quotes .quotes-grid {
    align-items: stretch;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    max-width: none
  }
}

@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 {
  background: #fff;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
  box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 5px;
  max-width: 330px;
  padding: 20px;
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  width: 100%
}

.pricing#teams-and-business .main-body .reviews-and-quotes .quotes-grid .quote-card p {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.45;
  margin-bottom: .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 .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .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
}

#for-democracy header {
  background-color: #1f2e59;
  background-image: url(/img/for-democracy/democracy-header@2x.253d6383d5336b2e37012afe0f81d674.png);
  color: #fff
}

@media (min-width:1400px) {
  #for-democracy header {
    background-color: #293864;
    background-image: url(/img/for-democracy/democracy-wide-header.67c4eb87bb475e270c67d1e1cbd0dff5.png);
    background-size: initial
  }
}

#customers {
  overflow: hidden
}

#customers .customers-hero {
  align-items: center;
  background-image: linear-gradient(-180deg, transparent, rgba(29, 36, 42, .6) 40%, #1d242a), url(/img/customers/wonderbly-photo-2.e5032f28ccdcf39a1093c7f9665c8ee5.jpg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-box-shadow: 0 2px 40px 0 rgba(0, 0, 0, .3);
  -moz-box-shadow: 0 2px 40px 0 rgba(0, 0, 0, .3);
  box-shadow: 0 2px 40px 0 rgba(0, 0, 0, .3);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  margin-bottom: 50px;
  margin-left: -10vw;
  padding: 100px 20% 50px;
  position: relative;
  width: 120vw
}

@media (min-width:768px) {
  #customers .customers-hero {
    min-height: 400px
  }
}

@media (min-width:1024px) {
  #customers .customers-hero {
    background-image: linear-gradient(-180deg, transparent 20%, rgba(29, 36, 42, .8) 60%, #1d242a), url(/img/customers/wonderbly-photo-2@2x.4f0f6038e665813eb0e62cde99a5665d.jpg);
    border-radius: 0 0 55% 55%;
    max-height: 700px;
    min-height: 550px
  }
}

#customers .customers-hero>div h1, #customers .customers-hero>div h3 {
  color: #fff;
  text-align: center
}

#customers .customers-hero>div h1 {
  color: #fff;
  font-size: 2.375em;
  letter-spacing: -.8px;
  line-height: 1.13;
  margin: 0 auto 10px;
  max-width: 490px
}

#customers .customers-hero>div h3 {
  color: #fff;
  font-size: 1em;
  font-weight: 600;
  letter-spacing: -.1px;
  line-height: 1.38;
  margin: 0 auto;
  max-width: 417px;
  opacity: .6
}

@media screen\0 {
  #customers .customers-hero>div {
    bottom: 50px;
    left: 43vw;
    position: absolute
  }
}

#customers strong {
  display: inline-block
}

#customers section.geckoboard-grid strong {
  background-color: #cef0e7
}

#customers section.careclinic-grid strong {
  background-color: #d5ecf5
}

#customers section.showcase1 div:first-child strong {
  background-color: #d5f5de
}

#customers section.showcase1 div:nth-child(2) strong {
  background-color: #f7ccff
}

#customers section.showcase2 div:first-child strong {
  background-color: #e0f3f3
}

#customers section.showcase2 div:nth-child(2) strong {
  background-color: #ccd4ff
}

#customers .grid-customers {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap
}

@supports (display:grid) {
  #customers .grid-customers {
    display: grid;
    grid-template-columns: 1fr;
    margin: 40px auto 20px;
    max-width: 1100px;
    min-height: 200px;
    padding: 10px
  }
}

#customers .grid-customers h2 {
  color: #4d4d4d;
  font-size: 1.375em;
  letter-spacing: -.2px;
  line-height: 1.36;
  margin-bottom: 20px
}

#customers .grid-customers article, #customers .grid-customers p {
  color: #3d454d;
  font-size: 1em;
  letter-spacing: -.3px;
  line-height: 1.4;
  opacity: .8;
  text-align: left
}

@media (max-width:1024px) {
  #customers .grid-customers p {
    margin-bottom: 10px
  }
}

#customers .grid-customers blockquote {
  border-left: 2px solid #ccc;
  font-size: 1em;
  font-style: italic;
  letter-spacing: -.3px;
  line-height: 1.4;
  padding-left: 12px;
  text-align: left
}

#customers .grid-customers>div {
  padding: 12px
}

@media screen\0 {
  #customers .grid-customers div {
    flex-basis: 500px;
    margin: 0 auto
  }
}

@media (max-width:1023px) {
  #customers .grid-customers div aside {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
  }
}

@media (min-width:768px) {
  #customers .grid-customers div aside blockquote, #customers .grid-customers div aside p {
    flex-basis: 340px;
    flex-grow: 1
  }
}

@media screen and (min-width:768px) and (max-width:1023px) {
  #customers .grid-customers div aside p {
    margin-right: 26px
  }
}

@media (min-width:768px) {
  #customers .geckoboard-grid {
    grid-template-columns: 35% 65%;
    max-height: 740px
  }
}

#customers .geckoboard-grid .geckoboard-photo {
  align-items: center;
  -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: flex-end;
  min-height: 450px;
  min-width: 300px
}

@media (min-width:768px) {
  #customers .geckoboard-grid .geckoboard-photo {
    align-items: flex-start;
    justify-content: center
  }
}

#customers .geckoboard-grid .geckoboard-photo .photo {
  border-radius: 6px 6px 0 0
}

@media (min-width:768px) {
  #customers .geckoboard-grid .geckoboard-photo .photo {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    left: 48px;
    position: relative
  }
}

@media (min-width:636px) {
  #customers .geckoboard-grid .geckoboard-photo .photo.small {
    display: none
  }
}

#customers .geckoboard-grid .geckoboard-photo .photo.large {
  display: none
}

@media (min-width:636px) {
  #customers .geckoboard-grid .geckoboard-photo .photo.large {
    display: block
  }
}

@media (min-width:1024px) {
  #customers .geckoboard-grid .geckoboard-photo .photo.large {
    max-width: 630px
  }
}

#customers .geckoboard-grid .geckoboard-photo>div {
  background-color: #525c66;
  border-radius: 0 0 6px 6px;
  padding: 30px
}

@media (min-width:768px) {
  #customers .geckoboard-grid .geckoboard-photo>div {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    max-width: 430px;
    position: relative;
    top: -100px
  }
}

@media screen\0 {
  #customers .geckoboard-grid .geckoboard-photo>div {
    max-height: 420px
  }
}

#customers .geckoboard-grid .geckoboard-photo>div blockquote {
  border: none;
  color: #fff;
  font-size: 1.4em;
  font-style: italic;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1.5em;
  margin-bottom: 30px;
  padding: 0
}

@media (min-width:700px) {
  #customers .customers-showcase {
    grid-gap: 10%;
    grid-template-columns: 55% 35%
  }
}

@media screen\0 {
  #customers .customers-showcase.showcase1 {
    max-height: none
  }
}

#customers .customers-showcase .dribbble-img, #customers .customers-showcase .unbabel-img, #customers .customers-showcase .wonderbly-img {
  margin-bottom: 20px;
  width: 100%
}

#customers .customers-showcase .dribbble-img>img, #customers .customers-showcase .unbabel-img>img, #customers .customers-showcase .wonderbly-img>img {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  height: 190px;
  object-fit: cover
}

#customers .customers-showcase .dribbble-img {
  margin-bottom: 10px
}

#customers .customers-showcase .meisterlabs-quote {
  background-color: #5eafb0;
  border: none;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  color: #fff;
  font-size: 1.4em;
  font-style: italic;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1.5;
  margin-bottom: 20px;
  padding: 30px
}

#customers .customers-showcase div>.meisterlabs-content article {
  flex-basis: none;
  margin-right: 0;
  max-width: none
}

@media (min-width:1024px) {
  #customers .customers-showcase .unbabel-quote {
    max-width: 360px
  }
}

#customers section.netguru {
  -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-reverse;
  margin: 0 auto;
  max-width: 1100px;
  padding: 22px
}

@media (min-width:768px) {
  #customers section.netguru {
    flex-wrap: wrap;
    max-height: 530px
  }
}

#customers section.netguru article {
  background-color: #22d369;
  border-radius: 0 0 6px 6px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  padding: 30px
}

@media (max-width:767px) {
  #customers section.netguru article {
    margin-top: -5px
  }
}

@media (min-width:768px) {
  #customers section.netguru article {
    border-radius: 6px 0 0 6px;
    flex-basis: 400px;
    max-height: 515px;
    min-height: 510px
  }
  #customers section.netguru article:after {
    border-bottom: 410px solid transparent;
    border-left: 100px solid #22d369;
    border-top: 100px solid transparent;
    content: " ";
    height: 0;
    margin-left: 369px;
    position: absolute;
    width: 0
  }
}

@media screen\0 {
  #customers section.netguru article:after {
    display: none
  }
}

#customers section.netguru article img#netguru-logo {
  height: 35px;
  margin: 20px 0;
  object-fit: contain;
  width: 180px
}

@media screen\0 {
  #customers section.netguru article img#netguru-logo {
    display: none
  }
}

#customers section.netguru article blockquote {
  border: none;
  color: #fff;
  font-size: 1.4em;
  font-style: italic;
  font-weight: 400;
  line-height: 1.5em;
  margin-bottom: 36px;
  text-align: left
}

#customers section.netguru article p {
  color: #fff;
  font-size: 1em;
  letter-spacing: -.3px;
  line-height: 1.38
}

#customers section.netguru .netguru-photo {
  width: 100%
}

@media (min-width:768px) {
  #customers section.netguru .netguru-photo {
    flex-basis: 324px;
    flex-grow: 1
  }
  #customers section.netguru .netguru-photo img {
    border-radius: 0 6px 6px 0;
    height: 100%;
    max-height: 515px;
    min-height: 510px;
    object-fit: cover
  }
  #customers .careclinic-grid {
    grid-template-columns: 40% 60%;
    max-height: 740px
  }
}

#customers .careclinic-grid .careclinic-quote, #customers .careclinic-grid>div {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center
}

#customers .careclinic-grid .careclinic-quote {
  align-items: center;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  min-width: 300px
}

@media (min-width:768px) {
  #customers .careclinic-grid .careclinic-quote {
    align-items: flex-start;
    justify-content: center
  }
}

#customers .careclinic-grid .careclinic-quote>div {
  background-color: #4d80d0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  padding: 30px
}

@media screen\0 {
  #customers .careclinic-grid .careclinic-quote>div {
    max-height: 420px
  }
}

#customers .careclinic-grid .careclinic-quote>div blockquote {
  border: none;
  color: #fff;
  font-size: 1.563em;
  font-style: italic;
  font-weight: 300;
  letter-spacing: normal;
  line-height: 1.5em;
  padding: 0
}

#customers .get-started {
  align-items: center;
  background: #232a3f;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  padding: 60px 30px;
  text-align: center;
  width: 100%
}

@media (min-width:768px) {
  #customers .get-started {
    max-height: 160px
  }
}

#customers .get-started h3 {
  color: #fff;
  font-size: 1.375em;
  font-weight: 600;
  letter-spacing: -.2px;
  line-height: 1.36;
  margin-bottom: 10px
}

#customers .get-started a {
  border-bottom: 2px solid #5d6b97
}

#customers .get-started .try-free-btn {
  align-self: center;
  background: #50b347;
  border: none;
  border-radius: 100px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
  box-sizing: border-box;
  color: #fff;
  display: flex;
  font-weight: 600;
  justify-content: center;
  margin: 0 1em;
  max-width: 300px;
  outline: none;
  padding: 12px;
  text-align: center;
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out;
  width: calc(100% - 60px)
}

@media (max-width:600px) {
  #customers .get-started .try-free-btn {
    width: calc(100% - 30px)
  }
}

#customers .get-started .try-free-btn:focus, #customers .get-started .try-free-btn:hover {
  box-shadow: 0 8px 34px 0 rgba(0, 0, 0, .3);
  transform: scale(1.05);
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out
}

#for-good header {
  background: url(/img/for-good/good-header@2x.6e4be399b07ab45e568ba3bc422e182f.png) no-repeat bottom;
  background-size: cover
}

@media (min-width:500px) {
  #for-good header {
    background: url(/img/for-good/good-header@2x.6e4be399b07ab45e568ba3bc422e182f.png) no-repeat bottom;
    background-color: #a3dcff;
    background-size: cover
  }
}

@media (min-width:1440px) {
  #for-good header {
    background-position-y: 90%
  }
}

@media (min-width:1800px) {
  #for-good header {
    background-size: 64%
  }
}

#for-good header .header-text h1, #for-good header .header-text p {
  color: #4d5d8c
}

@media (max-width:1200px) {
  #for-good header .header-text {
    margin-bottom: 100px
  }
}

.resources {
  overflow: hidden
}

.resources__header {
  background: #e8f3ff url(/img/resources/header-bg.d4f6788f8e3b4a5fda34ffed0efd07b9.svg) no-repeat center 250px;
  background-size: 400px;
  overflow: hidden
}

@media (min-width:1024px) {
  .resources__header {
    background-position-x: calc(50% + 435px);
    background-position-y: 50px;
    background-size: auto
  }
}

@media (min-width:1200px) {
  .resources__header {
    border-radius: 0 0 55% 55%;
    left: -50vw;
    position: relative;
    width: 200vw;
    z-index: 0
  }
}

.resources__header-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0 auto;
  max-width: 1140px;
  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;
  font-size: 1.375rem;
  max-width: 400px;
  opacity: .8
}

@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 {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out
}

.resources .card>a {
  width: 100%
}

.resources .card:hover {
  -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .12);
  -moz-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .12);
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .12);
  transform: scale(1.025);
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out
}

@media (min-width:768px) {
  .resources .card {
    flex: 0 0 auto
  }
}

.resources .card--deepblue {
  background-color: #1f2e59;
  color: #fff
}

.resources .card--lightblue {
  background-color: #b5d4f2;
  color: #3d454d
}

.resources .card--greyblue {
  background-color: #5f729e;
  color: #fff
}

.resources .card--lightblue2 {
  background-color: #badcff;
  color: #3d454d
}

.resources .card--darkblue {
  background-color: #00407f;
  color: #fff
}

.resources .card--bitsblue2 {
  background-color: #c2eaff;
  color: #3d454d
}

.resources .card--yellow {
  background-color: #f8eadd;
  color: #3d454d
}

.resources .card--securityblack {
  background-color: #0a2d4d;
  color: #fff
}

.resources .card--ultragrey2 {
  background-color: #051627;
  color: #eaeaea
}

.resources .card--bitsblue4 {
  background-color: #034ea6;
  color: #fff
}

.resources .card--sassypurple {
  background-color: #33103f;
  color: #fff
}

.resources .card--blue-bits {
  background-color: #0572ec;
  color: #fff
}

.resources .card--ultra-grey-5 {
  background-color: #35414c;
  color: #fff
}

.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: 1 1 auto;
  flex-direction: column;
  padding: 30px;
  width: 100%
}

.resources .card .card-content__category {
  color: #333;
  font-size: .75rem;
  opacity: .7
}

.resources .card .card-content__title {
  color: inherit;
  font-size: 1.375rem;
  opacity: .9
}

.resources .card .card-content__title--none-more-black {
  color: #000
}

.resources .card .card-content__description {
  color: inherit;
  opacity: .8
}

.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 {
  color: inherit;
  font-weight: 600
}

.resources .card .card-content__link svg {
  transition: transform .2s
}

.resources .card .card-content__link:hover svg {
  transform: translateX(7px);
  transition: transform .2s
}

.resources .card .card-content__clickable-card {
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.resources .card .card-content__link--blue-primary {
  color: #0572ec
}

.resources .card .card-content__link--none-more-black {
  color: #000
}

.resources .card .card-content--content-bottom-border {
  border: 1px solid #dee0e3;
  border-top: none
}

@supports (display:flex) {
  @media (min-width: 768px) {
    .resources .card {
      align-content:start;
      align-items: start;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      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: #fff;
      border: 1px solid #dee0e3;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      position: relative
    }
    .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 {
  align-items: center;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto;
  max-width: 1200px;
  text-align: center
}

.resources .resources-end-cta__content-description, .resources .resources-end-cta__content-title {
  color: #fff
}

.resources .resources-end-cta__content-title {
  font-size: 1.875rem;
  letter-spacing: -.2px;
  margin-bottom: 20px
}

.resources .resources-end-cta__content-description {
  margin-bottom: 25px;
  opacity: .8
}

.resources .resources-end-cta__button {
  align-self: center;
  background-color: #fff;
  border-radius: 100px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
  box-sizing: border-box;
  color: #0572ec;
  display: flex;
  font-weight: 600;
  justify-content: center;
  margin: 0 auto;
  max-width: 300px;
  outline: none;
  padding: 10px 30px;
  text-align: center;
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out;
  width: calc(100% - 60px);
  width: 100%
}

@media (max-width:600px) {
  .resources .resources-end-cta__button {
    width: calc(100% - 30px)
  }
}

.resources .resources-end-cta__button:focus, .resources .resources-end-cta__button:hover {
  box-shadow: 0 8px 34px 0 rgba(0, 0, 0, .3);
  transform: scale(1.05);
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .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 {
    grid-gap: 40px;
    display: grid;
    justify-items: center
  }
  @media (min-width:768px) {
    .resources__content {
      grid-template-rows: 1fr
    }
    .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)
    }
  }
}

.campaign-page, .promo-existing-account {
  overflow: hidden
}

.campaign-page header, .promo-existing-account header {
  align-items: center;
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: contain;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 30px;
  min-height: 400px;
  padding: 100px 10px;
  position: relative;
  width: 100vw
}

@media (min-width:768px) {
  .campaign-page header, .promo-existing-account header {
    background-size: 100%;
    min-height: 550px
  }
}

@media (min-width:1200px) {
  .campaign-page header, .promo-existing-account header {
    background-size: 83%
  }
}

@media (min-width:1024px) {
  .campaign-page header:not(.existing-account), .promo-existing-account header:not(.existing-account) {
    background-position-y: 100%;
    background-size: contain;
    border-radius: 0 0 55% 55%;
    left: -10vw;
    width: 120vw
  }
}

.campaign-page header .header-text, .promo-existing-account header .header-text {
  max-width: 571px;
  min-width: 320px;
  text-align: center
}

@media screen\0 {
  .campaign-page header .header-text, .promo-existing-account header .header-text {
    margin-top: 60px;
    transform: none
  }
}

.campaign-page header .header-text h1, .campaign-page header .header-text p, .promo-existing-account header .header-text h1, .promo-existing-account header .header-text p {
  color: #fff
}

@media (min-width:1200px) {
  .campaign-page header:not(.existing-account) .header-text, .promo-existing-account header:not(.existing-account) .header-text {
    transform: translateY(-100px)
  }
}

.campaign-page section.form-get-started, .promo-existing-account section.form-get-started {
  margin: 58px auto;
  max-width: 580px;
  padding: 10px;
  width: 100%
}

.campaign-page section.form-get-started h3, .promo-existing-account section.form-get-started h3 {
  color: #3d454d;
  font-size: 1.125em;
  font-weight: 500;
  letter-spacing: -.3px;
  line-height: 22px;
  margin: 0 auto;
  max-width: 510px;
  text-align: center
}

.campaign-page section.form-get-started h3 strong, .promo-existing-account section.form-get-started h3 strong {
  background-color: rgba(255, 212, 95, .59);
  display: inline-block
}

.campaign-page section.form-get-started p, .promo-existing-account section.form-get-started p {
  color: #3d454d;
  letter-spacing: -.3px;
  line-height: 1.38;
  margin: 0 auto 1.3em;
  max-width: 510px
}

.campaign-page section.form-get-started form.campaign-page-form, .promo-existing-account section.form-get-started form.campaign-page-form {
  background-color: #2681d3;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  margin: 20px auto 35px;
  max-width: 580px;
  padding: 30px
}

.campaign-page section.form-get-started form.campaign-page-form div.input-field input, .promo-existing-account section.form-get-started form.campaign-page-form div.input-field input {
  border: 0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  font-size: .9em;
  height: 60px;
  margin: 0 auto 20px;
  max-width: 500px;
  padding: 15px;
  width: 100%
}

@media (min-width:768px) {
  .campaign-page section.form-get-started form.campaign-page-form div.input-field input, .promo-existing-account section.form-get-started form.campaign-page-form div.input-field input {
    font-size: 1.5em
  }
}

.campaign-page section.form-get-started form.campaign-page-form div.form-buttons, .promo-existing-account section.form-get-started form.campaign-page-form div.form-buttons {
  align-items: flex-start;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center
}

.campaign-page section.form-get-started form.campaign-page-form div.form-buttons button#submit-btn, .promo-existing-account section.form-get-started form.campaign-page-form div.form-buttons button#submit-btn {
  background-color: #69b362;
  border-radius: 40px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-weight: 600;
  margin: 0 auto;
  max-width: 300px;
  padding: 10px 30px;
  -webkit-transition: background-color .2s ease-in-out;
  -moz-transition: background-color .2s ease-in-out;
  -ms-transition: background-color .2s ease-in-out;
  -o-transition: background-color .2s ease-in-out;
  transition: background-color .2s ease-in-out;
  width: calc(100% - 60px)
}

.campaign-page section.form-get-started form.campaign-page-form div.form-buttons button#submit-btn:hover, .promo-existing-account section.form-get-started form.campaign-page-form div.form-buttons button#submit-btn:hover {
  background-color: #50b347
}

.campaign-page section.form-get-started form.campaign-page-form div.form-buttons button#submit-btn:focus, .promo-existing-account section.form-get-started form.campaign-page-form div.form-buttons button#submit-btn:focus {
  outline: none
}

@media (max-width:600px) {
  .campaign-page section.form-get-started form.campaign-page-form div.form-buttons button#submit-btn, .promo-existing-account section.form-get-started form.campaign-page-form div.form-buttons button#submit-btn {
    width: calc(100% - 30px)
  }
}

@media (min-width:768px) {
  .campaign-page section.form-get-started form.campaign-page-form div.form-buttons button#submit-btn, .promo-existing-account section.form-get-started form.campaign-page-form div.form-buttons button#submit-btn {
    max-width: 170px
  }
}

@media (max-width:767px) {
  .campaign-page section.form-get-started form.campaign-page-form div.form-buttons #recaptcha, .promo-existing-account section.form-get-started form.campaign-page-form div.form-buttons #recaptcha {
    margin-bottom: 20px
  }
}

.campaign-page section.form-get-started form.campaign-page-form div.form-buttons button.account-type, .promo-existing-account section.form-get-started form.campaign-page-form div.form-buttons button.account-type {
  align-items: center;
  background-color: #2681d3;
  border: 1px solid #fff;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  color: #fff;
  cursor: pointer;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-basis: 250px;
  flex-direction: row;
  font-size: 1em;
  font-weight: 600;
  height: 40px;
  justify-content: center;
  width: 100%
}

.campaign-page section.form-get-started form.campaign-page-form div.form-buttons button.account-type:not(.custom-promo), .promo-existing-account section.form-get-started form.campaign-page-form div.form-buttons button.account-type:not(.custom-promo) {
  margin-bottom: 20px;
  padding-left: 20px
}

@media (min-width:580px) {
  .campaign-page section.form-get-started form.campaign-page-form div.form-buttons button.account-type:not(.custom-promo):first-of-type, .promo-existing-account section.form-get-started form.campaign-page-form div.form-buttons button.account-type:not(.custom-promo):first-of-type {
    border-radius: 6px 0 0 6px
  }
  .campaign-page section.form-get-started form.campaign-page-form div.form-buttons button.account-type:not(.custom-promo):nth-child(2), .promo-existing-account section.form-get-started form.campaign-page-form div.form-buttons button.account-type:not(.custom-promo):nth-child(2) {
    border-radius: 0 6px 6px 0
  }
}

.campaign-page section.form-get-started form.campaign-page-form div.form-buttons button.account-type:not(.custom-promo)>img.checked, .promo-existing-account section.form-get-started form.campaign-page-form div.form-buttons button.account-type:not(.custom-promo)>img.checked {
  margin-left: 6px
}

.campaign-page section.form-get-started form.campaign-page-form div.form-buttons button.account-type.custom-promo, .promo-existing-account section.form-get-started form.campaign-page-form div.form-buttons button.account-type.custom-promo {
  flex-basis: 280px
}

.campaign-page section.form-get-started form.campaign-page-form div.form-buttons button.account-type.custom-promo>img.checked, .promo-existing-account section.form-get-started form.campaign-page-form div.form-buttons button.account-type.custom-promo>img.checked {
  margin-right: 6px
}

.campaign-page section.form-get-started form.campaign-page-form div.form-buttons button.account-type.selected, .promo-existing-account section.form-get-started form.campaign-page-form div.form-buttons button.account-type.selected {
  background-color: #fff;
  color: #2681d3;
  outline: none
}

.campaign-page section.form-get-started form.campaign-page-form div.local-regulations, .promo-existing-account section.form-get-started form.campaign-page-form div.local-regulations {
  color: #fff;
  font-style: italic;
  margin-top: 20px;
  text-align: center
}

.campaign-page section.form-get-started form.campaign-page-form div.show-message, .promo-existing-account section.form-get-started form.campaign-page-form div.show-message {
  color: #fff;
  font-weight: 600;
  margin-top: 20px;
  text-align: center
}

#for-journalism header {
  background: url(/img/for-journalism/journalism-header.5f1ec87411a2eb588845af2b84198d13.png) no-repeat bottom;
  background-size: cover
}

@media (min-width:500px) {
  #for-journalism header {
    background: url(/img/for-journalism/journalism-header@2x.64fc4ccfb54de46512d663aae9ce6182.png) no-repeat bottom;
    background-color: #c7ebda;
    background-size: cover
  }
}

@media (min-width:1440px) {
  #for-journalism header {
    background-position-y: 90%
  }
}

@media (min-width:1800px) {
  #for-journalism header {
    background-size: 64%
  }
}

#for-journalism header .header-text h1, #for-journalism header .header-text p {
  color: #212b36
}

@media (max-width:1200px) {
  #for-journalism header .header-text {
    margin-bottom: 100px
  }
}

#for-journalism header .partnerships {
  align-items: center;
  background-color: #fff;
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  border-radius: 11px;
  bottom: -6px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  height: 109px;
  justify-content: center;
  max-width: 327px;
  position: absolute;
  width: 90%
}

@media screen\0 {
  #for-journalism header .partnerships {
    left: 50%;
    margin-left: -163.5px
  }
}

#for-journalism header .partnerships .wrapper {
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  width: 100%
}

#for-journalism header .partnerships .wrapper img.data-journalism-logo {
  height: 30px;
  object-fit: contain;
  width: 156px
}

#for-journalism header .partnerships .wrapper img.enc-logo {
  height: 41px;
  object-fit: contain;
  width: 94px
}

header.main-newsletter {
  align-items: center;
  background-color: #f4f6f8;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;

  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  margin-top: 60px;
  padding: 40px;
  width: 100%
}

header.main-newsletter img {
  margin-bottom: 42px;
  width: 370px
}

@media (max-width:52em) {
  header.main-newsletter img {
    width: 300px
  }
}

header.main-newsletter h1 {
  margin-bottom: 20px;
  max-width: 800px;
  text-align: center
}

header.main-newsletter p {
  font-size: 16px;
  max-width: 500px;
  text-align: center
}

header.main-newsletter input {
  background: #fff;
  border: 1px solid #b8bdcc;
  border-radius: 4px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
  height: 50px;
  margin-right: 5px;
  padding: 0 10px;
  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;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  height: 50px;
  line-height: 20px;
  padding: 10px 15px;
  vertical-align: middle
}

@media (max-width:52em) {
  header.main-newsletter button {
    margin: 10px 5px 0;
    width: calc(100% - 10px)
  }
}

header.main-newsletter button span {
  vertical-align: 6px
}

header.main-newsletter button svg {
  margin-right: 5px
}

header.main-newsletter .privacy-disclaimer {
  max-width: 500px;
  padding-top: 40px;
  text-align: center
}

header.main-newsletter .language-notice, header.main-newsletter .privacy-disclaimer {
  font-size: 14px
}

header.main-newsletter .language-notice a, header.main-newsletter .privacy-disclaimer a {
  color: #0572ec;
  text-decoration: underline
}

header.main-newsletter #hidden-fields {
  display: none
}

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

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

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

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

section.previous-newsletters a:hover {
  border-bottom: 2px solid #80bdff
}

main.browsers {
  overflow: hidden
}

main.browsers header.browser-downloading {
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 460px;
  padding: 0 20px;
  width: 100%
}

@media (max-width:419px) {
  main.browsers header.browser-downloading {
    margin: 40px 0 0;
    min-height: 440px
  }
}

main.browsers header.browser-downloading h1 {
  font-size: 40px;
  letter-spacing: -.31px;
  line-height: 1.1em;
  margin: 20px 0;
  max-width: 330px;
  text-align: center
}

@media (max-width:419px) {
  main.browsers header.browser-downloading h1 {
    flex-wrap: wrap;
    margin: 40px 0 20px;
    width: 100%
  }
}

main.browsers header.browser-downloading p {
  max-width: 500px;
  text-align: center;
  width: 100%
}

main.browsers header.browser-downloading p a {
  color: #0572ec
}

main.browsers header.browser-downloading a.download-button {
  align-self: center;
  background-color: #0572ec;
  border-radius: 100px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
  box-sizing: border-box;
  color: #fff;
  display: flex;
  font-weight: 600;
  justify-content: center;
  margin: 0 auto 20px;
  max-width: 300px;
  max-width: 250px;
  outline: none;
  padding: 12px 10px;
  text-align: center;
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out;
  width: calc(100% - 60px)
}

@media (max-width:600px) {
  main.browsers header.browser-downloading a.download-button {
    width: calc(100% - 30px)
  }
}

main.browsers header.browser-downloading a.download-button:focus, main.browsers header.browser-downloading a.download-button:hover {
  box-shadow: 0 8px 34px 0 rgba(0, 0, 0, .3);
  transform: scale(1.05);
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out
}

main.browsers section.installing {
  align-items: flex-start;
  border-top: 1px solid #e7eaee;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  min-height: 400px;
  width: 100%
}

main.browsers section.installing.firefox-01 {
  align-items: center;
  background-color: rgba(237, 239, 242, .5);
  flex-direction: column;
  justify-content: flex-start;
  min-height: 440px
}

@media (min-width:1024px) {
  main.browsers section.installing.firefox-01 {
    align-items: center;
    flex-direction: row;
    justify-content: center
  }
}

main.browsers section.installing.firefox-01 .text {
  align-items: space-between;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 470px;
  text-align: center;
  width: 100%
}

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;
    margin: 0 0 0 4em;
    text-align: right;
    width: 400px
  }
}

@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 {
  align-self: flex-end;
  background: url(/img/browsers/firefox-01.51fe4923163f512042ded9162717b445.png);
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex: 1;
  flex-direction: column;
  width: 100%
}

@media (min-width:1024px) {
  main.browsers section.installing.firefox-01 .firefox-01-img {
    align-self: flex-end;
    background: url(/img/browsers/firefox-01@2x.27696d94aa35a81e12b418691c3e5fff.png);
    background-position: 11% 100%;
    background-size: cover;
    height: 317.19px
  }
}

@media (min-width:1441px) {
  main.browsers section.installing.firefox-01 .firefox-01-img {
    height: 440px
  }
}

main.browsers section.installing.firefox-02 {
  align-items: center;
  flex-direction: column;
  justify-content: flex-end
}

@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 {
  margin: .8em 0 0;
  max-width: 470px;
  text-align: center;
  width: 100%
}

@media (min-width:1920px) {
  main.browsers section.installing.firefox-02 .text {
    margin-left: 25%
  }
}

main.browsers section.installing.firefox-02 .firefox-02-img {
  background: url(/img/browsers/firefox-02.01d923b04b35fd6fcfcecce3fdf4b179.png);
  background-color: #fff;
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 250px;
  width: 100%
}

@media (min-width:640px) {
  main.browsers section.installing.firefox-02 .firefox-02-img {
    align-self: flex-end;
    margin-top: 1.65em
  }
}

@media (min-width:1024px) {
  main.browsers section.installing.firefox-02 .firefox-02-img {
    background-image: url(/img/browsers/firefox-02@2x.39531020e8318ffc168475970dd8d604.png);
    min-height: 440px
  }
}

@media (min-width:1441px) {
  main.browsers section.installing.firefox-02 .firefox-02-img {
    height: 500px
  }
}

main.browsers section.installing.firefox-03 {
  align-items: flex-start;
  background: url(/img/browsers/firefox-03.4dccc48f4153c68fa692492c4b6f4fac.png);
  background-color: rgba(237, 239, 242, .5);
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: contain;
  flex-direction: column;
  justify-content: 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 {
    background-size: 900px;
    height: 480px
  }
}

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 {
  align-self: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: .8em 0 0;
  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
  }
}

main.browsers section.installing .text {
  max-width: 1140px;
  padding: 20px 10px 0;
  width: 100%
}

main.browsers section.installing .text h2 {
  font-size: 24px;
  font-weight: 600;
  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;
  font-weight: 600;
  padding: 40px 0 10px;
  text-align: center
}

main.browsers section.kaychads-video p {
  font-size: 18px;
  margin: 0 auto 20px;
  max-width: 540px;
  text-align: center
}

main.browsers section.kaychads-video iframe {
  background-color: #eaf0f5;
  margin: auto
}

main.browsers section.extension-explainer {
  align-items: flex-start;
  background-image: url(/img/browsers/browser-extension.8cf483f1bc24451c04fde01271307e5c.png);
  background-position: center 85%;
  background-repeat: no-repeat;
  background-size: contain;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  margin: auto
}

@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-position: calc(50% - 380px);
    background-size: 850px;
    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 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  float: left;
  height: 435px;
  justify-content: center;
  margin-left: 40px;
  max-width: 300px;
  width: 50%
}

@media (max-width:680px) {
  main.browsers section.extension-explainer .description-float .description {
    height: auto;
    margin: 50px auto 0;
    max-width: 680px;
    padding: 0 40px;
    text-align: center;
    width: 100%
  }
}

main.browsers section.extension-explainer .description-float .screenshot {
  display: block;
  float: left;
  height: 450px;
  width: 50%
}

@media (max-width:680px) {
  main.browsers section.extension-explainer .description-float .screenshot {
    display: none
  }
}

main.browsers section.extension-explainer .description-float h3 {
  font-size: 22px;
  font-weight: 600;
  margin: 5px 0 10px;
  width: 100%
}

main.browsers section.extension-explainer .description-float p {
  margin: 5px 0 10px;
  width: 100%
}

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 {
  align-items: center;
  background: #525c66;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin: 0 auto 58px;
  max-width: 1050px;
  min-height: 420px;
  padding: 0 5px 20px;
  width: 100%
}

@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 {
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin: 0 0 40px;
  max-width: 700px;
  width: 100%
}

#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 {
  color: #fff;
  font-size: 38px;
  letter-spacing: -.8px;
  line-height: 1.13;
  margin-bottom: 10px;
  text-align: center
}

#gift-cards header h4 {
  color: #fff;
  font-size: 1em;
  font-weight: 400;
  letter-spacing: -.3px;
  line-height: 1.38;
  max-width: 418px;
  opacity: .8;
  text-align: center
}

#gift-cards header p {
  color: #fff;
  font-size: .875rem;
  margin-top: 14px;
  opacity: .85;
  text-align: center
}

#gift-cards section.giftcards {
  grid-gap: 60px;
  align-items: center;
  display: flex;
  display: grid;
  justify-content: space-around;
  justify-items: center;
  margin: 50px auto;
  max-width: 1050px
}

@media (min-width:724px) {
  #gift-cards section.giftcards {
    grid-column-gap: 16px;
    grid-row-gap: 50px;
    grid-template-columns: 1fr
  }
}

@media (min-width:1200px) {
  #gift-cards section.giftcards {
    grid-gap: 16px;
    grid-template-columns: 1fr 1fr 1fr
  }
}

#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 {
  background-color: #474f66;
  border-radius: 100%;
  float: right;
  height: 110px;
  line-height: 22px;
  margin-bottom: -90px;
  margin-right: -20px;
  padding: 20px 0 22px;
  position: relative;
  right: 9px;
  width: 110px
}

:lang(de) #gift-cards section.giftcards div span.sale--overflow, :lang(it) #gift-cards section.giftcards div span.sale--overflow, :lang(pt) #gift-cards section.giftcards div span.sale--overflow, :lang(ru) #gift-cards section.giftcards div span.sale--overflow {
  font-size: 14px;
  height: 120px;
  padding: 25px 0 22px;
  width: 120px
}

#gift-cards section.giftcards div span.sale--two-lines {
  padding-top: 30px
}

#gift-cards section.giftcards div span.sale h3 {
  color: #fff;
  font-size: 28px
}

#gift-cards section.giftcards div a {
  display: block
}

#gift-cards section.giftcards div a:hover img {
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .1);
  margin-top: -5px
}

#gift-cards section.giftcards div a:hover img, #gift-cards section.giftcards div a:hover span {
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

#gift-cards section.giftcards div a:hover span {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .15);
  transform: scale(1.05)
}

#gift-cards section.giftcards div img {
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 12px;
  margin: 0 0 20px
}

#gift-cards section.giftcards div img, #gift-cards span {
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  width: 100%
}

#gift-cards span {
  background: #0572ec;
  border-radius: 30px;
  color: #fff;
  display: block;
  font-weight: 600;
  margin: 0 auto;
  max-width: 150px;
  padding: 10px;
  text-align: center
}

#gift-cards .payment-methods {
  margin: 0 auto;
  max-width: 290px;
  min-height: 100px
}

#wwdc header.wwdc {
  align-items: center;
  background-color: #dee2e4;
  background-image: url(/img/wwdc-header.png);
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: 400px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 58px auto 0;
  max-width: 1100px;
  min-height: 160px;
  padding: 0 5px 20px;
  width: 100%
}

@media (min-resolution:192dpi), only screen and (-webkit-min-device-pixel-ratio:2) {
  #wwdc header.wwdc {
    background-image: url(/img/wwdc-header@2x.png)
  }
}

@media (min-width:425px) {
  #wwdc header.wwdc {
    background-size: cover;
    height: 200px
  }
}

@media (min-width:600px) {
  #wwdc header.wwdc {
    height: 300px
  }
}

@media (min-width:1024px) {
  #wwdc header.wwdc {
    border-radius: 5px;
    height: 450px
  }
}

@media (min-width:1200px) {
  #wwdc header.wwdc {
    margin: 100px auto 0
  }
}

#wwdc header.wwdc>div {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin: 0 0 40px;
  max-width: 700px;
  min-height: 200px;
  width: 100%
}

#wwdc header.wwdc h1 {
  color: #fff;
  margin-bottom: 10px;
  text-align: center
}

#wwdc header.wwdc p {
  color: #fff;
  opacity: .8;
  text-align: center
}

#wwdc .signup {
  align-items: center;
  background-color: #fff;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  margin: 0 auto;
  max-width: 1100px;
  min-height: 400px
}

#wwdc .signup .price-cards {
  padding: 0 5px
}

#wwdc .signup .price-cards .card {
  margin: 50px 5px 40px;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  width: 97%
}

@media (max-width:767px) {
  #wwdc .signup .price-cards .card {
    margin: 10px 5px;
    padding: 5px
  }
}

@media (min-width:700px) {
  #wwdc .signup .price-cards .card {
    height: 343px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
  }
}

@media (min-width:700px) and (min-width:990px) {
  #wwdc .signup .price-cards .card {
    padding: 40px 40px 28px;
    width: 450px
  }
}

@media (min-width:700px) {
  #wwdc .signup .price-cards .card h3 {
    margin: 0 auto;
    max-width: 270px
  }
  #wwdc .signup .price-cards .card h3.title {
    font-size: 23px;
    opacity: .8
  }
  #wwdc .signup .price-cards .card:hover {
    box-shadow: 0 6px 30px 0 hsla(0, 0%, 60%, .7);
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transition: transform .3s ease;
    -moz-transition: transform .3s ease;
    -ms-transition: transform .3s ease;
    -o-transition: transform .3s ease;
    transition: transform .3s ease
  }
}

@media (min-width:768px) {
  #wwdc .signup .price-cards .card.individuals {
    margin-right: 35px
  }
  #wwdc .signup .price-cards .card.families {
    margin-left: 35px
  }
}

#wwdc .what-you-get h2 {
  margin-bottom: 30px;
  padding: 5px
}

#wwdc .what-you-get .container {
  max-width: 1100px;
  padding-top: 0
}

#wwdc .what-you-get .container .full-width-feature {
  justify-content: flex-start;
  margin-top: 0;
  max-width: 1100px;
  padding: 0
}

@media (min-width:768px) {
  #wwdc .what-you-get .container .full-width-feature {
    grid-template-columns: 485px 1fr
  }
}

@media (min-width:1024px) {
  #wwdc .what-you-get .container .full-width-feature {
    grid-template-columns: 520px 1fr
  }
}

#wwdc .geckoboard-quote {
  background-color: #f0f5fa;
  min-height: 500px
}

#wwdc .geckoboard-quote .box--text {
  align-items: flex-end;
  text-align: left
}

#wwdc .geckoboard-quote .box--text blockquote {
  color: #4d4d4d;
  font-size: 2em;
  font-style: italic;
  line-height: 1.4em;
  max-width: 450px
}

#wwdc .geckoboard-quote .box--text blockquote img {
  margin: 20px 0 0
}

#wwdc .geckoboard-quote .box--text blockquote a {
  color: #0572ec;
  font-size: .5em;
  font-style: normal;
  font-weight: 700
}

.igotacard {
  overflow: hidden
}

.igotacard .igotacard-header {
  align-items: center;
  background: linear-gradient(0deg, #38bdff, #0572ec) no-repeat;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  margin: 58px auto 0;
  max-width: 1100px;
  min-height: 400px;
  width: 100%
}

@media (min-width:1024px) {
  .igotacard .igotacard-header {
    border-radius: 5px
  }
}

@media (min-width:1200px) {
  .igotacard .igotacard-header {
    margin: 100px auto 0
  }
}

.igotacard .igotacard-header img {
  max-width: 400px;
  object-fit: contain;
  object-position: bottom
}

.igotacard .igotacard-header h1 {
  color: #fff;
  margin-bottom: 10px
}

.igotacard .igotacard-header p {
  color: #fff;
  opacity: .8;
  text-align: center
}

@media screen\0 {
  .igotacard .igotacard-header {
    min-height: 300px;
    padding-top: 50px
  }
}

.igotacard .create-passwords>.container {
  margin: 0 auto;
  max-width: 1140px
}

.igotacard .create-passwords>.container h1 {
  margin-bottom: 26px
}

.igotacard .create-passwords>.container p {
  max-width: 520px
}

.igotacard .create-passwords {
  background-color: #fff;
  padding: 30px
}

@media (min-width:768px) {
  .igotacard .create-passwords {
    padding-bottom: 40px;
    padding-top: 100px
  }
}

.igotacard .create-passwords .section-title {
  margin: 0 auto 70px;
  max-width: 1140px;
  text-align: center
}

.igotacard .create-passwords .section-title h1 {
  margin-bottom: 16px
}

.igotacard .create-passwords .section-title p {
  margin: 0 auto;
  max-width: 454px
}

.igotacard .create-passwords .container {
  margin: 0 auto;
  max-width: 1140px
}

.igotacard .create-passwords .container h1 {
  margin-bottom: 26px
}

.igotacard .create-passwords .container img {
  margin-bottom: 45px
}

.igotacard .create-passwords .container h2 {
  margin-bottom: 20px
}

.igotacard .create-passwords .container p {
  margin: 0 auto 20px;
  max-width: 300px
}

@media (min-width:760px) {
  .igotacard .create-passwords .container>div>div {
    align-items: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: space-between
  }
  @supports (display:grid) {
    .igotacard .create-passwords .container>div>div {
      align-items: center;
      display: grid;
      grid-template-rows: 100px 70px;
      justify-items: center;
      justify-self: center
    }
  }
}

.igotacard .pricing .header {
  background: linear-gradient(#fff, #f7fbff);
  margin-top: 0
}

.igotacard .pricing .header h1 {
  text-align: center
}

.igotacard .pricing#teams-and-business {
  overflow: initial
}

.igotacard .pricing#teams-and-business .pricing-cards.igotacard .teams-pro .pricing .advanced-protection-description, .igotacard .pricing#teams-and-business .pricing-cards.igotacard .teams-standard .pricing .advanced-protection-description {
  background-color: #2b3a49;
  border-radius: 0 0 6px 6px;
  margin-bottom: 0;
  margin-top: 35px;
  min-height: 50px;
  width: 100%
}

.igotacard .pricing#teams-and-business .pricing-cards.igotacard .teams-pro .pricing .advanced-protection-description p, .igotacard .pricing#teams-and-business .pricing-cards.igotacard .teams-standard .pricing .advanced-protection-description p {
  font-size: .875em;
  margin: 15px 10px;
  max-width: fit-content
}

@media (min-width:1024px) {
  .igotacard .pricing#teams-and-business .pricing-cards.igotacard .teams-pro .pricing .advanced-protection-description p, .igotacard .pricing#teams-and-business .pricing-cards.igotacard .teams-standard .pricing .advanced-protection-description p {
    margin-left: 55px;
    margin-right: 55px
  }
}

.igotacard .pricing#teams-and-business .usd-pricing {
  position: relative;
  text-align: center;
  width: 100%
}

.igotacard .pricing#teams-and-business .usd-pricing p {
  color: #b8bdcc;
  font-size: .8em;
  margin: 0
}

.igotacard .pricing .main-body .column-container {
  margin-bottom: 60px
}

@media (min-width:990px) {
  .igotacard .pricing .main-body .column-container .col.personal {
    margin-right: 0
  }
}

.igotacard .pricing .main-body .column-container .col.personal ul li {
  background-image: url(/img/pricing/checkbox-blue.b89fce966ef19fb231bbb40d600aabc1.svg)
}

.igotacard .pricing .main-body .column-container .col.personal ul li:nth-child(odd) {
  background-color: #d9ecff
}

.igotacard .pricing .main-body .column-container .col.family {
  transform: translateY(0)
}

@media (max-width:660px) {
  .igotacard .pricing .main-body .column-container .col.family {
    order: -1
  }
}

@media (min-width:990px) {
  .igotacard .pricing .main-body .column-container .col.family {
    margin-left: 35px
  }
}

.igotacard .pricing .main-body .column-container .col.family ul li {
  margin: 0 2px
}

.igotacard .pricing .main-body .column-container .col.family ul li:not(.family-account-included):not(.top-highlight) {
  background-image: url(/img/pricing/checkbox-purple.c2e1760b521745f4b97712d60e51e31e.svg)
}

.igotacard .pricing .main-body .column-container .col.family ul li:not(.family-account-included):not(.top-highlight):nth-child(odd):not(.top-highlight) {
  background-color: #eae0ff
}

.igotacard .pricing .main-body .column-container .col.family ul li.top-highlight {
  background-color: #d9ecff
}

.igotacard .pricing .main-body .column-container .col .price-cards .card {
  margin-right: 0;
  margin-top: 20px;
  min-height: 400px;
  padding: 40px 10px 28px
}

.igotacard .pricing .netguru-quote {
  background-color: #369bff;
  padding: 73px 30px 0
}

@media (min-width:1000px) {
  .igotacard .pricing .netguru-quote {
    height: 500px;
    padding: 30px
  }
}

.igotacard .pricing .netguru-quote .container {
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0 auto;
  max-width: 1400px
}

.igotacard .pricing .netguru-quote .container div {
  flex-basis: 470px
}

.igotacard .pricing .netguru-quote .container div h1 {
  color: #fff;
  font-size: 1.75em;
  letter-spacing: -.19px;
  line-height: 1.36;
  margin-bottom: 25px
}

@media (min-width:1024px) {
  .igotacard .pricing .netguru-quote .container div h1 {
    font-size: 2em
  }
}

@media (min-width:1000px) {
  .igotacard .pricing .netguru-quote .container .image-container {
    position: relative;
    top: 40px
  }
  .igotacard .pricing .netguru-quote .container .text {
    bottom: 40px;
    position: relative
  }
}

.igotacard .pricing .netguru-quote .container img[alt=Netguru] {
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  max-width: 471px;
  position: relative;
  width: 100%
}

@media (max-width:999px) {
  .igotacard .pricing .netguru-quote .container img[alt=Netguru] {
    top: 53px
  }
}

.igotacard .main-body .what-you-get {
  padding-top: 0!important
}

.igotacard .main-body .what-you-get .container {
  padding-top: 10px
}

.igotacard.business footer {
  padding-top: 100px
}

.haveibeenpwned {
  margin-top: 60px;
  overflow: hidden
}

.haveibeenpwned header {
  align-items: center;
  background-color: #414e71;
  background-image: url(/img/haveibeenpwned/header-bg.png);
  background-position: top;
  background-repeat: no-repeat;
  background-size: auto 50%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 380px;
  position: relative;
  width: 100vw
}

@media (min-resolution:192dpi), only screen and (-webkit-min-device-pixel-ratio:2) {
  .haveibeenpwned header {
    background-image: url(/img/haveibeenpwned/header-bg@2x.png)
  }
}

@media (min-width:768px) {
  .haveibeenpwned header {
    background-position: center 30%;
    background-size: auto 100%;
    border-radius: 0 0 55% 55%;
    left: -10vw;
    width: 120vw
  }
}

.haveibeenpwned header h1, .haveibeenpwned header p {
  color: #fff;
  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 {
  border-radius: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  height: 88px;
  position: absolute;
  top: 90%;
  width: 88px
}

.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 {
  background: linear-gradient(#fff, #f5f6f7);
  padding: 60px 30px;
  text-align: center
}

.haveibeenpwned section.top p {
  color: #3d454d
}

.haveibeenpwned section.top a {
  align-self: center;
  background-color: #50b347;
  border-radius: 100px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
  box-sizing: border-box;
  color: #fff;
  display: flex;
  font-weight: 600;
  justify-content: center;
  margin: 0 auto;
  max-width: 300px;
  max-width: 320px;
  outline: none;
  padding: 12px;
  text-align: center;
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out;
  width: calc(100% - 60px)
}

@media (max-width:600px) {
  .haveibeenpwned section.top a {
    width: calc(100% - 30px)
  }
}

.haveibeenpwned section.top a:focus, .haveibeenpwned section.top a:hover {
  box-shadow: 0 8px 34px 0 rgba(0, 0, 0, .3);
  transform: scale(1.05);
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .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 {
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto;
  max-width: 1100px;
  padding: 0 30px
}

@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 {
  background: url(/img/haveibeenpwned/lockscreen.svg) no-repeat 50%;
  background-size: cover;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  margin: 60px auto;
  max-width: 1100px;
  min-height: 500px;
  padding: 60px 30px 6px
}

@media (min-width:768px) {
  .haveibeenpwned section.lockscreen {
    background-size: contain
  }
}

.haveibeenpwned section.lockscreen h2, .haveibeenpwned section.lockscreen p {
  margin: 0 auto 30px;
  max-width: 450px;
  text-align: center
}

@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 {
    left: 300px;
    position: relative;
    top: 240px
  }
}

.haveibeenpwned section.lockscreen a.btn-signup {
  align-self: center;
  background-color: #0572ec;
  border-radius: 100px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
  box-sizing: border-box;
  color: #fff;
  display: flex;
  font-weight: 600;
  justify-content: center;
  margin: 0 auto;
  max-width: 300px;
  outline: none;
  padding: 12px;
  text-align: center;
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out;
  width: calc(100% - 60px)
}

@media (max-width:600px) {
  .haveibeenpwned section.lockscreen a.btn-signup {
    width: calc(100% - 30px)
  }
}

.haveibeenpwned section.lockscreen a.btn-signup:focus, .haveibeenpwned section.lockscreen a.btn-signup:hover {
  box-shadow: 0 8px 34px 0 rgba(0, 0, 0, .3);
  transform: scale(1.05);
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out
}

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

#soc2 p {
  color: #4d4d4d
}

#soc2 a {
  color: #0572ec
}

#soc2 header.soc2 {
  align-items: center;
  background: url(/img/soc2/soc-pattern.svg) repeat;
  background-color: #00604c;
  background-size: 100px;
  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: 1100px;
  min-height: 380px;
  padding: 100px 5px 80px;
  width: 100%
}

@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 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin: 0 0 40px;
  max-width: 700px;
  min-height: 200px;
  width: 100%
}

#soc2 header.soc2 h1 {
  color: #fff;
  margin-bottom: 10px;
  text-align: center
}

@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: #fff;
  opacity: .8;
  text-align: center
}

@media (min-width:768px) {
  #soc2 header.soc2 p {
    max-width: 560px
  }
}

#soc2 section {
  margin: 0 auto;
  max-width: 900px;
  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 {
    bottom: 30px;
    position: absolute;
    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 {
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  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.confidentiality p, #soc2 section.grid-soc2.privacy p {
  max-width: 500px
}

#soc2 section.grid-soc2 .soc-folder, #soc2 section.grid-soc2 .soc-shield {
  width: 160px
}

#soc2 section a.btn {
  align-self: center;
  background-color: #0572ec;
  border-radius: 100px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
  box-sizing: border-box;
  color: #fff;
  display: flex;
  font-weight: 600;
  height: fit-content;
  justify-content: center;
  margin: 0 auto;
  max-width: 300px;
  outline: none;
  padding: 12px;
  text-align: center;
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out;
  width: calc(100% - 60px)
}

@media (max-width:600px) {
  #soc2 section a.btn {
    width: calc(100% - 30px)
  }
}

#soc2 section a.btn:focus, #soc2 section a.btn:hover {
  box-shadow: 0 8px 34px 0 rgba(0, 0, 0, .3);
  transform: scale(1.05);
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .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 {
  color: #333;
  font-size: 1.875em;
  margin: 0 auto 20px
}

@media (min-width:768px) {
  #soc2 section.encryption h2 {
    max-width: 650px
  }
}

#soc2 section.dave-quote blockquote {
  color: #4d4d4d;
  font-size: 1.875em;
  font-style: italic;
  font-weight: 300;
  line-height: 1.33;
  margin: 0 auto 1em;
  max-width: 800px
}

#soc2 section.dave-quote .cited {
  align-items: center;
  display: grid;
  grid-template-columns: 1fr;
  justify-items: center
}

@media (min-width:768px) {
  #soc2 section.dave-quote .cited {
    grid-template-columns: 1fr 1fr
  }
}

#soc2 section.dave-quote .cited .dave {
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-bottom: 1em
}

#soc2 section.dave-quote .cited .dave h2 {
  font-size: 1.6em
}

#soc2 section.dave-quote .cited .dave span {
  border: 1px solid rgba(0, 0, 0, .1);
  border-radius: 100%;
  display: inline-block;
  height: 80px;
  margin-right: 30px;
  overflow: hidden;
  position: relative;
  width: 80px
}

#soc2 section.dave-quote .cited .dave p {
  margin-bottom: 0
}

#soc2 section.know-more {
  text-align: center
}

#soc2 section.know-more p {
  margin: 0 auto 1.3em;
  max-width: 600px
}

#whats-new-opm7 .header-img, #whats-new-opm7 .op-mini, #whats-new-opm7 .sidebar {
  width: 100%
}

#whats-new-opm7 .op-mini, #whats-new-opm7 .sidebar {
  border: 1px solid #e0e0e0;
  border-radius: .5rem;
  box-shadow: 0 10px 15px 10px hsla(0, 0%, 64%, .1);
  max-width: 485px;
  object-fit: contain
}

#whats-new-opm7 h1.title {
  font-size: 2.5em;
  margin-bottom: .6em
}

#whats-new-opm7 p.description {
  font-size: 1.5em;
  opacity: .7
}

#whats-new-opm7 h1.title, #whats-new-opm7 p.description {
  text-align: center
}

#whats-new-opm7 a, #whats-new-opm7 h1, #whats-new-opm7 h2, #whats-new-opm7 p {
  max-width: 500px;
  text-align: center
}

@media (min-width:1200px) {
  #whats-new-opm7 a, #whats-new-opm7 h1, #whats-new-opm7 h2, #whats-new-opm7 p {
    max-width: none;
    text-align: left
  }
}

#whats-new-opm7 a:hover {
  text-decoration: underline
}

#whats-new-opm7 img:not(.header-img) {
  border: 1px solid #e0e0e0;
  border-radius: .5rem;
  margin: 0 0 20px
}

#whats-new-opm7 .intro {
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 50px 1em;
  min-height: 150px
}

#whats-new-opm7 .showcase {
  border-bottom: 2px solid rgba(184, 189, 204, .19);
  display: grid;
  grid-template-columns: 1fr;
  justify-items: center;
  margin: 40px auto;
  max-width: 1000px;
  padding: 20px 10px
}

@media (min-width:1024px) {
  #whats-new-opm7 .showcase.showcase-grid {
    grid-template-columns: 500px 500px;
    justify-items: flex-start
  }
}

#whats-new-opm7 .showcase.showcase-grid article {
  align-items: center
}

@media (min-width:1200px) {
  #whats-new-opm7 .showcase.showcase-grid article {
    align-items: flex-start
  }
}

@media (min-width:1024px) {
  #whats-new-opm7 .showcase.panel2 article {
    order: 1
  }
  #whats-new-opm7 .showcase.panel3 {
    grid-template-columns: 1fr 1fr 1fr
  }
}

#whats-new-opm7 .showcase.panel3 img {
  width: 248px
}

#whats-new-opm7 .showcase.panel3 article {
  justify-content: space-between
}

#whats-new-opm7 .showcase.productivity, #whats-new-opm7 .showcase.security {
  display: grid;
  grid-template-columns: 1fr;
  padding: 0 10px
}

#whats-new-opm7 .showcase.productivity>div, #whats-new-opm7 .showcase.security>div {
  display: grid;
  grid-template-columns: 1fr
}

@media (min-width:1024px) {
  #whats-new-opm7 .showcase.productivity>div, #whats-new-opm7 .showcase.security>div {
    grid-template-columns: 65% 1fr
  }
}

#whats-new-opm7 .showcase.productivity>div .fill-logins, #whats-new-opm7 .showcase.security>div .fill-logins {
  border: none
}

@media (min-width:1024px) {
  #whats-new-opm7 .showcase.productivity>div article, #whats-new-opm7 .showcase.security>div article {
    align-items: flex-start
  }
  #whats-new-opm7 .showcase.productivity>div p, #whats-new-opm7 .showcase.security>div p {
    text-align: left
  }
}

#whats-new-opm7 .showcase.security>div {
  display: grid;
  grid-template-columns: 1fr
}

@media (min-width:1024px) {
  #whats-new-opm7 .showcase.panel5, #whats-new-opm7 .showcase.security>div {
    grid-template-columns: 1fr 65%
  }
}

#whats-new-opm7 .showcase.panel5 .separate-window {
  border: none
}

#whats-new-opm7 .showcase.panel6 video {
  border: 1px solid #e0e0e0;
  border-radius: .5rem
}

@media (min-width:1024px) {
  #whats-new-opm7 .showcase.panel7 {
    grid-template-columns: 1fr 1fr;
    justify-items: flex-start
  }
  #whats-new-opm7 .showcase.panel7 article {
    align-items: flex-start
  }
  #whats-new-opm7 .showcase.panel5 article, #whats-new-opm7 .showcase.panel7 article {
    order: -1
  }
}

#whats-new-opm7 .showcase article {
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin: 1em;
  text-align: center
}

@media (min-width:1200px) {
  #whats-new-opm7 .showcase article {
    text-align: left
  }
}

#whats-new-opm7 .showcase article a {
  color: #0572ec
}

@media (min-width:1200px) {
  #whats-new-opm7 .showcase article p {
    max-width: 450px
  }
}

.whats-new-opm7-video {
  display: block;
  margin: auto;
  padding: 0
}

#password-generator {
  display: block
}

@media screen\0 {
  #password-generator {
    display: none
  }
}

#password-generator .password-generator {
  align-items: center;
  background-color: #414e71;
  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: 1100px;
  min-height: 380px;
  padding: 100px 8px;
  width: 100%
}

#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 {
    background-size: 170px;
    min-height: inherit
  }
}

@media (min-width:1200px) {
  #password-generator .password-generator.content-generator {
    margin: 0
  }
}

@media (min-width:525px) {
  #password-generator .password-generator {
    background-size: 170px;
    min-height: 420px
  }
}

@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: #fff;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 1em;
  width: 100%
}

#password-generator .password-generator>div.inputfield-container input {
  border: none;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  height: 100%;
  outline: none;
  width: 100%
}

#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;
  left: -9999px;
  position: absolute;
  top: -9999px;
  z-index: -10
}

#password-generator .password-generator>div.inputfield-container.done .password-overlay {
  font-family: Courier Prime Bits, monospace!important;
  font-size: 1.625em;
  letter-spacing: 2.5px;
  padding: 10px;
  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 {
  background-color: rgba(0, 0, 0, .2);
  border: 2px solid rgba(0, 0, 0, .15);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-height: 70px;
  max-width: 320px;
  min-height: 50px;
  position: relative;
  width: 100%
}

#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 {
  border-bottom: 13px solid rgba(0, 0, 0, .2);
  border-left: 13px solid transparent;
  border-right: 13px solid transparent;
  bottom: 48px;
  content: "";
  height: 0;
  left: 46%;
  position: absolute;
  width: 0
}

@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
}

#password-generator .password-generator>div.randomizing-characters .slidecontainer.activerecipe {
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around
}

@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;
  appearance: none;
  border-radius: 100px;
  height: 2px;
  outline: none;
  -webkit-transition: .2s;
  transition: opacity .2s
}

#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;
  appearance: none;
  background: #fff;
  border-radius: 100px;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .2);
  cursor: pointer;
  height: 25px;
  width: 25px
}

#password-generator .password-generator>div.randomizing-characters .slidecontainer input[type=range]::-moz-range-thumb {
  background: #fff;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .2);
  cursor: pointer;
  height: 25px;
  width: 25px
}

#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: #fff
}

#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 {
  background: transparent;
  border-color: transparent;
  color: transparent;
  cursor: pointer;
  height: 10px;
  width: 100%
}

#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: #fff;
  border-radius: 2.6px
}

#password-generator .password-generator>div.randomizing-characters .slidecontainer input[type=range]::-ms-thumb {
  background: #fff;
  border-radius: 3px;
  cursor: pointer;
  height: 36px;
  width: 16px
}

@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 {
    background: transparent;
    border-color: transparent;
    color: transparent;
    cursor: pointer;
    height: 50px;
    width: 100%
  }
  #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: #fff;
    border-radius: 2.6px
  }
  #password-generator .password-generator>div.randomizing-characters .slidecontainer input[type=range]::-ms-thumb {
    background: #fff;
    border-radius: 3px;
    cursor: pointer;
    height: 36px;
    width: 16px
  }
}

#password-generator .password-generator>div.randomizing-characters .slidecontainer [type=checkbox] {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
  height: 24px;
  width: 25px
}

#password-generator .password-generator>div.randomizing-characters .slidecontainer label {
  color: #fff;
  cursor: pointer;
  vertical-align: super
}

#password-generator .password-generator>div.inputs {
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 1em;
  max-width: 660px;
  min-height: 150px;
  width: 100%
}

@media (min-width:700px) {
  #password-generator .password-generator>div.inputs {
    align-items: normal;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-bottom: 1em;
    min-height: 0;
    width: 100%
  }
}

#password-generator .password-generator>div.inputs #random-password {
  text-rendering: auto;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(/img/password-generator/arrow-down-skinny.9240e5f88d1d73ac2e167d37fe39f33c.svg) no-repeat 90% transparent;
  background-size: 1.563em;
  border: 2px solid hsla(0, 0%, 100%, .2);
  border-radius: 20px;
  color: #fff;
  font-size: 1em;
  font-weight: 600;
  line-height: 22px;
  max-width: 295px;
  outline: none;
  padding: 10px;
  width: 100%
}

#password-generator .password-generator>div.inputs #random-password option {
  color: #333
}

#password-generator .password-generator>div.inputs #refresh-token {
  background-color: transparent;
  background-image: url(/img/password-generator/regen.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
  display: inline-block;
  height: 46px;
  outline: none;
  width: 20px
}

#password-generator .password-generator>div.inputs #copy-secure-password {
  align-self: center;
  background-color: #50b347;
  border-radius: 100px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: flex;
  font-weight: 600;
  justify-content: center;
  margin: 0;
  max-width: 300px;
  max-width: 320px;
  outline: none;
  padding: 12px;
  text-align: center;
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out;
  width: calc(100% - 60px)
}

@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:focus, #password-generator .password-generator>div.inputs #copy-secure-password:hover {
  box-shadow: 0 8px 34px 0 rgba(0, 0, 0, .3);
  transform: scale(1.05);
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out
}

#password-generator .password-generator h1 {
  color: #fff;
  margin-bottom: 10px;
  max-width: 730px;
  text-align: center
}

#password-generator .password-generator p {
  color: #fff;
  opacity: .8;
  text-align: center
}

#password-generator div.overlay {
  background-color: rgba(0, 0, 0, .7);
  border-radius: 0;
  display: block;
  height: 100vh;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  transition: opacity .4s ease-in-out;
  visibility: hidden;
  width: 100vw;
  z-index: -10
}

#password-generator div.overlay.show-modal {
  opacity: 1;
  visibility: visible;
  z-index: 10
}

#password-generator div.overlay .modal {
  align-items: center;
  background-color: #ebf0f5;
  border: 1px solid rgba(0, 0, 0, .12);
  border-radius: 10px;
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .2);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  left: 50%;
  max-width: 640px;
  padding: 30px 0;
  position: fixed;
  text-align: center;
  top: calc(50% + 30px);
  transform: translate(-50%, -50%);
  width: 100%
}

#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;
  height: 11px;
  left: 95%;
  object-fit: contain;
  position: fixed;
  top: 15px;
  width: 11px
}

#password-generator div.overlay .modal img.split {
  height: 135px;
  object-fit: contain;
  width: 640px
}

@media (min-width:375px) {
  #password-generator div.overlay .modal img.split {
    margin-bottom: 15px;
    object-fit: none
  }
}

@media (min-width:768px) {
  #password-generator div.overlay .modal img.split {
    margin: 20px
  }
}

#password-generator div.overlay .modal a.btn {
  align-self: center;
  background-color: #0572ec;
  border-radius: 100px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
  box-sizing: border-box;
  color: #fff;
  display: flex;
  font-weight: 600;
  justify-content: center;
  margin: 0 auto 8px;
  max-width: 300px;
  outline: none;
  padding: 12px;
  text-align: center;
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out;
  width: calc(100% - 60px)
}

@media (max-width:600px) {
  #password-generator div.overlay .modal a.btn {
    width: calc(100% - 30px)
  }
}

#password-generator div.overlay .modal a.btn:focus, #password-generator div.overlay .modal a.btn:hover {
  box-shadow: 0 8px 34px 0 rgba(0, 0, 0, .3);
  transform: scale(1.05);
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out
}

#password-generator div.overlay .modal a.link {
  color: #0572ec
}

#password-generator section {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  margin: 35px auto;
  padding: 30px
}

@supports (display:grid) {
  #password-generator section {
    grid-gap: 25px;
    display: grid;
    grid-template-columns: 1fr;
    justify-items: center
  }
}

#password-generator section a.link {
  color: #0572ec;
  font-weight: 600
}

#password-generator section.column, #password-generator section.grid-password-manager {
  grid-gap: 40px;
  max-width: 1000px
}

#password-generator section.column {
  max-width: 900px;
  text-align: center
}

#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 {
  align-self: center;
  justify-self: center;
  max-width: 500px
}

#password-generator section.banner {
  align-items: center;
  background-color: #0572ec;
  justify-items: center;
  margin: 20px auto;
  max-width: 1100px;
  padding: 30px 50px
}

@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: #fff;
  margin-bottom: 8px
}

#password-generator section.banner a.btn {
  align-self: center;
  background-color: #fff;
  border-radius: 100px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
  box-sizing: border-box;
  color: #0572ec;
  display: flex;
  font-weight: 600;
  justify-content: center;
  margin: 0 auto;
  max-width: 300px;
  outline: none;
  padding: 12px;
  text-align: center;
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out;
  width: calc(100% - 60px)
}

@media (max-width:600px) {
  #password-generator section.banner a.btn {
    width: calc(100% - 30px)
  }
}

#password-generator section.banner a.btn:focus, #password-generator section.banner a.btn:hover {
  box-shadow: 0 8px 34px 0 rgba(0, 0, 0, .3);
  transform: scale(1.05);
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out
}

@media (min-width:768px) {
  #password-generator section.banner a.btn {
    margin: 0
  }
}

#password-generator .card {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out
}

#password-generator .card>a {
  width: 100%
}

#password-generator .card:hover {
  -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .12);
  -moz-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .12);
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .12);
  transform: scale(1.025);
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out
}

@media (min-width:768px) {
  #password-generator .card {
    flex: 0 0 auto
  }
}

#password-generator .card--deepblue {
  background-color: #1f2e59;
  color: #fff
}

#password-generator .card--lightblue {
  background-color: #b5d4f2;
  color: #3d454d
}

#password-generator .card--greyblue {
  background-color: #5f729e;
  color: #fff
}

#password-generator .card--lightblue2 {
  background-color: #badcff;
  color: #3d454d
}

#password-generator .card--darkblue {
  background-color: #00407f;
  color: #fff
}

#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: #fff
}

#password-generator .card--ultragrey2 {
  background-color: #051627;
  color: #eaeaea
}

#password-generator .card--bitsblue4 {
  background-color: #034ea6;
  color: #fff
}

#password-generator .card--sassypurple {
  background-color: #33103f;
  color: #fff
}

#password-generator .card--blue-bits {
  background-color: #0572ec;
  color: #fff
}

#password-generator .card--ultra-grey-5 {
  background-color: #35414c;
  color: #fff
}

#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: 1 1 auto;
  flex-direction: column;
  padding: 30px;
  width: 100%
}

#password-generator .card .card-content__category {
  color: #333;
  font-size: .75rem;
  opacity: .7
}

#password-generator .card .card-content__title {
  color: inherit;
  font-size: 1.375rem;
  opacity: .9
}

#password-generator .card .card-content__title--none-more-black {
  color: #000
}

#password-generator .card .card-content__description {
  color: inherit;
  opacity: .8
}

#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 {
  color: inherit;
  font-weight: 600
}

#password-generator .card .card-content__link svg {
  transition: transform .2s
}

#password-generator .card .card-content__link:hover svg {
  transform: translateX(7px);
  transition: transform .2s
}

#password-generator .card .card-content__clickable-card {
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

#password-generator .card .card-content__link--blue-primary {
  color: #0572ec
}

#password-generator .card .card-content__link--none-more-black {
  color: #000
}

#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 {
      align-content:start;
      align-items: start;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      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: #fff;
      border: 1px solid #dee0e3;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      position: relative
    }
    #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-bottom: 0;
  margin-top: 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 {
      grid-gap:40px;
      display: grid;
      grid-template-columns: repeat(6, 1fr);
      grid-template-rows: 1fr;
      justify-items: center
    }
  }
}

#password-generator section.resources section.resources-content h2 {
  font-size: 1.313em
}

#password-generator section.resources section.resources-content a.btn {
  align-self: center;
  background-color: #e8f3ff;
  border-radius: 100px;
  border-radius: 20px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
  box-sizing: border-box;
  color: #0572ec;
  display: flex;
  font-weight: 600;
  justify-content: center;
  margin: 0;
  max-height: 42px;
  max-width: 300px;
  outline: none;
  padding: 12px 20px;
  text-align: center;
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out;
  width: calc(100% - 60px);
  width: auto
}

@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:focus, #password-generator section.resources section.resources-content a.btn:hover {
  box-shadow: 0 8px 34px 0 rgba(0, 0, 0, .3);
  transform: scale(1.05);
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .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 {
  object-fit: cover;
  width: 100%
}

@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 {
  align-items: center;
  background: #f7f7f7;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 0;
  padding: 70px 30px;
  text-align: center;
  width: 100%
}

#password-generator section.create-account h3 {
  color: #333;
  font-size: 1.375em;
  font-weight: 600;
  letter-spacing: -.2px;
  line-height: 1.36
}

#password-generator section.create-account a {
  align-self: center;
  background: #0572ec;
  border-radius: 100px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
  box-sizing: border-box;
  color: #fff;
  display: flex;
  font-weight: 600;
  justify-content: center;
  margin: 0 1em;
  max-width: 300px;
  outline: none;
  padding: 12px;
  text-align: center;
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out;
  width: calc(100% - 60px)
}

@media (max-width:600px) {
  #password-generator section.create-account a {
    width: calc(100% - 30px)
  }
}

#password-generator section.create-account a:focus, #password-generator section.create-account a:hover {
  box-shadow: 0 8px 34px 0 rgba(0, 0, 0, .3);
  transform: scale(1.05);
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out
}

@media (min-width:768px) {
  #password-generator .grid-password-generator:nth-child(2n):not(.last) {
    grid-template-columns: 1fr 1fr
  }
  #password-generator .grid-password-generator:nth-child(2n):not(.last) article {
    order: 1
  }
}

@media (min-width:1024px) {
  #password-generator .grid-password-generator:nth-child(2n):not(.last) {
    grid-template-columns: 400px 500px
  }
}

.business-webinars header {
  align-items: center;
  background: url(/img/contentful/webinar-right.615aa1b7fec4b54a99a8cf314eace144.svg);
  background-color: #2b5590;
  background-position-x: right;
  background-repeat: no-repeat;
  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: 1050px;
  min-height: 420px;
  padding: 60px 5px;
  width: 100%
}

@media (min-width:600px) {
  .business-webinars header {
    background-image: url(/img/contentful/webinar-header.d52f61077620f66604ade3c99900ca52.svg);
    background-position: 50%;
    background-size: 100%
  }
}

@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 {
  align-self: center;
  background-color: #50b347;
  border-radius: 100px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: flex;
  font-weight: 600;
  justify-content: center;
  margin: 0 auto;
  max-width: 300px;
  outline: none;
  padding: 12px;
  text-align: center;
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out;
  width: calc(100% - 60px)
}

@media (max-width:600px) {
  .business-webinars header button {
    width: calc(100% - 30px)
  }
}

.business-webinars header button:focus, .business-webinars header button:hover {
  box-shadow: 0 8px 34px 0 rgba(0, 0, 0, .3);
  transform: scale(1.05);
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out
}

.business-webinars header h1 {
  color: #fff;
  font-size: 38px;
  letter-spacing: -.8px;
  line-height: 1.13;
  margin-bottom: 10px;
  text-align: center
}

@media screen\0 {
  .business-webinars header h1 {
    margin-top: 60px
  }
}

.business-webinars header h4 {
  color: #fff;
  font-size: 1em;
  font-weight: 400;
  letter-spacing: -.3px;
  line-height: 1.38;
  margin-bottom: 10px;
  max-width: 450px;
  text-align: center
}

.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 {
  border: 0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  font-size: .9em;
  height: 60px;
  margin: 0 auto 20px;
  max-width: 500px;
  padding: 15px;
  width: 100%
}

#thanksgiving {
  overflow: hidden;
  padding: 0 20px
}

#thanksgiving header {
  align-items: flex-start;
  background-color: #fff4e6;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 80px auto 20px;
  max-width: 1050px;
  min-height: 420px;
  overflow: hidden;
  padding: 0 5px 20px;
  width: 100%
}

@media (min-width:560px) {
  #thanksgiving header {
    align-items: center;
    flex-direction: row;
    justify-content: normal
  }
}

@media (min-width:1024px) {
  #thanksgiving header {
    justify-content: center;
    padding: 0
  }
}

@media (min-width:1065px) {
  #thanksgiving header {
    border-radius: 5px
  }
}

@media (min-width:1200px) {
  #thanksgiving header {
    margin-top: 100px
  }
}

#thanksgiving header img.thanksgiving-right {
  align-self: flex-end;
  height: 215px;
  left: 35px;
  object-fit: contain;
  object-position: top;
  position: relative;
  width: 176px
}

@media (min-width:560px) {
  #thanksgiving header img.thanksgiving-right {
    align-self: flex-start;
    height: 100%;
    left: calc(50% - 265px);
    order: 1;
    width: 100%
  }
}

@media (min-width:768px) {
  #thanksgiving header img.thanksgiving-right {
    left: calc(50% - 365px)
  }
}

@media (min-width:1024px) {
  #thanksgiving header img.thanksgiving-right {
    height: 430px;
    left: calc(50% - 450px);
    top: 22px;
    transform: scale(1.1);
    width: 256px
  }
}

#thanksgiving header img.thanksgiving-left {
  display: none
}

@media (min-width:1024px) {
  #thanksgiving header img.thanksgiving-left {
    align-self: flex-end;
    display: block;
    height: 351px;
    object-fit: contain;
    object-position: right;
    position: relative;
    right: calc(50% - 440px);
    width: 253px
  }
}

@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;
  padding: 0 15px;
  width: 100%
}

@media (min-width:1024px) {
  #thanksgiving header .header-text {
    align-items: center;
    text-align: center;
    width: 495px
  }
}

#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 {
  align-self: center;
  background-color: #0572ec;
  border-radius: 100px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
  box-sizing: border-box;
  color: #fff;
  display: flex;
  font-weight: 600;
  justify-content: center;
  margin: 0;
  max-width: 300px;
  outline: none;
  padding: 12px;
  text-align: center;
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out;
  width: calc(100% - 60px)
}

@media (max-width:600px) {
  #thanksgiving header .header-text a.thanksgiving-gift {
    width: calc(100% - 30px)
  }
}

#thanksgiving header .header-text a.thanksgiving-gift:focus, #thanksgiving header .header-text a.thanksgiving-gift:hover {
  box-shadow: 0 8px 34px 0 rgba(0, 0, 0, .3);
  transform: scale(1.05);
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out
}

@media (min-width:1024px) {
  #thanksgiving header .header-text a.thanksgiving-gift {
    width: 220px
  }
}

#thanksgiving section {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin: 0 auto 20px;
  max-width: 1050px
}

@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-gap: 0 15px;
      grid-template-columns: 50% 50%;
      padding: 0 10px
    }
  }
}

#thanksgiving section div {
  border: 1px solid #dadada;
  -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-basis: 350px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  margin-bottom: 23px;
  min-height: 86px;
  padding: 2rem;
  text-align: center
}

#thanksgiving section div p {
  color: #333;
  margin: 0
}

#thanksgiving section div a {
  color: #0572ec
}

#navbar-simple {
  display: flex;
  flex-direction: column;
  left: 0;
  margin-bottom: 0;
  min-height: 60px;
  position: fixed;
  top: 0;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  vertical-align: middle;
  width: 100%;
  z-index: 1000
}

#navbar-simple a.current {
  opacity: 1
}

#navbar-simple .navigation-simple {
  font-weight: 600;
  height: 40px;
  margin: 19px 0 0;
  padding: 0;
  position: relative
}

#navbar-simple .navigation-simple .logo-1password, #navbar-simple .navigation-simple .logo-1password-dark {
  margin: 0 0 0 20px
}

@media (max-width:1023px) {
  #navbar-simple .navigation-simple .logo-1password, #navbar-simple .navigation-simple .logo-1password-dark {
    left: 0;
    position: absolute;
    right: 0
  }
}

#navbar-simple .navigation-simple .lock-1password {
  margin: 0 0 0 10px;
  position: absolute;
  top: -13px
}

#navbar-simple .navigation-simple ul {
  list-style: none
}

#navbar-simple .navigation-simple ul li {
  display: inline;
  letter-spacing: -.02em;
  padding: 0 5px
}

@media (min-width:1024px) {
  #navbar-simple .navigation-simple ul li {
    padding: 0 8px
  }
  :lang(ru) #navbar-simple .navigation-simple ul li {
    padding: 0 4px
  }
}

#navbar-simple .navigation-simple ul li a:hover {
  text-transform: none
}

@media (min-width:833px) {
  #navbar-simple .navigation-simple ul li.nav-home {
    display: none
  }
}

#navbar-simple .navigation-simple ul li.contact-us {
  display: none
}

@media (min-width:768px) {
  #navbar-simple .navigation-simple ul li.contact-us {
    display: inline;
    padding-left: 15px;
    padding-right: 15px
  }
}

#navbar-simple .navigation-simple .signup-container {
  float: right
}

@media (max-width:499px) {
  #navbar-simple .navigation-simple .signup-container .buy, #navbar-simple .navigation-simple .signup-container .signup {
    display: none
  }
}

#navbar-simple .navigation-simple .signup-container .buy a, #navbar-simple .navigation-simple .signup-container .signup a {
  border-radius: 40px;
  padding: 10px 20px
}

@media (max-width:30em) {
  :lang(pt-br) #navbar-simple .navigation-simple .signup-container .buy a, :lang(pt-br) #navbar-simple .navigation-simple .signup-container .signup a, :lang(ru) #navbar-simple .navigation-simple .signup-container .buy a, :lang(ru) #navbar-simple .navigation-simple .signup-container .signup a {
    font-size: .75rem;
    padding: 10px
  }
}

#navbar-simple .navigation-simple .signup-container .buy a:hover, #navbar-simple .navigation-simple .signup-container .signup a:hover {
  -webkit-transition: background-color .3s ease-in-out, color .3s ease-in-out;
  -moz-transition: background-color .3s ease-in-out, color .3s ease-in-out;
  -ms-transition: background-color .3s ease-in-out, color .3s ease-in-out;
  -o-transition: background-color .3s ease-in-out, color .3s ease-in-out;
  transition: background-color .3s ease-in-out, color .3s ease-in-out
}

@media (max-width:52em) {
  #navbar-simple .navigation-simple .signup-container .buy a span, #navbar-simple .navigation-simple .signup-container .signup a span {
    display: none
  }
}

#navbar-simple.black-bar {
  background: #212b36
}

#navbar-simple.black-bar #menu-button {
  color: #fff
}

#navbar-simple.black-bar .buy a, #navbar-simple.black-bar .signup a {
  background-color: #212b36;
  border: 2px solid #fff;
  color: #fff
}

#navbar-simple.black-bar .buy a:hover, #navbar-simple.black-bar .signup a:hover {
  background-color: #fff;
  color: #212b36;
  -webkit-transition: background-color .3s ease-in-out, color .3s ease-in-out;
  -moz-transition: background-color .3s ease-in-out, color .3s ease-in-out;
  -ms-transition: background-color .3s ease-in-out, color .3s ease-in-out;
  -o-transition: background-color .3s ease-in-out, color .3s ease-in-out;
  transition: background-color .3s ease-in-out, color .3s ease-in-out
}

#navbar-simple.black-bar ul a.current, #navbar-simple.black-bar ul li a, #navbar-simple.black-bar ul li a:hover {
  color: #fff
}

#navbar-simple.blue-bar {
  background: #0572ec
}

#navbar-simple.blue-bar #menu-button {
  color: #fff
}

#navbar-simple.blue-bar .buy a, #navbar-simple.blue-bar .signup a {
  background-color: #0572ec;
  border: 2px solid #fff;
  color: #fff
}

#navbar-simple.blue-bar .buy a:hover, #navbar-simple.blue-bar .signup a:hover {
  background-color: #fff;
  color: #0572ec;
  -webkit-transition: background-color .3s ease-in-out, color .3s ease-in-out;
  -moz-transition: background-color .3s ease-in-out, color .3s ease-in-out;
  -ms-transition: background-color .3s ease-in-out, color .3s ease-in-out;
  -o-transition: background-color .3s ease-in-out, color .3s ease-in-out;
  transition: background-color .3s ease-in-out, color .3s ease-in-out
}

#navbar-simple.blue-bar ul a.current, #navbar-simple.blue-bar ul li a, #navbar-simple.blue-bar ul li a:hover {
  color: #fff
}

#navbar-simple.darkblue-bar {
  background: #0f2656
}

#navbar-simple.darkblue-bar #menu-button {
  color: #fff
}

#navbar-simple.darkblue-bar .buy a, #navbar-simple.darkblue-bar .signup a {
  background-color: #0f2656;
  border: 2px solid #fff;
  color: #fff
}

#navbar-simple.darkblue-bar .buy a:hover, #navbar-simple.darkblue-bar .signup a:hover {
  background-color: #fff;
  color: #0f2656;
  -webkit-transition: background-color .3s ease-in-out, color .3s ease-in-out;
  -moz-transition: background-color .3s ease-in-out, color .3s ease-in-out;
  -ms-transition: background-color .3s ease-in-out, color .3s ease-in-out;
  -o-transition: background-color .3s ease-in-out, color .3s ease-in-out;
  transition: background-color .3s ease-in-out, color .3s ease-in-out
}

#navbar-simple.darkblue-bar ul a.current, #navbar-simple.darkblue-bar ul li a, #navbar-simple.darkblue-bar ul li a:hover {
  color: #fff
}

#navbar-simple.lightblue-bar {
  background: #ddedfc
}

#navbar-simple.lightblue-bar #menu-button {
  color: #333
}

#navbar-simple.lightblue-bar .buy a, #navbar-simple.lightblue-bar .signup a {
  background-color: #ddedfc;
  border: 2px solid #333;
  color: #333
}

#navbar-simple.lightblue-bar .buy a:hover, #navbar-simple.lightblue-bar .signup a:hover {
  background-color: #333;
  color: #ddedfc;
  -webkit-transition: background-color .3s ease-in-out, color .3s ease-in-out;
  -moz-transition: background-color .3s ease-in-out, color .3s ease-in-out;
  -ms-transition: background-color .3s ease-in-out, color .3s ease-in-out;
  -o-transition: background-color .3s ease-in-out, color .3s ease-in-out;
  transition: background-color .3s ease-in-out, color .3s ease-in-out
}

#navbar-simple.lightblue-bar ul a.current, #navbar-simple.lightblue-bar ul li a, #navbar-simple.lightblue-bar ul li a:hover {
  color: #333
}

main#law-firms {
  margin-top: 60px
}

main#law-firms h1, main#law-firms p {
  color: #212b36
}

main#law-firms p {
  line-height: 1.5;
  opacity: .8
}

main#law-firms header {
  background-color: #212b36
}

@media (min-width:660px) {
  main#law-firms header {
    background: #212b36 url(/img/law-firms/header-illustration.8dd1aa79ec1c9cd1fd3c604f8a0b9fcb.svg) no-repeat 50%;
    background-repeat: no-repeat;
    background-size: cover
  }
}

@media (min-width:1200px) {
  main#law-firms header {
    background-size: contain;
    min-height: 600px
  }
}

main#law-firms header p.pricing-plan {
  color: #fff
}

main#law-firms section.panel.section-1 div.img-panel img, main#law-firms section.panel.section-2 div.img-panel img, main#law-firms section.panel.section-5 div.img-panel img {
  height: 100%;
  object-fit: contain;
  object-position: center;
  width: 100%
}

main#law-firms section.panel.section-1 {
  background-color: #3385d6
}

main#law-firms section.panel.section-1 div.text h1 {
  color: #fff
}

main#law-firms section.panel.section-1 div.text p {
  color: #fff;
  opacity: .8
}

main#law-firms section.panel.section-2 {
  overflow-y: hidden;
  padding-bottom: 0
}

main#law-firms section.panel.section-2 div.text p {
  color: #333;
  opacity: .8
}

main#law-firms section.panel.section-4 {
  position: relative
}

@media (min-width:1024px) {
  main#law-firms section.panel.section-4:after {
    background: url(/img/law-firms/admin-copy@2x.e9e2cd843aa7620292488def8b4bcd50.png) no-repeat 115% top;
    background-size: 60vw;
    content: "";
    min-height: 550px;
    position: absolute;
    top: 0;
    width: 100%
  }
}

main#law-firms section.panel.section-4 div.text p {
  max-width: 350px
}

@media (min-width:1024px) {
  main#law-firms section.panel.section-4 div.img-panel img {
    display: none
  }
}

main#law-firms section.panel.section-5 {
  background: linear-gradient(#f7f4f1, #fff)
}

main#law-firms section.panel.section-5 div.text>img.travel-mode-icon {
  margin-bottom: 16px
}

@media (max-width:659px) {
  main#law-firms section.panel.section-5 div.text>img.travel-mode-icon {
    align-self: center
  }
}

main#law-firms section.panel.section-end {
  background-color: #212b36;
  position: relative
}

@media (min-width:1024px) {
  main#law-firms section.panel.section-end {
    border-radius: 50% 50% 0 0;
    left: -20vw;
    padding: 100px;
    width: 140vw
  }
}

main#law-firms section.panel.section-end div.text {
  align-items: center
}

@media (min-width:1024px) {
  main#law-firms section.panel.section-end div.text {
    align-items: flex-end
  }
}

@media (min-width:1200px) {
  main#law-firms section.panel.section-end div.text {
    align-items: flex-start
  }
}

main#law-firms section.section-3 {
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 15px
}

@media (min-width:768px) {
  main#law-firms section.section-3 {
    padding: 75px 0 30px
  }
}

main#law-firms section.section-3 .text {
  background-color: #f5f7fa;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  max-width: 1105px;
  padding: 30px;
  width: 100%
}

@media (min-width:768px) {
  main#law-firms section.section-3 .text {
    padding: 75px 0
  }
}

main#law-firms section.section-3 .text h1 {
  font-size: 1.375em;
  line-height: 1.64;
  margin: 0 auto;
  max-width: 630px;
  opacity: .8
}

main#law-firms section.section-3 .text div.container-citation {
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  margin: 20px auto;
  max-width: 630px;
  width: 100%
}

main#law-firms section.section-3 .text div.container-citation .citation {
  display: inline-block;
  width: 200px
}

main#law-firms section.section-3 .text div.container-citation .citation cite {
  font-weight: 600;
  margin: 10px 18px 0
}

@media (max-width:347px) {
  main#law-firms section.section-3 .text div.container-citation .citation cite {
    display: block
  }
}

main#law-firms section.section-3 .text div.container-citation .citation cite span {
  color: #212b36;
  font-weight: 400;
  opacity: .5
}

main#law-firms section.section-3 .text div.container-citation .citation div.logo-img {
  margin: 10px 0 0 18px
}

main#insurance-firms header {
  background-color: #b4d8c5
}

@media (min-width:660px) {
  main#insurance-firms header {
    background: #d9ebe2 url(/img/insurance-firms/header-insurance.1b27d16f2f1bd2c5c4700e8cac3849e8.svg) no-repeat 50%;
    background-repeat: no-repeat;
    background-size: cover
  }
}

@media (min-width:768px) {
  main#insurance-firms header {
    background-position-x: 65%
  }
}

@media (min-width:1024px) {
  main#insurance-firms header {
    background-position-x: right
  }
}

@media (min-width:1200px) {
  main#insurance-firms header {
    background-size: contain;
    min-height: 600px
  }
}

@media (min-width:2000px) {
  main#insurance-firms header {
    background-size: cover;
    min-height: 900px
  }
}

main#insurance-firms header p.pricing-plan {
  align-self: center;
  align-self: flex-start;
  background-color: #d9ebe2;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  color: #232a3f;
  font-size: .8em;
  margin-top: 4px;
  padding: 4px
}

main#insurance-firms section.panel.section-1 div.img-panel img, main#insurance-firms section.panel.section-2 div.img-panel img, main#insurance-firms section.panel.section-3 div.img-panel img, main#insurance-firms section.panel.section-5 div.img-panel img {
  height: 100%;
  object-fit: contain;
  object-position: center;
  width: 100%
}

main#insurance-firms section.panel.section-1 {
  background-color: #3385d6
}

main#insurance-firms section.panel.section-1 div.text h1 {
  color: #fff
}

main#insurance-firms section.panel.section-1 div.text p {
  color: #fff;
  opacity: .8
}

main#insurance-firms section.panel.section-2 {
  overflow-y: hidden;
  padding-bottom: 0
}

main#insurance-firms section.panel.section-2 div.text p {
  color: #333;
  opacity: .8
}

main#insurance-firms section.panel.section-3 div.text blockquote {
  color: #fff;
  line-height: 1.38;
  opacity: .8;
  padding: 30px 0;
  text-align: left
}

@media (min-width:661px) {
  main#insurance-firms section.panel.section-3 div.text blockquote {
    font-size: 1.625em
  }
}

main#insurance-firms section.panel.section-3 div.text blockquote span {
  font-size: 1.125rem;
  font-weight: 600
}

@media (max-width:659px) {
  main#insurance-firms section.panel.section-3 div.img-panel {
    order: 1
  }
}

@media screen\0 {
  main#insurance-firms section.panel.section-3 div.img-panel {
    order: 1
  }
}

main#insurance-firms section.panel.section-4 div.text p {
  max-width: 350px
}

main#insurance-firms section.panel.section-5 {
  background: linear-gradient(#f7f4f1, #fff)
}

main#insurance-firms section.panel.section-5 div.text>img.travel-mode-icon {
  margin-bottom: 16px
}

@media (max-width:659px) {
  main#insurance-firms section.panel.section-5 div.text>img.travel-mode-icon {
    align-self: center
  }
}

main#insurance-firms section.panel.section-end {
  background-color: #212b36;
  position: relative
}

@media (min-width:1024px) {
  main#insurance-firms section.panel.section-end {
    border-radius: 50% 50% 0 0;
    left: -20vw;
    padding: 100px;
    width: 140vw
  }
}

main#insurance-firms section.panel.section-end div.text {
  align-items: center
}

@media (min-width:1024px) {
  main#insurance-firms section.panel.section-end div.text {
    align-items: flex-end
  }
}

@media (min-width:1200px) {
  main#insurance-firms section.panel.section-end div.text {
    align-items: flex-start
  }
}

main.campaign-vertical {
  overflow: hidden
}

main.campaign-vertical header {
  min-height: 400px;
  padding: 25px
}

main.campaign-vertical header p.pricing-plan {
  font-size: .875em;
  line-height: 1.79
}

main.campaign-vertical div.pricing-card-vertical {
  background-color: #fff;
  border-radius: 6px;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, .15);
  -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, .15);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, .15);
  max-width: 346px
}

main.campaign-vertical div.pricing-card-vertical div.pricing-info {
  padding: 10px 30px 30px;
  position: relative
}

main.campaign-vertical div.pricing-card-vertical div.pricing-info h1 {
  color: #212b36;
  font-size: 2em;
  letter-spacing: -1px;
  line-height: 1.27
}

main.campaign-vertical div.pricing-card-vertical div.pricing-info p {
  color: #525c66;
  line-height: 1.5;
  margin-bottom: 0
}

main.campaign-vertical div.pricing-card-vertical div.pricing-info h3 {
  color: #333;
  font-size: 1.75em;
  margin-bottom: 1.3em;
  text-align: center
}

main.campaign-vertical div.pricing-card-vertical div.pricing-info h3 span {
  font-size: 3em;
  vertical-align: -.44em
}

main.campaign-vertical div.pricing-card-vertical div.pricing-info h4 {
  bottom: 34%;
  left: 55%;
  position: absolute
}

main.campaign-vertical div.pricing-card-vertical div.pricing-info a.button {
  align-self: center;
  background-color: #50b347;
  border-radius: 100px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
  box-sizing: border-box;
  color: #fff;
  display: flex;
  font-weight: 600;
  justify-content: center;
  margin: 0 auto;
  max-width: 300px;
  outline: none;
  padding: 10px;
  text-align: center;
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out;
  width: calc(100% - 60px);
  width: 100%
}

@media (max-width:600px) {
  main.campaign-vertical div.pricing-card-vertical div.pricing-info a.button {
    width: calc(100% - 30px)
  }
}

main.campaign-vertical div.pricing-card-vertical div.pricing-info a.button:focus, main.campaign-vertical div.pricing-card-vertical div.pricing-info a.button:hover {
  box-shadow: 0 8px 34px 0 rgba(0, 0, 0, .3);
  transform: scale(1.05);
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out
}

main.campaign-vertical .panel {
  flex-direction: row;
  flex-wrap: wrap;
  min-height: 550px;
  padding: 60px 30px 30px
}

main.campaign-vertical .panel, main.campaign-vertical .panel div.text {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center
}

main.campaign-vertical .panel div.text {
  align-items: center;
  flex-basis: 300px;
  flex-direction: column;
  flex-grow: 1;
  max-width: 450px;
  width: 100%
}

main.campaign-vertical .panel div.text h1 {
  font-size: 1.75em;
  margin-bottom: 10px;
  max-width: 380px
}

main.campaign-vertical .panel div.text p {
  max-width: 380px
}

@media (max-width:659px) {
  main.campaign-vertical .panel div.text {
    text-align: center
  }
}

@media (min-width:660px) {
  main.campaign-vertical .panel div.text {
    align-items: flex-start
  }
}

main.campaign-vertical .panel div.features-list, main.campaign-vertical .panel div.img-panel {
  flex-basis: 300px;
  flex-grow: 1
}

main.campaign-vertical .panel div.img-panel {
  max-width: 650px
}

main.campaign-vertical .panel div.features-list {
  max-width: 450px
}

main.campaign-vertical .panel div.features-list ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  padding: 1em 0
}

main.campaign-vertical .panel div.features-list ul li {
  background-position: 3%;
  background-repeat: no-repeat;
  background-size: 18px;
  font-size: .875em;
  font-weight: 500;
  list-style: none;
  padding: 8px 5px 8px 40px
}

@media (min-width:660px) {
  main.campaign-vertical .panel div.features-list ul li {
    margin-left: 15px
  }
}

@media (min-width:1024px) {
  main.campaign-vertical .panel:not(.section-end) {
    max-height: 680px
  }
}

main.campaign-vertical div.features-list ul {
  color: #fff;
  margin: 0 auto;
  max-width: 600px
}

main.campaign-vertical div.features-list ul li {
  background-image: url(/img/law-firms/checkbox-green.0137d4347b1886baf0e29ec9433aff7c.svg);
  max-width: 450px
}

main.campaign-vertical div.features-list ul li.family-account-included {
  align-items: flex-end;
  background-color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #333;
  display: inline-flex;
  margin: 15px 0;
  padding-bottom: 0;
  padding-top: 0
}

@media (min-width:660px) {
  main.campaign-vertical div.features-list ul li.family-account-included {
    margin-left: 16px
  }
}

main.campaign-vertical div.features-list ul li.family-account-included>img {
  bottom: 5px;
  position: relative;
  transform: scale(1.3);
  width: 80px
}

@media screen\0 {
  main.campaign-vertical div.features-list ul li.family-account-included>img {
    bottom: 0;
    height: auto;
    position: relative;
    transform: none;
    width: auto
  }
}

main.campaign-vertical div.features-list ul li.family-account-included span {
  align-self: center;
  font-size: 1em;
  font-weight: 400;
  margin-left: 15px;
  padding: 3px
}

main#it-professionals header {
  background-color: #e8f3ff
}

@media (min-width:660px) {
  main#it-professionals header {
    background: #e8f3ff url(/img/it-professionals/hero@2x.e02df48c005f0fbf8e25ca1bbb0cbf5f.png) no-repeat 50%;
    background-repeat: no-repeat;
    background-size: cover
  }
}

@media (min-width:1200px) {
  main#it-professionals header {
    background-image: url(/img/it-professionals/hero@3x.8ad75fb759bafdce117d9d9f71445fe4.png);
    background-size: contain;
    min-height: 600px
  }
}

main#it-professionals header p.pricing-plan {
  background-color: #e8f3ff;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  color: #919eab;
  font-size: .8em;
  margin-top: 4px;
  padding: 4px
}

main#it-professionals hr {
  background-color: #4d5d8c;
  height: 2px;
  max-width: 1100px;
  opacity: .2;
  width: 100%
}

main#it-professionals section.panel div.img-panel img {
  height: 100%;
  object-fit: contain;
  object-position: center;
  width: 100%
}

main#it-professionals section.panel.section-1 {
  background-color: #3385d6;
  position: relative
}

@media (min-width:1024px) {
  main#it-professionals section.panel.section-1:after {
    background: url(/img/it-professionals/admin-copy@2x.e9e2cd843aa7620292488def8b4bcd50.png) no-repeat 115% top;
    background-size: 60vw;
    content: "";
    min-height: 550px;
    position: absolute;
    top: 0;
    width: 100%
  }
}

main#it-professionals section.panel.section-1 div.text h1 {
  color: #fff
}

main#it-professionals section.panel.section-1 div.text p {
  color: #fff;
  opacity: .8
}

@media (min-width:1024px) {
  main#it-professionals section.panel.section-1 div.img-panel img {
    display: none
  }
}

main#it-professionals section.panel.section-2 div.text p {
  color: #333;
  opacity: .8
}

main#it-professionals section.panel.section-2 div.img-panel {
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center
}

main#it-professionals section.panel.section-3 {
  background-color: #ecf5f0
}

main#it-professionals section.panel.section-3 div.text p {
  color: #333;
  opacity: .8
}

@media (min-width:1024px) {
  main#it-professionals section.panel.section-3 div.img-panel img {
    max-width: 600px
  }
}

main#it-professionals section.panel.section-4 {
  position: relative
}

@media (min-width:768px) {
  main#it-professionals section.panel.section-4:after {
    background: url(/img/it-professionals/server-auth@2x.5e06f03867833e101e7bad49848672ca.png) no-repeat 50%;
    background-size: contain;
    content: "";
    left: 400px;
    min-height: 550px;
    position: absolute;
    top: 0;
    width: 100%
  }
}

main#it-professionals section.panel.section-4 div.text p {
  max-width: 350px
}

@media (min-width:1024px) {
  main#it-professionals section.panel.section-4 div.img-panel {
    height: 500px
  }
}

@media (min-width:768px) {
  main#it-professionals section.panel.section-4 div.img-panel img.server-auth {
    display: none
  }
}

main#it-professionals section.panel.section-5 {
  background-color: #f7f4f1
}

main#it-professionals section.panel.section-5 div.text>img.travel-mode-icon {
  margin-bottom: 16px
}

@media (max-width:659px) {
  main#it-professionals section.panel.section-5 div.text>img.travel-mode-icon {
    align-self: center
  }
}

main#it-professionals section.panel.section-6 div.img-panel img {
  max-width: 575px
}

main#it-professionals section.panel.section-end {
  background-color: #212b36;
  position: relative
}

@media (min-width:1024px) {
  main#it-professionals section.panel.section-end {
    border-radius: 50% 50% 0 0;
    left: -20vw;
    padding: 100px;
    width: 140vw
  }
}

main#it-professionals section.panel.section-end div.text {
  align-items: center
}

@media (min-width:1024px) {
  main#it-professionals section.panel.section-end div.text {
    align-items: flex-end
  }
}

@media (min-width:1200px) {
  main#it-professionals section.panel.section-end div.text {
    align-items: flex-start
  }
}

main#it-professionals section.wide {
  min-height: 400px;
  padding: 30px
}

main#it-professionals section.wide:after {
  background: url(/img/it-professionals/anywhere.8082fe03b75e5307763b73497eb256b7.png) no-repeat 50%;
  background-size: contain;
  content: "";
  min-height: 350px;
  position: absolute;
  top: 200px;
  width: 100%
}

@media (min-width:1024px) {
  main#it-professionals section.wide:after {
    background-image: url(/img/it-professionals/anywhere@2x.450fc097c0ac8f129a6c8b9b850d1fc6.png)
  }
}

main#it-professionals section.wide.section-7 {
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative
}

main#it-professionals section.wide.section-7 div.text {
  text-align: center
}

main#it-professionals section.wide.section-7 div.text h1 {
  margin: 40px 0
}

main#it-professionals section.wide.section-7 div.text p {
  color: #3d454d;
  max-width: 670px;
  opacity: .8
}

main#password-manager {
  overflow: hidden
}

main#password-manager h2 {
  font-size: 1.875em
}

main#password-manager h3 {
  color: #333;
  font-size: 1.375em;
  margin-bottom: 28px
}

main#password-manager li:not(.trust-pilot-rating-list-item) {
  color: #3d454d;
  list-style: outside;
  margin-bottom: 16px;
  margin-left: 16px;
  opacity: .8
}

main#password-manager li:not(.trust-pilot-rating-list-item):last-child {
  margin-bottom: 20px
}

main#password-manager p {
  color: #3d454d;
  opacity: .8
}

main#password-manager p a {
  color: #0572ec;
  font-weight: 600
}

main#password-manager .header {
  background-color: #cce9ff;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 460px;
  padding-top: 80px;
  text-align: center
}

@media (min-width:769px) {
  main#password-manager .header {
    background: url(/img/password-manager/header-illustration.64dfc7174cda2c587cd1eb552893eb00.svg) no-repeat 49%;
    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 {
  background: url(/img/password-manager/bubble.09762e21700521fb0b1091dc5572c135.svg) no-repeat 50%;
  padding-bottom: 70px;
  padding-top: 70px;
  text-align: center
}

main#password-manager .password-manager-cards div>p {
  max-width: 565px
}

main#password-manager .password-manager-cards div.cards-container {
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: 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 {
  align-items: center;
  background-color: #fff;
  border: .5px solid #f3f3f3;
  border-radius: 6px;
  box-shadow: 0 3px 6px 0 rgba(122, 138, 153, .1);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  margin: 15px 0;
  max-width: 327px;
  min-height: 179px;
  padding: 5px;
  text-align: center
}

@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 {
  color: #333;
  font-size: 1em;
  line-height: 1.5;
  max-width: 280px
}

main#password-manager .password-manager-cards div.cards-container .group .cards img {
  margin-bottom: 22px;
  object-fit: contain
}

main#password-manager .password-manager-cards div.cards-container .group .cards.card-1 img {
  height: 54px;
  width: 101px
}

main#password-manager .password-manager-cards div.cards-container .group .cards.card-2 img {
  height: 54px;
  width: 77px
}

main#password-manager .password-manager-cards div.cards-container .group .cards.card-3 img {
  height: 35px;
  width: 130px
}

main#password-manager .password-manager-cards div.cards-container .group .cards.card-4 img {
  height: 50px;
  width: 96px
}

main#password-manager .password-manager-cards div.cards-container .group .cards.card-5 img {
  height: 50px;
  width: 126px
}

main#password-manager .password-manager-cards div.cards-container .group .cards.card-6 img {
  height: 48px;
  width: 76px
}

main#password-manager .password-manager-cards div.cards-container .group .cards.card-7 img {
  height: 50px;
  width: 92px
}

main#password-manager .password-manager-cards div.cards-container .group .cards.card-8 img {
  height: 48.8px;
  width: 108px
}

main#password-manager section {
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 30px 20px
}

main#password-manager section a.button {
  align-self: center;
  background-color: #0572ec;
  border-radius: 100px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
  box-sizing: border-box;
  color: #fff;
  display: flex;
  font-weight: 600;
  justify-content: center;
  margin: 0;
  max-width: 300px;
  outline: none;
  padding: 10px 20px;
  text-align: center;
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out;
  width: calc(100% - 60px);
  width: fit-content
}

@media (max-width:600px) {
  main#password-manager section a.button {
    width: calc(100% - 30px)
  }
}

main#password-manager section a.button:focus, main#password-manager section a.button:hover {
  box-shadow: 0 8px 34px 0 rgba(0, 0, 0, .3);
  transform: scale(1.05);
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .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 {
  align-items: center;
  background-image: url(/img/password-manager/anywhere-mobile.71317ba80ecf5b304d785cfab619918d.svg);
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: 280px;
  border-bottom: 2px solid #dfe3e8;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  max-width: 1160px;
  padding-bottom: 160px;
  padding-top: 50px;
  text-align: center;
  width: 100%
}

@media (min-width:768px) {
  main#password-manager section.section-4 div.container {
    background-image: url(/img/password-manager/anywhere.1d17de531530df5c094e9a4ac06c6252.svg);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;
    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: 2px solid transparent;
  border-radius: 40px;
  box-sizing: border-box;
  color: #fff;
  display: inline-block;
  font-weight: 600;
  margin: 10px 15px 0;
  padding: 10px 20px;
  text-align: center
}

main#password-manager section.section-4 div.container>div.button-container a.cta, main#password-manager section.section-4 div.container>div.button-container a.cta:hover {
  -webkit-transition: background-color .3s ease-in-out, color .3s ease-in-out;
  -moz-transition: background-color .3s ease-in-out, color .3s ease-in-out;
  -ms-transition: background-color .3s ease-in-out, color .3s ease-in-out;
  -o-transition: background-color .3s ease-in-out, color .3s ease-in-out;
  transition: background-color .3s ease-in-out, color .3s ease-in-out
}

main#password-manager section.section-4 div.container>div.button-container a.cta:hover {
  background-color: #50b347
}

main#password-manager section.section-4 div.container>div.button-container a.cta.alternate {
  background-color: #fff;
  border: 2px solid #0572ec;
  color: #0572ec;
  -webkit-transition: background-color .3s ease-in-out, color .3s ease-in-out;
  -moz-transition: background-color .3s ease-in-out, color .3s ease-in-out;
  -ms-transition: background-color .3s ease-in-out, color .3s ease-in-out;
  -o-transition: background-color .3s ease-in-out, color .3s ease-in-out;
  transition: background-color .3s ease-in-out, color .3s ease-in-out
}

main#password-manager section.section-4 div.container>div.button-container a.cta.alternate:hover {
  background-color: #50b347;
  border-color: #50b347;
  color: #fff;
  -webkit-transition: border-color .3s ease-in-out, background-color .3s ease-in-out, color .3s ease-in-out;
  -moz-transition: border-color .3s ease-in-out, background-color .3s ease-in-out, color .3s ease-in-out;
  -ms-transition: border-color .3s ease-in-out, background-color .3s ease-in-out, color .3s ease-in-out;
  -o-transition: border-color .3s ease-in-out, background-color .3s ease-in-out, color .3s ease-in-out;
  transition: border-color .3s ease-in-out, background-color .3s ease-in-out, color .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 {
  align-items: center;
  background-color: #e8f3ff;
  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: 1170px;
  min-height: 290px;
  width: 100%
}

main#password-manager section.section-end img#try-it-mobile {
  margin-bottom: -2px;
  margin-top: 30px
}

@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%
  }
}

@media (min-width:1200px) {
  main#password-manager section.section-end {
    margin-bottom: 30px
  }
}

main#password-manager section.section-end p {
  max-width: 670px;
  text-align: center
}

main#password-manager section.grid {
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  justify-content: center
}

@media (min-width:1024px) {
  main#password-manager section.grid:not(.section-3) {
    padding: 70px 30px
  }
}

@supports (display:grid) {
  main#password-manager section.grid {
    grid-gap: 30px;
    display: grid;
    grid-template-columns: 1fr;
    justify-items: center
  }
  @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 {
    align-items: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center
  }
}

main#password-manager section.grid.section-1>img {
  max-height: 462px;
  max-width: 576px;
  width: 100%
}

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
}

#yubikey {
  overflow: hidden
}

#yubikey header {
  align-items: center;
  background-color: #97d2ff;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 30px;
  min-height: 400px;
  padding: 80px 30px 0;
  position: relative;
  width: 100vw
}

@media (min-width:768px) {
  #yubikey header {
    min-height: 550px
  }
}

@media (min-width:1024px) {
  #yubikey header {
    align-items: flex-start;
    background-image: url(/img/yubikey/yubikey-header@2x.110c170b4d15363a95c2aee72347dcd5.png);
    background-position: 80% bottom;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 0 0 55% 55%;
    left: -10vw;
    padding: 0 calc(50% - 375px);
    width: 120vw
  }
}

@media (min-width:1600px) {
  #yubikey header {
    background-position-x: calc(100% - 350px)
  }
}

@media (min-width:2000px) {
  #yubikey header {
    background-size: 40%
  }
}

#yubikey header p {
  color: #3d454d;
  max-width: 350px;
  opacity: .8
}

#yubikey header a.header-button {
  align-self: center;
  background-color: #50b347;
  border-radius: 100px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
  box-sizing: border-box;
  color: #fff;
  display: flex;
  font-weight: 600;
  justify-content: center;
  margin: initial;
  max-width: 300px;
  outline: none;
  padding: 12px;
  text-align: center;
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out;
  width: calc(100% - 60px)
}

@media (max-width:600px) {
  #yubikey header a.header-button {
    width: calc(100% - 30px)
  }
}

#yubikey header a.header-button:focus, #yubikey header a.header-button:hover {
  box-shadow: 0 8px 34px 0 rgba(0, 0, 0, .3);
  transform: scale(1.05);
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out
}

@media screen\0 {
  #yubikey header a.header-button {
    margin: 0
  }
}

#yubikey header div.container {
  max-width: 400px;
  width: 100%
}

@media screen\0 {
  #yubikey header div.container {
    margin-top: 60px
  }
}

#yubikey header div.container h1 {
  font-size: 1.5em
}

#yubikey header div.container h2 {
  font-size: 1.8em
}

#yubikey header img {
  object-fit: cover;
  width: 100%
}

@media (min-width:1024px) {
  #yubikey header img {
    display: none
  }
}

#yubikey section.video {
  background-image: linear-gradient(#fff 10%, 30%, #e6e9f2 65%, #fff 0);
  padding-top: 30px;
  text-align: center;
  width: 100%
}

#yubikey section.video p {
  color: #9295a0;
  font-size: 1.125em;
  font-weight: 400;
  line-height: 1.4em;
  margin-bottom: 16px;
  max-width: 550px
}

@media screen\0 {
  #yubikey section.video p {
    max-width: 250px
  }
}

#yubikey section.video a {
  color: #0572ec
}

#yubikey section.video .box--text {
  max-width: 750px
}

#yubikey section.video .box--text h1 {
  color: #4d4d4d;
  font-size: 2.375em;
  line-height: 1.25em;
  max-width: 490px;
  padding-bottom: .8em
}

#yubikey section.video .yubikey-video {
  width: 100%
}

@media (min-width:1024px) {
  #yubikey section.video .yubikey-video {
    margin: 60px 0
  }
}

#yubikey section.video .yubikey-video .yubikey-video-container {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  margin: 0 auto;
  max-height: 383px;
  max-width: 680px;
  overflow: hidden;
  width: 100%
}

#yubikey section.video .yubikey-video .yubikey-video-container #yubikey-video {
  max-width: 680px;
  width: 100%
}

#yubikey section.video .column.get-started p, #yubikey section.video .column.in-business p {
  max-width: 390px
}

#yubikey section.families-features {
  background: url(/img/yubikey/yubikey-families.c54e4f34a37d21b6ee1ec67bce0c5892.png);
  background-position: 50% 38%;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 60px;
  width: 100%
}

@media (max-width:30em) {
  #yubikey section.families-features {
    background-position: 72% 30%
  }
}

@media (min-width:1200px) {
  #yubikey section.families-features {
    background-image: url(/img/yubikey/yubikey-families@2x.5cd32b0d13966176b73c9b60e055efd6.png)
  }
}

#yubikey section.families-features .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: 20px
}

#yubikey section.families-features .container h4.promo-title {
  color: #fff
}

#yubikey section.families-features .container h3.blurb {
  color: #fff;
  font-size: 24px;
  line-height: 28px;
  margin: 15px 0 30px;
  max-width: 400px
}

@media (min-width:1024px) {
  #yubikey section.families-features .container {
    padding: 90px 0
  }
}

#yubikey section.families-features .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
}

@media (max-width:599px) {
  #yubikey section.families-features .container .promo-sign-up {
    align-items: center;
    flex-direction: column
  }
}

#yubikey section.families-features .container .promo-sign-up>div.hero-price-card {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 1em
}

#yubikey section.families-features .container .promo-sign-up>div.hero-price-card p.new-customers {
  color: #fff;
  font-weight: 300;
  margin-top: 10px;
  text-align: center
}

#yubikey section.families-features .container .promo-sign-up>div.hero-price-card a.button {
  background-color: #51b347;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  color: #fff;
  display: inline-block;
  font-weight: 600;
  margin-bottom: 10px;
  padding: 10px;
  width: 260px
}

#yubikey section.families-features .container .promo-sign-up>div.hero-price-card a.button:hover {
  background-color: #51b347
}

#yubikey section.families-features .container .promo-sign-up>div.hero-price-card>.promo {
  background-color: #fff;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  height: 382px;
  max-width: 310px;
  text-align: center
}

#yubikey section.families-features .container .promo-sign-up>div.hero-price-card>.promo p.pricing-plan {
  font-weight: 600;
  margin: 30px 15px
}

@media screen\0 {
  #yubikey section.families-features .container .promo-sign-up>div.hero-price-card>.promo p.pricing-plan {
    max-width: 250px
  }
}

#yubikey section.families-features .container .promo-sign-up>div.hero-price-card>.promo>img {
  padding: 15px
}

@media screen\0 {
  #yubikey section.families-features .container .promo-sign-up>div.hero-price-card>.promo>img {
    height: 100%
  }
}

#yubikey section.families-features .container .promo-sign-up>div.promo-features-list {
  flex-basis: 200px;
  flex-grow: 0.9;
  max-width: 450px
}

@media (min-width:560px) {
  #yubikey section.families-features .container .promo-sign-up>div.promo-features-list {
    margin-left: 10px
  }
}

@media (min-width:830px) {
  #yubikey section.families-features .container .promo-sign-up>div.promo-features-list {
    flex: 1 1 auto
  }
}

#yubikey section.families-features .container .promo-sign-up>div.promo-features-list h3 {
  color: #fff;
  margin-bottom: 20px;
  padding-left: 10px;
  text-align: left
}

#yubikey section.families-features .container .promo-sign-up>div.promo-features-list ul {
  color: #fff;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: flex-start;
  margin: 0 auto
}

#yubikey section.families-features .container .promo-sign-up>div.promo-features-list ul li {
  background-image: url(/img/law-firms/checkbox-green.0137d4347b1886baf0e29ec9433aff7c.svg);
  background-position: 3% 50%;
  background-repeat: no-repeat;
  background-size: 17px;
  font-size: .875em;
  font-weight: 500;
  list-style: none;
  margin: 8px 0;
  max-width: 450px;
  padding-left: 40px
}

#yubikey section.families-features .container .promo-sign-up>div.promo-features-list ul li.family-account-included {
  align-items: flex-end;
  background-color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #333;
  display: inline-flex;
  padding-bottom: 0;
  padding-top: 0
}

#yubikey section.families-features .container .promo-sign-up>div.promo-features-list ul li.family-account-included>img {
  bottom: 6px;
  left: 9px;
  position: relative;
  transform: scale(1.3);
  width: 6em
}

@media screen\0 {
  #yubikey section.families-features .container .promo-sign-up>div.promo-features-list ul li.family-account-included>img {
    bottom: 0;
    height: auto;
    position: relative;
    transform: none;
    width: auto
  }
}

#yubikey section.families-features .container .promo-sign-up>div.promo-features-list ul li.family-account-included span {
  align-self: center;
  font-size: 1em;
  font-weight: 400;
  margin-left: 10%
}

main#why-1password {
  margin-top: 60px
}

main#why-1password .password-manager-cards {
  background: url(/img/password-manager/bubble.09762e21700521fb0b1091dc5572c135.svg) no-repeat 50%;
  padding-bottom: 70px;
  padding-top: 70px;
  text-align: center
}

main#why-1password .password-manager-cards div>p {
  max-width: 565px
}

main#why-1password .password-manager-cards div.cards-container {
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center
}

@media (min-width:768px) {
  main#why-1password .password-manager-cards div.cards-container {
    flex-direction: row;
    margin: 50px 0
  }
}

main#why-1password .password-manager-cards div.cards-container .group .cards {
  align-items: center;
  background-color: #fff;
  border: .5px solid #f3f3f3;
  border-radius: 6px;
  box-shadow: 0 3px 6px 0 rgba(122, 138, 153, .1);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  margin: 15px 0;
  max-width: 327px;
  min-height: 179px;
  padding: 5px;
  text-align: center
}

@media (min-width:768px) {
  main#why-1password .password-manager-cards div.cards-container .group .cards {
    margin-left: 15px;
    margin-right: 15px;
    padding: 15px
  }
}

main#why-1password .password-manager-cards div.cards-container .group .cards h3 {
  color: #333;
  font-size: 1em;
  line-height: 1.5;
  max-width: 280px
}

main#why-1password .password-manager-cards div.cards-container .group .cards img {
  margin-bottom: 22px;
  object-fit: contain
}

main#why-1password .password-manager-cards div.cards-container .group .cards.card-1 img {
  height: 54px;
  width: 101px
}

main#why-1password .password-manager-cards div.cards-container .group .cards.card-2 img {
  height: 54px;
  width: 77px
}

main#why-1password .password-manager-cards div.cards-container .group .cards.card-3 img {
  height: 35px;
  width: 130px
}

main#why-1password .password-manager-cards div.cards-container .group .cards.card-4 img {
  height: 50px;
  width: 96px
}

main#why-1password .password-manager-cards div.cards-container .group .cards.card-5 img {
  height: 50px;
  width: 126px
}

main#why-1password .password-manager-cards div.cards-container .group .cards.card-6 img {
  height: 48px;
  width: 76px
}

main#why-1password .password-manager-cards div.cards-container .group .cards.card-7 img {
  height: 50px;
  width: 92px
}

main#why-1password .password-manager-cards div.cards-container .group .cards.card-8 img {
  height: 48.8px;
  width: 108px
}

main#why-1password h2, main#why-1password p {
  color: #212b36
}

@media (min-width:832px) {
  main#why-1password p {
    max-width: 350px
  }
}

main#why-1password header {
  align-items: center;
  background-image: url(/img/why-1password/header.9138a03ca2d7eb78b987ba76b13c0632.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px
}

@media (min-width:832px) {
  main#why-1password header {
    background-image: url(/img/why-1password/header@2x.ad7d88a12f468d12b2dec36aac8785af.png);
    min-height: 550px
  }
}

@media (min-width:1200px) {
  main#why-1password header {
    background-image: url(/img/why-1password/header@3x.863997461cfb4a7b45ae7618bd531263.png)
  }
}

@media (min-width:1550px) {
  main#why-1password header {
    min-height: 650px
  }
}

main#why-1password header h1 {
  color: #454f5b;
  margin-bottom: 16px
}

main#why-1password header p {
  color: #454f5b
}

@media (min-width:832px) {
  main#why-1password header p {
    max-width: 362px
  }
}

main#why-1password header img.account-security {
  max-width: 500px;
  width: 100%
}

main#why-1password header a.button {
  align-self: center;
  background-color: #0572ec;
  border-radius: 100px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
  box-sizing: border-box;
  color: #fff;
  display: flex;
  font-weight: 600;
  justify-content: center;
  margin: 0 auto;
  max-width: 300px;
  outline: none;
  padding: 12px;
  text-align: center;
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out;
  width: calc(100% - 60px)
}

@media (max-width:600px) {
  main#why-1password header a.button {
    width: calc(100% - 30px)
  }
}

main#why-1password header a.button:focus, main#why-1password header a.button:hover {
  box-shadow: 0 8px 34px 0 rgba(0, 0, 0, .3);
  transform: scale(1.05);
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out
}

@media (min-width:832px) {
  main#why-1password header a.button {
    margin: 0
  }
}

main#why-1password header .container {
  margin: 0 auto;
  max-width: 930px
}

@media screen\0 {
  main#why-1password header .container {
    margin-top: 100px
  }
}

main#why-1password section {
  padding: 20px
}

@media (min-width:480px) {
  main#why-1password section:not(:last-child) {
    margin: 80px 0
  }
}

main#why-1password section .container {
  margin: 0 auto;
  max-width: 1200px
}

main#why-1password section .container ul li {
  list-style: none
}

main#why-1password section.get-more h1 {
  color: #212b36;
  font-size: 2em;
  margin: 0 0 20px;
  text-align: center
}

@media (min-width:480px) {
  main#why-1password section.get-more h1 {
    margin-bottom: 70px
  }
}

@media screen\0 {
  main#why-1password section.get-more p {
    max-width: 350px
  }
}

@media screen and (min-width:480px) and (max-width:1439px) {
  main#why-1password section.intuitive-design {
    background-position: calc(50% - 280px);
    background-repeat: no-repeat;
    background-size: contain
  }
}

@media screen and (min-width:480px) and (max-width:1199px) {
  main#why-1password section.intuitive-design {
    background-image: url(/img/why-1password/screens.5c1aefe4be57b54b453366e4902a1f17.png)
  }
}

@media screen and (min-width:1200px) and (max-width:1439px) {
  main#why-1password section.intuitive-design {
    background-image: url(/img/why-1password/screens@2x.03632f4e5bedb4cdcf96d133843d5c8c.png)
  }
}

@media (min-width:832px) {
  main#why-1password section.intuitive-design {
    min-height: 400px
  }
}

@media screen and (min-width:480px) and (max-width:1439px) {
  main#why-1password section.intuitive-design img.screens {
    display: none
  }
}

@media (min-width:1440px) {
  main#why-1password section.intuitive-design img.screens {
    width: 720px
  }
}

main#why-1password section.your-data ul li {
  background-image: url(/img/why-1password/x-icon.0e8ef1108c042e9d386f2a6a7ddc5571.svg);
  background-position-y: center;
  background-repeat: no-repeat;
  font-weight: 600;
  margin-bottom: 20px;
  padding-left: 20px
}

main#why-1password section.password-manager-cards {
  background-position-y: 70%
}

@media (min-width:768px) {
  main#why-1password section.password-manager-cards {
    padding: 0
  }
}

main#why-1password section.password-manager-cards div>p {
  margin: 0 auto;
  max-width: 370px
}

main#why-1password section.password-manager-cards div.cards-container {
  margin: 50px 0
}

main#why-1password section.switching {
  background: url(/img/why-1password/anywhere.1d17de531530df5c094e9a4ac06c6252.svg);
  background-color: #f4f6f8;
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: contain;
  text-align: center
}

@media (min-width:1440px) {
  main#why-1password section.switching {
    background-size: 1300px
  }
}

main#why-1password section.switching .container {
  margin: 60px auto
}

main#why-1password section.switching .list-features {
  margin: 30px auto 0
}

main#why-1password section.switching a.btn {
  align-self: center;
  background-color: #0572ec;
  border-radius: 100px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
  box-sizing: border-box;
  color: #fff;
  display: flex;
  font-weight: 600;
  justify-content: center;
  margin: 30px auto 0;
  max-width: 300px;
  outline: none;
  padding: 12px;
  text-align: center;
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out;
  width: calc(100% - 60px)
}

@media (max-width:600px) {
  main#why-1password section.switching a.btn {
    width: calc(100% - 30px)
  }
}

main#why-1password section.switching a.btn:focus, main#why-1password section.switching a.btn:hover {
  box-shadow: 0 8px 34px 0 rgba(0, 0, 0, .3);
  transform: scale(1.05);
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out
}

main#why-1password section.switching h2 {
  font-size: 1.875em;
  margin-bottom: 30px
}

main#why-1password section.switching p {
  color: #919eab;
  margin: 0 auto 1em;
  max-width: 500px
}

main#why-1password section.switching ul {
  color: #919eab
}

@media (min-width:500px) {
  main#why-1password section.switching ul {
    display: inline-flex;
    flex-direction: row;
    justify-content: space-evenly;
    max-width: 500px;
    width: 100%
  }
}

@media screen\0 {
  main#why-1password section.switching ul {
    justify-content: space-around
  }
}

main#why-1password section.switching ul li {
  font-size: .875em;
  font-weight: 500;
  list-style: none
}

main#why-1password section.switching ul li img[alt=Check] {
  padding-right: 10px
}

main#why-1password section.trust-pilot .container {
  padding: 0 0 30px
}

main#why-1password section.trust-pilot .container h2 {
  color: #454f5b;
  font-size: 2em;
  margin-bottom: 16px
}

main#why-1password section.trust-pilot .container p {
  margin: 0 auto 16px;
  max-width: 450px
}

main#why-1password section.trust-pilot .container .ratings {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  margin: 0 auto;
  max-width: 1170px
}

main#why-1password section.trust-pilot .container .ratings .rating {
  margin: 5px 10px
}

main#why-1password section.trust-pilot .container .ratings .rating p span.score {
  font-weight: 600
}

main.opm7-upgrade {
  overflow: hidden
}

main.opm7-upgrade a.link {
  color: #0572ec;
  font-weight: 500
}

main.opm7-upgrade a, main.opm7-upgrade p {
  font-size: .813rem
}

main.opm7-upgrade a.mac-appstore-button {
  display: block;
  margin: 0 auto 5px;
  width: 157px
}

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 {
  left: 29%;
  top: 6px
}

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 {
  left: 30%;
  top: 20px
}

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 {
  align-items: center;
  background-color: #e8f3ff;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: 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 {
  background-color: #0572ec;
  color: #fff;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  height: 35px;
  justify-content: center;
  max-width: 3000px;
  position: absolute;
  text-align: center;
  transform: rotate(35deg);
  width: 100%
}

main.opm7-upgrade header div.upgrade-banner p {
  color: #fff;
  font-weight: 600;
  margin: 0 auto;
  max-width: 150px;
  position: relative;
  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 {
  flex-direction: row;
  justify-content: center;
  margin: 0 auto;
  max-width: 1000px;
  padding: 25px 30px 0;
  width: 100%
}

main.opm7-upgrade section.features, main.opm7-upgrade section.features ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex
}

main.opm7-upgrade section.features ul {
  flex-direction: column
}

main.opm7-upgrade section.features ul li {
  align-items: flex-start;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  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 {
  align-self: center;
  background-color: #50b347;
  border-radius: 100px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
  box-sizing: border-box;
  color: #fff;
  display: flex;
  display: block;
  font-weight: 600;
  font-weight: 400;
  justify-content: center;
  margin: 0 auto;
  max-width: 300px;
  max-width: 200px;
  outline: none;
  padding: 12px;
  text-align: center;
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out;
  width: calc(100% - 60px)
}

@media (max-width:600px) {
  main.opm7-upgrade .cta a.button {
    width: calc(100% - 30px)
  }
}

main.opm7-upgrade .cta a.button:focus, main.opm7-upgrade .cta a.button:hover {
  box-shadow: 0 8px 34px 0 rgba(0, 0, 0, .3);
  transform: scale(1.05);
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .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: .875rem;
  margin-bottom: 0
}

main.opm7-upgrade .pricing-info p {
  color: #72818d;
  margin: 10px auto
}

main#advanced-protection {
  background: #004182;
  margin-top: 60px;
  overflow: hidden
}

main#advanced-protection nav.white-bar .buy a, main#advanced-protection nav.white-bar .signup a {
  background-color: #fff;
  border: 2px solid #0572ec;
  color: #0572ec;
  transition: color .25s ease-in-out, background-color .25s ease-in-out
}

main#advanced-protection h1, main#advanced-protection p {
  margin-bottom: 25px
}

main#advanced-protection a.btn {
  align-self: center;
  background-color: #0572ec;
  border-radius: 100px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
  box-sizing: border-box;
  color: #fff;
  display: flex;
  font-weight: 600;
  justify-content: center;
  margin: 0 auto;
  max-width: 300px;
  outline: none;
  padding: 12px;
  text-align: center;
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out;
  width: calc(100% - 60px)
}

@media (max-width:600px) {
  main#advanced-protection a.btn {
    width: calc(100% - 30px)
  }
}

main#advanced-protection a.btn:focus, main#advanced-protection a.btn:hover {
  box-shadow: 0 8px 34px 0 rgba(0, 0, 0, .3);
  transform: scale(1.05);
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .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 {
  background-color: #fff;
  padding-bottom: 10px;
  position: relative
}

@media (min-width:1170px) {
  main#advanced-protection header {
    background-image: url(/img/advanced-protection/header-bg.e82eaea203c06da04c6f5e363019c438.svg);
    background-position: center -100px;
    background-repeat: no-repeat;
    background-size: auto;
    padding-bottom: 0
  }
}

main#advanced-protection header h1.title {
  color: #212b36;
  font-size: 1.75em;
  letter-spacing: -.29px;
  line-height: 1.15;
  margin-left: auto;
  margin-right: auto;
  max-width: 320px
}

@media (min-width:760px) {
  main#advanced-protection header h1.title {
    margin-left: 0;
    margin-right: 0;
    max-width: 458px
  }
}

@media (min-width:68em) {
  main#advanced-protection header h1.title {
    font-size: 2.5em
  }
}

main#advanced-protection header p {
  color: #454f5b;
  font-size: 1em;
  letter-spacing: -.3px;
  line-height: 1.5;
  margin-left: auto;
  margin-right: auto;
  max-width: 310px
}

@media (min-width:760px) {
  main#advanced-protection header p {
    font-size: 1.125em;
    letter-spacing: -.12px;
    margin-left: 0;
    margin-right: 0;
    max-width: 458px
  }
}

main#advanced-protection header a.btn {
  display: inline-block;
  margin: 0;
  max-width: 250px
}

main#advanced-protection header .header-top {
  background-image: linear-gradient(180deg, #fff, #f0f5fa);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 60px 5% 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 {
  background-color: #fff;
  border: .5px solid #e9e9e9;
  border-radius: 10px;
  box-shadow: 0 10px 15px 0 hsla(0, 0%, 78%, .19);
  height: 100%;
  padding: 45px 30px 30px;
  width: 100%
}

@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 {
  color: #333;
  font-size: 1.5em;
  font-weight: 600;
  letter-spacing: -.16px;
  line-height: 1.25;
  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 {
  font-size: .938em;
  letter-spacing: -.2px;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  max-width: none
}

main#advanced-protection .cards-panel .cards .header-card img {
  margin-bottom: 20px;
  max-height: 30px
}

main#advanced-protection section.advanced-protection-included, main#advanced-protection section.end-section {
  text-align: center
}

main#advanced-protection section h2 {
  color: #333;
  font-family: Adelle-Semibold, sans-serif;
  font-size: 1.5em;
  font-weight: 400;
  letter-spacing: -.21px;
  line-height: 1.15
}

@media (min-width:52em) {
  main#advanced-protection section h2 {
    font-size: 2em
  }
}

main#advanced-protection section.end-section {
  background: #fff;
  padding: 40px 25px
}

main#advanced-protection section.end-section a.link {
  font-size: 1.125em;
  font-weight: 600;
  letter-spacing: -.16px;
  line-height: 1.5;
  position: relative;
  transition: color .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 .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.trust-pilot .container {
  padding-bottom: 0;
  padding-top: 80px
}

@media (max-width:1023px) {
  main#advanced-protection section.trust-pilot .container {
    margin: 0 10px
  }
}

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 {
  background-image: linear-gradient(180deg, #43a2ff, #0682ff);
  box-shadow: 0 2px 4px 0 rgba(122, 138, 153, .1);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 30px;
  position: relative
}

@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 {
    background: url(/img/advanced-protection/secure-left.53e657e41ea501ef063f0a7b53bd2b9e.svg) no-repeat 0 0;
    background-size: contain;
    content: "";
    display: block;
    left: calc(30% - 300px);
    min-height: 246px;
    position: absolute;
    top: 56px;
    width: 182px
  }
}

main#advanced-protection section.medals .cta-box:after {
  display: none
}

@media (min-width:1024px) {
  main#advanced-protection section.medals .cta-box:after {
    background: url(/img/advanced-protection/secure-right.88bb917630032790550a460d3ab8a2e9.svg) no-repeat 0 0;
    background-size: contain;
    content: "";
    display: block;
    min-height: 246px;
    position: absolute;
    right: calc(30% - 300px);
    top: 56px;
    width: 191px
  }
}

main#advanced-protection section.medals .cta-box h2, main#advanced-protection section.medals .cta-box li, main#advanced-protection section.medals .cta-box p {
  color: #fff
}

main#advanced-protection section.medals .cta-box h2, main#advanced-protection section.medals .cta-box p {
  margin-left: auto;
  margin-right: auto;
  max-width: 450px
}

main#advanced-protection section.medals .cta-box p {
  margin-bottom: 30px;
  max-width: 480px
}

main#advanced-protection section.medals .cta-box h2 {
  letter-spacing: -.27px;
  text-align: center
}

main#advanced-protection section.medals .cta-box a.btn {
  background-color: #fff;
  color: #0572ec;
  display: inline-block;
  margin: 0 auto 30px;
  padding-left: 25px;
  padding-right: 25px;
  width: auto
}

@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;
    max-width: 500px;
    width: 100%
  }
}

@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 {
  font-size: .875em;
  font-weight: 500;
  letter-spacing: -.09px;
  line-height: 1.5;
  list-style: none;
  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(.trust-pilot-scrollable):not(.failed-login):not(.end-section):not(.monitor-policies):not(.medals):not(.trust-pilot) {
    padding-left: 30px;
    padding-right: 30px
  }
}

main#advanced-protection section.monitor-policies {
  background-color: #fff
}

@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 {
  display: block;
  font-family: Adelle-Semibold, sans-serif;
  font-size: 1.5em;
  letter-spacing: -.16px;
  line-height: 1.15;
  margin: 0 auto;
  max-width: 320px;
  padding-bottom: 40px;
  padding-top: 80px;
  text-align: center
}

@media (min-width:760px) {
  main#advanced-protection section.monitor-policies h2 {
    padding-bottom: 20px;
    padding-top: 80px
  }
}

@media (min-width:57em) {
  main#advanced-protection section.monitor-policies h2 {
    display: none
  }
}

main#advanced-protection section.monitor-policies.scroller .scroller-tracker {
  cursor: pointer;
  display: grid;
  grid-template-columns: repeat(3, calc(100% - 70px))
}

@media (min-width:760px) {
  main#advanced-protection section.monitor-policies.scroller .scroller-tracker {
    cursor: pointer;
    display: flex;
    grid-template-columns: unset;
    pointer-events: none;
    transition: none
  }
}

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 {
  align-self: start;
  margin-left: 35px;
  padding: 10px;
  text-align: center
}

@media (min-width:760px) {
  main#advanced-protection section.monitor-policies.scroller .scroller-wrapper .slide {
    opacity: 0;
    pointer-events: none;
    transition: opacity .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: .7s;
    transition: opacity .7s ease-in-out
  }
}

main#advanced-protection section.monitor-policies.scroller .scroller-wrapper .slide h3 {
  color: #3d454d;
  font-size: 1.125em;
  font-style: normal;
  font-weight: 700;
  letter-spacing: -.12px;
  line-height: 1.15;
  margin: 25px 0 20px
}

main#advanced-protection section.monitor-policies.scroller .scroller-wrapper .slide p {
  letter-spacing: -.11px;
  line-height: 1.5;
  margin: 0 auto;
  max-width: 500px
}

@media (min-width:760px) {
  main#advanced-protection section.monitor-policies.scroller .scroller-wrapper .slide {
    align-self: center;
    margin-left: 0;
    padding: 0
  }
  main#advanced-protection section.monitor-policies.scroller .scroller-wrapper .slide figcaption {
    display: none
  }
}

main#advanced-protection section.monitor-policies.scroller .container {
  display: block;
  margin: 0 auto;
  padding-bottom: 0;
  padding-top: 0
}

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-bottom: 20px;
    padding-top: 0
  }
}

@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 {
    background: none;
    border-left: 2px solid #bfdeff;
    border-radius: 0;
    color: #3d454d;
    font-size: 1em;
    height: auto;
    letter-spacing: -.11px;
    line-height: 1.5;
    outline: none;
    padding: 15px 25px 30px;
    text-align: left;
    transition: border-left-color .25s ease-in-out;
    width: auto
  }
  main#advanced-protection section.monitor-policies.scroller .container nav ul li button span {
    display: block;
    font-size: 1.125em;
    font-weight: 700;
    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-bottom: 80px;
    padding-top: 100px
  }
  main#advanced-protection section.monitor-policies.scroller .container nav h2 {
    display: block;
    font-size: 2em;
    max-width: 1170px;
    padding-bottom: 20px;
    padding-top: 40px;
    text-align: left
  }
}

main#advanced-protection section.failed-login {
  align-items: center;
  background: #fff;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: flex-start
}

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 {
  display: inline-block;
  max-width: 1210px;
  padding: 0 30px 20px;
  width: 100%
}

@media (min-width:760px) {
  main#advanced-protection section.failed-login .container {
    margin-bottom: -50px;
    padding-bottom: 0;
    padding-right: 0
  }
}

@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-height: 712px;
    max-width: 737px
  }
  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 {
    transform: none;
    width: 100%
  }
}

main#advanced-protection section.failed-login a.btn {
  background: #06c;
  display: block;
  margin: 0 0 30px;
  padding: 12px 15px;
  width: 100%
}

main#advanced-protection section.failed-login p {
  color: #333;
  font-size: 1.125em;
  letter-spacing: -.12px;
  line-height: 1.5;
  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 {
    background-size: 90%;
    border-radius: 0 0 55% 55%;
    left: -30vw;
    overflow: hidden;
    position: relative;
    width: 160vw
  }
}

@media screen\0 and (min-width:1300px) {
  main#advanced-protection section.failed-login {
    left: 0;
    position: static;
    width: 100%
  }
}

@media screen\0 {
  main#advanced-protection section.failed-login {
    border-radius: 0
  }
}

main#advanced-protection section.firewall {
  background: #fff
}

@media (min-width:1180px) {
  main#advanced-protection section.firewall img {
    max-width: 494px
  }
}

main#advanced-protection section.firewall h2:before {
  background-image: url(/img/advanced-protection/firewall-rules-icon.527b378b1296b0ec0e8b6b184b8cd145.svg);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 60px;
  margin-bottom: 25px;
  width: 100px
}

@media (min-width:760px) {
  main#advanced-protection section.firewall .grid-col--lg-order-1 {
    margin-top: -60px
  }
}

main#advanced-protection section.firewall h2, main#advanced-protection section.firewall p {
  margin-bottom: 30px;
  text-align: left
}

@media (min-width:760px) {
  main#advanced-protection section.firewall h2, main#advanced-protection section.firewall p {
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    max-width: 400px;
    padding-left: 30px;
    text-align: left
  }
}

main#advanced-protection section.firewall p {
  font-size: 1.125em;
  letter-spacing: -.12px;
  line-height: 1.5
}

@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 a, main#advanced-protection section.advanced-protection-included h2, main#advanced-protection section.advanced-protection-included p {
  color: #fff;
  margin-left: auto;
  margin-right: auto
}

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 {
  font-size: 1.5em;
  max-width: 550px
}

@media (min-width:52em) {
  main#advanced-protection section.advanced-protection-included h2 {
    font-size: 1.875em
  }
}

main#advanced-protection section.advanced-protection-included p {
  font-size: 1.125em;
  letter-spacing: -.12px;
  line-height: 1.5;
  max-width: 580px
}

main#advanced-protection section.advanced-protection-included a.btn {
  background-color: #004182;
  border: 2px solid #fff;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  max-width: 350px;
  padding: 10px;
  width: 100%
}

main#advanced-protection section.trust-pilot-scrollable {
  background: #f0f5fa;
  background: -webkit-linear-gradient(top, #fff, #f0f5fa 40%);
  background: linear-gradient(180deg, #fff 0, #f0f5fa 40%)
}

main#advanced-protection section.trust-pilot-scrollable .container {
  padding-bottom: 0
}

@media (min-width:1170px) {
  main#advanced-protection section.trust-pilot-scrollable .container {
    padding-bottom: 80px
  }
}

main#advanced-protection section.trust-pilot-scrollable h2 {
  font-size: 1.75em;
  letter-spacing: -.27px;
  line-height: 1.15
}

@media (min-width:52em) {
  main#advanced-protection section.trust-pilot-scrollable h2 {
    font-size: 2.5em
  }
}

main#advanced-protection section.trust-pilot-scrollable h2.trust-pilot-header {
  font-size: 1.75em;
  letter-spacing: -.2px;
  line-height: 1.25;
  margin-bottom: 10px
}

@media (min-width:52em) {
  main#advanced-protection section.trust-pilot-scrollable h2.trust-pilot-header {
    font-size: 1.875em;
    line-height: 1.15
  }
}

main#advanced-protection section.trust-pilot-scrollable p {
  font-size: 1.125em;
  letter-spacing: -.1px;
  line-height: 1.5;
  margin: 0 auto;
  max-width: 540px;
  width: 100%
}

@media (min-width:52em) {
  main#advanced-protection section.trust-pilot-scrollable .trust-pilot-container {
    padding-bottom: 50px;
    padding-top: 50px
  }
}

@media screen\0 and (min-width:52em) {
  main#advanced-protection section.trust-pilot-scrollable .trust-pilot-container {
    display: flex
  }
}

@media screen\0 and (min-width:52em) and (min-width:52em) {
  main#advanced-protection section.trust-pilot-scrollable .trust-pilot-container .trust-pilot-item {
    min-width: inherit;
    width: 33.33333%
  }
}

main#advanced-protection section.trust-pilot-scrollable .scroller-wrapper {
  margin: 0 auto 65px;
  max-width: 1040px;
  overflow-x: scroll
}

@media (min-width:768px) {
  main#advanced-protection section.trust-pilot-scrollable .scroller-wrapper {
    overflow-x: hidden
  }
}

main#advanced-protection section.trust-pilot-scrollable .scroller-wrapper .scroller-tracker {
  cursor: pointer
}

@media (min-width:768px) {
  main#advanced-protection section.trust-pilot-scrollable .scroller-wrapper .scroller-tracker {
    cursor: pointer
  }
}

main#mkbhd .hero-price-card-promo__img {
  height: 240px;
  object-fit: contain;
  object-position: top;
  padding: 10px
}

main#mkbhd section.families#permission-granted .permission-granted-img {
  height: 436px;
  max-width: 412px;
  object-fit: contain;
  width: 100%
}

main#mkbhd section.families#keeping-it-personal .personal-img {
  height: 385px;
  max-width: 424px;
  object-fit: contain;
  width: 100%
}

main#mkbhd section.cta-end {
  background-image: linear-gradient(180deg, #097be9, #37bbfc);
  padding: 70px 30px;
  text-align: center
}

main#mkbhd section.cta-end h1 {
  color: #fff;
  font-size: 2em;
  margin: 0 auto 25px;
  max-width: 510px
}

main#mkbhd section.cta-end a.btn {
  align-self: center;
  background-color: #fff;
  border-radius: 100px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
  box-sizing: border-box;
  color: #218df9;
  display: flex;
  font-weight: 600;
  justify-content: center;
  margin: 0 auto 15px;
  max-width: 300px;
  max-width: 270px;
  outline: none;
  padding: 12px;
  text-align: center;
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out;
  width: calc(100% - 60px)
}

@media (max-width:600px) {
  main#mkbhd section.cta-end a.btn {
    width: calc(100% - 30px)
  }
}

main#mkbhd section.cta-end a.btn:focus, main#mkbhd section.cta-end a.btn:hover {
  box-shadow: 0 8px 34px 0 rgba(0, 0, 0, .3);
  transform: scale(1.05);
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out
}

main#mkbhd section.cta-end p {
  color: #fff;
  opacity: .8
}

main {
  overflow: hidden
}

main header.landing {
  min-height: 500px;
  width: 100%
}

main header.landing.teams-hero {
  background-image: linear-gradient(180deg, #0572ec 50%, #34b7ff)
}

main header.landing.business-hero-simple {
  background-image: linear-gradient(180deg, #0f2656 50%, #1b3b7c)
}

main header.landing.business-hero-simple .container, main header.landing.teams-hero .container {
  align-items: center;
  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: 1140px;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 90px
}

main header.landing.business-hero-simple .container img, main header.landing.teams-hero .container img {
  margin-bottom: 30px
}

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, main header.landing.teams-hero .container h1, main header.landing.teams-hero .container p, main header.landing.teams-hero .container p>span {
  margin-bottom: 16px
}

main header.landing.business-hero-simple .container h1, main header.landing.teams-hero .container h1 {
  color: #fff;
  font-size: 2.25em;
  text-align: center
}

main header.landing.business-hero-simple .container p, main header.landing.teams-hero .container p {
  color: #fff;
  font-size: 1.125em;
  text-align: center
}

main header.landing.business-hero-simple .container p span, main header.landing.teams-hero .container p span {
  color: #fff;
  display: inline-block;
  font-size: .938rem;
  letter-spacing: normal;
  opacity: .8;
  text-align: center
}

main header.landing.business-hero-simple .container a.btn, main header.landing.teams-hero .container a.btn {
  align-self: center;
  background-color: #06c;
  border-radius: 100px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
  box-sizing: border-box;
  color: #fff;
  display: flex;
  font-size: 1.25em;
  font-stretch: normal;
  font-style: normal;
  font-weight: 600;
  justify-content: center;
  letter-spacing: normal;
  line-height: normal;
  margin: 0 auto 16px;
  max-width: 300px;
  max-width: 258px;
  outline: none;
  padding: 12px;
  text-align: center;
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out;
  width: calc(100% - 60px)
}

@media (max-width:600px) {
  main header.landing.business-hero-simple .container a.btn, main header.landing.teams-hero .container a.btn {
    width: calc(100% - 30px)
  }
}

main header.landing.business-hero-simple .container a.btn:focus, main header.landing.business-hero-simple .container a.btn:hover, main header.landing.teams-hero .container a.btn:focus, main header.landing.teams-hero .container a.btn:hover {
  box-shadow: 0 8px 34px 0 rgba(0, 0, 0, .3);
  transform: scale(1.05);
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .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 #accolades {
  background-color: #fff;
  text-align: center
}

@media (min-width:768px) {
  main #accolades {
    border-radius: 100% 100% 0 0;
    left: -10vw;
    position: relative;
    width: 120vw
  }
}

main #accolades .accolades {
  padding: 60px 30px 0;
  width: 100%
}

@media (min-width:768px) {
  main #accolades .accolades {
    border-radius: 100% 100% 0 0
  }
  main #accolades .accolades__container {
    width: 80%
  }
}

main section.create-passwords {
  background-color: #fff;
  padding: 60px 5px
}

@media (min-width:768px) {
  main section.create-passwords {
    padding-top: 100px
  }
}

main section.create-passwords div.container {
  margin: 0 auto;
  max-width: 1140px
}

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 {
    align-items: center;
    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 section.create-passwords div.container>div>div {
      align-items: center;
      display: grid;
      grid-template-rows: 100px 70px;
      justify-items: center;
      justify-self: 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 .admin-panel, main #opm-screenshot-admin-panel .opm-screenshot {
  height: 100%;
  max-height: 600px;
  min-height: 400px;
  object-fit: cover;
  width: 100%
}

main #opm-screenshot-admin-panel .admin-panel :lang(en), main #opm-screenshot-admin-panel .opm-screenshot :lang(en) {
  min-height: 300px
}

@media (min-width:2000px) {
  main #opm-screenshot-admin-panel .admin-panel, main #opm-screenshot-admin-panel .opm-screenshot {
    min-height: 550px
  }
}

@media screen\0 {
  main #opm-screenshot-admin-panel .admin-panel, main #opm-screenshot-admin-panel .opm-screenshot {
    min-height: 447px
  }
}

main#teams-landing {
  background-color: #34b7ff
}

main#teams-landing #admin-tools {
  background-color: #fff;
  padding: 4em 30px 2em
}

main#teams-landing #admin-tools .container {
  margin: 0 auto;
  max-width: 1200px
}

main#teams-landing #admin-tools h2 {
  color: #212b36;
  font-size: 1.875em;
  line-height: 1.25em;
  max-width: 550px;
  padding-bottom: .8em;
  width: 100%
}

main#teams-landing #admin-tools p {
  color: #637381;
  font-size: 1.125em;
  font-weight: 400;
  letter-spacing: -.45px;
  line-height: 1.5;
  margin-bottom: 16px;
  max-width: 460px;
  text-align: center
}

@media (min-width:760px) {
  main#teams-landing #admin-tools p {
    text-align: left
  }
}

@media (max-width:759px) {
  main#teams-landing #admin-tools :lang(en) a, main#teams-landing #admin-tools :lang(en) h2, main#teams-landing #admin-tools :lang(en) p {
    margin: 0 auto 16px;
    max-width: 440px
  }
}

@media (min-width:1200px) {
  main#teams-landing #admin-tools :lang(en) a, main#teams-landing #admin-tools :lang(en) h2, main#teams-landing #admin-tools :lang(en) p {
    margin-left: 100px
  }
}

main#teams-landing #admin-tools a {
  color: #0572ec;
  font-size: 1em;
  font-weight: 600
}

main#teams-landing #admin-tools a, main#teams-landing #admin-tools a:hover {
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease
}

main#teams-landing #admin-tools a:hover {
  color: #06c
}

main#teams-landing #admin-tools .admin-tools-img {
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column
}

@media (min-width:1024px) {
  main#teams-landing #admin-tools .admin-tools-img {
    align-items: flex-end
  }
}

main#teams-landing #admin-tools .admin-tools-img img {
  width: 400px
}

main#teams-landing #protect {
  background-color: #fff;
  padding: 2em 30px
}

main#teams-landing #protect .container {
  margin: 0 auto;
  max-width: 1200px
}

main#teams-landing #protect h2 {
  color: #212b36;
  font-size: 1.875em;
  margin: 0 0 0 auto;
  max-width: 483px;
  padding-bottom: .8em;
  width: 100%
}

@media (min-width:760px) {
  main#teams-landing #protect h2 {
    text-align: left
  }
}

main#teams-landing #protect p {
  color: #637381;
  font-size: 1.125em;
  letter-spacing: -.45px;
  line-height: 1.5;
  margin: 0 0 0 auto;
  max-width: 483px;
  text-align: center
}

@media (min-width:760px) {
  main#teams-landing #protect p {
    text-align: left
  }
}

@media (max-width:759px) {
  main#teams-landing #protect :lang(en) h2, main#teams-landing #protect :lang(en) p {
    margin: 0 auto 16px;
    max-width: 440px
  }
}

main#teams-landing #protect a {
  color: #0572ec;
  font-weight: 600
}

main#teams-landing #protect a, main#teams-landing #protect a:hover {
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease
}

main#teams-landing #protect a:hover {
  color: #06c
}

main#teams-landing #protect .protect {
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  height: 425px;
  width: 100%
}

@media (min-width:1024px) {
  main#teams-landing #protect .protect {
    align-items: flex-start
  }
}

@media (min-width:700px) {
  main#teams-landing #protect .protect {
    height: 550px;
    width: 45%
  }
}

main#teams-landing #protect .protect img {
  width: 400px
}

main#teams-landing section.cta-end {
  padding: 80px 30px;
  text-align: center
}

main#teams-landing section.cta-end.teams {
  background-color: #f7f7f7
}

main#teams-landing section.cta-end.teams h1 {
  color: #1e2b37
}

main#teams-landing section.cta-end.teams p {
  color: #434f5c
}

main#teams-landing section.cta-end.teams .list-features>ul li {
  color: #919eab
}

main#teams-landing section.cta-end.business {
  background-image: linear-gradient(0deg, #1b3b7c, #0e2555)
}

main#teams-landing section.cta-end.business .list-features>ul li, main#teams-landing section.cta-end.business h1, main#teams-landing section.cta-end.business p {
  color: #fff
}

main#teams-landing section.cta-end h1 {
  font-size: 2.5em;
  margin: 0 auto 25px;
  max-width: 414px
}

main#teams-landing section.cta-end a.btn {
  align-self: center;
  background-color: #0572ec;
  border-radius: 100px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
  box-sizing: border-box;
  color: #fff;
  display: flex;
  font-weight: 600;
  justify-content: center;
  margin: 0 auto 20px;
  max-width: 300px;
  max-width: 270px;
  outline: none;
  padding: 12px;
  text-align: center;
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out;
  width: calc(100% - 60px)
}

@media (max-width:600px) {
  main#teams-landing section.cta-end a.btn {
    width: calc(100% - 30px)
  }
}

main#teams-landing section.cta-end a.btn:focus, main#teams-landing section.cta-end a.btn:hover {
  box-shadow: 0 8px 34px 0 rgba(0, 0, 0, .3);
  transform: scale(1.05);
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out
}

main#teams-landing section.cta-end p {
  margin: 0 auto 30px;
  max-width: 450px
}

@media (min-width:500px) {
  main#teams-landing section.cta-end .list-features ul {
    display: inline-flex;
    flex-direction: row;
    justify-content: space-evenly;
    max-width: 500px;
    width: 100%
  }
}

@media screen\0 {
  main#teams-landing section.cta-end .list-features ul {
    justify-content: space-around
  }
}

main#teams-landing section.cta-end .list-features ul li {
  font-size: .875em;
  font-weight: 500;
  letter-spacing: -.09px;
  line-height: 1.5;
  list-style: none;
  margin-bottom: 10px
}

@media (min-width:500px) {
  main#teams-landing section.cta-end .list-features ul li {
    margin-bottom: 0
  }
}

main#teams-landing section.cta-end .list-features ul li img[alt=Check] {
  padding-right: 10px
}

main#business-landing {
  background-color: #1b3b7c
}

main#business-landing .cards-panel {
  background-color: #fff;
  background-image: linear-gradient(180deg, hsla(0, 0%, 78%, .19) 50%, #fff 0);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 100px 30px
}

main#business-landing .cards-panel .container {
  margin: 0 auto;
  max-width: 1170px;
  width: 100%
}

@media screen\0 {
  main#business-landing .cards-panel .cards {
    padding-bottom: 30px
  }
}

@media screen\0 and (min-width:760px) {
  main#business-landing .cards-panel .cards {
    padding-right: 30px
  }
}

main#business-landing .cards-panel .cards .header-card {
  background-color: #fff;
  border: .5px solid #e9e9e9;
  border-radius: 10px;
  box-shadow: 0 10px 15px 0 hsla(0, 0%, 78%, .19);
  height: 100%;
  padding: 50px 30px;
  width: 100%
}

main#business-landing .cards-panel .cards .header-card h2 {
  color: #333;
  font-size: 1.5em;
  font-weight: 600;
  letter-spacing: -.16px;
  line-height: 1.25;
  margin-bottom: 20px
}

@media (min-width:760px) {
  main#business-landing .cards-panel .cards .header-card h2 {
    font-size: 1.25em
  }
}

@media (min-width:900px) {
  main#business-landing .cards-panel .cards .header-card h2 {
    font-size: 1.5em
  }
}

main#business-landing .cards-panel .cards .header-card p {
  font-size: .938em;
  letter-spacing: -.2px;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  max-width: none
}

main#business-landing .cards-panel .cards .header-card img {
  margin-bottom: 20px;
  max-height: 30px
}

main#business-landing section.accolades h1 {
  margin: 0 auto;
  max-width: 400px
}

main#business-landing .tap {
  background-color: #fff
}

@media (min-width:760px) {
  main#business-landing .tap {
    padding-left: 30px;
    padding-right: 30px
  }
}

@media (min-width:1180px) {
  main#business-landing .tap {
    padding-left: 0;
    padding-right: 0
  }
}

main#business-landing .tap img {
  max-height: 604px
}

main#business-landing .tap h2 {
  display: block;
  font-family: Adelle-Semibold, sans-serif;
  font-size: 1.5em;
  letter-spacing: -.16px;
  line-height: 1.15;
  margin: 0 auto;
  max-width: 320px;
  padding-bottom: 40px;
  padding-top: 80px;
  text-align: center
}

@media (min-width:760px) {
  main#business-landing .tap h2 {
    padding-bottom: 20px;
    padding-top: 80px
  }
}

@media (min-width:57em) {
  main#business-landing .tap h2 {
    display: none
  }
}

main#business-landing .tap.scroller .scroller-tracker {
  cursor: grab;
  display: grid;
  grid-template-columns: repeat(3, calc(100% - 70px))
}

@media (min-width:760px) {
  main#business-landing .tap.scroller .scroller-tracker {
    cursor: pointer;
    display: flex;
    grid-template-columns: unset;
    pointer-events: none;
    transition: none
  }
  main#business-landing .tap.scroller .scroller-wrapper {
    pointer-events: none
  }
}

main#business-landing .tap.scroller .scroller-wrapper .slide {
  align-self: start;
  margin-left: 35px;
  padding: 10px;
  text-align: center
}

@media (min-width:760px) {
  main#business-landing .tap.scroller .scroller-wrapper .slide {
    opacity: 0;
    pointer-events: none;
    transition: opacity .7s ease-in-out
  }
}

@media (min-width:1180px) {
  main#business-landing .tap.scroller .scroller-wrapper .slide figure {
    text-align: right
  }
}

main#business-landing .tap.scroller .scroller-wrapper .slide figcaption {
  display: block;
  opacity: .5;
  transition: opacity .5s ease-in-out;
  width: 100%
}

@media (min-width:760px) {
  main#business-landing .tap.scroller .scroller-wrapper .slide.active {
    opacity: 1;
    transition-delay: .7s;
    transition: opacity .7s ease-in-out
  }
}

main#business-landing .tap.scroller .scroller-wrapper .slide.active figcaption {
  opacity: 1
}

main#business-landing .tap.scroller .scroller-wrapper .slide h3 {
  color: #3d454d;
  font-size: 1.125em;
  font-style: normal;
  font-weight: 700;
  letter-spacing: -.12px;
  line-height: 1.15;
  margin: 25px 0 20px
}

main#business-landing .tap.scroller .scroller-wrapper .slide p {
  letter-spacing: -.11px;
  line-height: 1.5;
  margin: 0 auto;
  max-width: 500px
}

@media (min-width:760px) {
  main#business-landing .tap.scroller .scroller-wrapper .slide {
    align-self: center;
    margin-left: 0;
    padding: 0
  }
  main#business-landing .tap.scroller .scroller-wrapper .slide figcaption {
    display: none
  }
}

main#business-landing .tap.scroller .container {
  margin: 0 auto;
  max-width: 1170px;
  padding-bottom: 0;
  padding-top: 0
}

@media not screen\0 {
  main#business-landing .tap.scroller .container {
    display: block
  }
}

main#business-landing .tap.scroller .container nav h2 {
  display: none
}

@media (min-width:760px) {
  main#business-landing .tap.scroller .container {
    display: grid;
    padding-top: 0
  }
  main#business-landing .tap.scroller .container nav {
    height: auto;
    max-width: 450px
  }
  main#business-landing .tap.scroller .container nav ul li button {
    background: none;
    border-left: 2px solid #bfdeff;
    border-radius: 0;
    color: #3d454d;
    font-size: 1em;
    height: auto;
    letter-spacing: -.11px;
    line-height: 1.5;
    outline: none;
    padding: 15px 25px 30px;
    text-align: left;
    transition: border-left-color .25s ease-in-out;
    width: auto
  }
  main#business-landing .tap.scroller .container nav ul li button span {
    display: block;
    font-size: 1.125em;
    font-weight: 700;
    padding-bottom: 20px
  }
  main#business-landing .tap.scroller .container nav ul li button:hover span {
    color: #0572ec
  }
  main#business-landing .tap.scroller .container nav ul li button:focus span {
    color: #3d454d
  }
  main#business-landing .tap.scroller .container nav ul li.active button {
    border-left-color: #0572ec
  }
  main#business-landing .tap.scroller .container nav ul li.active button span {
    color: #0572ec
  }
}

@media (min-width:57em) {
  main#business-landing .tap.scroller .container nav h2 {
    display: block;
    font-size: 2em;
    max-width: 1170px;
    padding-bottom: 20px;
    padding-top: 40px;
    text-align: left
  }
}

main#business-landing section.security-features {
  background-color: #fff
}

main#business-landing section.security-features .container {
  margin: 0 auto;
  max-width: 1170px;
  padding: 80px 30px
}

main#business-landing section.security-features .container h1 {
  color: #333;
  font-size: 1.875em;
  letter-spacing: -.2px;
  line-height: 1.15;
  margin-bottom: 50px;
  text-align: center
}

main#business-landing section.security-features .container h2 {
  color: #333;
  font-size: 1.25em;
  font-weight: 600;
  letter-spacing: -.13px;
  line-height: 1.15;
  margin-bottom: 18px
}

main#business-landing section.security-features .container p {
  color: #333;
  font-size: 1em;
  letter-spacing: -.11px;
  line-height: 1.5
}

@media (min-width:768px) {
  main#business-landing section.security-features .container p {
    max-width: 300px
  }
}

main#business-landing section.security-features .container img {
  margin-bottom: 25px
}

main#business-landing section.cta-end {
  padding: 80px 30px;
  text-align: center
}

main#business-landing section.cta-end.teams {
  background-color: #f7f7f7
}

main#business-landing section.cta-end.teams h1 {
  color: #1e2b37
}

main#business-landing section.cta-end.teams p {
  color: #434f5c
}

main#business-landing section.cta-end.teams .list-features>ul li {
  color: #919eab
}

main#business-landing section.cta-end.business {
  background-image: linear-gradient(0deg, #1b3b7c, #0e2555)
}

main#business-landing section.cta-end.business .list-features>ul li, main#business-landing section.cta-end.business h1, main#business-landing section.cta-end.business p {
  color: #fff
}

main#business-landing section.cta-end h1 {
  font-size: 2.5em;
  margin: 0 auto 25px;
  max-width: 414px
}

main#business-landing section.cta-end a.btn {
  align-self: center;
  background-color: #0572ec;
  border-radius: 100px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
  box-sizing: border-box;
  color: #fff;
  display: flex;
  font-weight: 600;
  justify-content: center;
  margin: 0 auto 20px;
  max-width: 300px;
  max-width: 270px;
  outline: none;
  padding: 12px;
  text-align: center;
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out;
  width: calc(100% - 60px)
}

@media (max-width:600px) {
  main#business-landing section.cta-end a.btn {
    width: calc(100% - 30px)
  }
}

main#business-landing section.cta-end a.btn:focus, main#business-landing section.cta-end a.btn:hover {
  box-shadow: 0 8px 34px 0 rgba(0, 0, 0, .3);
  transform: scale(1.05);
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out
}

main#business-landing section.cta-end p {
  margin: 0 auto 30px;
  max-width: 450px
}

@media (min-width:500px) {
  main#business-landing section.cta-end .list-features ul {
    display: inline-flex;
    flex-direction: row;
    justify-content: space-evenly;
    max-width: 500px;
    width: 100%
  }
}

@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 {
  font-size: .875em;
  font-weight: 500;
  letter-spacing: -.09px;
  line-height: 1.5;
  list-style: none;
  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
}

main.teams-page#sharing section.video-container-main {
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 300px;
  overflow: hidden;
  text-align: center
}

@media (min-width:920px) {
  main.teams-page#sharing section.video-container-main {
    background: url(/img/landing/teams/video-bg.aeee7f99e1d1b548d60bf5b8b5473fcf.svg) no-repeat center 0;
    background-size: 145%
  }
}

main.teams-page#sharing section.video-container-main h1 {
  padding: 60px 0
}

main.teams-page#sharing section.video-container-main div.teams-sharing-thumbnail {
  cursor: pointer;
  height: 100%;
  max-width: 914px;
  padding: 0 10px;
  -webkit-transition: transform .3s ease;
  -moz-transition: transform .3s ease;
  -ms-transition: transform .3s ease;
  -o-transition: transform .3s ease;
  transition: transform .3s ease;
  width: 100%
}

main.teams-page#sharing section.video-container-main div.teams-sharing-thumbnail:focus, main.teams-page#sharing section.video-container-main div.teams-sharing-thumbnail:hover {
  outline: none;
  transform: scale(1.01);
  -webkit-transition: transform .3s ease;
  -moz-transition: transform .3s ease;
  -ms-transition: transform .3s ease;
  -o-transition: transform .3s ease;
  transition: transform .3s ease
}

main.teams-page#sharing section.video-container-main div.teams-sharing-thumbnail img.video-thumbnail {
  margin-bottom: -5px
}

main.forgot-password#landing-home .scrolling-quotes-v2 {
  background: linear-gradient(180deg, #f7f9fd 50%, #fff 0)
}

main.forgot-password#landing-home .scrolling-quotes-v2 .scrolling-quotes-container-v2 {
  position: unset
}

main.forgot-password#landing-home .scrolling-quotes-v2 .scrolling-quotes-container-v2 .card__text {
  align-items: center;
  align-self: flex-start;
  background-color: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  box-shadow: 0 6px 10px -2px hsla(0, 0%, 80%, .5);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 10px;
  overflow: auto;
  padding: 30px;
  text-align: center;
  transition: all .2s ease-in-out;
  vertical-align: middle;
  white-space: normal;
  width: 273.8px
}

@media (min-width:1024px) {
  main.forgot-password#landing-home .scrolling-quotes-v2 .scrolling-quotes-container-v2 .card__text {
    width: 370px
  }
}

main.forgot-password#landing-home .scrolling-quotes-v2 .scrolling-quotes-container-v2 .card__text img {
  width: 40px
}

main.forgot-password#landing-home .scrolling-quotes-v2 .scrolling-quotes-container-v2 .card__text p {
  color: #212b36;
  font-size: 1.125em;
  line-height: 1.56;
  margin: 23px 0 30px;
  padding: 0;
  width: 100%
}

main.forgot-password#landing-home .scrolling-quotes-v2 .scrolling-quotes-container-v2 .card__text cite {
  color: #919eab;
  font-size: 1.125em;
  line-height: 1.44
}

main.forgot-password#landing-home .scrolling-quotes-v2 .scrolling-quotes-container-v2 .card__text:hover {
  transform: scale(1.05)
}

main.forgot-password#landing-home .scrolling-quotes-v2 .scrolling-quotes-container-v2 .ticker {
  margin-bottom: 15px;
  margin-top: 15px
}

main.forgot-password#landing-home .main-body {
  padding: 30px 0 0
}

main.forgot-password#landing-home .main-body .column-container {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  justify-content: center;
  margin: 0 auto
}

@media (max-width:700px) {
  main.forgot-password#landing-home .main-body .column-container {
    -ms-flex-direction: column;
    flex-direction: column
  }
}

main.forgot-password#landing-home .main-body .column-container .col {
  -ms-flex-preferred-size: 350px;
  flex-basis: 350px;
  flex-grow: 1;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content
}

@media screen\0 {
  main.forgot-password#landing-home .main-body .column-container .col {
    margin: 0 auto
  }
}

main.forgot-password#landing-home .main-body .column-container .col ul {
  margin: 20px auto;
  max-width: 460px
}

main.forgot-password#landing-home .main-body .column-container .col ul li {
  background-position: 3%;
  background-repeat: no-repeat;
  background-size: 18px;
  font-size: 14px;
  font-weight: 500;
  list-style: none;
  margin: 0 2px;
  padding: 15px 5px 15px 40px
}

main.forgot-password#landing-home .main-body .column-container .col ul li.top-highlight {
  font-family: Adelle-Semibold, sans-serif;
  font-size: .938em;
  padding-left: 20px;
  padding-top: 17px
}

main.forgot-password#landing-home .main-body .column-container .col.business ul li.family-account-included, main.forgot-password#landing-home .main-body .column-container .col.family ul li.family-account-included {
  background-image: url(/img/teams/family.69e6fce0a736524e0ec7f21fab5f8c9b.svg);
  background-position: 12px 100%;
  background-size: 135px 65px;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  min-height: 100px;
  padding: 14px 5px 11px 165px;
  width: 100%
}

main.forgot-password#landing-home .main-body .column-container .col.business ul li.family-account-included span, main.forgot-password#landing-home .main-body .column-container .col.family ul li.family-account-included span {
  font-weight: 400;
  margin-top: 7px
}

main.forgot-password#landing-home .price-cards .card {
  margin: 0 5px
}

@media (min-width:700px) {
  main.forgot-password#landing-home .price-cards .card {
    height: 420px;
    margin: 0 5px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
  }
  main.forgot-password#landing-home .price-cards .card h3 {
    max-width: 290px
  }
  main.forgot-password#landing-home .price-cards .card h3.title {
    font-size: 23px;
    opacity: .8
  }
  main.forgot-password#landing-home .price-cards .card:hover {
    box-shadow: 0 6px 30px 0 hsla(0, 0%, 60%, .7);
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transition: transform .3s ease;
    -moz-transition: transform .3s ease;
    -ms-transition: transform .3s ease;
    -o-transition: transform .3s ease;
    transition: transform .3s ease
  }
}

@media (min-width:990px) {
  main.forgot-password#landing-home .main-body .column-container .col.personal {
    margin-right: 0
  }
}

main.forgot-password#landing-home .main-body .column-container .col.personal ul li {
  background-image: url(/img/pricing/checkbox-blue.b89fce966ef19fb231bbb40d600aabc1.svg)
}

main.forgot-password#landing-home .main-body .column-container .col.personal ul li:nth-child(odd) {
  background-color: #d9ecff
}

@media (max-width:700px) {
  main.forgot-password#landing-home .main-body .column-container .col.family {
    order: -1
  }
}

@media (min-width:990px) {
  main.forgot-password#landing-home .main-body .column-container .col.family {
    margin-left: 35px
  }
}

main.forgot-password#landing-home .main-body .column-container .col.family ul li:not(.family-account-included):not(.top-highlight) {
  background-image: url(/img/pricing/checkbox-purple.c2e1760b521745f4b97712d60e51e31e.svg)
}

main.forgot-password#landing-home .main-body .column-container .col.family ul li:not(.family-account-included):not(.top-highlight):nth-child(odd):not(.top-highlight) {
  background-color: #eae0ff
}

main.forgot-password#landing-home .main-body .column-container .col.family ul li.top-highlight {
  background-color: #d9ecff
}

main.forgot-password#landing-home .pricing-cards {
  align-items: center;
  justify-content: center
}

main.forgot-password#landing-home .pricing-cards .pricing-card {
  max-width: 95%;
  width: 100%
}

@media (min-width:661px) {
  main.forgot-password#landing-home .pricing-cards .pricing-card {
    max-width: 350px
  }
}

main.forgot-password#landing-home .pricing-cards .pricing-card:hover {
  box-shadow: 0 6px 30px 0 hsla(0, 0%, 60%, .7);
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  -webkit-transition: transform .3s ease;
  -moz-transition: transform .3s ease;
  -ms-transition: transform .3s ease;
  -o-transition: transform .3s ease;
  transition: transform .3s ease
}

main.forgot-password#landing-home .pricing-cards .pricing-card .pricing>a[href*="https://start.1password.com"] {
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center
}

main.forgot-password#landing-home .pricing-cards .pricing-card .pricing a.button {
  padding: 12px;
  width: calc(100% - 25px)
}

main.forgot-password#landing-home .pricing-cards .pricing-card .vat {
  color: #fff;
  font-size: .8rem;
  font-weight: 600;
  left: 55%;
  opacity: .6;
  position: absolute;
  top: 55%
}

main.forgot-password#landing-home .pricing-cards .teams-standard .pricing header {
  position: relative
}

main.forgot-password#landing-home .pricing-cards .teams-standard .pricing .price {
  display: block;
  position: relative
}

@media (min-width:1024px) {
  main.forgot-password#landing-home .pricing-cards .teams-pro {
    margin: 20px
  }
}

main.forgot-password#landing-home .pricing-cards .teams-pro .pricing {
  height: fit-content;
  justify-content: space-between;
  padding-bottom: 0
}

@media screen\0 {
  main.forgot-password#landing-home .pricing-cards .teams-pro .pricing {
    height: 409px
  }
}

@media (min-width:768px) {
  main.forgot-password#landing-home .pricing-cards .teams-pro .pricing {
    padding: 30px 0 0
  }
}

@media (min-width:1024px) {
  main.forgot-password#landing-home .pricing-cards .teams-pro .pricing {
    width: 350px
  }
}

main.forgot-password#landing-home .pricing-cards .teams-pro .pricing header, main.forgot-password#landing-home .pricing-cards .teams-pro .pricing p {
  position: relative
}

main.forgot-password#landing-home .pricing-cards .teams-pro .pricing .price {
  display: block;
  position: relative
}

main.forgot-password#landing-home .pricing-cards .teams-pro .pricing .advanced-protection-description {
  background-color: #2b3a49;
  border-radius: 0 0 6px 6px;
  margin-bottom: 0;
  margin-top: 35px;
  min-height: 50px;
  width: 100%
}

main.forgot-password#landing-home .pricing-cards .teams-pro .pricing .advanced-protection-description p {
  font-size: .875em;
  margin: 15px 10px;
  max-width: fit-content
}

@media (min-width:1024px) {
  main.forgot-password#landing-home .pricing-cards .teams-pro .pricing .advanced-protection-description p {
    margin-left: 55px;
    margin-right: 55px
  }
}

main.forgot-password#landing-home .pricing-cards .teams-enterprise .pricing header {
  position: relative;
  top: 10px
}

main.forgot-password#landing-home .pricing-cards .teams-enterprise .pricing ul {
  position: relative;
  top: 8px
}

main.forgot-password#landing-home .pricing-cards .teams-enterprise .pricing a.button {
  margin-top: 30px
}

main.forgot-password#landing-home .main-body .column-container {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 970px
}

main.forgot-password#landing-home .main-body .column-container .col ul {
  margin-top: 48px;
  padding: 0 5px
}

main.forgot-password#landing-home .main-body .column-container .col.business ul li:first-child, main.forgot-password#landing-home .main-body .column-container .col.teams ul li:first-child {
  font-size: 19px;
  margin: 0 0 15px 15px;
  padding: 0
}

main.forgot-password#landing-home .main-body .column-container .col.teams ul li:not(:first-child) {
  background-image: url(/img/pricing/checkbox-dark-blue.2947e0baf316c3781708f1d11dd137bd.svg)
}

main.forgot-password#landing-home .main-body .column-container .col.teams ul li:nth-child(2n) {
  background-color: #e5f2ff
}

main.forgot-password#landing-home .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)
}

main.forgot-password#landing-home .main-body .column-container .col.business ul li:not(:first-child):not(.family-account-included):not(.top-highlight):nth-child(2n) {
  background-color: #eaeef3
}

main.forgot-password#landing-home .main-body .column-container .col.business ul li>a.link-to-business-vaults {
  text-decoration: underline
}

main.forgot-password#landing-home .main-body .column-container .col.business ul li.top-highlight {
  background-color: #e5f2ff
}

main.forgot-password#landing-home .main-body .column-container .teams-pro .pricing {
  height: 320px;
  padding: 14px 0
}

@media (max-width:767px) {
  main.forgot-password#landing-home .main-body .trust-pilot {
    padding-top: 50px
  }
}

main.forgot-password#landing-home .main-body .reviews-and-quotes {
  background-image: linear-gradient(180deg, #fff, #f2f4f7);
  min-height: 590px;
  padding: 0 30px 60px
}

main.forgot-password#landing-home .main-body .reviews-and-quotes p {
  color: #7a8a99
}

main.forgot-password#landing-home .main-body .reviews-and-quotes h2 {
  color: #525c66;
  font-size: 1.5em
}

main.forgot-password#landing-home .main-body .reviews-and-quotes a {
  color: #0572ec;
  font-weight: 700
}

@media (min-width:1024px) {
  main.forgot-password#landing-home .main-body .reviews-and-quotes {
    padding: 0 30px
  }
}

main.forgot-password#landing-home .main-body .reviews-and-quotes .quotes-grid {
  grid-gap: 30px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  display: grid;
  flex-direction: row;
  flex-wrap: wrap;
  grid-template-columns: 1fr;
  justify-items: center;
  min-height: auto
}

@media screen\0 {
  main.forgot-password#landing-home .main-body .reviews-and-quotes .quotes-grid {
    align-items: stretch;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    max-width: none
  }
}

@media (min-width:1024px) {
  main.forgot-password#landing-home .main-body .reviews-and-quotes .quotes-grid {
    grid-template-columns: repeat(3, 1fr);
    justify-content: center;
    max-width: 1040px
  }
}

main.forgot-password#landing-home .main-body .reviews-and-quotes .quotes-grid .quote-card {
  background: #fff;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
  box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 5px;
  max-width: 330px;
  padding: 20px;
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  width: 100%
}

main.forgot-password#landing-home .main-body .reviews-and-quotes .quotes-grid .quote-card p {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.45;
  margin-bottom: .6em
}

main.forgot-password#landing-home .main-body .reviews-and-quotes .quotes-grid .quote-card img {
  align-self: center;
  margin-top: 20px;
  max-width: 100%
}

main.forgot-password#landing-home .main-body .reviews-and-quotes .quotes-grid .quote-card:hover {
  transform: scale(1.05);
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out
}

main.forgot-password#landing-home header {
  background-color: #f2f4f7;
  background-size: contain;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 470px;
  position: relative;
  text-align: center
}

@media not screen\0 {
  main.forgot-password#landing-home header {
    margin-top: -120px;
    top: 120px
  }
}

@media (min-width:768px) {
  main.forgot-password#landing-home header {
    background-position: top;
    background-size: 55%, cover;
    border-radius: 0 0 55% 55%;
    left: -10vw;
    width: 120vw
  }
}

main.forgot-password#landing-home header h1 {
  font-size: 2.75em;
  margin: 0 auto 16px;
  max-width: 470px;
  width: 100%
}

main.forgot-password#landing-home header p {
  color: #454f5b;
  font-size: 1.125em;
  letter-spacing: -.12px;
  line-height: 1.5;
  margin: 0 auto;
  max-width: 500px;
  text-align: center;
  width: 100%
}

main.forgot-password#landing-home .price-cards {
  margin: 0;
  position: relative
}

main.forgot-password#landing-home .price-cards .card {
  margin: 20px 5px;
  min-height: 331px;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  width: 97%
}

@media (min-width:700px) {
  main.forgot-password#landing-home .price-cards .card {
    margin: 40px 5px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
  }
}

@media (min-width:700px) and (min-width:990px) {
  main.forgot-password#landing-home .price-cards .card {
    padding: 40px 10px 28px;
    width: 450px
  }
}

@media (min-width:700px) {
  main.forgot-password#landing-home .price-cards .card h3 {
    margin: 0 auto 10px;
    max-width: 290px
  }
  main.forgot-password#landing-home .price-cards .card h3.title {
    font-size: 23px;
    opacity: .8
  }
  main.forgot-password#landing-home .price-cards .card:hover {
    box-shadow: 0 6px 30px 0 hsla(0, 0%, 60%, .7);
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transition: transform .3s ease;
    -moz-transition: transform .3s ease;
    -ms-transition: transform .3s ease;
    -o-transition: transform .3s ease;
    transition: transform .3s ease
  }
}

main.forgot-password#landing-home .price-cards .card p {
  font-size: 1.063em;
  opacity: unset;
  text-align: center
}

@media screen\0 {
  main.forgot-password#landing-home .price-cards .card {
    height: auto
  }
}

@media (min-width:768px) {
  main.forgot-password#landing-home .column-container, main.forgot-password#landing-home .main-body, main.forgot-password#landing-home section:not(.price-cards) {
    position: relative
  }
}

main.forgot-password#landing-home .main-body {
  border: none;
  top: -100px
}

@media (min-width:768px) {
  main.forgot-password#landing-home .main-body {
    top: -210px
  }
}

main.forgot-password#landing-home .main-body .column-container, main.forgot-password#landing-home .main-body section:not(.price-cards) {
  top: 140px
}

main.forgot-password#landing-home .footer.price-cards {
  padding-bottom: 20px;
  padding-top: 20px;
  position: relative;
  top: 140px
}

main.forgot-password#landing-home .footer.price-cards .card {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex
}

main.forgot-password#landing-home .footer.price-cards .card:hover {
  box-shadow: none
}

@media (min-width:990px) {
  main.forgot-password#landing-home .footer.price-cards .card.families {
    margin-right: 35px
  }
  main.forgot-password#landing-home .footer.price-cards .card.business {
    margin-left: 35px
  }
}

main.forgot-password#landing-home section#password-resets>div.container, main.forgot-password#landing-home section#steps>div.container {
  margin: 0 auto;
  max-width: 1140px;
  padding: 20px
}

main.forgot-password#landing-home section#password-resets>div.container h1, main.forgot-password#landing-home section#steps>div.container h1 {
  margin-bottom: 26px
}

main.forgot-password#landing-home section#steps>div.container div.step {
  margin-bottom: 50px;
  text-align: center
}

@media (min-width:760px) {
  main.forgot-password#landing-home section#steps>div.container div.step {
    max-width: 300px;
    text-align: left
  }
}

main.forgot-password#landing-home section#password-resets {
  overflow: hidden;
  padding: 30px;
  position: relative
}

@media (min-width:1024px) {
  main.forgot-password#landing-home section#password-resets {
    padding-bottom: 175px;
    padding-top: 100px
  }
}

main.forgot-password#landing-home section#password-resets .container .grid:first-child p:first-of-type {
  font-size: 1.375em
}

main.forgot-password#landing-home section#password-resets .container .grid:first-child p:last-of-type {
  font-size: 1.125em
}

main.forgot-password#landing-home section#password-resets h1, main.forgot-password#landing-home section#password-resets p {
  color: #212b36
}

main.forgot-password#landing-home section#password-resets h1 {
  font-size: 28px;
  letter-spacing: -.56px;
  line-height: 1.15;
  margin-bottom: 16px
}

main.forgot-password#landing-home section#password-resets p {
  color: #212b36;
  line-height: 1.5
}

main.forgot-password#landing-home section#password-resets hr {
  border: 4px solid #0572ec;
  height: 1px;
  margin: 30px 0;
  width: 41px
}

main.forgot-password#landing-home section#password-resets picture {
  bottom: -47px;
  position: relative
}

@media (min-width:760px) {
  main.forgot-password#landing-home section#password-resets picture {
    bottom: -37px;
    position: absolute
  }
}

main.forgot-password#landing-home section#password-resets a.link {
  color: #0572ec;
  display: inline-block;
  font-size: 1.125em;
  font-weight: 500;
  letter-spacing: -.34px;
  line-height: .89
}

main.forgot-password#landing-home section#password-resets a.link>svg {
  transition: transform .2s
}

main.forgot-password#landing-home section#password-resets a.link:hover {
  color: #06c
}

main.forgot-password#landing-home section#password-resets a.link:hover>svg {
  transform: translateX(7px);
  transition: transform .2s
}

main.forgot-password#landing-home section#password-resets a.link:hover>svg path {
  fill: #06c;
  transition: fill .2s
}

main.forgot-password#landing-home section.cta-end {
  background-image: linear-gradient(180deg, #097be9, #37bbfc);
  padding: 70px 30px;
  text-align: center
}

main.forgot-password#landing-home section.cta-end>div {
  margin: 0 auto 25px
}

main.forgot-password#landing-home section.cta-end>div h1 {
  color: #fff;
  font-size: 2em
}

main.forgot-password#landing-home section.cta-end a.btn {
  align-self: center;
  background-color: #fff;
  border-radius: 100px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
  box-sizing: border-box;
  color: #218df9;
  display: flex;
  font-weight: 600;
  justify-content: center;
  margin: 0 auto 15px;
  max-width: 300px;
  max-width: 320px;
  min-width: 270px;
  outline: none;
  padding: 12px;
  text-align: center;
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out;
  width: calc(100% - 60px)
}

@media (max-width:600px) {
  main.forgot-password#landing-home section.cta-end a.btn {
    width: calc(100% - 30px)
  }
}

main.forgot-password#landing-home section.cta-end a.btn:focus, main.forgot-password#landing-home section.cta-end a.btn:hover {
  box-shadow: 0 8px 34px 0 rgba(0, 0, 0, .3);
  transform: scale(1.05);
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out
}

main.forgot-password#landing-home section.cta-end p {
  color: #fff;
  opacity: .8
}

main.teams-software#software-main {
  overflow: hidden
}

main.teams-software#software-main header.teams-software-hero {
  background: url(/img/teams/teams-banner.8a209713f6407aea6a0867eb0a91713e.jpg) #333 50% 96%;
  background-size: cover;
  height: 750px;
  padding-top: 50px;
  width: 100%
}

@media (max-width:57em) {
  main.teams-software#software-main header.teams-software-hero {
    height: 630px
  }
}

@media (max-width:30em) {
  main.teams-software#software-main header.teams-software-hero {
    background: url(/img/teams/teams-banner.8a209713f6407aea6a0867eb0a91713e.jpg) #333 20% 60%;
    height: auto
  }
}

main.teams-software#software-main header.teams-software-hero .container {
  margin: 0 auto;
  max-width: 1140px;
  padding-left: 50px;
  padding-top: 112px
}

@media (max-width:57em) {
  main.teams-software#software-main header.teams-software-hero .container {
    padding-left: 50px;
    padding-top: 40px
  }
}

@media (max-width:30em) {
  main.teams-software#software-main header.teams-software-hero .container {
    padding: 30px
  }
}

main.teams-software#software-main header.teams-software-hero .container h3.blurb {
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
  margin: 15px 0 20px;
  max-width: 300px
}

main.teams-software#software-main #too-important {
  margin: 70px auto;
  text-align: center;
  width: 100%
}

main.teams-software#software-main #too-important .too-important {
  max-width: 530px
}

main.teams-software#software-main #too-important .too-important h1 {
  color: #4d4d4d;
  font-size: 2.25em;
  padding-bottom: .5em
}

main.teams-software#software-main #too-important .too-important p {
  color: #637381;
  font-weight: 400;
  margin: auto auto 16px;
  max-width: none
}

main.teams-software#software-main #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-software#software-main #opm-screenshot-admin-panel {
    display: grid;
    grid-template-columns: 1fr
  }
  @media (min-width:768px) {
    main.teams-software#software-main #opm-screenshot-admin-panel {
      grid-template-columns: 50% 50%
    }
  }
}

main.teams-software#software-main #opm-screenshot-admin-panel picture {
  height: 100%
}

main.teams-software#software-main #opm-screenshot-admin-panel .opm-screenshot {
  object-position: 15%
}

main.teams-software#software-main #opm-screenshot-admin-panel .admin-panel {
  object-position: 40% 30%
}

main.teams-software#software-main #opm-screenshot-admin-panel .admin-panel, main.teams-software#software-main #opm-screenshot-admin-panel .opm-screenshot {
  height: 100%;
  max-height: 600px;
  min-height: 400px;
  object-fit: cover;
  width: 100%
}

main.teams-software#software-main #opm-screenshot-admin-panel .admin-panel :lang(en), main.teams-software#software-main #opm-screenshot-admin-panel .opm-screenshot :lang(en) {
  min-height: 300px
}

@media (min-width:2000px) {
  main.teams-software#software-main #opm-screenshot-admin-panel .admin-panel, main.teams-software#software-main #opm-screenshot-admin-panel .opm-screenshot {
    min-height: 550px
  }
}

@media screen\0 {
  main.teams-software#software-main #opm-screenshot-admin-panel .admin-panel, main.teams-software#software-main #opm-screenshot-admin-panel .opm-screenshot {
    max-height: none
  }
}

main.teams-software#software-main #protect {
  background-color: #fff;
  margin: 2em auto 4em
}

main.teams-software#software-main #protect .container {
  margin: 0 auto;
  max-width: 1200px;
  padding: 10px
}

main.teams-software#software-main #protect h2 {
  color: #212b36;
  font-size: 1.875em;
  margin: 0 0 0 auto;
  max-width: 477px;
  padding-bottom: .8em;
  width: 100%
}

@media (min-width:760px) {
  main.teams-software#software-main #protect h2 {
    text-align: left
  }
}

main.teams-software#software-main #protect p {
  color: #637381;
  font-size: 1.125em;
  letter-spacing: -.45px;
  line-height: 1.5;
  margin: 0 0 0 auto;
  max-width: 477px;
  text-align: center
}

@media (min-width:760px) {
  main.teams-software#software-main #protect p {
    text-align: left
  }
}

@media (max-width:759px) {
  main.teams-software#software-main #protect :lang(en) h2, main.teams-software#software-main #protect :lang(en) p {
    margin: 0 auto 16px;
    max-width: 440px
  }
}

main.teams-software#software-main #protect a {
  color: #0572ec;
  font-weight: 600
}

main.teams-software#software-main #protect a, main.teams-software#software-main #protect a:hover {
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease
}

main.teams-software#software-main #protect a:hover {
  color: #06c
}

main.teams-software#software-main #protect .protect {
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  height: 425px;
  width: 100%
}

@media (min-width:1024px) {
  main.teams-software#software-main #protect .protect {
    align-items: flex-start
  }
}

@media (min-width:700px) {
  main.teams-software#software-main #protect .protect {
    height: 550px;
    width: 45%
  }
}

main.teams-software#software-main #protect .protect img {
  width: 400px
}

main.teams-software#software-main #admin-tools {
  background-color: #fff;
  margin: 2em auto 0
}

main.teams-software#software-main #admin-tools .container {
  margin: 0 auto;
  max-width: 1200px;
  padding: 10px
}

main.teams-software#software-main #admin-tools h2 {
  color: #212b36;
  font-size: 1.875em;
  line-height: 1.25em;
  max-width: 550px;
  padding-bottom: .8em;
  width: 100%
}

main.teams-software#software-main #admin-tools p {
  color: #637381;
  font-size: 1.125em;
  font-weight: 400;
  letter-spacing: -.45px;
  line-height: 1.5;
  margin-bottom: 16px;
  max-width: 460px;
  text-align: center
}

@media (min-width:760px) {
  main.teams-software#software-main #admin-tools p {
    text-align: left
  }
}

@media (max-width:759px) {
  main.teams-software#software-main #admin-tools :lang(en) a, main.teams-software#software-main #admin-tools :lang(en) h2, main.teams-software#software-main #admin-tools :lang(en) p {
    margin: 0 auto 16px;
    max-width: 440px
  }
}

@media (min-width:1200px) {
  main.teams-software#software-main #admin-tools :lang(en) a, main.teams-software#software-main #admin-tools :lang(en) h2, main.teams-software#software-main #admin-tools :lang(en) p {
    margin-left: 100px
  }
}

main.teams-software#software-main #admin-tools a {
  color: #0572ec;
  font-size: 1em;
  font-weight: 600
}

main.teams-software#software-main #admin-tools a, main.teams-software#software-main #admin-tools a:hover {
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease
}

main.teams-software#software-main #admin-tools a:hover {
  color: #06c
}

main.teams-software#software-main #admin-tools .admin-tools-img {
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column
}

@media (min-width:1024px) {
  main.teams-software#software-main #admin-tools .admin-tools-img {
    align-items: flex-end
  }
}

main.teams-software#software-main #admin-tools .admin-tools-img img {
  width: 400px
}

main.teams-software#software-main section.pricing.what-you-get {
  margin-bottom: 0;
  transform: translateY(0)
}

@media (min-width:1024px) {
  main.teams-software#software-main section.pricing.what-you-get .container .full-width-feature p {
    padding-left: 25px
  }
}

main.teams-software#software-main section.pricing.what-you-get .container .full-width-feature .icon.all-devices {
  align-self: end;
  display: block;
  height: auto;
  margin: 0 auto;
  max-width: 100%
}

@media (min-width:501px) {
  main.teams-software#software-main section.pricing.what-you-get .container .full-width-feature .icon.all-devices {
    max-width: 317px
  }
}

main.teams-software#software-main section.pricing.what-you-get .container .grid-features .icon img {
  height: 67px;
  width: 67px
}

main.teams-software#software-main section.cta-end {
  background-color: #f7f7f7;
  padding: 80px 30px;
  text-align: center
}

main.teams-software#software-main section.cta-end h1 {
  color: #1e2b37;
  font-size: 2em;
  margin: 0 auto 25px;
  max-width: 510px
}

main.teams-software#software-main section.cta-end a.btn {
  align-self: center;
  background-color: #0572ec;
  border-radius: 100px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
  box-sizing: border-box;
  color: #fff;
  display: flex;
  font-weight: 600;
  justify-content: center;
  margin: 0 auto 20px;
  max-width: 300px;
  max-width: 270px;
  outline: none;
  padding: 12px;
  text-align: center;
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out;
  width: calc(100% - 60px)
}

@media (max-width:600px) {
  main.teams-software#software-main section.cta-end a.btn {
    width: calc(100% - 30px)
  }
}

main.teams-software#software-main section.cta-end a.btn:focus, main.teams-software#software-main section.cta-end a.btn:hover {
  box-shadow: 0 8px 34px 0 rgba(0, 0, 0, .3);
  transform: scale(1.05);
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out
}

main.teams-software#software-main section.cta-end p {
  color: #434f5c;
  margin: 0 auto 30px;
  max-width: 450px;
  opacity: .8
}

@media (min-width:500px) {
  main.teams-software#software-main section.cta-end .list-features ul {
    display: inline-flex;
    flex-direction: row;
    justify-content: space-evenly;
    max-width: 500px;
    width: 100%
  }
}

@media screen\0 {
  main.teams-software#software-main section.cta-end .list-features ul {
    justify-content: space-around
  }
}

main.teams-software#software-main section.cta-end .list-features ul li {
  color: #919eab;
  font-size: .875em;
  font-weight: 500;
  letter-spacing: -.09px;
  line-height: 1.5;
  list-style: none;
  margin-bottom: 10px
}

@media (min-width:500px) {
  main.teams-software#software-main section.cta-end .list-features ul li {
    margin-bottom: 0
  }
}

main.teams-software#software-main section.cta-end .list-features ul li img[alt=Check] {
  padding-right: 10px
}

.landing-teams-pricing .landing-teams-pricing {
  overflow: hidden
}

.landing-teams-pricing .landing-teams-pricing__header {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #f7fbff;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 190px;
  padding-top: 60px
}

@media screen\0 {
  .landing-teams-pricing .landing-teams-pricing__header {
    position: relative
  }
}

.landing-teams-pricing .landing-teams-pricing__header-wrapper {
  max-width: 900px;
  padding: 40px 20px 20px;
  text-align: center
}

.landing-teams-pricing .landing-teams-pricing__header-title {
  font-size: 1.875rem;
  margin-bottom: 13px
}

.landing-teams-pricing .landing-teams-pricing__tabs {
  -ms-flex-pack: distribute;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-around;
  max-width: 490px;
  width: 95%
}

@media screen\0 {
  .landing-teams-pricing .landing-teams-pricing__tabs {
    bottom: 0;
    left: 460px;
    margin-left: 230px;
    position: absolute
  }
}

.landing-teams-pricing .landing-teams-pricing__tab {
  background: #fff;
  border: 1px solid #dadde6;
  border-bottom: none;
  border-radius: 6px 6px 0 0;
  text-align: center;
  width: 240px
}

.landing-teams-pricing .landing-teams-pricing__tab--active {
  height: 50px;
  margin: 0 0 -1px
}

.landing-teams-pricing .landing-teams-pricing__tab--inactive {
  background: #f7fbff;
  height: 42px
}

.landing-teams-pricing .landing-teams-pricing__tab-title {
  font-size: 1rem;
  line-height: 44px
}

@media (min-width:425px) {
  .landing-teams-pricing .landing-teams-pricing__tab-title--active {
    font-size: 1.25rem
  }
  .landing-teams-pricing .landing-teams-pricing__tab-title--inactive {
    font-size: 1.063rem
  }
}

.landing-teams-pricing .landing-teams-pricing__footer-price-cards, .landing-teams-pricing .landing-teams-pricing__pricing-cards {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  margin: auto;
  padding-bottom: 23px;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out
}

@media (max-width:767px) {
  .landing-teams-pricing .landing-teams-pricing__footer-price-cards, .landing-teams-pricing .landing-teams-pricing__pricing-cards {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
  }
}

@media (min-width:768px) {
  .landing-teams-pricing .landing-teams-pricing__footer-price-cards, .landing-teams-pricing .landing-teams-pricing__pricing-cards {
    align-items: center
  }
}

.landing-teams-pricing .landing-teams-pricing__main-body {
  border-top: 1px solid #dadde6;
  padding: 30px 0 0
}

.landing-teams-pricing .landing-teams-pricing__USD-pricing {
  position: relative;
  text-align: center;
  width: 100%
}

.landing-teams-pricing .landing-teams-pricing__USD-pricing--footer {
  background-color: #232a3f
}

.landing-teams-pricing .landing-teams-pricing__USD-pricing-content {
  color: #b8bdcc;
  font-size: .8rem;
  margin: 0
}

.landing-teams-pricing .landing-teams-pricing__column-container {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  justify-content: center;
  margin: 0 auto;
  max-width: 970px
}

@media (max-width:700px) {
  .landing-teams-pricing .landing-teams-pricing__column-container {
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.landing-teams-pricing .landing-teams-pricing__column {
  -ms-flex-preferred-size: 350px;
  flex-basis: 350px;
  flex-grow: 1;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content
}

@media screen\0 {
  .landing-teams-pricing .landing-teams-pricing__column {
    margin: 0 auto
  }
}

.landing-teams-pricing .landing-teams-pricing__list-container {
  margin: 20px 0;
  width: 100%
}

@media (min-width:768px) {
  .landing-teams-pricing .landing-teams-pricing__list-container {
    margin: 48px auto 20px;
    max-width: 470px;
    padding: 0 5px
  }
}

.landing-teams-pricing .landing-teams-pricing__list-item {
  background-position: 3%;
  background-repeat: no-repeat;
  background-size: 18px;
  font-size: .875rem;
  font-weight: 500;
  list-style: none;
  margin: 4px 2px;
  padding: 15px 5px 15px 40px
}

.landing-teams-pricing .landing-teams-pricing__list-item--teams {
  background-image: url(/img/pricing/checkbox-grey.a93e9ad1f62c4959509096ac941f4795.svg)
}

.landing-teams-pricing .landing-teams-pricing__list-item--business:nth-child(2), .landing-teams-pricing .landing-teams-pricing__list-item--business:nth-child(4), .landing-teams-pricing .landing-teams-pricing__list-item--business:nth-child(6), .landing-teams-pricing .landing-teams-pricing__list-item--teams:nth-child(2n) {
  background-color: #f2f7ff
}

.landing-teams-pricing .landing-teams-pricing__list-item--business {
  background-image: url(/img/pricing/checkbox-dark-grey.0f2b60f425097f6453cdec33d0b4cdbc.svg)
}

.landing-teams-pricing .landing-teams-pricing__list-item--highlights {
  background-color: #fcf8f0
}

.landing-teams-pricing .landing-teams-pricing__list-item--first {
  background-image: none;
  font-size: 19px;
  margin: 0 0 15px 15px;
  padding: 0
}

.landing-teams-pricing .landing-teams-pricing__top-highlight {
  font-family: Adelle-Semibold, sans-serif;
  font-size: .938em;
  padding-left: 20px;
  padding-top: 17px
}

.landing-teams-pricing .landing-teams-pricing__family-account-included {
  background-image: url(/img/teams/family.69e6fce0a736524e0ec7f21fab5f8c9b.svg);
  background-position: 12px 100%;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  padding: 14px 5px 11px 165px;
  width: 100%
}

.landing-teams-pricing .landing-teams-pricing__family-account-included--business {
  background-color: #fcf8f0;
  background-size: 110px 55px
}

.landing-teams-pricing .landing-teams-pricing__family-account-included--family {
  background-size: 140px 70px;
  min-height: 100px
}

.landing-teams-pricing .landing-teams-pricing__family-account-span {
  font-weight: 400
}

@media (max-width:767px) {
  .landing-teams-pricing .landing-teams-pricing .trust-pilot {
    padding-top: 50px
  }
}

.landing-teams-pricing .landing-teams-pricing__footer-price-cards {
  background-color: #232a3f
}

@media (max-width:767px) {
  .landing-teams-pricing .landing-teams-pricing__footer-price-cards {
    padding-top: 90px
  }
}

.landing-teams-pricing .landing-teams-pricing__footer-price-cards :hover {
  box-shadow: none
}

.landing-individuals-sign-up .landing-individuals-sign-up {
  overflow: hidden
}

.landing-individuals-sign-up .landing-individuals-sign-up__header {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #f7fbff;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 190px;
  padding-top: 60px
}

@media screen\0 {
  .landing-individuals-sign-up .landing-individuals-sign-up__header {
    position: relative
  }
}

.landing-individuals-sign-up .landing-individuals-sign-up__header-wrapper {
  max-width: 900px;
  padding: 40px 20px 20px;
  text-align: center
}

.landing-individuals-sign-up .landing-individuals-sign-up__header-title {
  font-size: 1.875rem;
  margin-bottom: 13px
}

.landing-individuals-sign-up .landing-individuals-sign-up__header-title strong {
  font-weight: 400
}

.landing-individuals-sign-up .landing-individuals-sign-up__tabs {
  -ms-flex-pack: distribute;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-around;
  max-width: 490px;
  width: 95%
}

@media screen\0 {
  .landing-individuals-sign-up .landing-individuals-sign-up__tabs {
    bottom: 0;
    left: 460px;
    margin-left: 230px;
    position: absolute
  }
}

.landing-individuals-sign-up .landing-individuals-sign-up__tab {
  background: #fff;
  border: 1px solid #dadde6;
  border-bottom: none;
  border-radius: 6px 6px 0 0;
  text-align: center;
  width: 240px
}

.landing-individuals-sign-up .landing-individuals-sign-up__tab--active {
  height: 50px;
  margin: 0 0 -1px
}

.landing-individuals-sign-up .landing-individuals-sign-up__tab--inactive {
  background: #f7fbff;
  height: 42px
}

.landing-individuals-sign-up .landing-individuals-sign-up__tab-title {
  font-size: 1rem;
  line-height: 44px
}

@media (min-width:425px) {
  .landing-individuals-sign-up .landing-individuals-sign-up__tab-title--active {
    font-size: 1.25rem
  }
  .landing-individuals-sign-up .landing-individuals-sign-up__tab-title--inactive {
    font-size: 1.063rem
  }
}

.landing-individuals-sign-up .landing-individuals-sign-up__footer-price-cards, .landing-individuals-sign-up .landing-individuals-sign-up__pricing-cards {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  margin: auto;
  padding-bottom: 23px;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out
}

@media (max-width:767px) {
  .landing-individuals-sign-up .landing-individuals-sign-up__footer-price-cards, .landing-individuals-sign-up .landing-individuals-sign-up__pricing-cards {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
  }
}

.landing-individuals-sign-up .landing-individuals-sign-up__main-body {
  border-top: 1px solid #dadde6;
  padding: 30px 0 0
}

.landing-individuals-sign-up .landing-individuals-sign-up__USD-pricing {
  position: relative;
  text-align: center;
  width: 100%
}

.landing-individuals-sign-up .landing-individuals-sign-up__USD-pricing--footer {
  background-color: #232a3f
}

.landing-individuals-sign-up .landing-individuals-sign-up__USD-pricing-content {
  color: #b8bdcc;
  font-size: .8rem;
  margin: 0
}

.landing-individuals-sign-up .landing-individuals-sign-up__column-container {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  justify-content: center;
  margin: 0 auto;
  max-width: 970px
}

@media (max-width:700px) {
  .landing-individuals-sign-up .landing-individuals-sign-up__column-container {
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.landing-individuals-sign-up .landing-individuals-sign-up__column {
  -ms-flex-preferred-size: 350px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content
}

@media screen\0 {
  .landing-individuals-sign-up .landing-individuals-sign-up__column {
    margin: 0 auto
  }
}

.landing-individuals-sign-up .landing-individuals-sign-up__list-container {
  margin: 20px 0;
  width: 100%
}

@media (min-width:768px) {
  .landing-individuals-sign-up .landing-individuals-sign-up__list-container {
    margin-left: auto;
    margin-right: auto;
    margin-top: 48px;
    max-width: 470px;
    padding: 0 5px
  }
}

.landing-individuals-sign-up .landing-individuals-sign-up__list-item {
  background-position: 3%;
  background-repeat: no-repeat;
  background-size: 18px;
  font-size: .875rem;
  font-weight: 500;
  list-style: none;
  padding: 15px 5px 15px 40px
}

.landing-individuals-sign-up .landing-individuals-sign-up__list-item--personal {
  background-image: url(/img/pricing/checkbox-blue.b89fce966ef19fb231bbb40d600aabc1.svg)
}

.landing-individuals-sign-up .landing-individuals-sign-up__list-item--personal:nth-child(odd) {
  background-color: #d9ecff
}

.landing-individuals-sign-up .landing-individuals-sign-up__list-item--families:nth-child(n+3) {
  background-image: url(/img/pricing/checkbox-purple.c2e1760b521745f4b97712d60e51e31e.svg)
}

.landing-individuals-sign-up .landing-individuals-sign-up__list-item--families:nth-child(3), .landing-individuals-sign-up .landing-individuals-sign-up__list-item--families:nth-child(5) {
  background-color: #eae0ff
}

.landing-individuals-sign-up .landing-individuals-sign-up__top-highlight {
  background-color: #d9ecff;
  font-family: Adelle-Semibold, sans-serif;
  font-size: .938em;
  padding-left: 20px;
  padding-top: 17px
}

.landing-individuals-sign-up .landing-individuals-sign-up__family-account-included {
  background-image: url(/img/teams/family.69e6fce0a736524e0ec7f21fab5f8c9b.svg);
  background-position: 12px 100%;
  background-size: 140px 70px;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  min-height: 100px;
  padding: 14px 5px 11px 165px;
  width: 100%
}

.landing-individuals-sign-up .landing-individuals-sign-up__family-account-span {
  font-weight: 400
}

@media (max-width:767px) {
  .landing-individuals-sign-up .landing-individuals-sign-up .trust-pilot {
    padding-top: 50px
  }
}

.landing-individuals-sign-up .landing-individuals-sign-up__footer-price-cards {
  background-color: #232a3f
}

@media (max-width:767px) {
  .landing-individuals-sign-up .landing-individuals-sign-up__footer-price-cards {
    padding-top: 90px
  }
}

.landing-individuals-sign-up .landing-individuals-sign-up__footer-price-cards :hover {
  box-shadow: none
}

.landing-forgot-password .scrolling-quotes-v2 {
  background: linear-gradient(180deg, #f7f9fd 50%, #fff 0)
}

.landing-forgot-password .scrolling-quotes-v2 .scrolling-quotes-container-v2 {
  position: unset
}

.landing-forgot-password .scrolling-quotes-v2 .scrolling-quotes-container-v2 .card__text {
  align-items: center;
  align-self: flex-start;
  background-color: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  box-shadow: 0 6px 10px -2px hsla(0, 0%, 80%, .5);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 10px;
  overflow: auto;
  padding: 30px;
  text-align: center;
  transition: all .2s ease-in-out;
  vertical-align: middle;
  white-space: normal;
  width: 273.8px
}

@media (min-width:1024px) {
  .landing-forgot-password .scrolling-quotes-v2 .scrolling-quotes-container-v2 .card__text {
    width: 370px
  }
}

.landing-forgot-password .scrolling-quotes-v2 .scrolling-quotes-container-v2 .card__text img {
  width: 40px
}

.landing-forgot-password .scrolling-quotes-v2 .scrolling-quotes-container-v2 .card__text p {
  color: #212b36;
  font-size: 1.125em;
  line-height: 1.56;
  margin: 23px 0 30px;
  padding: 0;
  width: 100%
}

.landing-forgot-password .scrolling-quotes-v2 .scrolling-quotes-container-v2 .card__text cite {
  color: #919eab;
  font-size: 1.125em;
  line-height: 1.44
}

.landing-forgot-password .scrolling-quotes-v2 .scrolling-quotes-container-v2 .card__text:hover {
  transform: scale(1.05)
}

.landing-forgot-password .scrolling-quotes-v2 .scrolling-quotes-container-v2 .ticker {
  margin-bottom: 15px;
  margin-top: 15px
}

.landing-forgot-password__header {
  align-items: center;
  background: linear-gradient(180deg, #097be9, #37bbfc 60%);
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 450px;
  padding: 60px 0 80px
}

@media (min-width:1200px) {
  .landing-forgot-password__header {
    border-radius: 0 0 55% 55%;
    margin-left: -50vw;
    min-height: 600px;
    width: 200vw
  }
}

.landing-forgot-password__container {
  margin: 0 auto;
  max-width: 1140px;
  padding-top: 60px
}

@media (max-width:479px) {
  .landing-forgot-password__container {
    margin-top: 30px
  }
}

.landing-forgot-password__header-description, .landing-forgot-password__header-title {
  color: #fff
}

.landing-forgot-password__header-title {
  font-size: 1.875rem;
  letter-spacing: -.6px;
  line-height: 1;
  margin-bottom: 18px;
  text-align: center
}

.landing-forgot-password__header-description {
  color: #fff;
  font-size: 1rem;
  margin-bottom: 55px;
  margin-left: auto;
  margin-right: auto;
  max-width: 560px;
  text-align: center
}

.landing-forgot-password__create-passwords {
  background-color: #fff;
  margin: 0 auto;
  max-width: 1140px;
  padding: 30px
}

@media (min-width:768px) {
  .landing-forgot-password__create-passwords {
    padding-bottom: 100px;
    padding-top: 100px
  }
}

.landing-forgot-password__grid-child-img {
  margin-bottom: 45px
}

.landing-forgot-password__grid-child-title {
  margin-bottom: 20px
}

.landing-forgot-password__grid-child-description {
  margin: 0 auto 20px;
  max-width: 300px
}

@media (min-width:760px) {
  .landing-forgot-password__grid-child {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between
  }
  @supports (display:grid) {
    .landing-forgot-password__grid-child {
      align-items: center;
      display: grid;
      grid-template-rows: 100px 70px;
      justify-items: center;
      justify-self: center
    }
  }
}

.landing-forgot-password__password-resets {
  overflow: hidden;
  padding: 30px;
  position: relative
}

@media (min-width:1024px) {
  .landing-forgot-password__password-resets {
    padding-bottom: 175px
  }
}

.landing-forgot-password__password-resets-container {
  margin: 0 auto;
  max-width: 1140px
}

.landing-forgot-password__password-resets-description, .landing-forgot-password__password-resets-title {
  color: #212b36
}

.landing-forgot-password__password-resets-title {
  font-size: 28px;
  letter-spacing: -.56px;
  line-height: 1.15;
  margin-bottom: 26px
}

.landing-forgot-password__password-resets-description {
  color: #212b36;
  line-height: 1.5;
  max-width: 520px
}

.landing-forgot-password__password-resets-description:first-of-type {
  font-size: 1.375rem
}

.landing-forgot-password__password-resets-description:last-of-type {
  font-size: 1.125rem
}

.landing-forgot-password__password-resets-horizontal-rule {
  border: 4px solid #0572ec;
  height: 1px;
  margin: 30px 0;
  width: 41px
}

.landing-forgot-password__password-resets-picture-element {
  bottom: -47px;
  position: relative
}

@media (min-width:760px) {
  .landing-forgot-password__password-resets-picture-element {
    bottom: -37px;
    position: absolute
  }
}

.landing-forgot-password__password-resets-link {
  color: #0572ec;
  display: inline-block;
  font-size: 1.125rem;
  font-weight: 500;
  letter-spacing: -.34px;
  line-height: .89
}

.landing-forgot-password__password-resets-link>svg {
  transition: transform .2s
}

.landing-forgot-password__password-resets-link:hover {
  color: #06c
}

.landing-forgot-password__password-resets-link:hover>svg {
  transform: translateX(7px);
  transition: transform .2s
}

.landing-forgot-password__password-resets-link:hover>svg path {
  fill: #06c;
  transition: fill .2s
}

.landing-forgot-password__cta-end {
  background-color: #0572ec;
  padding: 70px 30px;
  text-align: center
}

.landing-forgot-password__cta-end-container {
  margin: 0 auto 25px
}

.landing-forgot-password__cta-end-title {
  color: #fff;
  font-size: 2rem
}

.landing-forgot-password__cta-end-btn {
  align-self: center;
  background-color: #fff;
  border-radius: 100px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
  box-sizing: border-box;
  color: #218df9;
  display: flex;
  font-weight: 600;
  justify-content: center;
  margin: 0 auto 15px;
  max-width: 300px;
  max-width: 320px;
  min-width: 270px;
  outline: none;
  padding: 12px;
  text-align: center;
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out;
  width: calc(100% - 60px)
}

@media (max-width:600px) {
  .landing-forgot-password__cta-end-btn {
    width: calc(100% - 30px)
  }
}

.landing-forgot-password__cta-end-btn:focus, .landing-forgot-password__cta-end-btn:hover {
  box-shadow: 0 8px 34px 0 rgba(0, 0, 0, .3);
  transform: scale(1.05);
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out
}

.landing-forgot-password__cta-end-btn:hover {
  color: #218df9
}

.landing-forgot-password__cta-end-description {
  color: #fff;
  opacity: .8
}

.enterprise-hero {
  background-image: url(/img/enterprise/curve.cfe8f950ef755be9c8004f26dae0f492.svg), url(/img/enterprise/background-header@2x.4a753eb8e390430658c8f3b4513e5db5.jpg);
  background-position: 50%, 25% 70%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 75vh;
  max-height: 760px;
  min-height: 550px;
  width: 100%
}

@media (max-width:30em) {
  .enterprise-hero {
    height: 760px
  }
}

.enterprise-hero:after {
  background: #fff;
  bottom: -8px;
  content: "";
  display: block;
  height: 10px;
  position: absolute;
  width: 100%
}

.enterprise-hero .container {
  margin: 60px auto 0;
  max-width: 1140px;
  padding: 100px 50px 50px
}

.enterprise-hero .container>p {
  color: #fff;
  font-size: .65em;
  margin-bottom: 0;
  margin-left: 1em;
  max-width: 320px
}

.enterprise-hero .container .hero-price-card .enterprise {
  background: transparent;
  justify-content: flex-start;
  max-width: 440px;
  overflow: visible
}

@media (min-width:960px) {
  .enterprise-hero .container .hero-price-card .enterprise {
    padding-left: 1.34vw
  }
}

.enterprise-hero .container .hero-price-card .enterprise .card-title {
  color: #b8c2cc;
  font-size: 1.2em;
  font-weight: 600;
  letter-spacing: -.3px;
  line-height: .83
}

.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 {
  color: #b6bcce;
  font-size: .4em;
  font-weight: 500;
  opacity: .8;
  position: relative;
  text-align: center;
  text-shadow: 0 0 4px #fff
}

@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: #fff
}

.enterprise-hero .container .hero-price-card .enterprise .button {
  background-color: #0572ec;
  margin: 0;
  width: 50%
}

.enterprise-pricing-card {
  padding-bottom: 70px
}

.enterprise-pricing-card .container {
  align-items: center;
  background-color: #fff;
  border: 1px solid #f3f3f3;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  box-shadow: 10px 10px 10px 0 hsla(0, 0%, 42%, .04);
  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: 1169px;
  padding: 40px;
  width: 100%
}

@media (min-width:1000px) {
  .enterprise-pricing-card .container {
    align-items: center;
    flex-direction: row;
    justify-content: space-around
  }
}

@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 {
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 280px;
  padding: 40px 0
}

.enterprise-pricing-card .container .price-card .button {
  align-self: center;
  background-color: #0572ec;
  border-radius: 100px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
  box-sizing: border-box;
  color: #fff;
  display: flex;
  font-weight: 600;
  justify-content: center;
  margin: 0 auto;
  max-width: 300px;
  max-width: none;
  outline: none;
  padding: 15px 20px;
  text-align: center;
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out;
  width: calc(100% - 60px);
  width: auto
}

@media (max-width:600px) {
  .enterprise-pricing-card .container .price-card .button {
    width: calc(100% - 30px)
  }
}

.enterprise-pricing-card .container .price-card .button:focus, .enterprise-pricing-card .container .price-card .button:hover {
  box-shadow: 0 8px 34px 0 rgba(0, 0, 0, .3);
  transform: scale(1.05);
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out
}

@media (max-width:600px) {
  .enterprise-pricing-card .container .price-card .button {
    width: auto
  }
}

.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 {
  color: #333;
  font-size: 1em;
  font-weight: 600;
  letter-spacing: .1px;
  line-height: 1.25
}

.enterprise-pricing-card .container .price-card h4 span {
  font-size: 4.875rem;
  vertical-align: -.2em
}

.enterprise-pricing-card .container .price-card .plans {
  color: #637381;
  font-size: .875em;
  letter-spacing: -.1px;
  padding-top: 13px;
  text-align: center
}

@media (min-width:768px) {
  .enterprise-pricing-card .container .features-container {
    align-items: flex-start;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    justify-content: space-around
  }
  @supports (display:grid) {
    .enterprise-pricing-card .container .features-container {
      grid-gap: 35px;
      display: grid;
      grid-template-columns: 1fr 1fr
    }
  }
}

@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: .875em;
  max-width: 300px
}

@media (min-width:1000px) {
  .enterprise-pricing-card .container.business {
    padding: 70px 50px
  }
  .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 {
  align-self: center;
  background-color: #0572ec;
  border-radius: 100px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
  box-sizing: border-box;
  color: #fff;
  display: flex;
  font-weight: 600;
  justify-content: center;
  margin: 0 auto;
  max-width: 300px;
  outline: none;
  padding: 12px;
  text-align: center;
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out;
  width: calc(100% - 60px)
}

@media (max-width:600px) {
  main#enterprise-landing a.btn {
    width: calc(100% - 30px)
  }
}

main#enterprise-landing a.btn:focus, main#enterprise-landing a.btn:hover {
  box-shadow: 0 8px 34px 0 rgba(0, 0, 0, .3);
  transform: scale(1.05);
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .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: .5em
}

main#enterprise-landing .box--text p {
  color: #3d454d;
  font-size: 1em;
  letter-spacing: -.3px;
  line-height: 1.38;
  opacity: .8
}

@media (min-width:700px) {
  main#enterprise-landing .box--text {
    align-items: flex-start
  }
}

main#enterprise-landing .setup-demo {
  align-items: center;
  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;
  padding: 18px
}

main#enterprise-landing .setup-demo p {
  color: #525c66;
  font-size: 1.125em;
  font-weight: 600;
  line-height: 1.11;
  margin: 0 0 .2em;
  text-align: center
}

main#enterprise-landing .setup-demo .business-demo {
  align-self: center;
  background-color: #0572ec;
  border-radius: 100px;
  border-radius: 3px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
  box-sizing: border-box;
  color: #fff;
  display: flex;
  font-weight: 600;
  justify-content: center;
  margin: 0 0 0 20px;
  max-width: 300px;
  outline: none;
  padding: 12px;
  text-align: center;
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out;
  width: calc(100% - 60px);
  width: 228px
}

@media (max-width:600px) {
  main#enterprise-landing .setup-demo .business-demo {
    width: calc(100% - 30px)
  }
}

main#enterprise-landing .setup-demo .business-demo:focus, main#enterprise-landing .setup-demo .business-demo:hover {
  box-shadow: 0 8px 34px 0 rgba(0, 0, 0, .3);
  transform: scale(1.05);
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out
}

main#enterprise-landing .wrapper {
  background-image: linear-gradient(180deg, #fff, #f5f7fa, #fff 80%);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  padding-bottom: 25px;
  padding-top: 36px
}

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 {
  font-size: 1.875em;
  margin-bottom: 10px
}

main#enterprise-landing .wrapper .g2 p {
  color: #3d454d;
  font-size: 1.125em;
  margin: 0 auto 48px;
  max-width: 566px;
  text-align: center
}

main#enterprise-landing .wrapper .g2 .g2-item {
  padding-left: 20px;
  padding-right: 20px
}

main#enterprise-landing header {
  background-color: #fff;
  padding-bottom: 10px;
  position: relative
}

@media (min-width:1024px) {
  main#enterprise-landing header {
    background-position-y: 55%;
    -webkit-box-shadow: 0 10px 0 10px #fff;
    -moz-box-shadow: 0 10px 0 10px #fff;
    box-shadow: 0 10px 0 10px #fff;
    padding-bottom: 0
  }
}

main#enterprise-landing header h1.title {
  color: #212b36;
  font-size: 1.75em;
  letter-spacing: -.29px;
  line-height: 1.15;
  margin-left: auto;
  margin-right: auto;
  max-width: 320px
}

@media (min-width:760px) {
  main#enterprise-landing header h1.title {
    margin-left: 0;
    margin-right: 0;
    max-width: 458px
  }
}

@media (min-width:68em) {
  main#enterprise-landing header h1.title {
    font-size: 2.5em
  }
}

main#enterprise-landing header p {
  color: #454f5b;
  font-size: .9em;
  letter-spacing: -.3px;
  line-height: 1.5;
  margin-bottom: 12px;
  margin-left: 0;
  margin-right: 0;
  max-width: 458px;
  text-align: left
}

main#enterprise-landing header a.btn {
  display: inline-block;
  margin: 0;
  max-width: 250px
}

main#enterprise-landing header .header-top {
  background-image: linear-gradient(180deg, #fff, #f0f5fa);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 60px 5% 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;
  margin-top: -150px;
  padding: 0 30px;
  position: relative;
  z-index: 5
}

@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 {
  background-color: #fff;
  border: .5px solid #e9e9e9;
  border-radius: 10px;
  box-shadow: 0 10px 15px 0 hsla(0, 0%, 78%, .19);
  height: 100%;
  padding: 45px 30px 30px;
  width: 100%
}

@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 {
  color: #333;
  font-size: 1.5em;
  font-weight: 600;
  letter-spacing: -.16px;
  line-height: 1.25;
  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 {
  font-size: .938em;
  letter-spacing: -.2px;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  max-width: none
}

main#enterprise-landing .cards-panel .cards .header-card img {
  float: left;
  margin-bottom: 10px;
  margin-right: 15px;
  max-height: 30px
}

main#enterprise-landing section.advanced-protection-included, main#enterprise-landing section.end-section {
  text-align: center
}

main#enterprise-landing section h2.display {
  color: #333;
  font-family: Adelle-Semibold, sans-serif;
  font-size: 2em;
  font-weight: 400;
  letter-spacing: -.21px;
  line-height: 1.34
}

main#enterprise-landing section.business-features-list h2:last-of-type {
  color: #fff;
  font-family: Adelle-Semibold, sans-serif;
  font-size: 2em;
  font-weight: 400;
  letter-spacing: -.21px;
  line-height: 1.34
}

main#enterprise-landing section.end-section {
  background: #fff;
  padding: 40px 25px
}

main#enterprise-landing section.end-section a.link {
  font-size: 1.125em;
  font-weight: 600;
  letter-spacing: -.16px;
  line-height: 1.5;
  position: relative;
  transition: color .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 .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 section.protect-enterprise {
  background: #fff;
  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;
  border-radius: .5em;
  padding: 0
}

@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 {
  height: 100%;
  justify-self: right
}

main#enterprise-landing section.protect-enterprise .container img {
  height: 100%;
  max-width: 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
  }
  main#enterprise-landing section.protect-enterprise .grid-col--lg-order-1 {
    margin-top: -60px
  }
}

main#enterprise-landing section.protect-enterprise h2, main#enterprise-landing section.protect-enterprise p {
  margin-bottom: 30px;
  text-align: left
}

@media (min-width:760px) {
  main#enterprise-landing section.protect-enterprise h2, main#enterprise-landing section.protect-enterprise p {
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    max-width: 400px;
    padding-left: 30px;
    text-align: left
  }
}

main#enterprise-landing section.protect-enterprise p {
  font-size: 1.125em;
  letter-spacing: -.12px;
  line-height: 1.5;
  margin-bottom: 0
}

main#enterprise-landing section.deploy {
  background: #fff
}

@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 h2, main#enterprise-landing section.deploy p {
  margin-bottom: 30px;
  text-align: left
}

@media (min-width:760px) {
  main#enterprise-landing section.deploy h2, main#enterprise-landing section.deploy p {
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    max-width: 400px;
    padding-left: 30px;
    text-align: left
  }
}

main#enterprise-landing section.deploy p {
  font-size: 1.125em;
  letter-spacing: -.12px;
  line-height: 1.5
}

@media (min-width:760px) {
  main#enterprise-landing section.deploy p {
    margin-bottom: 0
  }
}

main#enterprise-landing section.good-practice {
  background: #fff
}

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 h2, main#enterprise-landing section.good-practice p {
  margin-bottom: 30px;
  text-align: left
}

@media (min-width:760px) {
  main#enterprise-landing section.good-practice h2, main#enterprise-landing section.good-practice p {
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    max-width: 400px;
    padding-left: 30px;
    text-align: left
  }
}

main#enterprise-landing section.good-practice p {
  font-size: 1.125em;
  letter-spacing: -.12px;
  line-height: 1.5
}

@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 #000;
  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, #fff, #f2f4f7);
  box-shadow: 0 1px 0 0 #e6e8eb;
  min-height: 250px
}

main#enterprise-landing section.ibm-quote div.container {
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  max-width: 1170px;
  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 {
  color: #fff;
  font-size: 1.75em;
  letter-spacing: -.19px;
  line-height: 1.36;
  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;
  font-size: 1.14em;
  line-height: 1.6em;
  margin: 20px 0;
  padding: 0 60px
}

@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;
  font-size: .9rem;
  font-weight: 600;
  margin: 1em 0 0
}

main#enterprise-landing .companies {
  background-color: #fff;
  padding: 0 20px;
  text-align: center
}

@media (min-width:920px) {
  main#enterprise-landing .companies {
    padding: 80px 20px 70px
  }
}

main#enterprise-landing .companies h1 {
  color: #333;
  font-size: 1.25em;
  letter-spacing: -.13px;
  line-height: 1.15;
  margin: 0 auto;
  max-width: 381px;
  text-align: center
}

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 {
  color: #0572ec;
  font-size: 1.125em;
  font-weight: 600;
  letter-spacing: -.12px;
  line-height: 1.5;
  text-align: center
}

main#enterprise-landing .companies a.read-more:hover {
  color: #06c
}

main#enterprise-landing section.g2-scrollable {
  background: #f0f5fa;
  background: -webkit-linear-gradient(top, #fff, #f0f5fa 40%);
  background: linear-gradient(180deg, #fff 0, #f0f5fa 40%);
  margin-bottom: 0
}

main#enterprise-landing section.g2-scrollable h2 {
  font-size: 1.75em;
  letter-spacing: -.27px;
  line-height: 1.15
}

@media (min-width:52em) {
  main#enterprise-landing section.g2-scrollable h2 {
    font-size: 2.5em
  }
}

main#enterprise-landing section.g2-scrollable .g2-trophy {
  height: 120px;
  margin: 40px auto 0
}

main#enterprise-landing section.g2-scrollable .scroller-wrapper {
  margin: 0 auto;
  max-width: 1040px
}

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 {
  background-color: #072a50;
  box-shadow: 0 2px 4px 0 rgba(122, 138, 153, .1);
  overflow: visible;
  padding: 30px;
  position: relative
}

@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 {
    background: url(/img/enterprise/ent-secure-left.6a967ddc10e66e09c1e28f18d65803db.svg) no-repeat 0 0;
    background-size: contain;
    content: "";
    display: block;
    left: calc(20% - 320px);
    min-height: 105%;
    position: absolute;
    top: -10px;
    width: 370px
  }
}

main#enterprise-landing section.g2-scrollable .cta-box:after {
  display: none
}

@media (min-width:900px) {
  main#enterprise-landing section.g2-scrollable .cta-box:after {
    background: url(/img/enterprise/ent-secure-right.361fdb8cf7c4eb431a3e7d1950549ceb.svg) no-repeat 100%;
    background-size: contain;
    content: "";
    display: block;
    min-height: 105%;
    position: absolute;
    right: calc(20% - 360px);
    top: -10px;
    width: 370px
  }
}

main#enterprise-landing section.g2-scrollable .cta-box h2, main#enterprise-landing section.g2-scrollable .cta-box li, main#enterprise-landing section.g2-scrollable .cta-box p {
  color: #fff
}

main#enterprise-landing section.g2-scrollable .cta-box h2, main#enterprise-landing section.g2-scrollable .cta-box p {
  margin-left: auto;
  margin-right: auto;
  max-width: 570px
}

main#enterprise-landing section.g2-scrollable .cta-box p {
  margin-bottom: 30px;
  max-width: 570px
}

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: -.27px
}

main#enterprise-landing section.g2-scrollable .cta-box a.btn {
  background-color: #fff;
  color: #0572ec;
  display: inline-block;
  margin: 0 auto 30px;
  padding-left: 25px;
  padding-right: 25px;
  width: auto
}

@media (min-width:500px) {
  main#enterprise-landing section.g2-scrollable .cta-box a.btn {
    margin: 0 auto 40px
  }
  main#enterprise-landing section.g2-scrollable .cta-box .list-features ul {
    display: inline-flex;
    flex-direction: row;
    justify-content: space-evenly;
    margin-bottom: 20px;
    max-width: 500px;
    width: 100%
  }
}

@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 {
  font-size: .875em;
  font-weight: 500;
  letter-spacing: -.09px;
  line-height: 1.5;
  list-style: none;
  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 {
  align-items: center;
  background: #232a3f;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  padding: 30px;
  text-align: center;
  width: 100%
}

main#enterprise-landing .get-started h3 {
  color: #fff;
  font-size: 1.375em;
  font-weight: 600;
  letter-spacing: -.2px;
  line-height: 1.36
}

main#enterprise-landing .get-started a {
  align-self: center;
  background: #50b347;
  border-radius: 100px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
  box-sizing: border-box;
  color: #fff;
  display: flex;
  font-weight: 600;
  justify-content: center;
  margin: 0 1em;
  max-width: 300px;
  outline: none;
  padding: 12px;
  text-align: center;
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out;
  width: calc(100% - 60px)
}

@media (max-width:600px) {
  main#enterprise-landing .get-started a {
    width: calc(100% - 30px)
  }
}

main#enterprise-landing .get-started a:focus, main#enterprise-landing .get-started a:hover {
  box-shadow: 0 8px 34px 0 rgba(0, 0, 0, .3);
  transform: scale(1.05);
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out
}

footer.footer-pricing {
  background-color: #fff;
  width: 100%
}

footer.footer-pricing .made-by--pricing {
  padding: 20px 0;
  width: 100%;
  z-index: 1
}

footer.footer-pricing .made-by--pricing .container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin: 0 auto;
  max-width: 1140px;
  padding: 20px 50px;
  text-align: left
}

@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;
  font-size: 13px;
  line-height: 1.4em;
  margin: 5px;
  text-align: left
}

@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
  }
}

main.pricing-landing h1.teams {
  background-image: url(/img/pricing/header-logo-lock.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 293px 36px;
  height: 120px;
  text-indent: -10000px;
  width: 100%
}

@media (min-resolution:192dpi), only screen and (-webkit-min-device-pixel-ratio:2) {
  main.pricing-landing h1.teams {
    background-image: url(/img/pricing/header-logo-lock@2x.png)
  }
}

main.pricing-landing .pricing-cards {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  margin: auto;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .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 .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
  }
}

main.pricing-landing .pricing-cards article {
  -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;
  justify-content: center;
  margin: 0 2px;
  max-width: 300px;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out
}

@media (max-width:767px) {
  main.pricing-landing .pricing-cards article {
    margin: 5px;
    max-width: none;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
  }
}

main.pricing-landing .pricing-cards .pricing-card header {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  -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;
  font-size: 1.7em;
  height: 50px;
  justify-content: center
}

main.pricing-landing .pricing-cards .pricing-card ul {
  list-style: none;
  margin: 0 10px
}

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-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-pack: distribute;
  align-items: center;
  -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;
  -ms-flex-direction: column;
  flex-direction: column;
  justify-content: space-around;
  min-height: 330px;
  padding: 14px 0;
  text-align: center
}

@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;
  font-weight: 600;
  letter-spacing: -1px;
  line-height: 0;
  padding-right: 3px;
  vertical-align: super
}

main.pricing-landing .pricing-cards .pricing-card section.pricing p {
  color: #fff;
  font-size: 1.063em;
  line-height: 1.35;
  margin: 0 20px 15px;
  max-width: 300px;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .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 .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
  }
}

main.pricing-landing .pricing-cards .pricing-card section.pricing p.price {
  display: inline-block;
  font-size: 72px;
  font-weight: 600;
  letter-spacing: .34px;
  line-height: .5em;
  margin-top: 20px;
  vertical-align: bottom
}

main.pricing-landing .pricing-cards .pricing-card section.pricing p.billed {
  font-size: .9em;
  font-weight: 600;
  line-height: 5px;
  margin: 0 auto;
  opacity: .4;
  position: relative;
  top: 10px
}

main.pricing-landing .pricing-cards .pricing-card section.pricing a.button {
  align-self: center;
  border-radius: 100px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
  box-sizing: border-box;
  display: flex;
  font-size: .938em;
  font-weight: 600;
  justify-content: center;
  letter-spacing: -.2px;
  margin: 20px auto 0;
  max-width: 300px;
  max-width: 285px;
  outline: none;
  padding: 12px;
  text-align: center;
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out;
  width: calc(100% - 60px)
}

@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:focus, main.pricing-landing .pricing-cards .pricing-card section.pricing a.button:hover {
  box-shadow: 0 8px 34px 0 rgba(0, 0, 0, .3);
  transform: scale(1.05);
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out
}

main.pricing-landing .pricing-cards .teams-standard header {
  color: #fff;
  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: #fff;
  width: 100%
}

main.pricing-landing .pricing-cards .teams-standard a.button {
  background: #fff;
  color: #0572ec
}

main.pricing-landing .pricing-cards .teams-pro header {
  color: #fff;
  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: #fff;
  width: 100%
}

main.pricing-landing .pricing-cards .teams-pro section.pricing a.button {
  background: #0572ec;
  color: #fff;
  margin-top: 30px
}

main.pricing-landing .pricing-cards .teams-enterprise header {
  color: #fff;
  font-weight: 600
}

main.pricing-landing .pricing-cards .teams-enterprise section.pricing {
  background: #3f4c73;
  color: #fff;
  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: #fff;
  color: #69728c
}

.pricing-landing {
  overflow: hidden
}

.pricing-landing .header {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #ecf5ff;
  justify-content: flex-end;
  min-height: 190px;
  padding-top: 60px
}

@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: 400
}

.pricing-landing .header h2 {
  color: #4d4d4d;
  font-size: 1.7em;
  font-weight: 400
}

.pricing-landing .header .tabs {
  -ms-flex-pack: distribute;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-around;
  max-width: 490px;
  width: 95%
}

@media screen\0 {
  .pricing-landing .header .tabs {
    bottom: 0;
    left: 460px;
    margin-left: 230px;
    position: absolute
  }
}

.pricing-landing .header .tabs .tab {
  background: #fff;
  border-bottom: none;
  border-radius: 6px 6px 0 0;
  text-align: center;
  width: 240px
}

.pricing-landing .header .tabs .tab h2 {
  font-size: 1em;
  line-height: 44px
}

.pricing-landing .USD-pricing {
  position: relative;
  text-align: center;
  width: 100%
}

.pricing-landing .USD-pricing p {
  color: #b8bdcc;
  font-size: .8em;
  margin: 0
}

.pricing-landing .main-body {
  padding: 30px 0 0
}

.pricing-landing .main-body .column-container {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  justify-content: center;
  margin: 0 auto;
  max-width: 970px
}

@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;
  flex-grow: 1;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content
}

@media screen\0 {
  .pricing-landing .main-body .column-container .col {
    margin: 0 auto
  }
}

.pricing-landing .main-body .column-container .col ul {
  margin: 20px auto;
  max-width: 460px
}

.pricing-landing .main-body .column-container .col ul li {
  background-position: 3%;
  background-repeat: no-repeat;
  background-size: 18px;
  font-size: 14px;
  font-weight: 500;
  list-style: none;
  margin: 0 2px;
  padding: 15px 5px 15px 40px
}

.pricing-landing .main-body .column-container .col ul li.top-highlight {
  font-family: Adelle-Semibold, sans-serif;
  font-size: .938em;
  padding-left: 20px;
  padding-top: 17px
}

.pricing-landing .main-body .column-container .col.business ul li.family-account-included, .pricing-landing .main-body .column-container .col.family ul li.family-account-included {
  background-image: url(/img/teams/family.69e6fce0a736524e0ec7f21fab5f8c9b.svg);
  background-position: 12px 100%;
  background-size: 135px 65px;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  min-height: 100px;
  padding: 14px 5px 11px 165px;
  width: 100%
}

.pricing-landing .main-body .column-container .col.business ul li.family-account-included span, .pricing-landing .main-body .column-container .col.family ul li.family-account-included span {
  font-weight: 400;
  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 {
  background: rgba(25, 140, 255, .2);
  height: 42px
}

@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;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  width: 97%
}

@media (min-width:700px) {
  .pricing-landing#personal-and-family .price-cards .card {
    height: 420px;
    margin: 0 5px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
  }
}

@media (min-width:700px) and (min-width:990px) {
  .pricing-landing#personal-and-family .price-cards .card {
    padding: 40px 10px 28px;
    width: 450px
  }
}

@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: .8
  }
  .pricing-landing#personal-and-family .price-cards .card:hover {
    box-shadow: 0 6px 30px 0 hsla(0, 0%, 60%, .7);
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transition: transform .3s ease;
    -moz-transition: transform .3s ease;
    -ms-transition: transform .3s ease;
    -o-transition: transform .3s ease;
    transition: transform .3s ease
  }
}

@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 {
  background: rgba(25, 140, 255, .2);
  height: 42px
}

@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 {
  align-items: center;
  justify-content: center
}

.pricing-landing#teams-and-business .pricing-cards .pricing-card {
  max-width: 95%;
  width: 100%
}

@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 {
  box-shadow: 0 6px 30px 0 hsla(0, 0%, 60%, .7);
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  -webkit-transition: transform .3s ease;
  -moz-transition: transform .3s ease;
  -ms-transition: transform .3s ease;
  -o-transition: transform .3s ease;
  transition: transform .3s ease
}

.pricing-landing#teams-and-business .pricing-cards .pricing-card .pricing>a[href*="https://start.1password.com"] {
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: 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 {
  color: #fff;
  font-size: .8rem;
  font-weight: 600;
  left: 55%;
  opacity: .6;
  position: absolute;
  top: 55%
}

.pricing-landing#teams-and-business .pricing-cards .teams-standard .pricing header {
  position: relative
}

.pricing-landing#teams-and-business .pricing-cards .teams-standard .pricing .price {
  display: block;
  position: relative
}

@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, .pricing-landing#teams-and-business .pricing-cards .teams-pro .pricing p {
  position: relative
}

.pricing-landing#teams-and-business .pricing-cards .teams-pro .pricing .price {
  display: block;
  position: relative
}

.pricing-landing#teams-and-business .pricing-cards .teams-pro .pricing .advanced-protection-description {
  background-color: #2b3a49;
  border-radius: 0 0 6px 6px;
  margin-bottom: 0;
  margin-top: 35px;
  min-height: 50px;
  width: 100%
}

.pricing-landing#teams-and-business .pricing-cards .teams-pro .pricing .advanced-protection-description p {
  font-size: .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.business ul li:first-child, .pricing-landing#teams-and-business .main-body .column-container .col.teams ul li:first-child {
  font-size: 19px;
  margin: 0 0 15px 15px;
  padding: 0
}

.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(2n) {
  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(2n) {
  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
}

@media (max-width:767px) {
  .pricing-landing#teams-and-business .main-body .trust-pilot {
    padding-top: 50px
  }
}

.pricing-landing#teams-and-business .main-body .reviews-and-quotes {
  background-image: linear-gradient(180deg, #fff, #f2f4f7);
  min-height: 590px;
  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: 700
}

@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 {
  grid-gap: 30px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  display: grid;
  flex-direction: row;
  flex-wrap: wrap;
  grid-template-columns: 1fr;
  justify-items: center;
  min-height: auto
}

@media screen\0 {
  .pricing-landing#teams-and-business .main-body .reviews-and-quotes .quotes-grid {
    align-items: stretch;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    max-width: none
  }
}

@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 {
  background: #fff;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
  box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 5px;
  max-width: 330px;
  padding: 20px;
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  width: 100%
}

.pricing-landing#teams-and-business .main-body .reviews-and-quotes .quotes-grid .quote-card p {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.45;
  margin-bottom: .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 .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .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 {
  margin-top: 60px
}

main.forgot-password .scrolling-quotes-v2 {
  background: linear-gradient(180deg, #f7f9fd 50%, #fff 0)
}

main.forgot-password .scrolling-quotes-v2 .scrolling-quotes-container-v2 {
  position: unset
}

main.forgot-password .scrolling-quotes-v2 .scrolling-quotes-container-v2 .card__text {
  align-items: center;
  align-self: flex-start;
  background-color: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  box-shadow: 0 6px 10px -2px hsla(0, 0%, 80%, .5);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 10px;
  overflow: auto;
  padding: 30px;
  text-align: center;
  transition: all .2s ease-in-out;
  vertical-align: middle;
  white-space: normal;
  width: 273.8px
}

@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 {
  color: #212b36;
  font-size: 1.125em;
  line-height: 1.56;
  margin: 23px 0 30px;
  padding: 0;
  width: 100%
}

main.forgot-password .scrolling-quotes-v2 .scrolling-quotes-container-v2 .card__text cite {
  color: #919eab;
  font-size: 1.125em;
  line-height: 1.44
}

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-bottom: 15px;
  margin-top: 15px
}

main.forgot-password header {
  align-items: center;
  background: linear-gradient(180deg, #097be9, #37bbfc 60%);
  background-size: cover;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 450px;
  padding: 30px
}

@media (max-width:479px) {
  main.forgot-password header {
    padding-bottom: 0;
    padding-top: 0
  }
}

@media (min-width:1200px) {
  main.forgot-password header {
    background: linear-gradient(180deg, #097be9, #37bbfc 60%);
    border-radius: 0 0 100% 15%;
    margin-left: -10vw;
    min-height: 600px;
    width: 120vw
  }
}

main.forgot-password header .container {
  margin: 0 auto;
  max-width: 1170px
}

@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: #fff
}

main.forgot-password header .container h1 {
  font-size: 1.875em;
  letter-spacing: -.6px;
  line-height: 1;
  margin-bottom: 17px
}

main.forgot-password header .container p {
  color: #fff;
  font-size: 1em
}

main.forgot-password header .container p.desc-main {
  max-width: 410px
}

main.forgot-password header .container .price-card-forgot-password {
  align-items: center;
  background-color: #fff;
  -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;
  padding: 30px;
  text-align: center;
  width: 100%
}

@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 {
  color: #3d454d;
  font-size: 1.125em;
  letter-spacing: -.12px;
  line-height: 1.44;
  text-align: center
}

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 {
  color: #333;
  font-size: 4.875rem;
  text-align: center;
  vertical-align: -.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 {
  align-self: center;
  background-color: #0572ec;
  border-radius: 100px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
  box-sizing: border-box;
  color: #fff;
  display: flex;
  font-weight: 600;
  justify-content: center;
  margin: 20px 0 10px;
  max-width: 300px;
  outline: none;
  padding: 12px;
  text-align: center;
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out;
  width: calc(100% - 60px)
}

@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:focus, main.forgot-password header .container .price-card-forgot-password a.btn:hover {
  box-shadow: 0 8px 34px 0 rgba(0, 0, 0, .3);
  transform: scale(1.05);
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .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 0;
  background-repeat: no-repeat;
  background-size: 12px;
  color: #8fa1b3;
  font-size: 13px;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: -.09px;
  line-height: 1.62;
  list-style: none;
  padding: 0 11px 0 17px;
  text-align: center
}

@media (min-width:1200px) {

  main.forgot-password header .container picture {
    padding-left: 50px;
    position: relative;
    top: 30px
  }
}

main.forgot-password section#password-resets>div.container, main.forgot-password section.create-passwords>div.container {
  margin: 0 auto;
  max-width: 1140px
}

main.forgot-password section#password-resets>div.container h1, main.forgot-password section.create-passwords>div.container h1 {
  margin-bottom: 26px
}

main.forgot-password section#password-resets>div.container p, main.forgot-password section.create-passwords>div.container p {
  max-width: 520px
}

main.forgot-password section.create-passwords {
  background-color: #fff;
  padding: 30px
}

@media (min-width:768px) {
  main.forgot-password section.create-passwords {
    padding-bottom: 100px;
    padding-top: 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 {
    align-items: center;
    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.forgot-password section.create-passwords div.container>div>div {
      align-items: center;
      display: grid;
      grid-template-rows: 100px 70px;
      justify-items: center;
      justify-self: center
    }
  }
}

main.forgot-password section#password-resets {
  overflow: hidden;
  padding: 30px;
  position: relative
}

@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 {
  font-size: 28px;
  letter-spacing: -.56px;
  line-height: 1.15;
  margin-bottom: 16px
}

main.forgot-password section#password-resets p {
  color: #212b36;
  line-height: 1.5
}

main.forgot-password section#password-resets hr {
  border: 4px solid #0572ec;
  height: 1px;
  margin: 30px 0;
  width: 41px
}

main.forgot-password section#password-resets picture {
  bottom: -47px;
  position: relative
}

@media (min-width:760px) {
  main.forgot-password section#password-resets picture {
    bottom: -37px;
    position: absolute
  }
}

main.forgot-password section#password-resets a.link {
  color: #0572ec;
  display: inline-block;
  font-size: 1.125em;
  font-weight: 500;
  letter-spacing: -.34px;
  line-height: .89
}

main.forgot-password section#password-resets a.link>svg {
  transition: transform .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 .2s
}

main.forgot-password section#password-resets a.link:hover>svg path {
  fill: #06c;
  transition: fill .2s
}

main.forgot-password section.cta-end {
  background-image: linear-gradient(180deg, #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: #fff;
  font-size: 2em
}

main.forgot-password section.cta-end a.btn {
  align-self: center;
  background-color: #fff;
  border-radius: 100px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
  box-sizing: border-box;
  color: #218df9;
  display: flex;
  font-weight: 600;
  justify-content: center;
  margin: 0 auto 15px;
  max-width: 300px;
  max-width: 320px;
  min-width: 270px;
  outline: none;
  padding: 12px;
  text-align: center;
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out;
  width: calc(100% - 60px)
}

@media (max-width:600px) {
  main.forgot-password section.cta-end a.btn {
    width: calc(100% - 30px)
  }
}

main.forgot-password section.cta-end a.btn:focus, main.forgot-password section.cta-end a.btn:hover {
  box-shadow: 0 8px 34px 0 rgba(0, 0, 0, .3);
  transform: scale(1.05);
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out
}

main.forgot-password section.cta-end p {
  color: #fff;
  opacity: .8
}

main.reset-password {
  margin-top: 60px
}

main.reset-password .testimonials {
  background: linear-gradient(180deg, rgba(240, 245, 250, .5) 20%, #fff);
  padding: 30px 30px 0
}

@media (min-width:768px) {
  main.reset-password .testimonials {
    padding-top: 60px
  }
}

main.reset-password .testimonials-title {
  color: #333;
  font-size: 1.5rem;
  letter-spacing: -.45px;
  line-height: 1.33;
  text-align: center
}

main.reset-password .testimonials-container {
  margin: 0 auto;
  max-width: 980px;
  width: 100%
}

main.reset-password .testimonials-grid {
  border: 2px solid #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 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 35px
}

main.reset-password .testimonials-card.blue {
  background-color: #eff6fd
}

main.reset-password .testimonials-card.white {
  background-color: #fff
}

@supports (display:grid) {
  main.reset-password .column {
    display: grid;
    grid-template-rows: repeat(3, minmax(250px, 1fr))
  }
}

main.reset-password .testimonials-quote {
  color: #212b36;
  font-size: 1.25rem;
  letter-spacing: normal;
  line-height: 1.4
}

main.reset-password .source {
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  position: relative
}

main.reset-password .source-img {
  margin-right: 20px;
  width: 48px
}

main.reset-password .source-name {
  color: #222;
  font-weight: 500;
  margin-bottom: 5px
}

main.reset-password .source-occupation {
  color: #9295a0;
  display: inline-block;
  font-size: 1.063rem;
  font-stretch: normal;
  font-style: normal;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1.53;
  max-width: 305px
}

main.reset-password .source-logo {
  position: absolute;
  right: -10px;
  width: 25px
}

@media (max-width:374px) {
  main.reset-password .source-logo {
    display: none
  }
}

main.reset-password .reset-password-header {
  align-items: center;
  background-color: #d1eeff;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 450px;
  padding: 60px 30px 30px
}

@media (max-width:479px) {
  main.reset-password .reset-password-header {
    padding-bottom: 0
  }
}

@media (min-width:1200px) {
  main.reset-password .reset-password-header {
    border-radius: 0 0 100% 15%;
    margin-left: -10vw;
    min-height: 600px;
    width: 120vw
  }
}

main.reset-password .reset-password-header .container {
  margin: 0 auto;
  max-width: 1170px
}

@media (max-width:479px) {
  main.reset-password .reset-password-header .container {
    margin-top: 30px
  }
}

main.reset-password .reset-password-header .container .title {
  color: #1f2e59;
  font-size: 1.875rem;
  letter-spacing: -.6px;
  line-height: 1;
  margin-bottom: 17px
}

main.reset-password .reset-password-header .container p {
  font-size: 1em
}

main.reset-password .reset-password-header .container p.desc-main {
  color: #4d5d8c;
  max-width: 410px
}

@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 {
  align-items: center;
  background-color: #9469bf;
  border-radius: 6px 6px 0 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 30px;
  text-align: center;
  width: 100%
}

main.reset-password .reset-password-header .container .price-card-container h2, main.reset-password .reset-password-header .container .price-card-container p {
  color: #fff
}

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;
  letter-spacing: -.12px;
  line-height: 1.44;
  max-width: 300px;
  text-align: center
}

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 {
  color: #fff;
  font-size: 4.875rem;
  text-align: center;
  vertical-align: -.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 {
  align-self: center;
  background-color: #fff;
  border-radius: 100px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
  box-sizing: border-box;
  color: #9469bf;
  display: flex;
  font-weight: 600;
  justify-content: center;
  margin: 20px 0 10px;
  max-width: 300px;
  outline: none;
  padding: 12px;
  text-align: center;
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out;
  width: calc(100% - 60px)
}

@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:focus, main.reset-password .reset-password-header .container .price-card-container .btn:hover {
  box-shadow: 0 8px 34px 0 rgba(0, 0, 0, .3);
  transform: scale(1.05);
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .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 {
  background-color: #7952a1;
  border-radius: 0 0 6px 6px;
  justify-content: center;
  padding: 15px;
  width: 100%
}

@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-column-gap: 10px;
      grid-template-columns: repeat(2, 160px);
      justify-content: space-between
    }
  }
}

@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 0;
  background-position: left 6px;
  background-size: 12px;
  color: #fff;
  font-size: .813rem;
  font-stretch: normal;
  font-style: normal;
  font-weight: 500;
  letter-spacing: -.09px;
  line-height: 1.62;
  list-style: none;
  padding-bottom: 7px;
  padding-left: 17px;
  padding-right: 0
}

@media (min-width:1200px) {
  main.reset-password .reset-password-header .container picture {
    padding-left: 50px;
    position: relative;
    top: 30px
  }
}

main.reset-password #password-resets>.container, main.reset-password .create-passwords>.container {
  margin: 0 auto;
  max-width: 1140px
}

main.reset-password #password-resets>.container h1, main.reset-password .create-passwords>.container h1 {
  margin-bottom: 26px
}

main.reset-password #password-resets>.container p, main.reset-password .create-passwords>.container p {
  max-width: 520px
}

main.reset-password .create-passwords {
  background-color: #fff;
  padding: 30px
}

@media (min-width:768px) {
  main.reset-password .create-passwords {
    padding-bottom: 100px;
    padding-top: 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 {
    align-items: center;
    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.reset-password .create-passwords .container>div>div {
      align-items: center;
      display: grid;
      grid-template-rows: 100px 70px;
      justify-items: center;
      justify-self: center
    }
  }
}

main.reset-password #password-resets {
  overflow: hidden;
  padding: 30px;
  position: relative
}

@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 {
  font-size: 28px;
  letter-spacing: -.56px;
  line-height: 1.15;
  margin-bottom: 16px
}

main.reset-password #password-resets p {
  color: #212b36;
  line-height: 1.5
}

main.reset-password #password-resets hr {
  border: 4px solid #0572ec;
  height: 1px;
  margin: 30px 0;
  width: 41px
}

main.reset-password #password-resets picture {
  bottom: -47px;
  position: relative
}

@media (min-width:760px) {
  main.reset-password #password-resets picture {
    bottom: -37px;
    position: absolute
  }
}

main.reset-password #password-resets a.btn {
  align-self: center;
  background-color: #fff;
  border: 2px solid #0572ec;
  border-radius: 100px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
  box-sizing: border-box;
  color: #0572ec;
  display: flex;
  font-weight: 600;
  justify-content: center;
  margin: 0;
  max-width: 300px;
  max-width: 150px;
  outline: none;
  padding: 12px;
  text-align: center;
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out;
  width: calc(100% - 60px)
}

@media (max-width:600px) {
  main.reset-password #password-resets a.btn {
    width: calc(100% - 30px)
  }
}

main.reset-password #password-resets a.btn:focus, main.reset-password #password-resets a.btn:hover {
  box-shadow: 0 8px 34px 0 rgba(0, 0, 0, .3);
  transform: scale(1.05);
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out
}

main.reset-password .testimonials-container {
  position: relative
}

@media (min-width:1200px) {
  main.reset-password .testimonials-container:before {
    background: url(/img/reset-password/testimonials-icons-left.246e1fa799b29925eb4a18e2b2b702ae.svg) no-repeat 50%;
    content: "";
    height: 127px;
    left: -130px;
    position: absolute;
    top: 70px;
    width: 76px
  }
  main.reset-password .testimonials-container:after {
    background: url(/img/reset-password/testimonials-icons-right.ae810a0251b52dbe3d107955d9b5c0aa.svg) no-repeat 50%;
    content: "";
    height: 105px;
    position: absolute;
    right: -130px;
    top: 70px;
    width: 87px
  }
}

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: #fff;
  font-size: 2.5rem
}

main.reset-password .cta-end .btn {
  align-self: center;
  background-color: #fff;
  border-radius: 100px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
  box-sizing: border-box;
  color: #0572ec;
  display: flex;
  font-weight: 600;
  justify-content: center;
  margin: 0 auto 15px;
  max-width: 300px;
  max-width: 320px;
  min-width: 270px;
  outline: none;
  padding: 12px;
  text-align: center;
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out;
  width: calc(100% - 60px)
}

@media (max-width:600px) {
  main.reset-password .cta-end .btn {
    width: calc(100% - 30px)
  }
}

main.reset-password .cta-end .btn:focus, main.reset-password .cta-end .btn:hover {
  box-shadow: 0 8px 34px 0 rgba(0, 0, 0, .3);
  transform: scale(1.05);
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out
}

.wfh {
  margin-top: 60px;
  overflow: hidden
}

.wfh__header {
  padding-bottom: 10px;
  position: relative
}

.wfh__header-top {
  background-image: url(/img/working-from-home/wfh-header-bg@2x.a8abc3f56ab5e066415ca3f27e32934d.jpg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 135px 5% 100px
}

@media screen\0 {
  .wfh__header-top {
    overflow: hidden
  }
}

@media (min-width:1170px) {
  .wfh__header-top {
    padding-bottom: 80px
  }
}

@media (min-width:1200px) {
  .wfh__header-top {
    background-image: url(/img/working-from-home/wfh-header-bg@2x.a8abc3f56ab5e066415ca3f27e32934d.jpg);
    background-size: 50% auto;
    left: -50vw;
    min-height: 650px;
    padding-left: 100px;
    padding-right: 100px;
    position: relative;
    width: 200vw
  }
}

@media (min-width:1280px) {
  .wfh__header-top {
    border-radius: 0 0 55% 55%
  }
}

@media (min-width:1500px) {
  .wfh__header-top {
    background-image: url(/img/working-from-home/wfh-header-bg@3x.2daf6a3c009c25fa4f8f3f74528e2726.jpg)
  }
}

@media (min-width:1200px) {
  .wfh__grid-container {
    margin: 0 auto;
    max-width: 1100px
  }
}

.wfh__cta-title {
  color: #fff;
  font-size: 2.188rem;
  text-align: center
}

@media (min-width:760px) {
  .wfh__cta-title {
    font-size: 2.625rem;
    margin-bottom: 20px;
    text-align: left
  }
}

.wfh__cta-title--end {
  color: #1f2e59;
  text-align: center
}

.wfh__cta-description {
  color: #fff;
  font-size: 1.25rem;
  letter-spacing: -.18px;
  line-height: 1.5;
  text-align: center
}

@media (min-width:760px) {
  .wfh__cta-description {
    font-size: 1.375rem;
    margin-left: 0;
    margin-right: 0;
    text-align: left
  }
}

.wfh__cta-description--end {
  color: #1f2e59;
  text-align: center
}

.wfh__buttons-container {
  display: flex
}

.wfh__buttons-container--end {
  align-items: center;
  flex-wrap: wrap;
  justify-content: center
}

.wfh__button {
  align-self: center;
  border-radius: 100px;
  box-sizing: border-box;
  display: flex;
  font-weight: 600;
  justify-content: center;
  margin-left: 0;
  margin-right: 0;
  max-width: none;
  outline: none;
  padding: 12px 0;
  text-align: center;
  width: 100%
}

.wfh__button:focus, .wfh__button:hover {
  transform: scale(1.05);
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out
}

.wfh__button--tryfree {
  background-color: #0572ec;
  color: #fff;
  max-width: 300px
}

@media (max-width:760px) {
  .wfh__button--tryfree {
    margin-left: auto;
    margin-right: auto
  }
}

.wfh__button--tryfree:hover {
  color: #fff
}

@media (min-width:1024px) {
  .wfh__button--tryfree {
    max-width: fit-content;
    padding: 15px 30px
  }
}

.wfh__button--book-demo {
  background-color: transparent;
  border: 2px solid #0572ec;
  color: #008cff
}

.wfh__button--book-demo:hover {
  color: #0572ec
}

@media (min-width:760px) {
  .wfh__button--book-demo {
    background-color: #fff
  }
}

.wfh__button--book-demo--end {
  background-color: transparent;
  flex-basis: 215px;
  margin: 7px
}

.wfh__button--book-demo-hero {
  background-color: #fff;
  border: none;
  color: #0572ec
}

.wfh__button--book-demo-hero:hover {
  color: #0572ec
}

@media (min-width:760px) {
  .wfh__button--book-demo-hero {
    background-color: #fff
  }
}

@media (min-width:1024px) {
  .wfh__button--book-demo-hero {
    margin-left: 7px
  }
}

.wfh__button--book-demo-hero--end {
  background-color: transparent;
  flex-basis: 215px
}

.wfh__trial-extension {
  text-align: center;
  width: 100%
}

@media (min-width:1024px) {
  .wfh__trial-extension {
    max-width: 450px
  }
}

.wfh__trial-extension a {
  text-decoration: underline
}

.wfh__trial-extension--header {
  margin: 45px auto;
  max-width: 850px;
  padding: 0 25px
}

.wfh__trial-extension--end {
  margin: 45px auto 0
}

.wfh__trial-extension-description {
  background-color: #c85101;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  color: #fff;
  font-weight: 600;
  margin-bottom: 0;
  padding: 15px 25px
}

.wfh__shareable-item {
  align-items: center;
  background-color: #fff;
  display: flex;
  justify-content: center;
  margin: 0 auto;
  max-width: 1170px
}

.wfh__shareable-item-img {
  bottom: 60px;
  position: relative
}

@media (min-width:760px) {
  .wfh__shareable-item-img--mobile {
    display: none
  }
}

@media (max-width:759px) {
  .wfh__shareable-item-img--desktop {
    display: none
  }
}

.wfh__header-intro {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  max-width: 1170px;
  padding: 0 25px
}

.wfh__header-intro-text {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.8;
  max-width: 860px;
  text-align: center;
  width: 100%
}

@media (min-width:760px) {
  .wfh__header-intro-text {
    font-size: 1.375rem
  }
}

@media (min-width:1200px) {
  .wfh__header-intro-text {
    font-size: 1.5rem;
    line-height: 1.5
  }
}

.wfh__ibm-quote {
  background-color: #369bff;
  margin-bottom: 70px;
  padding: 73px 30px 0
}

@media (min-width:52em) {
  .wfh__ibm-quote {
    margin-bottom: 150px
  }
}

@media (min-width:1000px) {
  .wfh__ibm-quote {
    height: 500px;
    padding: 30px
  }
}

.wfh__ibm-quote-container {
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0 auto;
  max-width: 1400px
}

.wfh__ibm-quote-container, .wfh__ibm-quote-content-container {
  flex-basis: 450px
}

.wfh__ibm-quote-text {
  color: #fff;
  font-size: 1.75em;
  letter-spacing: -.19px;
  line-height: 1.36;
  margin-bottom: 25px
}

@media (min-width:1024px) {
  .wfh__ibm-quote-text {
    font-size: 2em
  }
}

@media (min-width:1000px) {
  .wfh__ibm-quote-image-container {
    position: relative;
    top: 40px
  }
  .wfh__ibm-quote-content-container {
    bottom: 40px;
    position: relative
  }
}

.wfh img[alt="IBM logo"] {
  width: 80px
}

.wfh img[alt=IBM] {
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  max-width: 471px;
  position: relative;
  width: 100%
}

@media (max-width:999px) {
  .wfh img[alt=IBM] {
    top: 53px
  }
}

.wfh__link {
  color: #0572ec;
  font-size: 1.125rem;
  font-weight: 600
}

.wfh__link>svg {
  transition: transform .2s
}

.wfh__link:hover {
  color: #0572ec
}

.wfh__link:hover>svg {
  transform: translateX(7px);
  transition: transform .2s
}

.wfh__link:hover>svg path {
  fill: #0572ec;
  transition: fill .2s
}

.wfh__cards {
  padding: 30px
}

@media (min-width:1200px) {
  .wfh__cards {
    padding: 60px 160px
  }
}

.wfh__cards-container {
  margin: 0 auto;
  max-width: 1100px
}

.wfh__cards-section-title {
  font-size: 1.5rem;
  margin-bottom: 32px
}

@media (max-width:980px) {
  .wfh__cards-section-title {
    text-align: center
  }
}

.wfh__card {
  background-color: #fff;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  height: 100%
}

.wfh__card-img {
  border-radius: 6px 6px 0 0;
  width: 100%
}

.wfh__card-content {
  border: 1px solid #dee0e3;
  -webkit-border-radius: 0 0 8px 8px;
  -moz-border-radius: 0 0 8px 8px;
  border-radius: 0 0 8px 8px;
  border-top: none;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 25px
}

.wfh__card-title {
  color: #333;
  font-size: 22px;
  letter-spacing: -.2px;
  line-height: 1.36;
  margin: 0 auto 35px;
  max-width: 312px;
  text-align: center
}

.wfh__card-button {
  background-color: #0572ec;
  color: #fff;
  margin: auto;
  max-width: 260px
}

.wfh__card-button:hover {
  color: #fff
}

.wfh__end-cta {
  background-color: #e0f3fe
}

.wfh__grid-container-end {
  margin: 0 auto;
  max-width: 650px;
  padding: 55px 30px
}

@media (min-width:1024px) {
  .wfh__grid-container-end {
    padding-bottom: 100px;
    padding-top: 100px
  }
}

.wfh__companies {
  align-items: center;
  background-color: #232a3f;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 45px 30px
}

.wfh__companies-header {
  color: #9199b2;
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: -.3px;
  line-height: 1;
  margin-bottom: 30px;
  text-align: center
}

.c-text-image-feature__image.wfh__manage-access-img {
  max-width: 400px;
  width: 100%
}

.domain-breach-report {
  margin-top: 60px;
  overflow: hidden
}

.domain-breach-report__btn {
  align-self: center;
  border-radius: 100px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
  box-sizing: border-box;
  display: flex;
  font-weight: 600;
  justify-content: center;
  margin: 0 auto;
  max-width: 300px;
  outline: none;
  padding: 12px;
  text-align: center;
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out;
  width: calc(100% - 60px);
  width: 100%
}

@media (max-width:600px) {
  .domain-breach-report__btn {
    width: calc(100% - 30px)
  }
}

.domain-breach-report__btn:focus, .domain-breach-report__btn:hover {
  box-shadow: 0 8px 34px 0 rgba(0, 0, 0, .3);
  transform: scale(1.05);
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out
}

.domain-breach-report__btn--blue {
  background-color: #0572ec;
  color: #fff
}

.domain-breach-report__btn--blue:hover {
  color: #fff
}

.domain-breach-report__btn--white {
  background-color: #fff;
  color: #0572ec
}

.domain-breach-report__btn--white:hover {
  color: #06c
}

.domain-breach-report__btn--align-left {
  display: inline-block;
  margin: 0;
  max-width: 250px
}

.domain-breach-report__btn--center {
  margin: 0 auto;
  max-width: 300px
}

.domain-breach-report__header {
  padding-bottom: 10px;
  position: relative
}

@media (min-width:1170px) {
  .domain-breach-report__header {
    background-image: url(/img/domain-breach-report/header-bg.c552a139bae60a74ae31651401c478f6.svg);
    background-position: center -200px;
    background-repeat: no-repeat;
    background-size: auto;
    margin-bottom: 50px;
    padding-bottom: 0
  }
}

.domain-breach-report__header-top {
  background-color: #0a2d4d;
  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: 1170px;
  padding: 60px 5% 130px
}

@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-left: 0;
    padding-right: 0;
    padding-top: 50px
  }
}

.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: #fff;
  font-size: 1.75rem;
  margin-bottom: 16px;
  margin-left: auto;
  margin-right: auto;
  max-width: 320px
}

@media (min-width:760px) {
  .domain-breach-report__header-top-title {
    margin-left: 0;
    margin-right: 0;
    max-width: 458px
  }
}

@media (min-width:1024px) {
  .domain-breach-report__header-top-title {
    font-size: 2.5rem
  }
}

.domain-breach-report__header-top-description {
  color: #fff;
  margin-bottom: 24px;
  margin-left: auto;
  margin-right: auto;
  max-width: 310px;
  word-break: keep-all
}

@media (min-width:760px) {
  .domain-breach-report__header-top-description {
    font-size: 1.125rem;
    margin-left: 0;
    margin-right: 0;
    max-width: 458px
  }
}

.domain-breach-report__link {
  color: #0572ec;
  display: inline-block;
  font-size: 1rem;
  font-weight: 500;
  text-align: left;
  width: 100%
}

.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 .2s
}

.domain-breach-report__link:hover>svg path {
  fill: #06c;
  transition: fill .2s
}

.domain-breach-report__get-support {
  padding: 30px
}

@media (min-width:1024px) {
  .domain-breach-report__get-support {
    padding-bottom: 100px;
    padding-top: 70px
  }
}

.domain-breach-report__get-support-container {
  border: 1px solid #e9e9e9;
  border-radius: 6px;
  margin: 0 auto;
  max-width: 950px;
  padding: 30px;
  width: 100%
}

@media (min-width:1024px) {
  .domain-breach-report__get-support-container {
    padding-bottom: 0;
    padding-top: 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: #fff;
  margin: 0 auto 16px;
  max-width: 610px;
  width: 100%
}

.domain-breach-report__cta-end-description {
  color: #fff;
  font-size: 1.25rem;
  margin: 0 auto 24px;
  max-width: 500px;
  opacity: .8;
  width: 100%;
  word-break: keep-all
}

.c-newsletter {
  background-color: #f4f6f8;
  margin-top: 60px;
  padding: 40px 30px
}

@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: #fff
}

.c-newsletter--dark .c-newsletter__description {
  color: #a7b0b8
}

.c-newsletter--dark .c-newsletter__description em {
  color: #fff;
  font-weight: 400
}

@media screen\0 {
  .c-newsletter {
    padding-left: 0;
    padding-right: 0
  }
}

.c-newsletter__header {
  align-items: center;
  background-color: inherit;
  display: flex;
  flex-direction: column;
  justify-content: center
}

@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;
  letter-spacing: -.42px;
  line-height: 1.41;
  margin-top: 60px;
  max-width: 700px;
  text-align: center
}

.c-newsletter__description {
  color: #333;
  font-size: 1.5rem;
  letter-spacing: normal;
  line-height: 1.33;
  margin: auto;
  max-width: 560px;
  padding: 5px 0;
  text-align: center;
  width: 100%
}

.c-newsletter__description--terms {
  font-size: .875rem;
  max-width: 430px
}

.c-newsletter__description--terms a {
  text-decoration: underline
}

.c-newsletter__description em {
  color: #000;
  font-style: normal;
  font-weight: 700
}

.c-newsletter__form-section {
  background-color: inherit;
  padding: 25px 0
}

.c-newsletter__form {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto;
  width: 100%
}

.c-newsletter__input {
  border: 0;
  border-radius: 5px;
  font-size: 1rem;
  height: 60px;
  margin: 0 0 8px;
  padding: 10px;
  width: 100%
}

@media (min-width:52em) {
  .c-newsletter__input {
    flex-basis: 436px;
    margin: 10px
  }
}

.c-newsletter__submit {
  background-color: #0572ec;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  font-weight: 600;
  height: 60px;
  margin: 10px 0;
  width: 100%
}

@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 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  margin: auto;
  max-width: 620px;
  width: 100%
}

@supports (display:grid) {
  .c-newsletter__topics-list {
    grid-gap: 16px;
    display: grid;
    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 {
  align-items: center;
  background-color: #566c82;
  border-radius: 8px;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  max-height: 150px;
  min-height: 119px;
  text-align: center;
  width: 190px
}

@supports (display:grid) {
  .c-newsletter__topics-list-item {
    align-items: center;
    display: grid;
    grid-template-rows: 75px minmax(30px, 1fr);
    justify-content: center;
    justify-items: center
  }
}

.c-newsletter__topics-title {
  color: #4c4c4c;
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: normal;
  line-height: 1;
  margin-top: 16px;
  text-align: center
}

.c-newsletter__topics-description {
  font-size: 1.5rem;
  max-width: 560px
}

@media screen\0 {
  .c-newsletter__icon {
    margin-top: 20px
  }
}

.c-newsletter__gdpr {
  font-size: 16px;
  margin: auto;
  padding-top: 18px;
  text-align: center;
  width: 100%
}

.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 {
  color: inherit;
  text-decoration: underline
}

.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 {
  margin: 0 auto;
  max-width: 1140px;
  width: 100%
}

.c-text-image-feature__title {
  color: #333;
  font-family: Adelle-Semibold, sans-serif;
  font-size: 2rem;
  font-weight: 400;
  letter-spacing: -.64px;
  line-height: 1.28;
  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;
  letter-spacing: -.16px;
  line-height: 1.5;
  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-size: 1.125rem;
  font-weight: 700;
  letter-spacing: -.12px;
  line-height: 1.5;
  max-width: 445px;
  padding-right: 20px;
  position: relative;
  transition: color .1s ease-in-out
}

.c-text-image-feature__link:hover {
  color: #333
}

.c-text-image-feature__link:hover:after, .c-text-image-feature__link:hover:before {
  background: #333
}

.c-text-image-feature__link:after, .c-text-image-feature__link:before {
  background: #0572ec;
  content: "";
  height: 2px;
  position: absolute;
  right: 4px;
  transition: background .1s ease-in-out;
  width: 7px
}

.c-text-image-feature__link:after {
  top: 9px;
  transform: rotate(45deg)
}

.c-text-image-feature__link:before {
  top: 13px;
  transform: rotate(-45deg)
}

.c-continue-reading {
  align-items: center;
  background-color: #f5f6f7;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  min-height: 300px;
  padding: 40px
}

@media screen\0 {
  .c-continue-reading {
    margin: 0 auto;
    max-width: 1140px
  }
}

.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 {
    margin: 0 auto;
    max-width: 1140px
  }
}

.c-continue-reading__title {
  color: #333;
  font-size: 1.375rem;
  font-weight: 600;
  letter-spacing: -.2px;
  line-height: 1.36
}

.c-continue-reading__items, .c-continue-reading__items:hover {
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out
}

.c-continue-reading__items:hover {
  transform: scale(1.025)
}

.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: #fff;
  padding: 60px 10px
}

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

.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;
  letter-spacing: -.1px;
  line-height: 1.36;
  margin-bottom: 10px
}

.c-newsletter-signup-form__title--white {
  color: #fff
}

.c-newsletter-signup-form__description {
  letter-spacing: -.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 {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center
}

@media (min-width:767px) {
  .c-newsletter-signup-form__form-container {
    flex-direction: row
  }
}

.c-newsletter-signup-form__input {
  border: 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 1rem;
  height: 50px;
  margin: 0 0 8px;
  padding: 10px;
  width: 100%
}

@media (min-width:767px) {
  .c-newsletter-signup-form__input {
    margin: 0 10px 0 0;
    max-width: 350px
  }
}

.c-newsletter-signup-form__submit {
  background-color: #0572ec;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
  font-weight: 600;
  height: 50px;
  width: 100%
}

@media (min-width:767px) {
  .c-newsletter-signup-form__submit {
    max-width: 160px
  }
}

.c-newsletter-signup-form__submit-text {
  color: #fff
}

.c-newsletter-signup-form__gdpr {
  margin: 0 auto;
  max-width: 1170px;
  padding-top: 20px;
  text-align: center;
  width: 100%
}

.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 {
  color: inherit;
  text-decoration: underline
}

.c-newsletter-signup-form__gdpr--text {
  font-size: 1rem
}

.c-newsletter-signup-form__gdpr--small {
  font-size: inherit
}

.c-contact--white {
  background-color: #fff
}

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

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

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

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

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

.c-contact__description {
  color: #3d454d;
  margin-bottom: 8px;
  word-break: keep-all
}

.c-contact__description a {
  color: #0572ec;
  text-decoration: none
}

.c-contact__button {
  align-self: center;
  background-color: #0572ec;
  border-radius: 100px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
  box-sizing: border-box;
  color: #fff;
  display: flex;
  font-weight: 600;
  justify-content: center;
  margin: 0;
  max-width: 300px;
  max-width: 200px;
  outline: none;
  padding: 12px;
  text-align: center;
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out;
  width: calc(100% - 60px);
  width: 100%
}

@media (max-width:600px) {
  .c-contact__button {
    width: calc(100% - 30px)
  }
}

.c-contact__button:focus, .c-contact__button:hover {
  box-shadow: 0 8px 34px 0 rgba(0, 0, 0, .3);
  color: #fff;
  transform: scale(1.05);
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -ms-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transition: box-shadow .2s ease-in-out;
  -moz-transition: box-shadow .2s ease-in-out;
  -ms-transition: box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out
}

.c-domain-breach-report__container {
  margin: 0 auto;
  max-width: 1170px;
  padding: 30px
}

@media (min-width:1024px) {
  .c-domain-breach-report__container {
    padding-bottom: 50px;
    padding-top: 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__description, .c-domain-breach-report__title {
  margin-bottom: 16px;
  margin-top: 0
}

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

.c-domain-breach-report__title--size-large {
  font-size: 2rem;
  margin-bottom: 30px
}

.c-domain-breach-report__description {
  font-size: 1.125rem
}

.c-domain-breach-report__description--dark-grey {
  color: #637381
}

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

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

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

.c-domain-breach-report__list-item {
  font-size: 1.125rem;
  list-style: none;
  margin-bottom: 24px;
  text-align: left;
  width: 100%
}

@media (min-width:760px) {
  .c-domain-breach-report__list-item {
    max-width: 426px
  }
}

@supports (display:grid) {
  .c-domain-breach-report__list-item {
    grid-gap: 20px;
    display: grid
  }
  @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;
  text-align: left;
  width: 100%
}

.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 .2s
}

.c-domain-breach-report__link:hover>svg path {
  fill: #06c;
  transition: fill .2s
}

.c-cards-panel {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: -80px auto 0;
  max-width: 1170px;
  padding: 0 30px
}

@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 {
  background-color: #fff;
  border: .5px solid #e9e9e9;
  border-radius: 10px;
  height: 100%;
  padding: 45px 35px 30px;
  width: 100%
}

@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 {
  color: #333;
  font-size: 1.25rem;
  font-weight: 600;
  letter-spacing: -.16px;
  line-height: 1.25;
  margin-bottom: 20px
}

@media (min-width:900px) {
  .c-cards-panel__title {
    font-size: 1.5rem
  }
}

.c-cards-panel__description {
  font-size: .938rem;
  letter-spacing: -.2px;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  max-width: none
}

.c-g2-medals {
  margin: 48px 0;
  position: relative;
  z-index: 0
}

.c-g2-medals__title {
  color: #525c66;
  font-family: Adelle-Semibold, sans-serif;
  font-size: 26px;
  font-weight: 400;
  margin-bottom: 55px;
  text-align: center
}

.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 {
  align-items: center;
  display: flex;
  flex-direction: column
}

.c-g2-medals__single img {
  margin: 0 48px
}

.c-g2-medals__line {
  border-color: rgba(77, 77, 77, .15);
  border-left: 0;
  border-right: 0;
  border-top: 0;
  bottom: 195px;
  position: absolute;
  width: 1140px;
  z-index: -1
}

@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 {
  margin-left: auto;
  margin-right: auto;
  max-width: 1040px;
  padding: 32px 16px
}

@media (min-width:48em) {
  .universal-panel-container {
    padding-left: 24px;
    padding-right: 24px
  }
}

@media (min-width:768px) {
  .universal-panel-container {
    padding-bottom: 64px;
    padding-top: 64px
  }
}

.c-universal-panel {
  border-radius: 6px;
  display: block;
  overflow: hidden;
  padding: 32px;
  position: relative
}

@media (min-width:768px) {
  .c-universal-panel\@md {
    padding-bottom: 64px;
    padding-top: 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;
  letter-spacing: -.16px;
  line-height: 24px
}

@media (min-width:768px) {
  .c-universal-panel .c-card__content\@md {
    font-size: 18px
  }
}

.c-universal-panel .c-card__content--light {
  color: #fff
}

.c-universal-panel .c-heading {
  font-weight: 600;
  letter-spacing: -.32px;
  margin-bottom: 16px
}

.c-universal-panel .c-heading:lang(es).with-ribbon-text, .c-universal-panel .c-heading:lang(fr).with-ribbon-text, .c-universal-panel .c-heading:lang(it).with-ribbon-text, .c-universal-panel .c-heading:lang(pt).with-ribbon-text, .c-universal-panel .c-heading:lang(ru).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: #fff
}

.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 {
  background-color: #0572ec;
  border: 2px solid transparent;
  border-radius: 60px;
  color: #fff;
  display: inline-block;
  font-size: 1.125rem;
  font-weight: 700;
  letter-spacing: -.01125rem;
  line-height: 1.5;
  min-width: 210px;
  padding: 8px 24px;
  text-align: center;
  text-decoration: none;
  transition: background-color .2s ease-in-out;
  width: auto
}

.c-universal-panel .c-link-cta:focus, .c-universal-panel .c-link-cta:hover {
  background-color: #0458b9;
  transition: background-color .2s ease-in-out
}

.c-universal-panel .c-link-cta--light {
  background-color: #fff;
  color: #0572ec
}

.c-universal-panel .c-link-cta--light:focus, .c-universal-panel .c-link-cta--light:hover {
  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:focus, .c-universal-panel .c-link-cta--brand-primary-light:hover {
  background-color: #0572ec
}

.c-universal-panel .c-link-cta--orange-light {
  background-color: #ffe3ac;
  color: #051627
}

.c-universal-panel .c-link-cta--orange-light:focus, .c-universal-panel .c-link-cta--orange-light:hover {
  background-color: #ebd19d
}

.c-universal-panel .u-max-width-xxs {
  max-width: 220px
}

@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
  }
}

@media (min-width:768px) {
  .c-universal-panel .u-px-12\@md {
    padding-left: 48px;
    padding-right: 48px
  }
}

@media (min-width:768px) {
  .c-universal-panel .u-py-16\@md {
    padding-left: 64px;
    padding-right: 64px
  }
}

@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
}

@media (min-width:568px) {
  .c-universal-panel .u-mb-0\@sm {
    margin-bottom: 0
  }
}

@media (min-width:768px) {
  .c-universal-panel .u-ml-0\@md {
    margin-left: 0
  }
}

@media (min-width:1024px) {
  .c-universal-panel .u-ml-20\@lg {
    margin-left: 80px
  }
}

@media (min-width:568px) {
  .c-universal-panel .u-mr-8\@sm {
    margin-right: 32px
  }
}

@media (min-width:768px) {
  .c-universal-panel .u-mr-16\@md {
    margin-right: 64px
  }
}

@media (min-width:1024px) {
  .c-universal-panel .u-mr-28\@lg {
    margin-right: 112px
  }
}

@media (min-width:768px) {
  .c-universal-panel .u-mr-32\@md {
    margin-right: 128px
  }
}

@media (min-width:568px) {
  .c-universal-panel .u-pt-12\@sm {
    padding-top: 48px
  }
}

@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
}

@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
}

@media (min-width:568px) {
  .c-universal-panel .u-left-unset\@sm {
    left: unset
  }
}

@media (min-width:568px) {
  .c-universal-panel .u-top-6\@sm {
    top: 24px
  }
}

@media (min-width:568px) {
  .c-universal-panel .u--right-32\@sm {
    right: -128px
  }
}

@media (min-width:568px) {
  .c-universal-panel .u-rotate-22\@sm {
    transform: rotate(22deg)
  }
  .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), .c-universal-panel .u-rotate-22\@sm: lang(ru) {
    transform: rotate(18deg)
  }
}

.c-universal-panel .u-text-lg {
  font-size: 20px
}

.c-universal-panel .u-text-lg.ribbon-text {
  padding-bottom: 8px;
  padding-top: 8px
}

.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), .c-universal-panel .u-text-lg.ribbon-text:lang(ru) {
  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
}