/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
/* Document
   ========================================================================== */
*,
*:before,
*:after {
  box-sizing: inherit; }

html {
  font-family: sans-serif;
  /* 1 */
  line-height: 1.15;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  /* 3 */ }

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0; }

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
  /* 1 */
  display: block; }

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px; }

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */ }

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0; }

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */ }

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit; }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic; }

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000; }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block; }

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none; }

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden; }

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: 'Open Sans', Calibri, Tahoma, sans-serif;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */ }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block; }

/**
 * Add the correct display in IE.
 */
template {
  display: none; }

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none; }

body {
  color: #252525; }

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0; }

* + h1,
* + h2,
* + h3,
* + h4,
* + h5,
* + h6 {
  margin-top: 20px; }

h1 + h2 {
  margin-top: 40px; }

h2 + h3,
h3 + h4,
h4 + h5,
h5 + h6 {
  margin-top: 6px; }

header {
  margin-bottom: 20px; }
  header h1 + .subtitle {
    margin-top: 34px; }

aside h1 {
  font-size: 1.25rem; }
aside h2 {
  font-size: 1.1rem; }
aside h3 {
  font-size: 1rem; }
aside h4,
aside h5,
aside h6 {
  font-size: 0.8rem; }

table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 35px;
  border-collapse: collapse; }
  table th,
  table td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    text-align: left; }
  table thead th {
    vertical-align: bottom;
    border-top: 0px none; }

a {
  color: #047A9C;
  text-decoration: underline; }
  a:hover, a:active, a:focus, a.active {
    color: #005A70;
    text-decoration: none; }

abbr,
abbr[title] {
  text-decoration: none; }

ins:before {
  content: '+'; }
ins:after {
  content: '+'; }

