/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html {
  color: #222;
  font-size: 1em;
  line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * Vendor-prefixed and regular ::selection selectors cannot be combined:
 * https://stackoverflow.com/a/16982510/7133471
 *
 * Customize the background color to match your design.
 */
::selection {
  background: #b3d4fc;
  text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */
.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

body, html {
  background-color: #fff;
}

a {
  /* SHA256: */
  font-family: "HelveticaNeueLTStdLt";
  font-size: 13px;
  color: #DE1C53;
  letter-spacing: 0;
  text-align: center;
}

header .container, footer .footer-container {
  width: 960px;
  margin: 0px auto;
  text-align: left;
}

header {
  background-color: #F5F5F5;
  height: 88px;
}
header .container {
  padding-top: 13px;
}
header h1 {
  padding: 0px;
  margin: 0px;
  text-align: left;
  float: left;
}
header h1 a {
  font-family: "HelveticaNeueLTBold";
  font-size: 24px;
  color: #000000;
  letter-spacing: -0.5px;
  text-decoration: none;
  display: inline-block;
  padding-left: 52px;
  background: url("../images/gpgtools-logo-small-new.png") no-repeat 0px 0px;
  background-size: 38px 38px;
}
header nav {
  float: right;
  margin-top: 4px;
}
header nav li {
  display: inline-block;
}
header nav li a {
  font-family: "HelveticaNeueLTStdLt";
  font-size: 16px;
  color: #787878;
  letter-spacing: 0;
  text-align: right;
  text-decoration: none;
}
header nav li:last-child {
  margin-left: 82px;
}

h1 {
  /* GPG Suite: */
  font-family: "HelveticaNeueLTBold";
  font-size: 50px;
  color: #000000;
  letter-spacing: -1px;
  text-align: center;
  line-height: 50px;
}

h2 {
  /* Everything you need: */
  font-family: "HelveticaNeueLTStdLt";
  font-weight: normal;
  font-size: 24px;
  color: #000000;
  letter-spacing: 0;
  text-align: center;
  line-height: 33px;
  max-width: 468px;
  margin: 0px auto;
  margin-bottom: 37px;
}

.gpg-suite-details {
  background-color: #F5F5F5;
  padding-bottom: 50px;
  padding-top: 64px;
}
.gpg-suite-details p {
  margin: 0px;
  padding: 0px;
}
.gpg-suite-details .intro {
  /* Use GPG Suite to enc: */
  font-family: "HelveticaNeueLTStdLt";
  font-size: 24px;
  color: #787878;
  letter-spacing: 0;
  text-align: center;
  line-height: 33px;
  max-width: 796px;
  margin: 0px auto;
  margin-bottom: 40px;
}
.gpg-suite-details, .gpg-suite-details li {
  list-style: none;
  margin: 0px 0px;
}
.gpg-suite-details li {
  display: inline-block;
  vertical-align: top;
  text-align: left;
  width: 178px;
  margin-right: 68px;
}
.gpg-suite-details li:last-child {
  margin-right: 0px;
}
.gpg-suite-details li p {
  padding: 0px;
  margin: 0px;
  color: #787878;
  font-family: "HelveticaNeueLTStdLt";
  font-size: 14px;
  line-height: 22px;
}
.gpg-suite-details li h3 {
  /* GPG Mail is an open: */
  font-family: "HelveticaNeueLTBold";
  font-size: 14px;
  color: #787878;
  letter-spacing: 0;
  line-height: 22px;
  margin: 0px;
  padding: 0px;
}
.gpg-suite-details li a {
  color: inherit;
}

.content-container {
  text-align: center;
  padding-top: 140px;
}
.content-container h1 {
  padding: 0px;
  margin: 0px;
  padding-bottom: 31px;
}

.button {
  display: inline-block;
  background: #DE1C53;
  border-radius: 6px;
  /* Download GPG Suite: */
  font-family: "HelveticaNeueLTBold";
  font-size: 24px;
  color: #FFFFFF;
  letter-spacing: -0.5px;
  text-align: center;
  padding: 0px 94px;
  text-decoration: none;
  padding-top: 21px;
  padding-bottom: 12px;
}
.button--purchase-support {
  font-size: 16px;
  width: 198px;
  padding: 0px;
  margin-top: 29px;
  padding-bottom: 8px;
  padding-top: 14px;
}

.call-to-action p {
  padding: 0px;
  margin: 0px;
  padding-top: 7px;
  /* Supports macOS 10.11: */
  font-family: "HelveticaNeueLTStdLt";
  font-size: 13px;
  color: #787878;
  letter-spacing: 0;
  text-align: center;
  line-height: 18px;
}

.call-to-action {
  margin-bottom: 45px;
}

.purchase-info {
  /* GPG Suite includes a: */
  font-family: "HelveticaNeueLTStd";
  color: #000000;
  letter-spacing: 0;
  text-align: center;
  line-height: 22px;
  margin-bottom: 64px;
}
.purchase-info, .purchase-info a {
  font-size: 16px;
}

.volume {
  margin-top: 75px;
  font-size: 13px;
  color: #000000;
  letter-spacing: 0;
  text-align: center;
  line-height: 22px;
}

.release-links {
  margin-bottom: 62px;
}

.release-links ul, .release-links ul li {
  list-style: none;
  margin: 0px 0px;
  padding: 0px 0px;
}
.release-links ul li {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
}
.release-links ul li:last-child {
  margin-right: 0px;
}
.release-links ul a {
  /* Release Notes: */
  font-family: "HelveticaNeueLTStdLt";
  font-size: 13px;
  color: #787878;
  letter-spacing: 0;
  text-align: center;
}

.gpgsuite-screenshots {
  padding-top: 100px;
  overflow: hidden;
  padding-bottom: 90px;
}
.gpgsuite-screenshots h2 {
  /* GPG Suite at a glanc: */
  font-family: "HelveticaNeueLTBold";
  font-size: 24px;
  color: #000000;
  letter-spacing: 0;
  text-align: center;
  line-height: 33px;
}
.gpgsuite-screenshots .screenshots .container {
  white-space: nowrap;
  transition: all 600ms linear;
}
.gpgsuite-screenshots .screenshots .screenshot-container {
  width: 902px;
  margin: 0px auto;
  position: relative;
  left: -30px;
}
.gpgsuite-screenshots .screenshots .screenshot-item {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
.gpgsuite-screenshots .screenshots .screenshot, .gpgsuite-screenshots .screenshots ul {
  display: inline-block;
  vertical-align: top;
}
.gpgsuite-screenshots .screenshots ul, .gpgsuite-screenshots .screenshots li {
  list-style: none;
  margin: 0px;
  padding: 0px;
  width: 290px;
  white-space: normal;
}
.gpgsuite-screenshots .screenshots ul {
  padding-top: 39px;
}
.gpgsuite-screenshots .screenshots li {
  margin-bottom: 20px;
}
.gpgsuite-screenshots .screenshots li p {
  margin: 0px;
  padding: 0px;
  font-size: 14px;
  font-family: "HelveticaNeueLTStdLt";
  color: #787878;
}
.gpgsuite-screenshots .screenshots li h3 {
  margin: 0px;
  padding: 0px;
  font-family: "HelveticaNeueLTBold";
  font-size: 14px;
  color: #787878;
  letter-spacing: 0;
  line-height: 22px;
}
.gpgsuite-screenshots .switcher {
  text-align: center;
  margin-top: -8px;
}
.gpgsuite-screenshots .switcher ul, .gpgsuite-screenshots .switcher li {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.gpgsuite-screenshots .switcher ul {
  display: inline-block;
}
.gpgsuite-screenshots .switcher li {
  display: inline-block;
  margin-right: 40px;
}
.gpgsuite-screenshots .switcher li:last-child {
  margin-right: 0px;
}
.gpgsuite-screenshots .switcher li a {
  text-indent: -9999px;
  display: block;
  position: relative;
  color: transparent;
  border-radius: 20px;
  width: 22px;
  height: 22px;
  border-color: #787878;
  border-style: solid;
  border-width: 1px;
  display: block;
  box-sizing: border-box;
}
.gpgsuite-screenshots .switcher li.active a:after, .gpgsuite-screenshots .switcher li:hover a:after {
  display: block;
  position: absolute;
  content: "";
  top: 3px;
  left: 3px;
  width: 14px;
  height: 14px;
  border-radius: 8px;
  background-color: #787878;
  padding: 0px;
  box-sizing: border-box;
}

footer {
  background-color: #F5F5F5;
  padding-top: 28px;
  box-sizing: border-box;
  height: 180px;
}
footer .copyright-info {
  float: left;
}
footer .copyright-info, footer .copyright-info a {
  font-family: "HelveticaNeueLTRoman";
  font-size: 12px;
  line-height: 22px;
  color: #787878;
  text-decoration: none;
}
footer nav {
  float: right;
}
footer nav ul {
  display: inline-block;
  vertical-align: top;
}
footer nav ul, footer nav ul li {
  margin: 0px;
  padding: 0px;
}
footer nav ul li {
  width: 140px;
}
footer nav a {
  color: #787878;
  text-decoration: none;
}

/* Tooltip for SHA56 */
.tooltip {
  padding: 5px;
  margin: -5px;
  position: relative;
  display: inline-block;
  text-decoration: underline;
  outline: 0;
  cursor: pointer;
}

.tooltip .tooltiptext {
  visibility: hidden;
  white-space: nowrap;
  background-color: rgba(236, 241, 245, 0.6);
  border-radius: 6px;
  padding: 6px 10px 1px;
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent rgba(236, 241, 245, 0.6) transparent;
}

.tooltip:hover .tooltiptext, .tooltip:focus .tooltiptext {
  visibility: visible;
  opacity: 1;
}

.legal-container {
  max-width: 660px;
  margin: 0px auto;
  padding-bottom: 120px;
}
.legal-container h1 {
  margin: 0px;
  padding: 0px;
  margin-top: 115px;
  font-size: 40px;
  line-height: 44px;
  text-align: left;
  margin-bottom: 44px;
}
.legal-container h2 {
  max-width: none;
  margin: 0px;
  padding: 0px;
  font-family: "HelveticaNeueLTBold";
  text-align: left;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  margin-top: 42px;
}
.legal-container h2:first-child {
  margin-top: 0px;
}
.legal-container p {
  margin: 0px;
  padding: 0px;
  font-family: "HelveticaNeueLTStdLt";
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 22px;
}
.legal-container .copyright-notices {
  font-size: 14px;
  line-height: 22px;
}
.legal-container ul, .legal-container ul li {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.legal-container ul li {
  margin: 0px;
  padding: 0px;
  padding-left: 30px;
  font-family: "HelveticaNeueLTStdLt";
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 22px;
}

.imprint {
  max-width: 660px;
  margin: 0px auto;
  padding-bottom: 120px;
}
.imprint h1 {
  margin: 0px;
  padding: 0px;
  margin-top: 115px;
  font-size: 40px;
  line-height: 44px;
  text-align: left;
  margin-bottom: 44px;
}
.imprint h2 {
  max-width: none;
  margin: 0px;
  padding: 0px;
  font-family: "HelveticaNeueLTBold";
  text-align: left;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  margin-top: 42px;
}
.imprint h2:first-child {
  margin-top: 0px;
}
.imprint p {
  margin: 0px;
  padding: 0px;
  font-family: "HelveticaNeueLTStdLt";
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 22px;
}
.imprint p .col:first-child {
  display: inline-block;
  width: 180px;
  font-family: "HelveticaNeueLTRoman";
}
.imprint p a {
  font-size: 14px;
}
.imprint .additional p {
  margin-bottom: 0px;
}
.imprint .copyright-notices {
  font-size: 14px;
  line-height: 22px;
}

.modal-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.5);
}
.modal-overlay.show {
  display: block;
  z-index: 997;
}

body.support-plan-page #main {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
body.support-plan-page .sections {
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
  flex: 1;
  align-items: center;
  flex-direction: column;
}

.support-plan-modal {
  width: 100%;
  max-width: 710px;
  position: relative;
  left: -14px;
  margin-bottom: 60px;
}
.support-plan-modal .wrap {
  width: 100%;
  position: relative;
  height: auto;
  box-sizing: border-box;
}
.support-plan-modal .content {
  padding: 0px;
  width: 100%;
  zoom: 1;
  padding-top: 63px;
  box-sizing: border-box;
  padding-bottom: 70px;
}
.support-plan-modal .small {
  font-family: "HelveticaNeueLTStdLt";
  font-size: 14px;
  color: #787878;
}
.support-plan-modal.show {
  display: block;
}
.support-plan-modal h2 {
  font-family: "Helvetica Neue LT Std";
  font-weight: 900;
  font-size: 38px;
  line-height: 44px;
  margin-bottom: 56px;
  padding-bottom: 0px;
  padding-bottom: 32px;
  text-align: center;
  padding-left: 0px;
  position: relative;
}
.support-plan-modal h2:after {
  content: "";
  position: absolute;
  width: 82px;
  left: 50%;
  margin-left: -41px;
  bottom: 0px;
  height: 1px;
  display: block;
  background-color: #D8D8D8;
}
.support-plan-modal ul {
  width: 342px;
}
.support-plan-modal ul.items, .support-plan-modal .pricing-information {
  display: inline-block;
  vertical-align: top;
}
.support-plan-modal ul.items, .support-plan-modal ul.items li {
  margin: 0px;
  padding: 0px;
}
.support-plan-modal ul.items {
  float: left;
}
.support-plan-modal .pricing-information {
  float: right;
}
.support-plan-modal ul.items li {
  color: #787878;
  list-style: none;
  padding-top: 15px;
  padding-bottom: 7px;
  text-align: left;
  font-size: 16px;
  line-height: 22px;
  color: #000;
  padding-left: 38px;
  position: relative;
}
.support-plan-modal ul.items li:first-of-type {
  padding-bottom: 5px;
}
.support-plan-modal ul.items li:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 16px;
  left: 0px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iR1BHVG9vbHNfV2Vic2l0ZV8wMV9MYW5kaW5nUGFnZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQ4Mi4wMDAwMDAsIC0zNTguMDAwMDAwKSI+CiAgICAgICAgICAgIDxyZWN0IGZpbGw9IiNGNUY1RjUiIHg9IjAiIHk9IjAiIHdpZHRoPSIxMjgwIiBoZWlnaHQ9IjIzOTgiPjwvcmVjdD4KICAgICAgICAgICAgPGcgaWQ9IlBvcC1VcC1TdXBwb3J0LVBsYW4iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM4Mi4wMDAwMDAsIDEzMi4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJUaWNrLUdyZWVuIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMDAuMDAwMDAwLCAyMjYuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICAgICAgICAgIDxjaXJjbGUgaWQ9Ik92YWwiIGZpbGw9IiM1QUNFN0IiIGZpbGwtcnVsZT0ibm9uemVybyIgY3g9IjEwIiBjeT0iMTAiIHI9IjEwIj48L2NpcmNsZT4KICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9IlRpY2siIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwLjc5Mjg5MywgOC4yMDcxMDcpIHJvdGF0ZSgtNDUuMDAwMDAwKSB0cmFuc2xhdGUoLTEwLjc5Mjg5MywgLTguMjA3MTA3KSB0cmFuc2xhdGUoNS4yOTI4OTMsIDQuNzA3MTA3KSIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMiIgeD0iMC43MDcxMDY3ODEiIHk9IjAuMjkyODkzMjE5IiB3aWR0aD0iMiIgaGVpZ2h0PSI2Ij48L3JlY3Q+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTQiIHg9IjAuNzA3MTA2NzgxIiB5PSI0LjI5Mjg5MzIyIiB3aWR0aD0iMTAiIGhlaWdodD0iMiI+PC9yZWN0PgogICAgICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=");
}
.support-plan-modal ul.items li.more {
  font-size: 14px;
  font-family: "HelveticaNeueLTStd";
  padding-top: 17px;
}
.support-plan-modal ul.items li.more:before {
  background-image: none;
}
.support-plan-modal .pricing-information {
  width: 340px;
  text-align: center;
}
.support-plan-modal .price {
  display: inline-block;
  font-size: 60px;
  font-family: "Helvetica Neue LT Std";
  font-weight: 300;
  line-height: 62px;
  margin-top: 32px;
  position: relative;
  right: -10px;
}
.support-plan-modal .price--discounted {
  margin-top: 9px;
}
.support-plan-modal .currency {
  padding-left: 10px;
  font-size: 24px;
}
.support-plan-modal .tax-info {
  font-family: "Helvetica Neue LT Std";
  font-weight: 300;
  padding-top: 4px;
}
.support-plan-modal .buy {
  padding-top: 20px;
  text-align: center;
}
.support-plan-modal .buy .button {
  font-size: 18px;
  padding: 12px 50px;
  line-height: 34px;
  font-family: "HelveticaNeueLTRoman";
  padding-top: 13px;
}
.support-plan-modal .buy .button span {
  font-family: "HelveticaNeueLTStdLt";
}
.support-plan-modal .close {
  position: absolute;
  right: 10px;
  top: 5px;
}
.support-plan-modal.no-modal .close {
  display: none;
}
.support-plan-modal .purchase-option {
  margin-top: 11px;
}
.support-plan-modal .purchase-option a {
  text-decoration: none;
  font-size: 14px;
  line-height: 22px;
}
.support-plan-modal .purchase-option a span {
  text-decoration: underline;
  font-family: "HelveticaNeueLTBold";
}
.support-plan-modal .current-activation-code {
  height: 0;
  transition: all 300ms linear;
  overflow: hidden;
}
.support-plan-modal .current-activation-code label span {
  font-size: 14px;
  color: #787878;
  font-family: "HelveticaNeueLTRoman";
}
.support-plan-modal .current-activation-code .field input {
  border: 0px;
  width: 270px;
  border-bottom: #000 1px solid;
  font-size: 16px;
  padding-left: 27px;
  padding-right: 27px;
  box-sizing: border-box;
  padding-bottom: 7px;
  margin-top: 11px;
  outline: none;
  text-transform: uppercase;
}
.support-plan-modal .current-activation-code .field {
  position: relative;
  display: block;
}
.support-plan-modal .current-activation-code .upgrade-state {
  display: block;
  height: 20px;
  width: 20px;
  position: absolute;
  top: 10px;
  right: 31px;
  background: url(../images/activationcode-valid.svg?1000) no-repeat center center;
}
.support-plan-modal .current-activation-code .upgrade-state.in-progress {
  background-image: url(../images/sp-loader.gif?2);
  background-size: 34px 34px;
  height: 34px;
  width: 34px;
  top: 4px;
  right: 28px;
}
.support-plan-modal .current-activation-code .upgrade-state.is-valid {
  background-image: url(../images/activationcode-valid.svg?1000);
}
.support-plan-modal .current-activation-code .upgrade-state.is-invalid {
  background-image: url(../images/activationcode-invalid.svg?1000);
}
.support-plan-modal .discount {
  display: none;
  margin-top: 34px;
  color: #DE1C53;
}
.support-plan-modal.enable-upgrade .current-activation-code {
  height: 84px;
}
.support-plan-modal .button--purchase-support.disabled {
  background-color: #787878;
}
.support-plan-modal .error-message {
  font-size: 14px;
  margin-top: 6px;
  color: #DE1C53;
}

.legal-container.faq {
  padding-bottom: 800px;
}
.legal-container.faq p a {
  font-size: 14px;
}

.legal-container.open-letter p a {
  font-size: 14px;
}

strong {
  font-family: "HelveticaNeueLTBold";
  font-weight: normal;
}

/* Styles for Paddle Order Detail Screen */
.paddle-popup-locker-instructions ol {
  margin-left: 26px !important;
  list-style-type: decimal-leading-zero !important;
  margin-bottom: 16px !important;
}
.paddle-popup-locker-instructions ol li {
  list-style-type: decimal-leading-zero !important;
}
.paddle-popup-locker-instructions p {
  padding-left: 0px !important;
}
.paddle-popup-locker-instructions p, .paddle-popup-locker-instructions li {
  padding-bottom: 16px !important;
}
.paddle-popup-locker-instructions p:last-child, .paddle-popup-locker-instructions li:last-child {
  padding-bottom: 0px !important;
}

.purchase-complete-view {
  width: 100%;
  max-width: 600px;
  margin: 0px auto;
  padding-top: 50px;
  padding-bottom: 88px;
  font-size: 16px;
  line-height: 22px;
  display: none;
}
.purchase-complete-view.show {
  display: block;
}
.purchase-complete-view h2 {
  color: #000000;
  font-size: 40px;
  line-height: 44px;
  font-weight: 700;
  font-family: "Helvetica Neue", "Helvetica", "Arial", "Verdana", sans-serif;
  padding-bottom: 40px;
  max-width: 100%;
  margin-bottom: 0px;
  text-align: left;
  padding-left: 40px;
}
.purchase-complete-view h3 {
  margin: 0px;
  padding: 0px;
  color: #000000;
  font-size: 24px;
  line-height: 24px;
  font-weight: 700;
  font-family: "Helvetica Neue", "Helvetica", "Arial", "Verdana", sans-serif;
  margin-bottom: 25px;
}
.purchase-complete-view .info-box {
  border: #C8C8C8 1px solid;
  padding: 22px 40px;
  margin-bottom: 15px;
}
.purchase-complete-view .row {
  display: block;
  padding-bottom: 10px;
}
.purchase-complete-view .row:last-child {
  padding-bottom: 0px;
}
.purchase-complete-view .col {
  display: inline-block;
  font-family: "HelveticaNeueLTStdLt";
  vertical-align: top;
}
.purchase-complete-view .col__title {
  width: 25%;
}
.purchase-complete-view .col__value {
  width: 75%;
  font-family: "HelveticaNeueLTBold";
}
.purchase-complete-view .info-box--activation .col__title {
  width: 6%;
}
.purchase-complete-view .info-box--activation .col__value {
  width: 94%;
  font-family: "HelveticaNeueLTStd";
}
.purchase-complete-view a {
  color: #DE1C53;
  font-family: "HelveticaNeueLTBold";
  font-size: 16px;
  text-decoration: none;
}
.purchase-complete-view a.button {
  background-color: #DE1C53;
  color: #fff;
}
.purchase-complete-view .row-activationcode.single-column .col__value {
  width: 100%;
}
.purchase-complete-view pre {
  display: inline-block;
  margin: 0px;
  padding: 0px 10px;
  background-color: #eee;
  font-size: 14px;
}
.purchase-complete-view .row-activate {
  margin-top: 15px;
  text-align: center;
  position: relative;
  left: -10px;
}
.purchase-complete-view .button--activate {
  display: inline-block;
  padding: 10px 30px;
  padding-top: 13px;
  line-height: 22px;
  font-family: "HelveticaNeueLTStdLt";
}
.purchase-complete-view .support-info {
  margin-top: 40px;
  padding: 0px 40px;
  font-family: "HelveticaNeueLTStdLt";
}
.purchase-complete-view .support-info pre {
  display: inline-block;
  margin-bottom: 4px;
}
.purchase-complete-view .support-info span {
  display: inline;
}
.purchase-complete-view .description {
  font-family: "HelveticaNeueLTStdLt";
  padding-left: 40px;
  padding-right: 80px;
  text-align: left;
  font-size: 24px;
  line-height: 33px;
  padding-bottom: 30px;
}
.purchase-complete-view .seats-info {
  padding-top: 20px;
  font-size: 16px;
  font-family: "HelveticaNeueLTStdLt";
}
.purchase-complete-view .download-support-plans {
  text-align: center;
  padding-top: 10px;
}

.announcement-notification {
  position: absolute;
  top: 0px;
  color: #fff;
  font-size: 16px;
  font-family: "HelveticaNeueLTStdLt";
  line-height: 22px;
  width: 100%;
  text-align: center;
}
.announcement-notification .icon-attention {
  display: block;
  width: 31px;
  height: 32px;
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjlweCIgaGVpZ2h0PSIyOXB4IiB2aWV3Qm94PSIwIDAgMjkgMjkiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDYwICg4ODEwMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+U3ltYm9sIEF0dGVudGlvbjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPgogICAgICAgIDxwb2x5Z29uIGlkPSJwYXRoLTEiIHBvaW50cz0iMTAuODgzNDMzMiAwIDAuNzY2OTgzNTk3IDEzMyA1MTYuNzY2OTg0IDEzMyA1MDYuNjUwNTM0IDAiPjwvcG9seWdvbj4KICAgICAgICA8ZmlsdGVyIHg9Ii04LjclIiB5PSItMzMuOCUiIHdpZHRoPSIxMTcuNCUiIGhlaWdodD0iMTY3LjclIiBmaWx0ZXJVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIGlkPSJmaWx0ZXItMiI+CiAgICAgICAgICAgIDxmZU9mZnNldCBkeD0iMCIgZHk9IjAiIGluPSJTb3VyY2VBbHBoYSIgcmVzdWx0PSJzaGFkb3dPZmZzZXRPdXRlcjEiPjwvZmVPZmZzZXQ+CiAgICAgICAgICAgIDxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjE1IiBpbj0ic2hhZG93T2Zmc2V0T3V0ZXIxIiByZXN1bHQ9InNoYWRvd0JsdXJPdXRlcjEiPjwvZmVHYXVzc2lhbkJsdXI+CiAgICAgICAgICAgIDxmZUNvbG9yTWF0cml4IHZhbHVlcz0iMCAwIDAgMCAwICAgMCAwIDAgMCAwICAgMCAwIDAgMCAwICAwIDAgMCAwLjMgMCIgdHlwZT0ibWF0cml4IiBpbj0ic2hhZG93Qmx1ck91dGVyMSI+PC9mZUNvbG9yTWF0cml4PgogICAgICAgIDwvZmlsdGVyPgogICAgPC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IkdQR1Rvb2xzX1dlYnNpdGVfMDFfTGFuZGluZ1BhZ2UiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00MjguMDAwMDAwLCAtMzMuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSJIZWFkZXIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE2NC4wMDAwMDAsIDE5LjAwMDAwMCkiIGZpbGw9IiMwMDAwMDAiIGZvbnQtZmFtaWx5PSJIZWx2ZXRpY2EiIGZvbnQtc2l6ZT0iMjQiIGZvbnQtd2VpZ2h0PSJub3JtYWwiIGxldHRlci1zcGFjaW5nPSItMC41Ij4KICAgICAgICAgICAgICAgIDx0ZXh0IGlkPSJHUEdUb29scyI+CiAgICAgICAgICAgICAgICAgICAgPHRzcGFuIHg9IjUyIiB5PSIzNiI+R1BHVG9vbDwvdHNwYW4+CiAgICAgICAgICAgICAgICAgICAgPHRzcGFuIHg9IjE0NS44NzEwOTQiIHk9IjM2Ij5zPC90c3Bhbj4KICAgICAgICAgICAgICAgIDwvdGV4dD4KICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8ZyBpZD0iU3RvZXJlciIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzgxLjAwMDAwMCwgMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJTaGFkb3ciIGZpbGwtcnVsZT0ibm9uemVybyIgZmlsbD0iYmxhY2siIGZpbGwtb3BhY2l0eT0iMSI+CiAgICAgICAgICAgICAgICAgICAgPHVzZSBmaWx0ZXI9InVybCgjZmlsdGVyLTIpIiB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJCR19TdMO2cmVyIiBmaWxsPSIjNzg3ODc4IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHg9IjEiIHk9IjAiIHdpZHRoPSI1MTYiIGhlaWdodD0iMTMyIj48L3JlY3Q+CiAgICAgICAgICAgICAgICA8ZyBpZD0iU3ltYm9sLUF0dGVudGlvbiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDYuMDAwMDAwLCAzMS4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTcuMjg4ODU0NCwzLjU3NzcwODc2IEwyOS41NTI3ODY0LDI4LjEwNTU3MjggQzMwLjA0Njc2NDksMjkuMDkzNTI5OCAyOS42NDYzMTYyLDMwLjI5NDg3NTkgMjguNjU4MzU5MiwzMC43ODg4NTQ0IEMyOC4zODA2NDgzLDMwLjkyNzcwOTggMjguMDc0NDIyMiwzMSAyNy43NjM5MzIsMzEgTDMuMjM2MDY3OTgsMzEgQzIuMTMxNDk4NDgsMzEgMS4yMzYwNjc5OCwzMC4xMDQ1Njk1IDEuMjM2MDY3OTgsMjkgQzEuMjM2MDY3OTgsMjguNjg5NTA5OCAxLjMwODM1ODE2LDI4LjM4MzI4MzcgMS40NDcyMTM2LDI4LjEwNTU3MjggTDEzLjcxMTE0NTYsMy41Nzc3MDg3NiBDMTQuMjA1MTI0MSwyLjU4OTc1MTc3IDE1LjQwNjQ3MDIsMi4xODkzMDMwOCAxNi4zOTQ0MjcyLDIuNjgzMjgxNTcgQzE2Ljc4MTQ4MiwyLjg3NjgwODk4IDE3LjA5NTMyNywzLjE5MDY1Mzk2IDE3LjI4ODg1NDQsMy41Nzc3MDg3NiBaIiBpZD0iVHJpYW5nbGUiIGZpbGw9IiNGRkZGRkYiIGZpbGwtcnVsZT0ibm9uemVybyI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDx0ZXh0IGlkPSIhIiBmb250LWZhbWlseT0iSGVsdmV0aWNhTmV1ZUxUU3RkIiBmb250LXNpemU9IjIwIiBmb250LXdlaWdodD0iNTAwIiBmaWxsPSIjNzg3ODc4Ij4KICAgICAgICAgICAgICAgICAgICAgICAgPHRzcGFuIHg9IjEzLjIyIiB5PSIyNiI+ITwvdHNwYW4+CiAgICAgICAgICAgICAgICAgICAgPC90ZXh0PgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=");
  background-size: 31px 32px;
  position: absolute;
  left: 45px;
  top: 31px;
}
.announcement-notification .wrapper {
  display: inline-block;
  text-align: left;
  background-color: #787878;
  padding: 34px 47px;
  padding-left: 95px;
  position: relative;
  padding-top: 34px;
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.3);
}
.announcement-notification h3 {
  font-size: 16px;
  line-height: 22px;
  margin: 0px;
  padding: 0px;
}
.announcement-notification a {
  color: #fff;
  font-size: 16px;
}

.privacy-policy h2 {
  font-size: 18px;
  margin-bottom: 16px;
}
.privacy-policy h3 {
  font-size: 16px;
  margin-bottom: 16px;
}
.privacy-policy ul li {
  margin-bottom: 0px;
}
.privacy-policy ul {
  margin-bottom: 22px;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Hide visually and from screen readers
 */
.hidden {
  display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 *
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *    causes content to wrap 1 word per line:
 *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  /* 1 */
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
  white-space: inherit;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */
.invisible {
  visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.clearfix:after {
  clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}
@media print, (min-resolution: 1.25dppx), (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */
}
/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   https://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */
@media print {
  *,
*:before,
*:after {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster */
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  /*
   * Don't show links that are fragment identifiers,
   * or use the `javascript:` pseudo protocol
   */
  a[href^="#"]:after,
a[href^="javascript:"]:after {
    content: "";
  }

  pre {
    white-space: pre-wrap !important;
  }

  pre,
blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  /*
   * Printing Tables:
   * http://css-discuss.incutio.com/wiki/Printing_Tables
   */
  thead {
    display: table-header-group;
  }

  tr,
img {
    page-break-inside: avoid;
  }

  p,
h2,
h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
h3 {
    page-break-after: avoid;
  }
}

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