mark {
  background: #FFB81C; }

small {
  font-size: 0.85714rem;
  line-height: 1.14286rem; }

sub,
sup {
  font-size: 90%; }

sub {
  top: 0.2rem; }

sup {
  top: -0.2rem; }

pre {
  max-width: 100%;
  overflow-x: auto; }

pre,
code,
kbd {
  font-family: Monaco, "Lucida Console", monospace; }

@font-face {
  font-family: 'Open Sans';
  src: url("./fonts/opensans-light.woff2") format("woff2"), url("./fonts/opensans-light.woff") format("woff");
  font-weight: 100;
  font-style: normal; }
@font-face {
  font-family: 'Open Sans';
  src: url("./fonts/opensans-lightitalic.woff2") format("woff2"), url("./fonts/opensans-lightitalic.woff") format("woff");
  font-weight: 100;
  font-style: italic; }
@font-face {
  font-family: 'Open Sans';
  src: url("./fonts/opensans-regular.woff2") format("woff2"), url("./fonts/opensans-regular.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Open Sans';
  src: url("./fonts/opensans-italic.woff2") format("woff2"), url("./fonts/opensans-italic.woff") format("woff");
  font-weight: normal;
  font-style: italic; }
@font-face {
  font-family: 'Open Sans';
  src: url("./fonts/opensans-semibold.woff2") format("woff2"), url("./fonts/opensans-semibold.woff") format("woff");
  font-weight: 600;
  font-style: normal; }
@font-face {
  font-family: 'Open Sans';
  src: url("./fonts/opensans-semibolditalic.woff2") format("woff2"), url("./fonts/opensans-semibolditalic.woff") format("woff");
  font-weight: 600;
  font-style: italic; }
html, .pe-base-fontsize {
  font-size: 0.875rem; }

body, .pe-fontstack {
  font-family: "Open Sans", Calibri, Tahoma, sans-serif; }

.pe-copy, .article p, .spec p, .spec .reqs .req .item::before, .side-toc .main-content p, .side-toc .main-content ul, .side-toc .main-content ol, .contact .table_substitute p, .status p, .status ul.top {
  font-size: 1rem;
  line-height: 1.57143rem;
  color: #252525; }

.pe-copy--secondary, .pe-label--secondary {
  color: #6A7070; }

.pe-copy--small, .block .content .colors .color .name, .block .content .colors .color .details > div, .block .content .colors .color .details .complement p {
  font-size: 0.85714rem;
  line-height: 1.42857rem;
  color: #252525; }

.pe-copy--large, .pe-heading-level6, h6, header h5 + .subtitle, .contact .table_substitute p, .status p, .status ul.top {
  font-size: 1.14286rem;
  line-height: 1.71429rem;
  color: #252525; }

.pe-paragraph, p, .article p {
  font-size: 1rem;
  line-height: 1.57143rem;
  margin-bottom: 0.85714rem;
  margin-top: 0;
  color: #252525; }

.pe-paragraph--last {
  margin-bottom: 0;
  color: #252525; }

.pe-lead {
  font-size: 1.42857rem;
  line-height: 2rem;
  font-weight: lighter;
  color: #252525; }

.pe-page-title, body.home .top h1, body.home .main-heroes h2, body.home .contact .address, .spec h1, .contact .table_substitute h1, .status h1 {
  font-size: 2.71429rem;
  line-height: 3.71429rem;
  font-weight: lighter;
  color: #252525; }

.pe-page-title--small, .pe-heading-level1, h1, .spec h1 {
  font-size: 2rem;
  line-height: 2.71429rem;
  font-weight: lighter;
  color: #252525; }

.pe-title, .pe-heading-level3, h3, header h2 + .subtitle, .pe-heading-level4, h4, header h3 + .subtitle, .article article #markdown-toc, .article h2, .article h3, .block.overview .toc ul, .block .text h3, .block .content .text-content h3, .block .content .text-content h4, .spec h2, .side-toc .main-content h1, .side-toc .main-content h2, .side-toc .main-content h3, .status h2, .status h3 {
  font-size: 1.42857rem;
  line-height: 1.85714rem;
  font-weight: normal;
  color: #252525; }

.pe-title--small, .pe-heading-level5, h5, header h4 + .subtitle, .article h3, .block .text h3, .block .content .text-content h4, .side-toc .main-content h3, .status h3, .sidebar header, .ultimate-header {
  font-size: 1.28571rem;
  line-height: 1.57143rem;
  font-weight: normal;
  color: #252525; }

.pe-title--large, .pe-heading-level2, h2, header h1 + .subtitle, .spec h2, .side-toc .main-content h1 {
  font-size: 1.71429rem;
  line-height: 2rem;
  font-weight: normal;
  color: #252525; }

.pe-page-title--secondary,
.pe-title--secondary {
  color: #6A7070; }

.pe-label, .js-tag, body.home footer a, .article section.toc, .article article #markdown-toc > li > ul, .article h4, .block .text h4, .block .text h5, .block .text dl dt, .block .text dl dd, .block .content .caption, .block .content .caption p, .block .content .text-content h5, .block .swatches table tr, .block .pe-style-table th, .block .pe-style-table td, .spec .reqs h3, .side-toc .main-content h4, .banner {
  font-size: 1rem;
  line-height: 1.28571rem; }
  .pe-label.pe-label--inverse, .pe-label--inverse.js-tag, body.home footer a.pe-label--inverse, .article section.pe-label--inverse.toc, .article article #markdown-toc > li > ul.pe-label--inverse, .article h4.pe-label--inverse, .block .text h4.pe-label--inverse, .block .text h5.pe-label--inverse, .block .text dl dt.pe-label--inverse, .block .text dl dd.pe-label--inverse, .block .content .pe-label--inverse.caption, .block .content .caption p.pe-label--inverse, .block .content .text-content h5.pe-label--inverse, .block .swatches table tr.pe-label--inverse, .block .pe-style-table th.pe-label--inverse, .block .pe-style-table td.pe-label--inverse, .spec .reqs h3.pe-label--inverse, .side-toc .main-content h4.pe-label--inverse, .pe-label--inverse.banner {
    color: #FFFFFF; }

.pe-label--secondary.pe-label--inverse {
  color: #F5F5F5; }

.pe-label--small, body.home footer a, .article section.toc, .block .text dl dt, .block .text dl dd, .block .content .caption, .block .content .caption p, .side-toc .main-content .caption p, .side-toc .main-content .caption ul, .side-toc .main-content .caption ol, .sidebar .sidebar-toc > ul > li {
  font-size: 0.85714rem;
  line-height: 1.14286rem; }

.pe-label--large, .article article #markdown-toc > li > ul, .article h4, .block .text h4, .block .content .text-content h5, .side-toc .main-content h4 {
  font-size: 1.14286rem;
  line-height: 1.42857rem; }

.pe-label--bold, .js-tag, body.home footer a, .article section.toc ul a.active, .article article #markdown-toc, .article h2, .block .text h5, .block .pe-style-table th, .sidebar .sidebar-toc > ul > li,
.pe-bold,
.spec .reqs h3,
.status h2 {
  font-weight: 600; }

.pe-list, .article ul, .article ul ul, .article ul ol, .article ol, .article ol ol, .article ol ul, .block .text ul, .block .text ul ul, .block .text ul ol, .block .text ol, .block .text ol ol, .block .text ol ul, .block .content .text-content ul, .block .content .text-content ul ul, .block .content .text-content ul ol, .block .content .text-content ol, .block .content .text-content ol ol, .block .content .text-content ol ul, .block.changelog ul, .spec .reqs .req .explanation ul, .side-toc .main-content ul, .side-toc .main-content ol, .contact .table_substitute ul, .status ul {
  margin: 12px 0;
  padding-left: 1.85714rem; }
  .pe-list li, .article ul li, .article ol li, .block .text ul li, .block .text ol li, .block .content .text-content ul li, .block .content .text-content ol li, .block.changelog ul li, .spec .reqs .req .explanation ul li, .side-toc .main-content ul li, .side-toc .main-content ol li, .contact .table_substitute ul li, .status ul li {
    font-size: 1rem;
    line-height: 1.57143rem;
    margin-bottom: 0.85714rem;
    margin-bottom: 0.42857rem; }
    .pe-list li > ol, .article ul li > ol, .article ul ul li > ol, .article ol li > ol, .article ol ol li > ol, .block .text ul li > ol, .block .text ul ul li > ol, .block .text ol li > ol, .block .text ol ol li > ol, .block .content .text-content ul li > ol, .block .content .text-content ul ul li > ol, .block .content .text-content ol li > ol, .block .content .text-content ol ol li > ol, .block.changelog ul li > ol, .spec .reqs .req .explanation ul li > ol, .side-toc .main-content ul li > ol, .side-toc .main-content ol li > ol, .contact .table_substitute ul li > ol, .status ul li > ol,
    .pe-list li > ul,
    .article ul li > ul,
    .article ul ul li > ul,
    .article ol li > ul,
    .article ol ol li > ul,
    .block .text ul li > ul,
    .block .text ul ul li > ul,
    .block .text ol li > ul,
    .block .text ol ol li > ul,
    .block .content .text-content ul li > ul,
    .block .content .text-content ul ul li > ul,
    .block .content .text-content ol li > ul,
    .block .content .text-content ol ol li > ul,
    .block.changelog ul li > ul,
    .spec .reqs .req .explanation ul li > ul,
    .side-toc .main-content ul li > ul,
    .side-toc .main-content ol li > ul,
    .contact .table_substitute ul li > ul,
    .status ul li > ul {
      margin-top: 0.42857rem; }
  .pe-list.pe-styled-lists--ordered, .article ul.pe-styled-lists--ordered, .article ul ol, .article ol, .article ol ol, .block .text ul.pe-styled-lists--ordered, .block .text ul ol, .block .text ol, .block .text ol ol, .block .content .text-content ul.pe-styled-lists--ordered, .block .content .text-content ul ol, .block .content .text-content ol, .block .content .text-content ol ol, .block.changelog ul.pe-styled-lists--ordered, .spec .reqs .req .explanation ul.pe-styled-lists--ordered, .side-toc .main-content ul.pe-styled-lists--ordered, .side-toc .main-content ol, .contact .table_substitute ul.pe-styled-lists--ordered, .status ul.pe-styled-lists--ordered {
    list-style-type: decimal; }
    .pe-list.pe-styled-lists--ordered ol, .article ul.pe-styled-lists--ordered ol, .article ul ol ol, .article ol ol, .article ol ol ol, .block .text ul.pe-styled-lists--ordered ol, .block .text ol ol, .block .content .text-content ul.pe-styled-lists--ordered ol, .block .content .text-content ol ol, .block.changelog ul.pe-styled-lists--ordered ol, .spec .reqs .req .explanation ul.pe-styled-lists--ordered ol, .side-toc .main-content ul.pe-styled-lists--ordered ol, .side-toc .main-content ol ol, .contact .table_substitute ul.pe-styled-lists--ordered ol, .status ul.pe-styled-lists--ordered ol {
      list-style-type: lower-alpha;
      padding-left: 1.85714rem; }
      .pe-list.pe-styled-lists--ordered ol ol, .article ul.pe-styled-lists--ordered ol ol, .article ul ol ol ol, .article ol ol ol, .article ol ol ol ol, .block .text ul.pe-styled-lists--ordered ol ol, .block .text ol ol ol, .block .content .text-content ul.pe-styled-lists--ordered ol ol, .block .content .text-content ol ol ol, .block.changelog ul.pe-styled-lists--ordered ol ol, .spec .reqs .req .explanation ul.pe-styled-lists--ordered ol ol, .side-toc .main-content ul.pe-styled-lists--ordered ol ol, .side-toc .main-content ol ol ol, .contact .table_substitute ul.pe-styled-lists--ordered ol ol, .status ul.pe-styled-lists--ordered ol ol {
        list-style-type: lower-roman; }
  .pe-list.pe-styled-lists--unordered, .article ul, .article ul ul, .article ol.pe-styled-lists--unordered, .article ol ul, .block .text ul, .block .text ul ul, .block .text ol.pe-styled-lists--unordered, .block .text ol ul, .block .content .text-content ul, .block .content .text-content ul ul, .block .content .text-content ol.pe-styled-lists--unordered, .block .content .text-content ol ul, .block.changelog ul, .spec .reqs .req .explanation ul, .side-toc .main-content ul, .side-toc .main-content ol.pe-styled-lists--unordered, .contact .table_substitute ul, .status ul {
    list-style-type: disc; }
    .pe-list.pe-styled-lists--unordered ul, .article ul ul, .article ul ul ul, .article ol.pe-styled-lists--unordered ul, .article ol ul ul, .block .text ul ul, .block .text ol.pe-styled-lists--unordered ul, .block .content .text-content ul ul, .block .content .text-content ol.pe-styled-lists--unordered ul, .block.changelog ul ul, .spec .reqs .req .explanation ul ul, .side-toc .main-content ul ul, .side-toc .main-content ol.pe-styled-lists--unordered ul, .contact .table_substitute ul ul, .status ul ul {
      list-style-type: circle;
      padding-left: 1.85714rem; }
      .pe-list.pe-styled-lists--unordered ul ul, .article ul ul ul, .article ul ul ul ul, .article ol.pe-styled-lists--unordered ul ul, .article ol ul ul ul, .block .text ul ul ul, .block .text ol.pe-styled-lists--unordered ul ul, .block .content .text-content ul ul ul, .block .content .text-content ol.pe-styled-lists--unordered ul ul, .block.changelog ul ul ul, .spec .reqs .req .explanation ul ul ul, .side-toc .main-content ul ul ul, .side-toc .main-content ol.pe-styled-lists--unordered ul ul, .contact .table_substitute ul ul ul, .status ul ul ul {
        list-style-type: square; }
  .pe-list.pe-styled-lists-heading--ordered, .article ul.pe-styled-lists-heading--ordered, .article ol.pe-styled-lists-heading--ordered, .block .text ul.pe-styled-lists-heading--ordered, .block .text ol.pe-styled-lists-heading--ordered, .block .content .text-content ul.pe-styled-lists-heading--ordered, .block .content .text-content ol.pe-styled-lists-heading--ordered, .block.changelog ul.pe-styled-lists-heading--ordered, .spec .reqs .req .explanation ul.pe-styled-lists-heading--ordered, .side-toc .main-content ul.pe-styled-lists-heading--ordered, .side-toc .main-content ol.pe-styled-lists-heading--ordered, .contact .table_substitute ul.pe-styled-lists-heading--ordered, .status ul.pe-styled-lists-heading--ordered {
    list-style-type: decimal;
    margin-top: 0; }
    .pe-list.pe-styled-lists-heading--ordered ol, .article ul.pe-styled-lists-heading--ordered ol, .article ol.pe-styled-lists-heading--ordered ol, .block .text ul.pe-styled-lists-heading--ordered ol, .block .text ol.pe-styled-lists-heading--ordered ol, .block .content .text-content ul.pe-styled-lists-heading--ordered ol, .block .content .text-content ol.pe-styled-lists-heading--ordered ol, .block.changelog ul.pe-styled-lists-heading--ordered ol, .spec .reqs .req .explanation ul.pe-styled-lists-heading--ordered ol, .side-toc .main-content ul.pe-styled-lists-heading--ordered ol, .side-toc .main-content ol.pe-styled-lists-heading--ordered ol, .contact .table_substitute ul.pe-styled-lists-heading--ordered ol, .status ul.pe-styled-lists-heading--ordered ol {
      list-style-type: lower-alpha;
      padding-left: 1.85714rem; }
      .pe-list.pe-styled-lists-heading--ordered ol ol, .article ul.pe-styled-lists-heading--ordered ol ol, .article ol.pe-styled-lists-heading--ordered ol ol, .block .text ul.pe-styled-lists-heading--ordered ol ol, .block .text ol.pe-styled-lists-heading--ordered ol ol, .block .content .text-content ul.pe-styled-lists-heading--ordered ol ol, .block .content .text-content ol.pe-styled-lists-heading--ordered ol ol, .block.changelog ul.pe-styled-lists-heading--ordered ol ol, .spec .reqs .req .explanation ul.pe-styled-lists-heading--ordered ol ol, .side-toc .main-content ul.pe-styled-lists-heading--ordered ol ol, .side-toc .main-content ol.pe-styled-lists-heading--ordered ol ol, .contact .table_substitute ul.pe-styled-lists-heading--ordered ol ol, .status ul.pe-styled-lists-heading--ordered ol ol {
        list-style-type: lower-roman; }
  .pe-list.pe-styled-lists-heading--unordered, .article ul.pe-styled-lists-heading--unordered, .article ol.pe-styled-lists-heading--unordered, .block .text ul.pe-styled-lists-heading--unordered, .block .text ol.pe-styled-lists-heading--unordered, .block .content .text-content ul.pe-styled-lists-heading--unordered, .block .content .text-content ol.pe-styled-lists-heading--unordered, .block.changelog ul.pe-styled-lists-heading--unordered, .spec .reqs .req .explanation ul.pe-styled-lists-heading--unordered, .side-toc .main-content ul.pe-styled-lists-heading--unordered, .side-toc .main-content ol.pe-styled-lists-heading--unordered, .contact .table_substitute ul.pe-styled-lists-heading--unordered, .status ul.pe-styled-lists-heading--unordered {
    list-style-type: disc;
    margin-top: 0; }
    .pe-list.pe-styled-lists-heading--unordered ul, .article ul.pe-styled-lists-heading--unordered ul, .article ol.pe-styled-lists-heading--unordered ul, .block .text ul.pe-styled-lists-heading--unordered ul, .block .text ol.pe-styled-lists-heading--unordered ul, .block .content .text-content ul.pe-styled-lists-heading--unordered ul, .block .content .text-content ol.pe-styled-lists-heading--unordered ul, .block.changelog ul.pe-styled-lists-heading--unordered ul, .spec .reqs .req .explanation ul.pe-styled-lists-heading--unordered ul, .side-toc .main-content ul.pe-styled-lists-heading--unordered ul, .side-toc .main-content ol.pe-styled-lists-heading--unordered ul, .contact .table_substitute ul.pe-styled-lists-heading--unordered ul, .status ul.pe-styled-lists-heading--unordered ul {
      list-style-type: circle;
      padding-left: 1.85714rem; }
      .pe-list.pe-styled-lists-heading--unordered ul ul, .article ul.pe-styled-lists-heading--unordered ul ul, .article ol.pe-styled-lists-heading--unordered ul ul, .block .text ul.pe-styled-lists-heading--unordered ul ul, .block .text ol.pe-styled-lists-heading--unordered ul ul, .block .content .text-content ul.pe-styled-lists-heading--unordered ul ul, .block .content .text-content ol.pe-styled-lists-heading--unordered ul ul, .block.changelog ul.pe-styled-lists-heading--unordered ul ul, .spec .reqs .req .explanation ul.pe-styled-lists-heading--unordered ul ul, .side-toc .main-content ul.pe-styled-lists-heading--unordered ul ul, .side-toc .main-content ol.pe-styled-lists-heading--unordered ul ul, .contact .table_substitute ul.pe-styled-lists-heading--unordered ul ul, .status ul.pe-styled-lists-heading--unordered ul ul {
        list-style-type: square; }

.pe-list--unstyled {
  list-style: none;
  padding-left: 0; }
  .pe-list--unstyled ul {
    padding-left: 1.85714rem; }

.pe-heading-level1, h1 {
  margin-bottom: 6px; }

.pe-heading-level2, h2, header h1 + .subtitle {
  margin-bottom: 6px; }

.pe-heading-level3, h3, header h2 + .subtitle {
  font-weight: bold;
  margin-bottom: 6px; }

.pe-heading-level4, h4, header h3 + .subtitle {
  margin-bottom: 6px; }

.pe-heading-level5, h5, header h4 + .subtitle {
  margin-bottom: 6px; }

.pe-heading-level6, h6, header h5 + .subtitle {
  margin-bottom: 6px; }

* + [class^="pe-heading-level"] {
  margin-top: 20px; }

.pe-code, .block .content pre {
  font-family: Monaco, "Lucida Console", monospace;
  color: #F5F5F5;
  font-size: 1rem;
  line-height: 1.42857rem;
  background: #005A70;
  padding: 30px 50px; }

.pe-code-inline,
.pe-kbd {
  font-family: Monaco, "Lucida Console", monospace;
  background: #E9E9E9;
  padding: 0 4px; }

#pe-icons-sprite {
  display: none; }

svg[class^='pe-icon--'] {
  display: inline-block;
  vertical-align: top;
  fill: currentColor; }

[class^='pe-btn'] svg[class$='-18'] {
  vertical-align: text-top; }

.pe-btn--btn_large svg[class$='-24'] {
  margin-top: 5px; }

.pe-btn--btn_xlarge svg[class$='-24'],
[class$='--btn_xlarge'] svg[class$='-24'] {
  margin-top: 8px; }

svg[class$='-18'] {
  width: 18px;
  height: 18px; }

svg[class$='-24'] {
  width: 24px;
  height: 24px; }

svg[class$="font-setting-18"] {
  width: 24px;
  height: 18px; }

svg[class$="font-setting-24"] {
  width: 32px;
  height: 24px; }

svg[class$="new-notification-9"] {
  vertical-align: middle;
  width: 10px;
  height: 10px; }

.pe-btn, .pe-btn--btn_small, .pe-btn--btn_large, .pe-btn--btn_xlarge, .pe-btn__primary, .pe-btn__primary--btn_small, .pe-btn__primary--btn_large, .pe-btn__primary--btn_xlarge, .pe-btn__cta, .pe-btn__cta--btn_small, .pe-btn__cta--btn_large, .pe-btn__cta--btn_xlarge {
  border-radius: 2px;
  border: none;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  font-size: 14px;
  height: 32px;
  line-height: 32px;
  padding: 0 12px;
  font-weight: 600; }

.pe-btn--btn_large, .pe-btn__primary--btn_large, .pe-btn__cta--btn_large {
  height: 36px;
  font-size: 14px;
  line-height: 36px;
  padding: 0 12px; }

.pe-btn--btn_xlarge, .pe-btn__primary--btn_xlarge, .pe-btn__cta--btn_xlarge {
  height: 44px;
  font-size: 18px;
  line-height: 44px;
  padding: 0 20px; }

.pe-icon--btn {
  padding: 0;
  background-color: transparent;
  border: 0; }

.pe-link, .pe-link--btn {
  text-decoration: underline;
  background-color: transparent;
  border: none;
  cursor: pointer; }

.pe-link {
  color: #047A9C;
  padding: 0; }
  .pe-link:hover, .pe-link:focus {
    color: #005A70;
    text-decoration: none; }

.pe-link--btn {
  color: #047A9C;
  padding: 4px; }
  .pe-link--btn:hover, .pe-link--btn:focus {
    text-decoration: none; }
  .pe-link--btn:disabled {
    color: #6A7070;
    text-decoration: none; }

.pe-btn {
  border: 1px solid #C7C7C7;
  color: #252525;
  background-color: #E9E9E9;
  border-radius: 2px;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }
  .pe-btn:hover, .pe-btn:active, .pe-btn:focus {
    color: #252525;
    background-color: #D9D9D9; }
  .pe-btn:disabled, .pe-btn.pe-btn--disabled, .pe-btn.pe-btn--disabled:hover {
    cursor: default;
    border: 0;
    color: #C7C7C7;
    background-color: #E9E9E9;
    box-shadow: none;
    text-decoration: none; }

.pe-btn--btn_small {
  border: 1px solid #C7C7C7;
  color: #252525;
  background-color: #E9E9E9;
  border-radius: 2px;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }
  .pe-btn--btn_small:hover, .pe-btn--btn_small:active, .pe-btn--btn_small:focus {
    color: #252525;
    background-color: #D9D9D9; }
  .pe-btn--btn_small:disabled, .pe-btn--btn_small.pe-btn--disabled, .pe-btn--btn_small.pe-btn--disabled:hover {
    cursor: default;
    border: 0;
    color: #C7C7C7;
    background-color: #E9E9E9;
    box-shadow: none;
    text-decoration: none; }

.pe-btn--btn_large {
  border: 1px solid #C7C7C7;
  color: #252525;
  background-color: #E9E9E9;
  border-radius: 2px;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }
  .pe-btn--btn_large:hover, .pe-btn--btn_large:active, .pe-btn--btn_large:focus {
    color: #252525;
    background-color: #D9D9D9; }
  .pe-btn--btn_large:disabled, .pe-btn--btn_large.pe-btn--disabled, .pe-btn--btn_large.pe-btn--disabled:hover {
    cursor: default;
    border: 0;
    color: #C7C7C7;
    background-color: #E9E9E9;
    box-shadow: none;
    text-decoration: none; }

.pe-btn--btn_xlarge {
  border: 1px solid #C7C7C7;
  color: #252525;
  background-color: #E9E9E9;
  border-radius: 2px;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }
  .pe-btn--btn_xlarge:hover, .pe-btn--btn_xlarge:active, .pe-btn--btn_xlarge:focus {
    color: #252525;
    background-color: #D9D9D9; }
  .pe-btn--btn_xlarge:disabled, .pe-btn--btn_xlarge.pe-btn--disabled, .pe-btn--btn_xlarge.pe-btn--disabled:hover {
    cursor: default;
    border: 0;
    color: #C7C7C7;
    background-color: #E9E9E9;
    box-shadow: none;
    text-decoration: none; }

.pe-btn__primary {
  color: #FFFFFF;
  background-color: #047A9C;
  border-radius: 2px;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }
  .pe-btn__primary:hover, .pe-btn__primary:active, .pe-btn__primary:focus {
    color: #FFFFFF;
    background-color: #005A70; }
  .pe-btn__primary:disabled, .pe-btn__primary.pe-btn--disabled, .pe-btn__primary.pe-btn--disabled:hover {
    cursor: default;
    border: 0;
    box-shadow: none;
    text-decoration: none; }

.pe-btn__primary--btn_small {
  color: #FFFFFF;
  background-color: #047A9C;
  border-radius: 2px;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }
  .pe-btn__primary--btn_small:hover, .pe-btn__primary--btn_small:active, .pe-btn__primary--btn_small:focus {
    color: #FFFFFF;
    background-color: #005A70; }
  .pe-btn__primary--btn_small:disabled, .pe-btn__primary--btn_small.pe-btn--disabled, .pe-btn__primary--btn_small.pe-btn--disabled:hover {
    cursor: default;
    border: 0;
    box-shadow: none;
    text-decoration: none; }

.pe-btn__primary--btn_large {
  color: #FFFFFF;
  background-color: #047A9C;
  border-radius: 2px;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }
  .pe-btn__primary--btn_large:hover, .pe-btn__primary--btn_large:active, .pe-btn__primary--btn_large:focus {
    color: #FFFFFF;
    background-color: #005A70; }
  .pe-btn__primary--btn_large:disabled, .pe-btn__primary--btn_large.pe-btn--disabled, .pe-btn__primary--btn_large.pe-btn--disabled:hover {
    cursor: default;
    border: 0;
    box-shadow: none;
    text-decoration: none; }

.pe-btn__primary--btn_xlarge {
  color: #FFFFFF;
  background-color: #047A9C;
  border-radius: 2px;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }
  .pe-btn__primary--btn_xlarge:hover, .pe-btn__primary--btn_xlarge:active, .pe-btn__primary--btn_xlarge:focus {
    color: #FFFFFF;
    background-color: #005A70; }
  .pe-btn__primary--btn_xlarge:disabled, .pe-btn__primary--btn_xlarge.pe-btn--disabled, .pe-btn__primary--btn_xlarge.pe-btn--disabled:hover {
    cursor: default;
    border: 0;
    box-shadow: none;
    text-decoration: none; }

.pe-btn__cta {
  color: #252525;
  background-color: #FFB81C;
  border-radius: 2px;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }
  .pe-btn__cta:hover, .pe-btn__cta:active, .pe-btn__cta:focus {
    color: #252525;
    background-color: #FF9A19; }
  .pe-btn__cta:disabled, .pe-btn__cta.pe-btn--disabled, .pe-btn__cta.pe-btn--disabled:hover {
    cursor: default;
    border: 0;
    box-shadow: none;
    text-decoration: none; }

.pe-btn__cta--btn_small {
  color: #252525;
  background-color: #FFB81C;
  border-radius: 2px;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }
  .pe-btn__cta--btn_small:hover, .pe-btn__cta--btn_small:active, .pe-btn__cta--btn_small:focus {
    color: #252525;
    background-color: #FF9A19; }
  .pe-btn__cta--btn_small:disabled, .pe-btn__cta--btn_small.pe-btn--disabled, .pe-btn__cta--btn_small.pe-btn--disabled:hover {
    cursor: default;
    border: 0;
    box-shadow: none;
    text-decoration: none; }

.pe-btn__cta--btn_large {
  color: #252525;
  background-color: #FFB81C;
  border-radius: 2px;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }
  .pe-btn__cta--btn_large:hover, .pe-btn__cta--btn_large:active, .pe-btn__cta--btn_large:focus {
    color: #252525;
    background-color: #FF9A19; }
  .pe-btn__cta--btn_large:disabled, .pe-btn__cta--btn_large.pe-btn--disabled, .pe-btn__cta--btn_large.pe-btn--disabled:hover {
    cursor: default;
    border: 0;
    box-shadow: none;
    text-decoration: none; }

.pe-btn__cta--btn_xlarge {
  color: #252525;
  background-color: #FFB81C;
  border-radius: 2px;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }
  .pe-btn__cta--btn_xlarge:hover, .pe-btn__cta--btn_xlarge:active, .pe-btn__cta--btn_xlarge:focus {
    color: #252525;
    background-color: #FF9A19; }
  .pe-btn__cta--btn_xlarge:disabled, .pe-btn__cta--btn_xlarge.pe-btn--disabled, .pe-btn__cta--btn_xlarge.pe-btn--disabled:hover {
    cursor: default;
    border: 0;
    box-shadow: none;
    text-decoration: none; }

.pe-select-container, .pe-select-container-focus, .pe-select-container-error, .pe-select-container-focus-error, .pe-select-container-disabled, .pe-select-container-readonly, .pe-select-container--fancy, .pe-select-container-fancy-focus, .pe-select-container-fancy-error, .pe-select-container-fancy-error-focus, .pe-select-container-fancy-disabled, .pe-select-container-fancy-readonly {
  position: relative;
  display: block;
  min-width: 250px;
  padding: 0; }

.pe-select-container svg, .pe-select-container-focus svg, .pe-select-container-error svg, .pe-select-container-focus-error svg, .pe-select-container-disabled svg, .pe-select-container-readonly svg, .pe-select-container--fancy svg, .pe-select-container-fancy-focus svg, .pe-select-container-fancy-error svg, .pe-select-container-fancy-error-focus svg, .pe-select-container-fancy-disabled svg, .pe-select-container-fancy-readonly svg {
  position: absolute;
  bottom: 8px;
  right: 14px;
  pointer-events: none; }

.pe-select-container select, .pe-select-container-focus select, .pe-select-container-error select, .pe-select-container-focus-error select, .pe-select-container-disabled select, .pe-select-container-readonly select, .pe-select-container--fancy select, .pe-select-container-fancy-focus select, .pe-select-container-fancy-error select, .pe-select-container-fancy-error-focus select, .pe-select-container-fancy-disabled select, .pe-select-container-fancy-readonly select {
  box-sizing: border-box;
  width: 100%;
  min-height: 34px;
  margin: 0;
  padding: 0 14px;
  outline: none; }

.pe-selectInput--basic, .pe-select--basic_error {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #FFFFFF;
  border: 1px solid transparent;
  padding-top: 8px; }

.pe-textInput--basic, .pe-textInput--basic_error, .pe-select-container, .pe-select-container-focus, .pe-select-container-error, .pe-select-container-focus-error, .pe-select-container-disabled, .pe-select-container-readonly, .pe-select-container--fancy, .pe-select-container-fancy-focus, .pe-select-container-fancy-error, .pe-select-container-fancy-error-focus, .pe-select-container-fancy-disabled, .pe-select-container-fancy-readonly {
  padding: 0px 14px 0px 14px;
  height: 36px;
  width: 100%;
  box-sizing: border-box;
  display: block;
  border-radius: 3px;
  font-size: 14px;
  line-height: 18px;
  background-color: #FFFFFF;
  color: #252525; }

.pe-textInput, .pe-textInput--input_error, .pe-textInput--input_readonly, .pe-selectInput--fancy, .pe-selectInput-fancy-error, .pe-selectInput-fancy-disabled, .pe-selectInput-fancy-readonly {
  padding: 8px 0px 10px 0px;
  font-size: 14px;
  color: #252525;
  width: 100%;
  border: none;
  line-height: 18px; }

.pe-textInput {
  border-bottom: 1px;
  border-bottom-style: solid;
  border-bottom-color: #6A7070; }
  .pe-textInput::-webkit-input-placeholder {
    font-size: 14px;
    color: #6A7070; }
  .pe-textInput::-moz-placeholder {
    font-size: 14px;
    color: #6A7070; }
  .pe-textInput:-moz-placeholder {
    font-size: 14px;
    color: #6A7070; }
  .pe-textInput:-ms-input-placeholder {
    font-size: 14px;
    color: #6A7070; }
  .pe-textInput:focus {
    outline: none; }

.pe-input_underline {
  background-color: #047A9C;
  display: block;
  height: 4px;
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transition: 0.2s ease all;
  transition: 0.2s ease all;
  width: 100%;
  margin-top: -3px; }

input:focus + .pe-input_underline {
  transform: scale(1); }

.pe-textLabelInput__label, .pe-textLabelInput__label--label_focus, .pe-textLabelInput__label--label_error {
  font-size: 12px;
  line-height: 16px;
  display: block; }

.pe-textLabelInput__label {
  color: #6A7070; }

.pe-textLabelInput__label--label_focus {
  color: #047A9C; }

.pe-textLabelInput__label--label_error {
  color: #DB0020; }

input:focus + .pe-inputError_underline {
  transform: scale(1); }

.pe-inputError_underline {
  background-color: #DB0020;
  display: block;
  height: 4px;
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transition: 0.2s ease all;
  transition: 0.2s ease all;
  width: 100%;
  margin-top: -3px; }

.pe-textInput--input_error {
  border-bottom: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DB0020; }
  .pe-textInput--input_error::-webkit-input-placeholder {
    font-size: 14px;
    color: #6A7070; }
  .pe-textInput--input_error::-moz-placeholder {
    font-size: 14px;
    color: #6A7070; }
  .pe-textInput--input_error:-moz-placeholder {
    font-size: 14px;
    color: #6A7070; }
  .pe-textInput--input_error:-ms-input-placeholder {
    font-size: 14px;
    color: #6A7070; }
  .pe-textInput--input_error:focus {
    outline: none; }

.pe-input-wrapper {
  min-height: 52px; }

.pe-textInput--input_readonly {
  border-bottom: 0;
  background-color: transparent;
  font-size: 14px;
  color: #252525;
  -webkit-appearance: none; }
  .pe-textInput--input_readonly::-webkit-input-placeholder {
    font-size: 14px; }
  .pe-textInput--input_readonly::-moz-placeholder {
    font-size: 14px; }
  .pe-textInput--input_readonly:-moz-placeholder {
    font-size: 14px; }
  .pe-textInput--input_readonly:-ms-input-placeholder {
    font-size: 14px; }
  .pe-textInput--input_readonly:focus {
    outline: none; }

.pe-textInput:disabled, .pe-textInput-disabled {
  color: #C7C7C7;
  font-size: 14px;
  background-color: #FFFFFF;
  border-bottom: 4px;
  border-bottom-style: solid;
  border-bottom-color: #C7C7C7; }

.pe-textInput--basic {
  border: 1px solid #C7C7C7;
  margin-top: 6px; }
  .pe-textInput--basic::-webkit-input-placeholder {
    font-size: 14px;
    color: #6A7070; }
  .pe-textInput--basic::-moz-placeholder {
    font-size: 14px;
    color: #6A7070; }
  .pe-textInput--basic:-moz-placeholder {
    font-size: 14px;
    color: #6A7070; }
  .pe-textInput--basic:-ms-input-placeholder {
    font-size: 14px;
    color: #6A7070; }
  .pe-textInput--basic:focus {
    outline: none;
    border: 1px solid #047A9C;
    box-shadow: 0px 0px 5px 0px #047A9C; }

.pe-textInput--basic_error {
  border: 1px solid #DB0020;
  margin-top: 6px; }
  .pe-textInput--basic_error::-webkit-input-placeholder {
    font-size: 14px;
    color: #6A7070; }
  .pe-textInput--basic_error::-moz-placeholder {
    font-size: 14px;
    color: #6A7070; }
  .pe-textInput--basic_error:-moz-placeholder {
    font-size: 14px;
    color: #6A7070; }
  .pe-textInput--basic_error:-ms-input-placeholder {
    font-size: 14px;
    color: #6A7070; }
  .pe-textInput--basic_error:focus {
    outline: none;
    box-shadow: 0px 0px 4px 0px #DB0020; }

.pe-textInput--basic:disabled {
  background-color: #E9E9E9;
  margin-top: 6px; }

.pe-select-container, .pe-select-container-focus, .pe-select-container-error, .pe-select-container-focus-error, .pe-select-container-disabled, .pe-select-container-readonly, .pe-select-container--fancy, .pe-select-container-fancy-focus, .pe-select-container-fancy-error, .pe-select-container-fancy-error-focus, .pe-select-container-fancy-disabled, .pe-select-container-fancy-readonly {
  position: relative;
  display: block;
  min-width: 250px;
  padding: 0; }

.pe-select-container svg, .pe-select-container-focus svg, .pe-select-container-error svg, .pe-select-container-focus-error svg, .pe-select-container-disabled svg, .pe-select-container-readonly svg, .pe-select-container--fancy svg, .pe-select-container-fancy-focus svg, .pe-select-container-fancy-error svg, .pe-select-container-fancy-error-focus svg, .pe-select-container-fancy-disabled svg, .pe-select-container-fancy-readonly svg {
  position: absolute;
  bottom: 8px;
  right: 14px;
  pointer-events: none; }

.pe-select-container select, .pe-select-container-focus select, .pe-select-container-error select, .pe-select-container-focus-error select, .pe-select-container-disabled select, .pe-select-container-readonly select, .pe-select-container--fancy select, .pe-select-container-fancy-focus select, .pe-select-container-fancy-error select, .pe-select-container-fancy-error-focus select, .pe-select-container-fancy-disabled select, .pe-select-container-fancy-readonly select {
  box-sizing: border-box;
  width: 100%;
  min-height: 34px;
  margin: 0;
  padding: 0 14px;
  outline: none; }

.pe-selectInput--basic, .pe-select--basic_error {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #FFFFFF;
  border: 1px solid transparent;
  padding-top: 8px; }

.pe-textInput--basic, .pe-textInput--basic_error, .pe-select-container, .pe-select-container-focus, .pe-select-container-error, .pe-select-container-focus-error, .pe-select-container-disabled, .pe-select-container-readonly, .pe-select-container--fancy, .pe-select-container-fancy-focus, .pe-select-container-fancy-error, .pe-select-container-fancy-error-focus, .pe-select-container-fancy-disabled, .pe-select-container-fancy-readonly {
  padding: 0px 14px 0px 14px;
  height: 36px;
  width: 100%;
  box-sizing: border-box;
  display: block;
  border-radius: 3px;
  font-size: 14px;
  line-height: 18px;
  background-color: #FFFFFF;
  color: #252525; }

.pe-select-container {
  border: 1px solid #C7C7C7;
  padding: 0px;
  margin-top: 6px; }

.pe-select-container select {
  padding: .3em;
  padding-left: 14px; }
  .pe-select-container select:focus {
    outline: none;
    border: 1px solid #047A9C;
    box-shadow: 0px 0px 5px 0px #047A9C; }
    .pe-select-container select:focus::-ms-value {
      background: transparent;
      color: #222; }
  .pe-select-container select::-ms-expand {
    opacity: 0; }

.pe-selectInput--basic:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000; }

.pe-select-container-focus {
  border: 1px solid transparent;
  padding: 0px;
  margin-top: 6px; }

.pe-select-container-focus select {
  padding: .3em;
  padding-left: 14px; }
  .pe-select-container-focus select:focus {
    outline: none;
    border: 1px solid #047A9C;
    box-shadow: 0px 0px 5px 0px #047A9C; }
    .pe-select-container-focus select:focus::-ms-value {
      background: transparent;
      color: #222; }
    .pe-select-container-focus select:focus::-ms-expand {
      opacity: 0; }

.pe-select-container-error {
  border: 1px solid #DB0020;
  padding: 0px;
  margin-top: 6px; }

.pe-select-container-error select {
  padding: .3em;
  padding-left: 14px; }
  .pe-select-container-error select:focus {
    outline: none;
    border: 1px solid #DB0020;
    box-shadow: 0px 0px 4px 0px #DB0020; }
    .pe-select-container-error select:focus::-ms-value {
      background: transparent;
      color: #222; }
  .pe-select-container-error select::-ms-expand {
    opacity: 0; }

.pe-select-container-focus-error {
  border: 1px solid transparent;
  padding: 0px;
  margin-top: 6px; }

.pe-select-container-focus-error select {
  padding: .3em;
  padding-left: 14px; }
  .pe-select-container-focus-error select:focus {
    outline: none;
    border: 1px solid #DB0020;
    box-shadow: 0px 0px 4px 0px #DB0020; }
    .pe-select-container-focus-error select:focus::-ms-value {
      background: transparent;
      color: #222; }
  .pe-select-container-focus-error select::-ms-expand {
    opacity: 0; }

.pe-select--basic_error {
  -webkit-appearance: none; }
  .pe-select--basic_error::-webkit-input-placeholder {
    font-size: 14px;
    color: #6A7070; }
  .pe-select--basic_error::-moz-placeholder {
    font-size: 14px;
    color: #6A7070; }
  .pe-select--basic_error:-moz-placeholder {
    font-size: 14px;
    color: #6A7070; }
  .pe-select--basic_error:-ms-input-placeholder {
    font-size: 14px;
    color: #6A7070; }
  .pe-select--basic_error:focus {
    outline: none;
    box-shadow: 0px 0px 4px 0px #DB0020; }
  .pe-select--basic_error:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000; }

.pe-select-container-disabled {
  outline: none;
  padding: 0px;
  color: #C7C7C7;
  background-color: #E9E9E9;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin-top: 6px; }

.pe-select-container-disabled svg {
  fill: #C7C7C7; }

.pe-select-container-disabled select {
  border: 1px solid #C7C7C7; }
  .pe-select-container-disabled select:focus {
    outline: none;
    border: 1px solid #DB0020;
    box-shadow: 0px 0px 4px 0px #DB0020; }
    .pe-select-container-disabled select:focus::-ms-value {
      background: transparent;
      color: #222; }
  .pe-select-container-disabled select::-ms-expand {
    opacity: 0; }

.pe-select-container-readonly {
  padding: 0px;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin-top: 6px; }

.pe-select-container-readonly svg {
  right: 0; }

.pe-select-container-readonly select {
  padding: 0px; }
  .pe-select-container-readonly select:focus {
    outline: none;
    border: 1px solid #DB0020;
    box-shadow: 0px 0px 4px 0px #DB0020; }
    .pe-select-container-readonly select:focus::-ms-value {
      background: transparent;
      color: #222; }
  .pe-select-container-readonly select::-ms-expand {
    opacity: 0; }

.pe-select-container--fancy {
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: 0px;
  border: none; }

.pe-select-container--fancy svg {
  right: 0;
  outline: none; }

.pe-select-container--fancy select {
  padding: 8px 0px 10px 0px;
  outline: none;
  box-shadow: none; }
  .pe-select-container--fancy select:focus {
    outline: none;
    box-shadow: none; }
    .pe-select-container--fancy select:focus::-ms-value {
      background: transparent;
      color: #222; }
  .pe-select-container--fancy select::-ms-expand {
    opacity: 0; }

.pe-selectInput--fancy {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  background-color: transparent;
  padding-top: 8px;
  border-bottom: 1px;
  border-bottom-style: solid;
  border-bottom-color: #6A7070;
  border-radius: 0px; }
  .pe-selectInput--fancy:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000; }

select:focus + .pe-input_underline {
  transform: scale(1); }

.pe-select-container-fancy-focus {
  border: none;
  padding: 0px; }

.pe-select-container-fancy-focus svg {
  right: 0; }

.pe-select-container-fancy-focus select {
  padding: 8px 0px 10px 0px;
  border: none; }
  .pe-select-container-fancy-focus select:focus {
    outline: none; }
    .pe-select-container-fancy-focus select:focus::-ms-value {
      background: transparent;
      color: #222; }
    .pe-select-container-fancy-focus select:focus::-ms-expand {
      opacity: 0; }

.pe-select-container-fancy-error {
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: 0px; }

.pe-select-container-fancy-error svg {
  right: 0; }

.pe-select-container-fancy-error select {
  padding: 8px 0px 10px 0px; }
  .pe-select-container-fancy-error select:focus {
    outline: none;
    box-shadow: none; }
    .pe-select-container-fancy-error select:focus::-ms-value {
      background: transparent;
      color: #222; }
  .pe-select-container-fancy-error select::-ms-expand {
    opacity: 0; }

.pe-selectInput-fancy-error {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  padding-top: 8px;
  border-bottom: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DB0020;
  border-radius: 0px; }
  .pe-selectInput-fancy-error:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000; }

select:focus + .pe-inputError_underline {
  transform: scale(1); }

.pe-select-container-fancy-error-focus {
  border: none;
  padding: 0px; }

.pe-select-container-fancy-error-focus svg {
  right: 0; }

.pe-select-container-fancy-error-focus select {
  padding: 8px 0px 10px 0px; }
  .pe-select-container-fancy-error-focus select:focus {
    outline: none; }
    .pe-select-container-fancy-error-focus select:focus::-ms-value {
      background: transparent;
      color: #222; }
    .pe-select-container-fancy-error-focus select:focus::-ms-expand {
      opacity: 0; }

.pe-select-container-fancy-disabled {
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0px; }

.pe-select-container-fancy-disabled svg {
  right: 0;
  fill: #C7C7C7; }

.pe-select-container-fancy-disabled select {
  padding: 8px 0px 10px 0px;
  color: #C7C7C7;
  border-bottom: 4px;
  border-bottom-style: solid;
  border-bottom-color: #C7C7C7; }
  .pe-select-container-fancy-disabled select::-ms-expand {
    opacity: 0; }

.pe-selectInput-fancy-disabled {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  padding-top: 8px;
  border: none;
  border-radius: 0px; }

.pe-select-container-fancy-readonly {
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0px; }

.pe-select-container-fancy-readonly svg {
  right: 0; }

.pe-select-container-fancy-readonly select {
  padding: 8px 0px 10px 0px;
  appearance: none; }
  .pe-select-container-fancy-readonly select::-ms-expand {
    opacity: 0; }

.pe-selectInput-fancy-readonly {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  padding-top: 8px;
  border: none;
  border-radius: 0px; }

.pe-multiLineText, .pe-multiLineText--error, .pe-multiLineText--disabled, .pe-multiLineText--readOnly {
  border: 1px solid #C7C7C7;
  font-size: 14px;
  color: #252525;
  margin-top: 6px;
  line-height: 18px;
  padding: 9px 14px;
  resize: none;
  width: 100%;
  box-sizing: border-box; }
  .pe-multiLineText::-webkit-input-placeholder, .pe-multiLineText--error::-webkit-input-placeholder, .pe-multiLineText--disabled::-webkit-input-placeholder, .pe-multiLineText--readOnly::-webkit-input-placeholder {
    font-size: 14px;
    color: #6A7070;
    line-height: 18px; }
  .pe-multiLineText::-moz-placeholder, .pe-multiLineText--error::-moz-placeholder, .pe-multiLineText--disabled::-moz-placeholder, .pe-multiLineText--readOnly::-moz-placeholder {
    font-size: 14px;
    color: #6A7070;
    line-height: 18px; }
  .pe-multiLineText:-moz-placeholder, .pe-multiLineText--error:-moz-placeholder, .pe-multiLineText--disabled:-moz-placeholder, .pe-multiLineText--readOnly:-moz-placeholder {
    font-size: 14px;
    color: #6A7070;
    line-height: 18px; }
  .pe-multiLineText:-ms-input-placeholder, .pe-multiLineText--error:-ms-input-placeholder, .pe-multiLineText--disabled:-ms-input-placeholder, .pe-multiLineText--readOnly:-ms-input-placeholder {
    font-size: 14px;
    color: #6A7070;
    line-height: 18px; }

.pe-multiLineText, .pe-multiLineText--error {
  background-color: #FFFFFF; }
  .pe-multiLineText:focus, .pe-multiLineText--error:focus {
    outline: none;
    border: 1px solid #047A9C;
    box-shadow: 0px 0px 5px 0px #047A9C;
    resize: both;
    overflow: auto; }

.pe-multiLineText--error {
  background-color: #FFFFFF;
  border: 1px solid #DB0020; }
  .pe-multiLineText--error:focus {
    outline: none;
    resize: both;
    overflow: auto;
    box-shadow: 0px 0px 4px 0px #DB0020;
    border: 1px solid #DB0020; }

.pe-multiLineText--disabled {
  outline: none;
  color: #E9E9E9;
  background-color: #E9E9E9; }

.pe-multiLineText--readOnly {
  background-color: #FFFFFF;
  border: none; }
  .pe-multiLineText--readOnly:focus {
    outline: none; }

.pe-input--error_message, .pe-input--info_message {
  display: block;
  padding-top: 3px;
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 0; }

.pe-input--error_message {
  color: #DB0020; }

.pe-input--info_message {
  color: #6A7070; }

.pe-checkbox {
  position: relative;
  min-height: 16px;
  margin-bottom: 14px; }
  .pe-checkbox:last-child {
    margin-bottom: 0; }

input[type="checkbox"] {
  opacity: 0;
  position: absolute; }
  input[type="checkbox"] ~ span {
    left: 0;
    top: 0;
    position: absolute;
    z-index: 0;
    height: 16px;
    width: 16px;
    background-color: #FFFFFF;
    border: 1px solid #C7C7C7;
    border-radius: 2px; }
  input[type="checkbox"] ~ span svg {
    opacity: 0;
    height: 16px;
    width: 16px; }
  input[type="checkbox"]:checked ~ span svg {
    opacity: 1; }
  input[type="checkbox"]:focus ~ span {
    border: 1px solid #047A9C;
    border-radius: 2px; }
  input[type="checkbox"]:disabled ~ span {
    background-color: #E9E9E9; }
  input[type="checkbox"]:disabled ~ span svg {
    fill: #C7C7C7; }

input[type="checkbox"] ~ label {
  display: inline-block;
  padding-left: 28px;
  line-height: 18px;
  position: relative;
  z-index: 2; }

.pe-radio {
  position: relative;
  min-height: 16px;
  margin-bottom: 14px; }

.pe-radio:last-child {
  margin-bottom: 0; }

input[type="radio"] {
  opacity: 0;
  position: absolute; }
  input[type="radio"] + label {
    display: inline-block;
    padding-left: 28px;
    line-height: 18px; }
  input[type="radio"] ~ span {
    display: block;
    box-sizing: content-box;
    position: absolute;
    left: 0;
    top: 0;
    height: 5px;
    width: 5px;
    padding: 3px 6px 6px 3px;
    color: #6A7070;
    border: 1px solid #C7C7C7;
    border-radius: 50%;
    pointer-events: none; }
  input[type="radio"]:focus ~ span {
    color: #6A7070;
    border: 1px solid #047A9C;
    border-radius: 50%; }
  input[type="radio"]:disabled ~ span {
    color: #C7C7C7;
    background-color: #E9E9E9; }
  input[type="radio"] ~ span svg {
    opacity: 0;
    height: 8px;
    width: 8px; }
  input[type="radio"]:checked ~ span svg {
    opacity: 1; }

.pe-textInput__showButton, .pe-textInput__showButton--error, .pe-textInput__showButton--disabled, .pe-textInput__showButton-basic, .pe-textInput__showButton-basic--disabled {
  position: relative;
  background-color: none;
  text-decoration: none;
  float: right;
  padding: 2px;
  border: 0;
  color: #047A9C;
  background: #fff; }
  .pe-textInput__showButton:focus, .pe-textInput__showButton--error:focus, .pe-textInput__showButton--disabled:focus, .pe-textInput__showButton-basic:focus, .pe-textInput__showButton-basic--disabled:focus {
    text-decoration: underline; }

.pe-textInput__showButton {
  margin-top: -37px; }

.pe-textInput__showButton--error {
  margin-top: -37px; }

.pe-textInput__showButton--disabled {
  margin-top: -35px;
  color: #C7C7C7; }

.pe-textInput__showButton-basic {
  margin-right: 14px;
  margin-top: -28px; }

.pe-textInput__showButton-basic--disabled {
  margin-right: 14px;
  margin-top: -28px;
  color: #C7C7C7;
  background-color: #E9E9E9; }

.pe-fieldset {
  border: none; }

.pe-legend {
  opacity: 0; }

::-ms-reveal {
  display: none; }

/* Variables for the forms styles */
/* mixins for the forms styles */
.pe-form .pe-form--name, .pe-form .pe-form--name-bold {
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 20px; }

.pe-form .pe-form--name-bold {
  font-weight: 600; }
.pe-form .pe-form--error {
  color: #DB0020; }
.pe-form .pe-form--desc {
  margin-bottom: 30px; }
.pe-form .pe-form--group {
  margin-bottom: 40px; }

.pe-xs--visible {
  display: none !important; }

@media (min-width: 1px) and (max-width: 479px) {
  .pe-xs--visible {
    display: block !important; }

  table.pe-xs--visible {
    display: table !important; }

  tr.pe-xs--visible {
    display: table-row !important; }

  th.pe-xs--visible,
  td.pe-xs--visible {
    display: table-cell !important; } }
.pe-sm--visible {
  display: none !important; }

@media (min-width: 480px) and (max-width: 767px) {
  .pe-sm--visible {
    display: block !important; }

  table.pe-sm--visible {
    display: table !important; }

  tr.pe-sm--visible {
    display: table-row !important; }

  th.pe-sm--visible,
  td.pe-sm--visible {
    display: table-cell !important; } }
.pe-md--visible {
  display: none !important; }

@media (min-width: 768px) and (max-width: 1023px) {
  .pe-md--visible {
    display: block !important; }

  table.pe-md--visible {
    display: table !important; }

  tr.pe-md--visible {
    display: table-row !important; }

  th.pe-md--visible,
  td.pe-md--visible {
    display: table-cell !important; } }
.pe-lg--visible {
  display: none !important; }

@media (min-width: 1024px) and (max-width: 1279px) {
  .pe-lg--visible {
    display: block !important; }

  table.pe-lg--visible {
    display: table !important; }

  tr.pe-lg--visible {
    display: table-row !important; }

  th.pe-lg--visible,
  td.pe-lg--visible {
    display: table-cell !important; } }
.pe-xl--visible {
  display: none !important; }

@media (min-width: 1280px) {
  .pe-xl--visible {
    display: block !important; }

  table.pe-xl--visible {
    display: table !important; }

  tr.pe-xl--visible {
    display: table-row !important; }

  th.pe-xl--visible,
  td.pe-xl--visible {
    display: table-cell !important; } }
@media (min-width: 1px) and (max-width: 479px) {
  .pe-xs--hidden {
    display: none !important; } }
@media (min-width: 480px) and (max-width: 767px) {
  .pe-sm--hidden {
    display: none !important; } }
@media (min-width: 768px) and (max-width: 1023px) {
  .pe-md--hidden {
    display: none !important; } }
@media (min-width: 1024px) and (max-width: 1279px) {
  .pe-lg--hidden {
    display: none !important; } }
@media (min-width: 1280px) {
  .pe-xl--hidden {
    display: none !important; } }
.pe-sr-only {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  white-space: nowrap;
  overflow: hidden; }

.pe-container {
  box-sizing: border-box;
  max-width: 1140px;
  margin-right: auto;
  margin-left: auto;
  min-height: 1px; }
  .pe-container::after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 1px) {
    .pe-container {
      padding-right: 10px;
      padding-left: 10px; } }
  @media (min-width: 480px) {
    .pe-container {
      padding-right: 20px;
      padding-left: 20px; } }
  @media (min-width: 768px) {
    .pe-container {
      padding-right: 20px;
      padding-left: 20px; } }
  @media (min-width: 1024px) {
    .pe-container {
      padding-right: 40px;
      padding-left: 40px; } }
  @media (min-width: 1140px) {
    .pe-container {
      padding-right: 40px;
      padding-left: 40px; } }

.pe-col-1 {
  width: 8.33333%; }

.pe-col-2 {
  width: 16.66667%; }

.pe-col-3 {
  width: 25%; }

.pe-col-4 {
  width: 33.33333%; }

.pe-col-5 {
  width: 41.66667%; }

.pe-col-6 {
  width: 50%; }

.pe-col-7 {
  width: 58.33333%; }

.pe-col-8 {
  width: 66.66667%; }

.pe-col-9 {
  width: 75%; }

.pe-col-10 {
  width: 83.33333%; }

.pe-col-11 {
  width: 91.66667%; }

.pe-col-12 {
  width: 100%; }

@media (min-width: 1px) {
  .pe-row {
    margin-right: -5px;
    margin-left: -5px; }
    .pe-row::after {
      content: "";
      display: table;
      clear: both; }

  .pe-col-1, .pe-col-2, .pe-col-3, .pe-col-4, .pe-col-5, .pe-col-6, .pe-col-7, .pe-col-8, .pe-col-9, .pe-col-10, .pe-col-11, .pe-col-12 {
    padding-right: 5px;
    padding-left: 5px;
    min-height: 1px;
    float: left; }
    .pe-col-1::after, .pe-col-2::after, .pe-col-3::after, .pe-col-4::after, .pe-col-5::after, .pe-col-6::after, .pe-col-7::after, .pe-col-8::after, .pe-col-9::after, .pe-col-10::after, .pe-col-11::after, .pe-col-12::after {
      content: "";
      display: table;
      clear: both; } }
@media (min-width: 480px) {
  .pe-row {
    margin-right: -10px;
    margin-left: -10px; }
    .pe-row::after {
      content: "";
      display: table;
      clear: both; }

  .pe-col-1, .pe-col-2, .pe-col-3, .pe-col-4, .pe-col-5, .pe-col-6, .pe-col-7, .pe-col-8, .pe-col-9, .pe-col-10, .pe-col-11, .pe-col-12 {
    padding-right: 10px;
    padding-left: 10px;
    min-height: 1px;
    float: left; }
    .pe-col-1::after, .pe-col-2::after, .pe-col-3::after, .pe-col-4::after, .pe-col-5::after, .pe-col-6::after, .pe-col-7::after, .pe-col-8::after, .pe-col-9::after, .pe-col-10::after, .pe-col-11::after, .pe-col-12::after {
      content: "";
      display: table;
      clear: both; } }
@media (min-width: 768px) {
  .pe-row {
    margin-right: -20px;
    margin-left: -20px; }
    .pe-row::after {
      content: "";
      display: table;
      clear: both; }

  .pe-col-1, .pe-col-2, .pe-col-3, .pe-col-4, .pe-col-5, .pe-col-6, .pe-col-7, .pe-col-8, .pe-col-9, .pe-col-10, .pe-col-11, .pe-col-12 {
    padding-right: 20px;
    padding-left: 20px;
    min-height: 1px;
    float: left; }
    .pe-col-1::after, .pe-col-2::after, .pe-col-3::after, .pe-col-4::after, .pe-col-5::after, .pe-col-6::after, .pe-col-7::after, .pe-col-8::after, .pe-col-9::after, .pe-col-10::after, .pe-col-11::after, .pe-col-12::after {
      content: "";
      display: table;
      clear: both; } }
@media (min-width: 1024px) {
  .pe-row {
    margin-right: -20px;
    margin-left: -20px; }
    .pe-row::after {
      content: "";
      display: table;
      clear: both; }

  .pe-col-1, .pe-col-2, .pe-col-3, .pe-col-4, .pe-col-5, .pe-col-6, .pe-col-7, .pe-col-8, .pe-col-9, .pe-col-10, .pe-col-11, .pe-col-12 {
    padding-right: 20px;
    padding-left: 20px;
    min-height: 1px;
    float: left; }
    .pe-col-1::after, .pe-col-2::after, .pe-col-3::after, .pe-col-4::after, .pe-col-5::after, .pe-col-6::after, .pe-col-7::after, .pe-col-8::after, .pe-col-9::after, .pe-col-10::after, .pe-col-11::after, .pe-col-12::after {
      content: "";
      display: table;
      clear: both; } }
@media (min-width: 1140px) {
  .pe-row {
    margin-right: -20px;
    margin-left: -20px; }
    .pe-row::after {
      content: "";
      display: table;
      clear: both; }

  .pe-col-1, .pe-col-2, .pe-col-3, .pe-col-4, .pe-col-5, .pe-col-6, .pe-col-7, .pe-col-8, .pe-col-9, .pe-col-10, .pe-col-11, .pe-col-12 {
    padding-right: 20px;
    padding-left: 20px;
    min-height: 1px;
    float: left; }
    .pe-col-1::after, .pe-col-2::after, .pe-col-3::after, .pe-col-4::after, .pe-col-5::after, .pe-col-6::after, .pe-col-7::after, .pe-col-8::after, .pe-col-9::after, .pe-col-10::after, .pe-col-11::after, .pe-col-12::after {
      content: "";
      display: table;
      clear: both; } }
.pe-xs--visible {
  display: none !important; }

@media (min-width: 1px) and (max-width: 479px) {
  .pe-xs--visible {
    display: block !important; }

  table.pe-xs--visible {
    display: table !important; }

  tr.pe-xs--visible {
    display: table-row !important; }

  th.pe-xs--visible,
  td.pe-xs--visible {
    display: table-cell !important; } }
.pe-sm--visible {
  display: none !important; }

@media (min-width: 480px) and (max-width: 767px) {
  .pe-sm--visible {
    display: block !important; }

  table.pe-sm--visible {
    display: table !important; }

  tr.pe-sm--visible {
    display: table-row !important; }

  th.pe-sm--visible,
  td.pe-sm--visible {
    display: table-cell !important; } }
.pe-md--visible {
  display: none !important; }

@media (min-width: 768px) and (max-width: 1023px) {
  .pe-md--visible {
    display: block !important; }

  table.pe-md--visible {
    display: table !important; }

  tr.pe-md--visible {
    display: table-row !important; }

  th.pe-md--visible,
  td.pe-md--visible {
    display: table-cell !important; } }
.pe-lg--visible {
  display: none !important; }

@media (min-width: 1024px) and (max-width: 1279px) {
  .pe-lg--visible {
    display: block !important; }

  table.pe-lg--visible {
    display: table !important; }

  tr.pe-lg--visible {
    display: table-row !important; }

  th.pe-lg--visible,
  td.pe-lg--visible {
    display: table-cell !important; } }
.pe-xl--visible {
  display: none !important; }

@media (min-width: 1280px) {
  .pe-xl--visible {
    display: block !important; }

  table.pe-xl--visible {
    display: table !important; }

  tr.pe-xl--visible {
    display: table-row !important; }

  th.pe-xl--visible,
  td.pe-xl--visible {
    display: table-cell !important; } }
@media (min-width: 1px) and (max-width: 479px) {
  .pe-xs--hidden {
    display: none !important; } }
@media (min-width: 480px) and (max-width: 767px) {
  .pe-sm--hidden {
    display: none !important; } }
@media (min-width: 768px) and (max-width: 1023px) {
  .pe-md--hidden {
    display: none !important; } }
@media (min-width: 1024px) and (max-width: 1279px) {
  .pe-lg--hidden {
    display: none !important; } }
@media (min-width: 1280px) {
  .pe-xl--hidden {
    display: none !important; } }
.pe-sr-only {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  white-space: nowrap;
  overflow: hidden; }

.pe-template__static-small {
  box-sizing: border-box;
  min-height: 1px;
  margin-right: auto;
  margin-left: auto; }
  .pe-template__static-small::after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 480px) {
    .pe-template__static-small {
      width: 83.33333%; } }
  @media (min-width: 1024px) {
    .pe-template__static-small {
      width: 480px; } }

.pe-template__static-medium {
  box-sizing: border-box;
  min-height: 1px;
  margin-right: auto;
  margin-left: auto; }
  .pe-template__static-medium::after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 1px) {
    .pe-template__static-medium {
      width: 100%; } }
  @media (min-width: 480px) {
    .pe-template__static-medium {
      width: 440px; } }
  @media (min-width: 768px) {
    .pe-template__static-medium {
      width: 600px; } }

.pe-template__static-large {
  box-sizing: border-box;
  min-height: 1px;
  margin-right: auto;
  margin-left: auto; }
  .pe-template__static-large::after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 480px) {
    .pe-template__static-large {
      width: 83.33333%; } }
  @media (min-width: 1024px) {
    .pe-template__static-large {
      width: 800px; } }

.pe-template__single {
  box-sizing: border-box;
  min-height: 1px;
  margin-right: auto;
  margin-left: auto; }
  .pe-template__single::after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 1px) {
    .pe-template__single {
      padding-right: 10px;
      padding-left: 10px; } }

.pe-template__single {
  box-sizing: border-box;
  min-height: 1px;
  margin-right: auto;
  margin-left: auto; }
  .pe-template__single::after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 480px) {
    .pe-template__single {
      padding-right: 20px;
      padding-left: 20px; } }

.pe-template__single {
  box-sizing: border-box;
  min-height: 1px;
  margin-right: auto;
  margin-left: auto; }
  .pe-template__single::after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 768px) {
    .pe-template__single {
      padding-right: 20px;
      padding-left: 20px; } }

.pe-template__single {
  box-sizing: border-box;
  min-height: 1px;
  margin-right: auto;
  margin-left: auto; }
  .pe-template__single::after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 1024px) {
    .pe-template__single {
      padding-right: 40px;
      padding-left: 40px; } }

.pe-template__single {
  box-sizing: border-box;
  min-height: 1px;
  margin-right: auto;
  margin-left: auto; }
  .pe-template__single::after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 1140px) {
    .pe-template__single {
      padding-right: 40px;
      padding-left: 40px; } }

.pe-template__single-10-col {
  box-sizing: border-box;
  min-height: 1px;
  margin-right: auto;
  margin-left: auto; }
  .pe-template__single-10-col::after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 1px) {
    .pe-template__single-10-col {
      width: 83.33333%;
      padding-right: 10px;
      padding-left: 10px; } }

.pe-template__single-10-col {
  box-sizing: border-box;
  min-height: 1px;
  margin-right: auto;
  margin-left: auto; }
  .pe-template__single-10-col::after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 480px) {
    .pe-template__single-10-col {
      width: 83.33333%;
      padding-right: 20px;
      padding-left: 20px; } }

.pe-template__single-10-col {
  box-sizing: border-box;
  min-height: 1px;
  margin-right: auto;
  margin-left: auto; }
  .pe-template__single-10-col::after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 768px) {
    .pe-template__single-10-col {
      width: 83.33333%;
      padding-right: 20px;
      padding-left: 20px; } }

.pe-template__single-10-col {
  box-sizing: border-box;
  min-height: 1px;
  margin-right: auto;
  margin-left: auto; }
  .pe-template__single-10-col::after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 1024px) {
    .pe-template__single-10-col {
      width: 83.33333%;
      padding-right: 40px;
      padding-left: 40px; } }

.pe-template__single-10-col {
  box-sizing: border-box;
  min-height: 1px;
  margin-right: auto;
  margin-left: auto; }
  .pe-template__single-10-col::after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 1140px) {
    .pe-template__single-10-col {
      width: 83.33333%;
      padding-right: 40px;
      padding-left: 40px; } }

@media (min-width: 1px) {
  div[class*="pe-template__double"] > :first-child {
    padding-bottom: 40px; } }
@media (min-width: 480px) {
  div[class*="pe-template__double"] > :first-child {
    padding-bottom: 40px; } }
@media (min-width: 768px) {
  div[class*="pe-template__double"] > :first-child {
    padding-bottom: 40px; } }
@media (min-width: 1024px) {
  div[class*="pe-template__double"] > :first-child {
    padding-right: 0px;
    padding-bottom: 0px; } }
@media (min-width: 1140px) {
  div[class*="pe-template__double"] > :first-child {
    padding-right: 0px;
    padding-bottom: 0px; } }

.pe-template__double {
  box-sizing: border-box;
  min-height: 1px;
  margin-right: auto;
  margin-left: auto; }
  .pe-template__double::after {
    content: "";
    display: table;
    clear: both; }

.pe-template__double--main, .pe-template__double--main_half {
  box-sizing: border-box;
  min-height: 1px; }
  .pe-template__double--main::after, .pe-template__double--main_half::after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 1px) {
    .pe-template__double--main, .pe-template__double--main_half {
      padding-right: 10px;
      padding-left: 10px;
      width: 100%; } }
  @media (min-width: 480px) {
    .pe-template__double--main, .pe-template__double--main_half {
      padding-right: 20px;
      padding-left: 20px;
      width: 100%; } }
  @media (min-width: 768px) {
    .pe-template__double--main, .pe-template__double--main_half {
      padding-right: 20px;
      padding-left: 20px;
      width: 100%; } }
  @media (min-width: 1024px) {
    .pe-template__double--main, .pe-template__double--main_half {
      padding-right: 40px;
      padding-left: 40px;
      float: left;
      width: 66.66667%; } }
  @media (min-width: 1140px) {
    .pe-template__double--main, .pe-template__double--main_half {
      padding-right: 40px;
      padding-left: 40px;
      float: left;
      width: 66.66667%; } }

.pe-template__double--sidebar, .pe-template__double--sidebar_half {
  box-sizing: border-box;
  min-height: 1px; }
  .pe-template__double--sidebar::after, .pe-template__double--sidebar_half::after {
    content: "";
    display: table;
    clear: both; }

@media (min-width: 1px) {
  .pe-template__double--main {
    padding-right: 10px;
    padding-left: 10px;
    width: 100%; } }
@media (min-width: 480px) {
  .pe-template__double--main {
    padding-right: 20px;
    padding-left: 20px;
    width: 100%; } }
@media (min-width: 768px) {
  .pe-template__double--main {
    padding-right: 20px;
    padding-left: 20px;
    width: 100%; } }
@media (min-width: 1024px) {
  .pe-template__double--main {
    padding-right: 40px;
    padding-left: 40px;
    float: left;
    width: 66.66667%; } }
@media (min-width: 1140px) {
  .pe-template__double--main {
    padding-right: 40px;
    padding-left: 40px;
    float: left;
    width: 66.66667%; } }

@media (min-width: 1px) {
  .pe-template__double--sidebar {
    padding-right: 10px;
    padding-left: 10px;
    width: 100%; } }
@media (min-width: 480px) {
  .pe-template__double--sidebar {
    padding-right: 20px;
    padding-left: 20px;
    width: 100%; } }
@media (min-width: 768px) {
  .pe-template__double--sidebar {
    padding-right: 20px;
    padding-left: 20px;
    width: 100%; } }
@media (min-width: 1024px) {
  .pe-template__double--sidebar {
    padding-right: 40px;
    padding-left: 40px;
    float: left;
    width: 33.33333%; } }
@media (min-width: 1140px) {
  .pe-template__double--sidebar {
    padding-right: 40px;
    padding-left: 40px;
    float: left;
    width: 33.33333%; } }

@media (min-width: 1px) {
  .pe-template__double--main_half {
    padding-right: 10px;
    padding-left: 10px;
    width: 100%; } }
@media (min-width: 480px) {
  .pe-template__double--main_half {
    padding-right: 20px;
    padding-left: 20px;
    width: 100%; } }
@media (min-width: 768px) {
  .pe-template__double--main_half {
    padding-right: 20px;
    padding-left: 20px;
    width: 100%; } }
@media (min-width: 1024px) {
  .pe-template__double--main_half {
    padding-right: 40px;
    padding-left: 40px;
    float: left;
    width: 50%; } }
@media (min-width: 1140px) {
  .pe-template__double--main_half {
    padding-right: 40px;
    padding-left: 40px;
    float: left;
    width: 50%; } }

@media (min-width: 1px) {
  .pe-template__double--sidebar_half {
    padding-right: 10px;
    padding-left: 10px;
    width: 100%; } }
@media (min-width: 480px) {
  .pe-template__double--sidebar_half {
    padding-right: 20px;
    padding-left: 20px;
    width: 100%; } }
@media (min-width: 768px) {
  .pe-template__double--sidebar_half {
    padding-right: 20px;
    padding-left: 20px;
    width: 100%; } }
@media (min-width: 1024px) {
  .pe-template__double--sidebar_half {
    padding-right: 40px;
    padding-left: 40px;
    float: left;
    width: 50%; } }
@media (min-width: 1140px) {
  .pe-template__double--sidebar_half {
    padding-right: 40px;
    padding-left: 40px;
    float: left;
    width: 50%; } }

div[class="pe-template__small-gap"] > :first-child {
  padding-bottom: 20px;
  padding-top: 0px; }

div[class="pe-template__small-gap"] > div {
  padding-bottom: 20px;
  padding-top: 20px; }

div[class="pe-template__small-gap"] > :last-child {
  padding-bottom: 0px;
  padding-top: 20px; }

div[class="pe-template__large-gap"] > :first-child {
  padding-bottom: 40px;
  padding-top: 0px; }

div[class="pe-template__large-gap"] > div {
  padding-bottom: 40px;
  padding-top: 40px; }

div[class="pe-template__large-gap"] > :last-child {
  padding-bottom: 0px;
  padding-top: 40px; }

.pe-template__triple {
  box-sizing: border-box;
  min-height: 1px;
  margin-right: auto;
  margin-left: auto; }
  .pe-template__triple::after {
    content: "";
    display: table;
    clear: both; }
  .pe-template__triple .pe-template__triple--content {
    width: 100%;
    padding-bottom: 40px; }
    .pe-template__triple .pe-template__triple--content:last-child {
      padding-bottom: 0; }
    @media (min-width: 1024px) {
      .pe-template__triple .pe-template__triple--content {
        width: 33.333333%;
        float: left;
        padding-bottom: 0; }
        .pe-template__triple .pe-template__triple--content:first-child {
          padding-right: 0; }
        .pe-template__triple .pe-template__triple--content:last-child {
          padding-left: 0; } }

@media (min-width: 1px) {
  .pe-template__triple--content {
    padding-left: 10px;
    padding-right: 10px; }

  .pe-template__triple.pe-template__triple-xs .pe-template__triple--content {
    width: 33.333333%;
    float: left;
    padding-bottom: 0; }
    .pe-template__triple.pe-template__triple-xs .pe-template__triple--content:first-child {
      padding-right: 0; }
    .pe-template__triple.pe-template__triple-xs .pe-template__triple--content:last-child {
      padding-left: 0; } }
@media (min-width: 1px) {
  .pe-template__triple.pe-template__triple-xs .pe-template__triple--content:nth-child(3n-1) {
    padding-left: 5px;
    padding-right: 5px; } }
@media (min-width: 480px) {
  .pe-template__triple.pe-template__triple-xs .pe-template__triple--content:nth-child(3n-1) {
    padding-left: 10px;
    padding-right: 10px; } }
@media (min-width: 768px) {
  .pe-template__triple.pe-template__triple-xs .pe-template__triple--content:nth-child(3n-1) {
    padding-left: 10px;
    padding-right: 10px; } }
@media (min-width: 1024px) {
  .pe-template__triple.pe-template__triple-xs .pe-template__triple--content:nth-child(3n-1) {
    padding-left: 20px;
    padding-right: 20px; } }
@media (min-width: 1140px) {
  .pe-template__triple.pe-template__triple-xs .pe-template__triple--content:nth-child(3n-1) {
    padding-left: 20px;
    padding-right: 20px; } }
@media (min-width: 480px) {
  .pe-template__triple--content {
    padding-left: 20px;
    padding-right: 20px; }

  .pe-template__triple.pe-template__triple-sm .pe-template__triple--content {
    width: 33.333333%;
    float: left;
    padding-bottom: 0; }
    .pe-template__triple.pe-template__triple-sm .pe-template__triple--content:first-child {
      padding-right: 0; }
    .pe-template__triple.pe-template__triple-sm .pe-template__triple--content:last-child {
      padding-left: 0; } }
@media (min-width: 480px) {
  .pe-template__triple.pe-template__triple-sm .pe-template__triple--content:nth-child(3n-1) {
    padding-left: 10px;
    padding-right: 10px; } }
@media (min-width: 768px) {
  .pe-template__triple.pe-template__triple-sm .pe-template__triple--content:nth-child(3n-1) {
    padding-left: 10px;
    padding-right: 10px; } }
@media (min-width: 1024px) {
  .pe-template__triple.pe-template__triple-sm .pe-template__triple--content:nth-child(3n-1) {
    padding-left: 20px;
    padding-right: 20px; } }
@media (min-width: 1140px) {
  .pe-template__triple.pe-template__triple-sm .pe-template__triple--content:nth-child(3n-1) {
    padding-left: 20px;
    padding-right: 20px; } }
@media (min-width: 768px) {
  .pe-template__triple--content {
    padding-left: 20px;
    padding-right: 20px; }

  .pe-template__triple.pe-template__triple-md .pe-template__triple--content {
    width: 33.333333%;
    float: left;
    padding-bottom: 0; }
    .pe-template__triple.pe-template__triple-md .pe-template__triple--content:first-child {
      padding-right: 0; }
    .pe-template__triple.pe-template__triple-md .pe-template__triple--content:last-child {
      padding-left: 0; } }
@media (min-width: 768px) {
  .pe-template__triple.pe-template__triple-md .pe-template__triple--content:nth-child(3n-1) {
    padding-left: 10px;
    padding-right: 10px; } }
@media (min-width: 1024px) {
  .pe-template__triple.pe-template__triple-md .pe-template__triple--content:nth-child(3n-1) {
    padding-left: 20px;
    padding-right: 20px; } }
@media (min-width: 1140px) {
  .pe-template__triple.pe-template__triple-md .pe-template__triple--content:nth-child(3n-1) {
    padding-left: 20px;
    padding-right: 20px; } }
@media (min-width: 1024px) {
  .pe-template__triple--content {
    padding-left: 40px;
    padding-right: 40px; }

  .pe-template__triple.pe-template__triple-lg .pe-template__triple--content {
    width: 33.333333%;
    float: left;
    padding-bottom: 0; }
    .pe-template__triple.pe-template__triple-lg .pe-template__triple--content:first-child {
      padding-right: 0; }
    .pe-template__triple.pe-template__triple-lg .pe-template__triple--content:last-child {
      padding-left: 0; } }
@media (min-width: 1024px) {
  .pe-template__triple.pe-template__triple-lg .pe-template__triple--content:nth-child(3n-1) {
    padding-left: 20px;
    padding-right: 20px; } }
@media (min-width: 1140px) {
  .pe-template__triple.pe-template__triple-lg .pe-template__triple--content:nth-child(3n-1) {
    padding-left: 20px;
    padding-right: 20px; } }
@media (min-width: 1140px) {
  .pe-template__triple--content {
    padding-left: 40px;
    padding-right: 40px; }

  .pe-template__triple.pe-template__triple-xl .pe-template__triple--content {
    width: 33.333333%;
    float: left;
    padding-bottom: 0; }
    .pe-template__triple.pe-template__triple-xl .pe-template__triple--content:first-child {
      padding-right: 0; }
    .pe-template__triple.pe-template__triple-xl .pe-template__triple--content:last-child {
      padding-left: 0; } }
@media (min-width: 1140px) {
  .pe-template__triple.pe-template__triple-xl .pe-template__triple--content:nth-child(3n-1) {
    padding-left: 20px;
    padding-right: 20px; } }
@media (min-width: 1px) {
  [class*="pe-strategy__default"] {
    margin-right: -10px;
    margin-left: -10px; } }
@media (min-width: 480px) {
  [class*="pe-strategy__default"] {
    margin-right: -20px;
    margin-left: -20px; } }
@media (min-width: 768px) {
  [class*="pe-strategy__default"] {
    margin-right: -20px;
    margin-left: -20px; } }
@media (min-width: 1024px) {
  [class*="pe-strategy__default"] {
    margin-right: -40px;
    margin-left: -40px; } }
@media (min-width: 1140px) {
  [class*="pe-strategy__default"] {
    margin-right: -40px;
    margin-left: -40px; } }
[class*="pe-strategy__centered"] > * {
  margin-right: auto;
  margin-left: auto; }

@media (min-width: 1px) {
  [class*="pe-strategy__left_right"] {
    width: 100%; }

  [class*="pe-strategy__left_right"] > :first-child {
    margin-left: -10px;
    float: left; }

  [class*="pe-strategy__left_right"] > :last-child {
    margin-right: -10px;
    float: right; } }
@media (min-width: 480px) {
  [class*="pe-strategy__left_right"] {
    width: 100%; }

  [class*="pe-strategy__left_right"] > :first-child {
    margin-left: -20px;
    float: left; }

  [class*="pe-strategy__left_right"] > :last-child {
    margin-right: -20px;
    float: right; } }
@media (min-width: 768px) {
  [class*="pe-strategy__left_right"] {
    width: 100%; }

  [class*="pe-strategy__left_right"] > :first-child {
    margin-left: -20px;
    float: left; }

  [class*="pe-strategy__left_right"] > :last-child {
    margin-right: -20px;
    float: right; } }
@media (min-width: 1024px) {
  [class*="pe-strategy__left_right"] {
    width: 100%; }

  [class*="pe-strategy__left_right"] > :first-child {
    margin-left: -40px;
    float: left; }

  [class*="pe-strategy__left_right"] > :last-child {
    margin-right: -40px;
    float: right; } }
@media (min-width: 1140px) {
  [class*="pe-strategy__left_right"] {
    width: 100%; }

  [class*="pe-strategy__left_right"] > :first-child {
    margin-left: -40px;
    float: left; }

  [class*="pe-strategy__left_right"] > :last-child {
    margin-right: -40px;
    float: right; } }
@media (min-width: 1px) {
  [class*="pe-strategy__basic-grid"] {
    margin-left: -10px;
    margin-right: -10px; } }
@media (min-width: 480px) {
  [class*="pe-strategy__basic-grid"] {
    margin-left: -20px;
    margin-right: -20px; } }
@media (min-width: 768px) {
  [class*="pe-strategy__basic-grid"] {
    margin-left: -20px;
    margin-right: -20px; } }
@media (min-width: 1024px) {
  [class*="pe-strategy__basic-grid"] {
    margin-left: -40px;
    margin-right: -40px; } }
@media (min-width: 1140px) {
  [class*="pe-strategy__basic-grid"] {
    margin-left: -40px;
    margin-right: -40px; } }
[class$="--small-2col"] > * {
  width: 50%; }
  [class$="--small-2col"] > *:nth-child(odd) {
    padding-right: 5px;
    float: left; }
  [class$="--small-2col"] > *:nth-child(even) {
    padding-left: 5px;
    padding-right: 0px;
    float: right; }

[class$="--small-3col"] > * {
  width: 33.3333%; }
  [class$="--small-3col"] > *:nth-child(n) {
    padding-right: 5px;
    float: left; }
  [class$="--small-3col"] > *:nth-child(3n-1) {
    padding-left: 5px;
    padding-right: 5px; }
  [class$="--small-3col"] > *:nth-child(3n) {
    padding-left: 5px;
    padding-right: 0px;
    float: right; }

[class$="--small-4col"] > * {
  width: 25%; }
  [class$="--small-4col"] > *:nth-child(n) {
    padding-left: 0px;
    padding-right: 5px;
    float: left; }
  [class$="--small-4col"] > *:nth-child(4n-2) {
    padding-left: 5px;
    padding-right: 5px; }
  [class$="--small-4col"] > *:nth-child(4n-1) {
    padding-left: 5px;
    padding-right: 5px; }
  [class$="--small-4col"] > *:nth-child(4n) {
    padding-left: 5px;
    padding-right: 0px;
    float: right; }

[class$="--large-2col"] > * {
  width: 50%; }
  [class$="--large-2col"] > *:nth-child(odd) {
    padding-right: 10px;
    float: left; }
  [class$="--large-2col"] > *:nth-child(even) {
    padding-left: 10px;
    padding-right: 0px;
    float: right; }

[class$="--large-3col"] > * {
  width: 33.3333%; }
  [class$="--large-3col"] > *:nth-child(n) {
    padding-right: 10px;
    float: left;
    padding-left: 0px; }
  [class$="--large-3col"] > *:nth-child(3n-1) {
    padding-left: 10px;
    padding-right: 10px; }
  [class$="--large-3col"] > *:nth-child(3n) {
    padding-left: 10px;
    padding-right: 0px;
    float: right; }

[class$="--large-4col"] > * {
  width: 25%; }
  [class$="--large-4col"] > *:nth-child(n) {
    padding-left: 0px;
    padding-right: 10px;
    float: left; }
  [class$="--large-4col"] > *:nth-child(4n-2) {
    padding-left: 10px;
    padding-right: 10px; }
  [class$="--large-4col"] > *:nth-child(4n-1) {
    padding-left: 10px;
    padding-right: 10px; }
  [class$="--large-4col"] > *:nth-child(4n) {
    padding-left: 10px;
    padding-right: 0px;
    float: right; }

[class$="--small-gap"]:first-child {
  margin-top: 0px; }

[class$="--small-gap"] {
  width: 100%;
  display: inline-block;
  margin-top: 20px;
  margin-bottom: 20px; }

[class$="--small-gap"]:last-child {
  margin-bottom: 0px; }

[class$="--large-gap"]:first-child {
  margin-top: 0px; }

[class$="--large-gap"] {
  width: 100%;
  display: inline-block;
  margin-top: 40px;
  margin-bottom: 40px; }

[class$="--large-gap"]:last-child {
  margin-bottom: 0px; }

/*#d9d9d9*/
/*#252525*/
/*e9e9e9*/
/*d6ebe8*/
/*19a6a4*/
/*047a9c*/
/* "table-caption" can be either the caption element OR
   a heading (h1, h2 etc) */
/* for headings, toolbars etc */
.pe-table-caption + .pe-table, .block .content .table .pe-table-caption + table,
.pe-table-toolbar + .pe-table,
.block .content .table .pe-table-toolbar + table,
.pe-table + .pe-table-toolbar,
.block .content .table table + .pe-table-toolbar,
.pe-table + .pe-table-caption,
.block .content .table table + .pe-table-caption {
  margin-top: 28px; }

/* for actual <captions> */
.pe-table caption, .block .content .table table caption {
  margin-bottom: 28px; }

.pe-table.pe-caption--bottom, .block .content .table table.pe-caption--bottom {
  caption-side: bottom; }
  .pe-table.pe-caption--bottom caption, .block .content .table table.pe-caption--bottom caption {
    margin: 28px 0 0; }

.pe-table thead, .block .content .table table thead, .pe-table tbody, .block .content .table table tbody {
  border: 1px solid #D9D9D9;
  /*alto, #d9d9d9*/
  border-left: 0;
  border-right: 0;
  background-color: #FFFFFF; }

.pe-table th, .block .content .table table th, .pe-table td, .block .content .table table td {
  font-size: 1rem;
  line-height: 1.286rem;
  color: #252525;
  /*charcoal, #252525*/
  padding: 16px 20px;
  /*16px 20px*/
  vertical-align: top; }

.pe-table thead th, .block .content .table table thead th {
  font-weight: 600;
  vertical-align: middle; }

.pe-table td p, .block .content .table table td p {
  margin-bottom: 0; }

/* selectables */
.pe-table .selected th, .block .content .table table .selected th,
.pe-table .selected td,
.block .content .table table .selected td,
.pe-table--selectable tbody tr:hover th,
.pe-table--selectable tbody tr:hover td {
  position: relative;
  background-color: #D6EBE8;
  /*digital ice blue, #d6ebe8*/
  /* pseudo-elements because collapsed borders hide the top one
     and whenever coloured rows touch */ }
  .pe-table .selected th:before, .block .content .table table .selected th:before, .pe-table .selected th:after, .block .content .table table .selected th:after,
  .pe-table .selected td:before,
  .block .content .table table .selected td:before,
  .pe-table .selected td:after,
  .block .content .table table .selected td:after,
  .pe-table--selectable tbody tr:hover th:before,
  .pe-table--selectable tbody tr:hover th:after,
  .pe-table--selectable tbody tr:hover td:before,
  .pe-table--selectable tbody tr:hover td:after {
    content: '';
    position: absolute;
    left: 0;
    top: -1px;
    width: 100%;
    border-top: 1px solid #19A6A4;
    /* digital marine turquoise, 19a6a4*/ }
  .pe-table .selected th:after, .block .content .table table .selected th:after,
  .pe-table .selected td:after,
  .block .content .table table .selected td:after,
  .pe-table--selectable tbody tr:hover th:after,
  .pe-table--selectable tbody tr:hover td:after {
    top: auto;
    bottom: -1px; }

.pe-table--selectable tbody tr:hover th:before, .pe-table--selectable tbody tr:hover th:after,
.pe-table--selectable tbody tr:hover td:before,
.pe-table--selectable tbody tr:hover td:after {
  border-top: 1px solid #047A9C; }

/* checkbox */
.pe-table--selectable tbody tr td:first-child {
  width: 1px;
  padding-right: 0; }
  .pe-table--selectable tbody tr td:first-child .pe-checkbox {
    min-width: 20px;
    margin-right: -1px;
    /* so checkboxes can be clicked w/o JS */ }
    .pe-table--selectable tbody tr td:first-child .pe-checkbox label {
      min-height: 18px;
      padding-left: 18px; }

/* sortables */
.pe-table th[aria-sort] span, .block .content .table table th[aria-sort] span,
.pe-table th button,
.block .content .table table th button {
  vertical-align: top; }

.pe-table th span, .block .content .table table th span {
  line-height: 23px;
  margin-right: -3px; }

.pe-table th button, .block .content .table table th button {
  color: #6A7070;
  /* #6a7070; */ }

/* .pe-table--active-headers means
   headings are clickable (sorting) */
.pe-table tbody tr:hover th, .block .content .table table tbody tr:hover th,
.pe-table tbody tr:hover td,
.block .content .table table tbody tr:hover td,
.pe-table--active-headers thead th[aria-sort]:hover {
  background-color: #E9E9E9;
  /*moonlight, #e9e9e9*/
  cursor: pointer;
  /* color the SVG */ }
  .pe-table tbody tr:hover th button, .block .content .table table tbody tr:hover th button,
  .pe-table tbody tr:hover td button,
  .block .content .table table tbody tr:hover td button,
  .pe-table--active-headers thead th[aria-sort]:hover button {
    color: #252525; }

/* alignments */
/* left is default, only use to override */
.pe-table .pe-table__left, .block .content .table table .pe-table__left {
  text-align: left; }

.pe-table .pe-table__right, .block .content .table table .pe-table__right {
  text-align: right; }

.pe-table .pe-table__center, .block .content .table table .pe-table__center {
  text-align: center; }

/* temp styles for temp tristate checkbox */
input[type="checkbox"] ~ span {
  height: 16px;
  width: 16px;
  line-height: 16px;
  text-align: center; }

.video-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0;
  margin: 10px 0; }
  .video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.js-tag {
  display: inline-block;
  padding: 2px 6px;
  background: #f7df1e;
  color: pe-color(pitch);
  border-radius: 2px; }

.table table img[src*="24-2x"] {
  width: auto;
  height: 24px;
  background-color: transparent;
  display: inline; }

.table table img[src*="18-2x"] {
  width: auto;
  height: 18px;
  background-color: transparent;
  display: inline; }

/*---- Added zebra stripes to .table ----*/
body.home {
  background-color: #FFFFFF; }
  body.home .top {
    padding: 100px 10px;
    text-align: center;
    background: url("./img/backer.png") center center no-repeat;
    background-size: cover; }
    body.home .top .content {
      margin: 0 auto; }
      @media (min-width: 768px) {
        body.home .top .content {
          max-width: 500px; } }
    body.home .top h1 {
      color: #FFFFFF;
      margin-bottom: 24px; }
    body.home .top p {
      color: #FFFFFF; }
    body.home .top .links a {
      color: #FFFFFF; }
  body.home .main-heroes {
    margin-top: 40px;
    padding-bottom: 40px;
    position: relative;
    border-bottom: 2px solid #19A6A4; }
    body.home .main-heroes h2 {
      margin-bottom: 28px; }
    body.home .main-heroes > div {
      text-align: center;
      padding: 40px; }
      @media (min-width: 480px) {
        body.home .main-heroes > div {
          padding: 40px 80px; } }
      @media (min-width: 768px) {
        body.home .main-heroes > div {
          text-align: left;
          width: 50%;
          box-sizing: border-box;
          padding: 80px 60px;
          float: left; } }
      @media (min-width: 1024px) {
        body.home .main-heroes > div {
          padding: 80px 100px; } }
    @media (min-width: 768px) {
      body.home .main-heroes .design-hero {
        border-right: 1px solid #C7C7C7; }
        body.home .main-heroes .design-hero a {
          margin-top: 16px; } }
    @media (min-width: 768px) {
      body.home .main-heroes .dev-hero {
        position: absolute;
        top: 0;
        bottom: 40px;
        right: 0;
        padding: 0 60px;
        margin: 80px 0; }
        body.home .main-heroes .dev-hero a {
          position: absolute;
          bottom: 0; } }
    @media (min-width: 1024px) {
      body.home .main-heroes .dev-hero {
        padding: 0 100px; } }
    body.home .main-heroes:after {
      content: "";
      display: table;
      width: 100%; }
  body.home .contact {
    text-align: center;
    padding: 80px 10px; }
    body.home .contact .address {
      margin-top: 28px; }
  body.home footer {
    margin: 20px 0 80px; }
    body.home footer ul {
      list-style-type: none;
      text-align: center;
      padding: 0; }
    body.home footer li + li {
      margin-top: 12px; }
    body.home footer a {
      text-decoration: none;
      color: #252525; }
    body.home footer a:hover {
      text-decoration: underline; }

.article h1 {
  margin-bottom: 28px; }
.article .parent {
  margin-left: -10px;
  margin-right: -10px;
  margin: 10px auto 0; }
  @media (min-width: 768px) {
    .article .parent {
      width: 760px; } }
  @media (min-width: 1024px) {
    .article .parent {
      width: 960px; } }
  @media (min-width: 1280px) {
    .article .parent {
      width: 1150px; } }
.article section.toc {
  display: none; }
  @media (min-width: 1280px) {
    .article section.toc {
      display: block;
      position: fixed;
      padding-left: 10px;
      padding-right: 10px;
      box-sizing: border-box;
      top: 150px;
      left: 50%;
      margin-left: -575px; } }
  @media (min-width: 1280px) and (min-width: 1280px) {
    .article section.toc {
      width: 287.5px; } }

  @media (min-width: 1460px) {
    .article section.toc {
      margin-left: -455px; } }
  .article section.toc a {
    text-decoration: none;
    color: #6A7070; }
    .article section.toc a:hover {
      color: #005A70;
      text-decoration: underline; }
  .article section.toc ul {
    list-style-type: none;
    padding: 0; }
    .article section.toc ul li {
      margin-bottom: 12px; }
    .article section.toc ul a.active {
      color: #047A9C; }
.article article {
  margin: 96px auto;
  padding-left: 10px;
  padding-right: 10px;
  width: 100%;
  box-sizing: border-box; }
  @media (min-width: 480px) {
    .article article {
      padding-left: 10px;
      padding-right: 10px;
      width: 83.33333%;
      box-sizing: border-box; } }
  @media (min-width: 1280px) {
    .article article {
      padding-left: 10px;
      padding-right: 10px;
      width: 50%;
      box-sizing: border-box; } }
  .article article h1 + #markdown-toc + * {
    margin-top: 0; }
  .article article #markdown-toc {
    color: #047A9C;
    margin-top: 40px;
    padding-bottom: 60px;
    padding-left: 0;
    border-bottom: 2px solid #C7C7C7; }
    @media (min-width: 1280px) {
      .article article #markdown-toc {
        display: none; } }
    .article article #markdown-toc a {
      text-decoration: none; }
    .article article #markdown-toc, .article article #markdown-toc ul {
      list-style-type: none; }
    .article article #markdown-toc li + li,
    .article article #markdown-toc li > ul {
      margin-top: 16px; }
    .article article #markdown-toc > li > ul {
      padding: 0; }
.article p {
  margin: 0; }
  .article p + p {
    margin-top: 12px; }
.article h2 {
  margin-top: 100px; }
  .article h2 + h3 {
    margin-top: 12px; }
.article h3 {
  margin-top: 80px; }
  .article h3 + h4 {
    margin-top: 12px; }
.article ul + p,
.article ol + p,
.article p + ul,
.article p + ol {
  margin-top: 12px; }

.blocks {
  padding: 0 10px;
  margin: 0 auto;
  max-width: 480px; }
  @media (min-width: 768px) {
    .blocks {
      width: 760px;
      max-width: none;
      padding: 0; } }
  @media (min-width: 1280px) {
    .blocks {
      width: 1150px; } }

.block:after {
  content: "";
  display: table;
  width: 100%; }
.block:last-child {
  margin-bottom: 60px; }
.block.article_header {
  margin-top: 120px; }
  @media (min-width: 768px) {
    .block.article_header {
      position: relative; } }
  .block.article_header h1 {
    display: inline; }
  .block.article_header span {
    margin-left: 12px; }
    .block.article_header span.beta {
      background-color: #DA0474;
      padding: 0 8px;
      border-radius: 3px;
      color: white; }
  .block.article_header .buttons {
    display: none; }
    .block.article_header .buttons a + a {
      margin-left: 16px; }
    .block.article_header .buttons a + button {
      margin-left: 16px; }
    .block.article_header .buttons a.sketch svg {
      position: relative;
      top: 3px; }
    .block.article_header .buttons a.code svg {
      width: 22px;
      position: relative;
      top: 3px; }
    @media (min-width: 768px) {
      .block.article_header .buttons {
        display: block;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translate(0, -50%); } }
    @media (min-width: 1280px) {
      .block.article_header .buttons {
        right: none;
        left: 780px; } }
@media (min-width: 768px) {
  .block.overview {
    padding-bottom: 60px; } }
.block.overview .tagline {
  width: 100%;
  margin: 12px 0 0 0; }
  @media (min-width: 768px) {
    .block.overview .tagline {
      margin-top: 28px; } }
.block.overview .buttons {
  margin-top: 28px; }
  .block.overview .buttons a + a {
    margin-left: 16px; }
  .block.overview .buttons a + button {
    margin-left: 16px; }
  .block.overview .buttons a.sketch svg {
    position: relative;
    top: 3px; }
  .block.overview .buttons a.code svg {
    width: 22px;
    position: relative;
    top: 3px; }
  @media (min-width: 768px) {
    .block.overview .buttons {
      display: none; } }
.block.overview .usage_guidelines {
  margin-top: 60px; }
.block.overview .toc {
  margin-top: 60px;
  padding-bottom: 80px;
  border-bottom: 2px solid #D9D9D9; }
  .block.overview .toc ul {
    list-style-type: none;
    padding: 0;
    margin: 0; }
    .block.overview .toc ul a {
      text-decoration: none; }
    .block.overview .toc ul li + li {
      margin-top: 16px; }
  @media (min-width: 1280px) {
    .block.overview .toc {
      border: none;
      padding: 0; } }
@media (min-width: 1280px) {
  .block.overview {
    margin-left: -10px;
    margin-right: -10px; }
    .block.overview .left {
      padding-left: 10px;
      padding-right: 10px;
      width: 58.33333%;
      box-sizing: border-box;
      float: left; }
    .block.overview .right {
      padding-left: 10px;
      padding-right: 10px;
      width: 33.33333%;
      box-sizing: border-box;
      float: left;
      margin-left: 95.83333px; } }
@media (min-width: 768px) and (max-width: 1279px) {
  .block.overview .right {
    margin-left: -10px;
    margin-right: -10px; } }
.block.overview .features {
  margin-top: 60px; }
  @media (min-width: 768px) and (max-width: 1279px) {
    .block.overview .features {
      padding-left: 10px;
      padding-right: 10px;
      width: 50%;
      box-sizing: border-box;
      float: left; } }
  @media (min-width: 1280px) {
    .block.overview .features {
      margin-top: 28px; } }
.block.overview .dependencies {
  margin-top: 40px; }
  @media (min-width: 768px) and (max-width: 1279px) {
    .block.overview .dependencies {
      margin-top: 60px;
      padding-left: 10px;
      padding-right: 10px;
      width: 25%;
      box-sizing: border-box;
      float: left; } }
  @media (min-width: 1280px) {
    .block.overview .dependencies {
      margin-top: 24px; } }
.block.overview .other {
  margin-top: 40px;
  padding-bottom: 60px; }
  @media (min-width: 768px) and (max-width: 1279px) {
    .block.overview .other {
      margin-top: 60px;
      padding-left: 10px;
      padding-right: 10px;
      width: 25%;
      box-sizing: border-box;
      float: left; } }
  @media (min-width: 768px) {
    .block.overview .other {
      border: none;
      padding-bottom: 0; } }
  @media (min-width: 1280px) {
    .block.overview .other {
      margin-top: 24px; } }
.block .section {
  border-top: 2px solid #D9D9D9;
  padding-top: 60px; }
  .block .section h2:before {
    display: block;
    content: " ";
    margin-top: -60px;
    height: 60px;
    visibility: hidden; }
@media (min-width: 1280px) {
  .block .two_column {
    margin-left: -10px;
    margin-right: -10px; } }
.block .text {
  margin-top: 40px;
  margin-bottom: 60px; }
  .block .text h3 {
    margin-bottom: 12px; }
  .block .text * + h3 {
    margin-top: 40px; }
  .block .text h1 + h3,
  .block .text h2 + h3 {
    margin-top: 6px; }
  .block .text ul + p {
    margin-top: 12px; }
  .block .text ol + p {
    margin-top: 12px; }
  .block .text dl:after {
    content: "";
    display: table;
    width: 100%; }
  @media (min-width: 768px) and (max-width: 1279px) {
    .block .text dl {
      display: inline-block; } }
  .block .text dl dt {
    float: left;
    clear: both;
    width: 40%; }
    @media (min-width: 768px) and (max-width: 1279px) {
      .block .text dl dt {
        width: 240px; } }
  .block .text dl dd {
    width: 60%;
    float: left; }
    @media (min-width: 768px) and (max-width: 1279px) {
      .block .text dl dd {
        width: auto;
        overflow: hidden;
        min-width: 200px;
        float: none; } }
    .block .text dl dd ul {
      margin: 0; }
      .block .text dl dd ul li + li {
        margin-top: 8px; }
  .block .text dl dt, .block .text dl dd {
    padding: 10px 0;
    margin: 0;
    border-top: 1px solid #D9D9D9; }
  .block .text dl dt:first-of-type,
  .block .text dl dd:first-of-type {
    padding-top: 0;
    border-top: none; }
  @media (min-width: 1280px) {
    .block .text {
      padding-left: 10px;
      padding-right: 10px;
      width: 33.33333%;
      box-sizing: border-box;
      float: left; } }
  .block .text .feature {
    background-color: #D6EBE8;
    border-left: 8px solid #19A6A4;
    padding: 6px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center; }
    .block .text .feature + script + .feature {
      margin-top: 10px; }
    .block .text .feature .dropdown-container {
      width: auto; }
      .block .text .feature .dropdown-container ul {
        z-index: 999;
        right: 0;
        list-style-type: none; }
      .block .text .feature .dropdown-container button {
        background: none;
        border: none;
        padding: none;
        margin: none; }
    .block .text .feature ul {
      padding-left: 0;
      margin: 2px 0 0 0; }
      .block .text .feature ul li {
        margin: 0; }
.block .content {
  margin-bottom: 60px; }
  .block .content:after {
    content: "";
    display: table;
    width: 100%; }
  .block .content > div {
    margin-top: 40px; }
  @media (min-width: 1280px) {
    .block .content {
      padding-left: 10px;
      padding-right: 10px;
      width: 66.66667%;
      box-sizing: border-box;
      float: left; } }
  .block .content video {
    width: 100%;
    display: block; }
  .block .content img {
    width: 100%;
    display: block;
    background-color: #FFFFFF; }
  .block .content .caption, .block .content .caption p {
    margin-top: 12px; }
  @media (min-width: 768px) {
    .block .content .image.narrow {
      max-width: 370px; }
    .block .content .image.ios {
      max-width: 375px; }
    .block .content .image.android {
      max-width: 360px; }
    .block .content .narrow {
      float: left; } }
  @media (min-width: 768px) and (max-width: 1279px) {
    .block .content .image:first-child:nth-last-child(1) {
      margin: 0 auto;
      float: none; } }
  .block .content .media.border {
    position: relative; }
    .block .content .media.border:before {
      content: '';
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      box-shadow: 0 0 0 1px #D9D9D9 inset; }
  .block .content .text-content {
    width: 100%; }
    .block .content .text-content ul + p {
      margin-top: 12px; }
    .block .content .text-content ol + p {
      margin-top: 12px; }
  @media (min-width: 768px) {
    .block .content .image.narrow,
    .block .content .image.ios,
    .block .content .image.android {
      margin-left: 0;
      clear: both; }
    .block .content .image.narrow + .image.narrow {
      margin-left: 20px;
      clear: none; }
    .block .content .image.ios + .image.ios {
      margin-left: 10px;
      clear: none; }
    .block .content .image.android + .image.android {
      margin-left: 40px;
      clear: none; }
    .block .content .image.narrow + .image.narrow + .image.narrow,
    .block .content .image.ios + .image.ios + .image.ios,
    .block .content .image.android + .image.android + .image.android {
      margin-left: 0;
      clear: both; }
    .block .content .image.narrow + .image.narrow + .image.narrow + .image.narrow {
      margin-left: 20px;
      clear: none; }
    .block .content .image.ios + .image.ios + .image.ios + .image.ios {
      margin-left: 10px;
      clear: none; }
    .block .content .image.android + .image.android + .image.android + .image.android {
      margin-left: 40px;
      clear: none; }
    .block .content .image.narrow + .image.narrow + .image.narrow + .image.narrow + .image.narrow,
    .block .content .image.ios + .image.ios + .image.ios + .image.ios + .image.ios,
    .block .content .image.android + .image.android + .image.android + .image.android + .image.android {
      margin-left: 0;
      clear: both; }
    .block .content .image.narrow + .image.narrow + .image.narrow + .image.narrow + .image.narrow + .image.narrow {
      margin-left: 20px;
      clear: none; }
    .block .content .image.ios + .image.ios + .image.ios + .image.ios + .image.ios + .image.ios {
      margin-left: 10px;
      clear: none; }
    .block .content .image.android + .image.android + .image.android + .image.android + .image.android + .image.android {
      margin-left: 40px;
      clear: none; }
    .block .content .image.narrow + .image.narrow + .image.narrow + .image.narrow + .image.narrow + .image.narrow + .image.narrow,
    .block .content .image.ios + .image.ios + .image.ios + .image.ios + .image.ios + .image.ios + .image.ios,
    .block .content .image.android + .image.android + .image.android + .image.android + .image.android + .image.android + .image.android {
      margin-left: 0;
      clear: both; }
    .block .content .image.narrow + .image.narrow + .image.narrow + .image.narrow + .image.narrow + .image.narrow + .image.narrow + .image.narrow {
      margin-left: 20px;
      clear: none; }
    .block .content .image.ios + .image.ios + .image.ios + .image.ios + .image.ios + .image.ios + .image.ios + .image.ios {
      margin-left: 10px;
      clear: none; }
    .block .content .image.android + .image.android + .image.android + .image.android + .image.android + .image.android + .image.android + .image.android {
      margin-left: 40px;
      clear: none; }
    .block .content .image.narrow + .image.narrow + .image.narrow + .image.narrow + .image.narrow + .image.narrow + .image.narrow + .image.narrow + .image.narrow,
    .block .content .image.ios + .image.ios + .image.ios + .image.ios + .image.ios + .image.ios + .image.ios + .image.ios + .image.ios,
    .block .content .image.android + .image.android + .image.android + .image.android + .image.android + .image.android + .image.android + .image.android + .image.android {
      margin-left: 0;
      clear: both; } }
  .block .content .table {
    width: 100%; }
    .block .content .table table {
      width: 100%; }
      .block .content .table table thead, .block .content .table table tbody {
        background-color: #F5F5F5; }
      .block .content .table table + table {
        margin-top: 80px; }
  .block .content .colors {
    width: 100%; }
    .block .content .colors .color {
      box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
      overflow: hidden; }
      .block .content .colors .color + .color {
        margin-top: 20px; }
      .block .content .colors .color .bar {
        z-index: 10;
        position: relative; }
        .block .content .colors .color .bar:after {
          content: "";
          display: table;
          width: 100%; }
        .block .content .colors .color .bar.border {
          border-bottom: 1px solid #d0d0d0; }
      .block .content .colors .color .name {
        background-color: white;
        width: 210px;
        height: 70px;
        float: right;
        box-sizing: border-box;
        padding: 15px;
        z-index: 15;
        position: relative; }
        .block .content .colors .color .name.border {
          border-top: 1px solid #d0d0d0;
          border-left: 1px solid rgba(208, 208, 208, 0); }
        .block .content .colors .color .name p {
          margin: 0; }
      .block .content .colors .color .details {
        clear: both;
        background-color: white;
        padding: 15px;
        float: left;
        width: 100%;
        z-index: 5; }
        .block .content .colors .color .details h5 {
          margin: 0;
          margin-bottom: 6px; }
        .block .content .colors .color .details .uses {
          padding-right: 210px; }
        .block .content .colors .color .details > div p:first-of-type {
          margin-top: 0; }
        .block .content .colors .color .details .complements {
          margin-left: -15px; }
        .block .content .colors .color .details .complement {
          float: left;
          width: 210px;
          margin-bottom: 15px;
          margin-left: 15px; }
          .block .content .colors .color .details .complement:after {
            content: "";
            display: table;
            width: 100%; }
          .block .content .colors .color .details .complement .complement_swatch {
            width: 40px;
            height: 40px;
            float: left; }
            .block .content .colors .color .details .complement .complement_swatch.border {
              border: 1px solid pe-color(hairline-gray); }
            .block .content .colors .color .details .complement .complement_swatch + p {
              padding-left: 10px; }
          .block .content .colors .color .details .complement p {
            float: left;
            margin: 0; }
.block .swatches {
  width: 100%; }
  @media (min-width: 1024px) {
    .block .swatches {
      width: 32%;
      float: left; }
      .block .swatches + .swatches {
        margin-left: 2%; } }
  @media (min-width: 1280px) {
    .block .swatches {
      width: 370px; }
      .block .swatches + .swatches {
        margin-left: 25px; } }
  .block .swatches table {
    width: 100%; }
    .block .swatches table tr {
      border: 1px solid pe-color(gray-no-1); }
      .block .swatches table tr td {
        padding: 10px; }
        .block .swatches table tr td:last-child {
          padding: 0; }
.block.changelog {
  border-top: 2px solid #D9D9D9;
  padding-top: 60px; }
  .block.changelog h2 {
    margin-bottom: 24px; }
  .block.changelog ul + h3 {
    margin-top: 24px; }
  .block.changelog a {
    text-decoration: none; }
.block .pe-style-table {
  width: 100%;
  margin-bottom: 60px;
  margin-top: 40px; }
  .block .pe-style-table th {
    background: #E9E9E9;
    padding: 12px 20px;
    border: 1px solid #C7C7C7;
    text-align: left; }
    .block .pe-style-table th:first-of-type {
      width: 390px; }
  .block .pe-style-table td {
    padding: 14px 20px;
    border-bottom: 1px solid #C7C7C7; }
  .block .pe-style-table tr:nth-of-type(2n) td {
    background-color: #FFFFFF; }

.spec {
  margin: 60px auto; }
  @media (min-width: 1px) {
    .spec {
      width: 90%;
      max-width: 370px; } }
  @media (min-width: 768px) {
    .spec {
      width: 80%;
      max-width: 790px; } }
  @media (min-width: 1024px) {
    .spec {
      width: 790px; } }
  .spec h1 {
    margin-top: 100px; }
  .spec h2 {
    margin-bottom: 20px; }
  .spec .reqs {
    counter-reset: section; }
    .spec .reqs h3 {
      margin-bottom: 2px; }
    .spec .reqs + .reqs {
      margin-top: 18px; }
    .spec .reqs .req {
      cursor: pointer;
      overflow: hidden;
      padding: 6px 16px;
      margin: 0 -16px;
      transition: padding-top 0.3s , padding-bottom 0.3s , background-color 0.2s , box-shadow 0.3s; }
      .spec .reqs .req:hover {
        background-color: #FFFFFF; }
      .spec .reqs .req.open {
        padding: 16px;
        margin: 4px -16px 12px;
        background-color: #FFFFFF;
        box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2); }
      .spec .reqs .req[data-no-explanation="true"] {
        cursor: default; }
        .spec .reqs .req[data-no-explanation="true"]:hover {
          background-color: transparent; }
      .spec .reqs .req .icon {
        float: left;
        height: 22px;
        margin-right: 12px; }
        .spec .reqs .req .icon svg {
          position: relative;
          top: 1px; }
      .spec .reqs .req .item::before {
        counter-increment: section;
        content: counter(section) ". ";
        float: left;
        margin-right: 4px; }
      .spec .reqs .req .item {
        overflow: hidden; }
        .spec .reqs .req .item .label > :last-child {
          margin-bottom: 0; }
      .spec .reqs .req .explanation {
        margin-top: 12px;
        color: #6A7070; }
        .spec .reqs .req .explanation ul {
          color: #6A7070; }
        .spec .reqs .req .explanation p {
          margin: 0;
          color: #6A7070; }
          .spec .reqs .req .explanation p + p {
            margin-top: 8px; }

.side-toc {
  position: relative;
  z-index: -20; }
  .side-toc .sidebar {
    width: 360px;
    padding: 60px;
    padding-top: 120px;
    border-right: 1px solid black;
    position: fixed;
    bottom: 0;
    top: 0;
    left: 0;
    z-index: -10;
    box-sizing: border-box; }
    .side-toc .sidebar a {
      color: pe-color(pitch);
      text-decoration: none; }
    .side-toc .sidebar ul {
      padding: 0;
      margin: 0;
      list-style: none; }
    .side-toc .sidebar > ul > li {
      font-weight: bold;
      margin-bottom: 20px; }
      .side-toc .sidebar > ul > li > ul > li {
        font-weight: normal;
        margin-top: 6px; }
        .side-toc .sidebar > ul > li > ul > li > ul {
          margin-left: 10px; }
          .side-toc .sidebar > ul > li > ul > li > ul > li {
            margin-top: 6px; }
  .side-toc .main-content {
    margin-left: 360px;
    margin-top: 26px; }
    .side-toc .main-content .content {
      margin: 0 auto;
      max-width: 760px; }
    .side-toc .main-content p {
      margin: 0; }
      .side-toc .main-content p + p {
        margin-top: 12px; }
    .side-toc .main-content ul + p,
    .side-toc .main-content ol + p,
    .side-toc .main-content p + ul,
    .side-toc .main-content p + ol {
      margin-top: 12px; }
    .side-toc .main-content .images {
      margin: 20px 0; }
      .side-toc .main-content .images:after {
        content: "";
        display: table;
        width: 100%; }
      .side-toc .main-content .images > div {
        float: left; }
    .side-toc .main-content .caption {
      margin-top: 6px; }
    .side-toc .main-content .image img {
      width: 100%;
      display: block;
      background-color: pe-color(white); }
    .side-toc .main-content .image.narrow {
      max-width: 370px; }
    .side-toc .main-content .image.wide {
      max-width: 760px; }
    .side-toc .main-content .image.ios {
      max-width: 375px; }
    .side-toc .main-content .image.android {
      max-width: 360px; }
    .side-toc .main-content .image.wide:nth-child(n+2),
    .side-toc .main-content .image.wide + .image.narrow,
    .side-toc .main-content .image.wide + .image.ios,
    .side-toc .main-content .image.wide + .image.android {
      margin-top: 30px; }
    .side-toc .main-content .image.narrow + .image.narrow {
      margin-top: 30px; }
      @media (min-width: 768px) {
        .side-toc .main-content .image.narrow + .image.narrow {
          margin-left: 20px; } }
    .side-toc .main-content .image.ios + .image.ios {
      margin-top: 30px; }
      @media (min-width: 768px) {
        .side-toc .main-content .image.ios + .image.ios {
          margin-left: 10px; } }
    .side-toc .main-content .image.android + .image.android {
      margin-top: 30px; }
      @media (min-width: 768px) {
        .side-toc .main-content .image.android + .image.android {
          margin-left: 40px; } }
    @media (min-width: 768px) {
      .side-toc .main-content .image.narrow:first-child + .image.narrow,
      .side-toc .main-content .image.ios:first-child + .image.ios,
      .side-toc .main-content .image.android:first-child + .image.android {
        margin-top: 0; } }
    .side-toc .main-content .image.narrow + .image.narrow + .image.narrow,
    .side-toc .main-content .image.ios + .image.ios + .image.ios,
    .side-toc .main-content .image.android + .image.android + .image.android {
      margin-left: 0;
      margin-top: 30px;
      clear: both; }
    .side-toc .main-content .image.narrow + .image.narrow + .image.narrow + .image.narrow {
      clear: none; }
      @media (min-width: 768px) {
        .side-toc .main-content .image.narrow + .image.narrow + .image.narrow + .image.narrow {
          margin-left: 20px; } }
    .side-toc .main-content .image.ios + .image.ios + .image.ios + .image.ios {
      clear: none; }
      @media (min-width: 768px) {
        .side-toc .main-content .image.ios + .image.ios + .image.ios + .image.ios {
          margin-left: 10px; } }
    .side-toc .main-content .image.android + .image.android + .image.android + .image.android {
      clear: none; }
      @media (min-width: 768px) {
        .side-toc .main-content .image.android + .image.android + .image.android + .image.android {
          margin-left: 40px; } }
    .side-toc .main-content .image.narrow + .image.narrow + .image.narrow + .image.narrow + .image.narrow,
    .side-toc .main-content .image.ios + .image.ios + .image.ios + .image.ios + .image.ios,
    .side-toc .main-content .image.android + .image.android + .image.android + .image.android + .image.android {
      margin-left: 0; }
    @media (min-width: 768px) {
      .side-toc .main-content .image.narrow + .image.narrow + .image.narrow + .image.narrow + .image.narrow + .image.narrow {
        margin-left: 20px; } }
    @media (min-width: 768px) {
      .side-toc .main-content .image.ios + .image.ios + .image.ios + .image.ios + .image.ios + .image.ios {
        margin-left: 10px; } }
    @media (min-width: 768px) {
      .side-toc .main-content .image.android + .image.android + .image.android + .image.android + .image.android + .image.android {
        margin-left: 40px; } }

.banner {
  margin-top: 54px;
  text-align: center;
  padding: 16px 0; }
  .banner + .banner {
    margin-top: 0; }
    .banner + .banner.warn {
      border-top: 2px solid #FF9A19; }
    .banner + .banner.info {
      border-top: 2px solid #179599; }
  .banner.warn {
    background-color: #FFB81C;
    color: #252525; }
    .banner.warn a {
      color: #252525; }
  .banner.info {
    background-color: #19A6A4;
    color: #FFFFFF; }
    .banner.info a {
      color: #FFFFFF; }

.contact {
  height: 100%; }
  .contact .top-level-content {
    height: 100%; }
  .contact .table_substitute {
    display: table;
    height: 100%;
    width: 100%; }
    .contact .table_substitute .intro_container {
      height: 100%; }
    .contact .table_substitute .wrapper {
      margin: 136px 10px 100px;
      max-width: 1170px; }
      @media (min-width: 768px) {
        .contact .table_substitute .wrapper {
          margin-left: 20px;
          margin-right: 20px; } }
      @media (min-width: 1024px) {
        .contact .table_substitute .wrapper {
          margin-left: 40px;
          margin-right: 40px; } }
      @media (min-width: 1280px) {
        .contact .table_substitute .wrapper {
          margin-left: auto;
          margin-right: auto; } }
    .contact .table_substitute h1 {
      margin-bottom: 60px; }
  .contact .frame_container {
    background-color: #FFFFFF;
    text-align: center;
    display: table-row;
    height: 100%; }
    .contact .frame_container iframe {
      max-width: 1170px;
      height: 100%;
      min-height: 800px; }

.status {
  max-width: 760px;
  margin: 100px auto 0; }
  .status h2 {
    margin-bottom: 24px;
    margin-top: 48px; }
  .status .left, .status .right {
    width: 50%;
    float: left; }
  .status .table-container {
    display: inline-block;
    width: 100%; }
  .status table {
    clear: both;
    width: 100%;
    margin-top: 40px;
    table-layout: fixed; }
    .status table thead {
      background-color: #D6EBE8; }
      .status table thead tr:last-child th {
        font-weight: normal; }
    .status table tbody {
      background-color: #FFFFFF; }
    .status table th, .status table td {
      border: 1px solid #C7C7C7;
      padding: 12px 16px; }

.sidebar {
  float: left;
  width: 240px;
  height: 100vh;
  position: fixed;
  top: 0;
  box-sizing: border-box;
  border-right: 1px solid #C7C7C7;
  background-color: #FFFFFF;
  z-index: 30;
  transform: translateX(-240px);
  transition: transform 0.3s; }
  .sidebar.open {
    transform: translateX(0); }
  @media (min-width: 1460px) {
    .sidebar {
      transform: translateX(0); } }
  .sidebar a {
    text-decoration: none;
    color: inherit; }
  .sidebar header {
    color: #047A9C;
    padding: 16px 26px 16px 36px;
    border-bottom: 1px solid #C7C7C7;
    margin: 0; }
    .sidebar header button {
      float: right;
      border: none;
      background-image: none;
      background-color: transparent;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      padding: 0;
      color: inherit;
      position: relative;
      top: 3px; }
      @media (min-width: 1460px) {
        .sidebar header button {
          display: none; } }
  .sidebar .sidebar-toc {
    padding: 0 36px;
    height: calc(100% - 58px);
    overflow-y: auto; }
    .sidebar .sidebar-toc ul {
      list-style-type: none;
      padding: 0; }
    .sidebar .sidebar-toc > ul > li {
      margin-top: 20px; }
      .sidebar .sidebar-toc > ul > li li {
        font-weight: normal;
        padding: 4px 12px;
        margin-left: -12px;
        margin-right: -12px;
        margin-top: 4px; }
    .sidebar .sidebar-toc > ul > li > ul {
      margin-left: 12px; }
    .sidebar .sidebar-toc .selected {
      font-weight: bolder;
      background-color: #E9E9E9; }

.ultimate-header {
  color: #FFFFFF;
  padding: 16px 36px;
  background-color: #005A70;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  transition: left 0.3s;
  z-index: 26; }
  .ultimate-header .burger {
    margin-right: 12px; }
  @media (min-width: 1460px) {
    .ultimate-header {
      left: 240px; }
      .ultimate-header .burger {
        display: none; } }
  .ultimate-header.invisible {
    background: none; }
  .ultimate-header .contact {
    float: right;
    color: #FFFFFF;
    text-decoration: none; }
    .ultimate-header .contact:hover {
      color: #FFFFFF; }
    .ultimate-header .contact svg {
      position: relative;
      top: 2px;
      margin-right: 4px; }
    .ultimate-header .contact .text {
      display: none; }
      @media (min-width: 768px) {
        .ultimate-header .contact .text {
          display: inline; } }

.overlay {
  display: none; }
  @media (max-width: 1459px) {
    .overlay.open {
      display: block;
      position: fixed;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      background-color: rgba(0, 0, 0, 0.6);
      z-index: 28; } }

@media (min-width: 1460px) {
  .top-level-content {
    margin-left: 240px; } }

html {
  font-size: 0.875rem; }

body {
  background-color: #F5F5F5; }

.pull-right {
  float: right; }