@charset "UTF-8";
/* ORDER IS IMPORTANT HERE - THIS ALLOW STYLES TO BE OVERWRITTEN IN SOME CASES */
*, ::backdrop, :after, :before {
  --tw-border-spacing-x:0;
  --tw-border-spacing-y:0;
  --tw-translate-x:0;
  --tw-translate-y:0;
  --tw-rotate:0;
  --tw-skew-x:0;
  --tw-skew-y:0;
  --tw-scale-x:1;
  --tw-scale-y:1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness:proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width:0px;
  --tw-ring-offset-color:#fff;
  --tw-ring-color:#3b82f680;
  --tw-ring-offset-shadow:0 0 #0000;
  --tw-ring-shadow:0 0 #0000;
  --tw-shadow:0 0 #0000;
  --tw-shadow-colored:0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
} /*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/
*, :after, :before {
  box-sizing: border-box;
  border: 0 solid;
}

:after, :before {
  --tw-content:"";
}

:host, html {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  tab-size: 4;
  font-family: Plain, Helvetica Neue, Helvetica, Franklin Gothic Medium, Franklin Gothic, ITC Franklin Gothic, sans-serif;
  font-feature-settings: normal;
  font-variation-settings: normal;
  -webkit-tap-highlight-color: transparent;
}

body {
  margin: 0;
  line-height: inherit;
}

hr {
  height: 0;
  color: inherit;
  border-top-width: 1px;
}

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  font-weight: inherit;
}

a {
  color: inherit;
  text-decoration: inherit;
}

b, strong {
  font-weight: bolder;
}

code, kbd, pre, samp {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
  font-feature-settings: normal;
  font-variation-settings: normal;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: initial;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse;
}

button, input, optgroup, select, textarea {
  font-family: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
}

button, select {
  text-transform: none;
}

button, input:where([type=button]), input:where([type=reset]), input:where([type=submit]) {
  -webkit-appearance: button;
  background-color: initial;
  background-image: none;
}

:-moz-focusring {
  outline: auto;
}

:-moz-ui-invalid {
  box-shadow: none;
}

progress {
  vertical-align: initial;
}

::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

summary {
  display: list-item;
}

blockquote, dd, dl, figure, h1, h2, h3, h4, h5, h6, hr, p, pre {
  margin: 0;
}

fieldset {
  margin: 0;
}

fieldset, legend {
  padding: 0;
}

menu, ol, ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

dialog {
  padding: 0;
}

textarea {
  resize: vertical;
}

input::placeholder, textarea::placeholder {
  opacity: 1;
  color: #868d8d;
}

[role=button], button {
  cursor: pointer;
}

:disabled {
  cursor: default;
}

audio, canvas, embed, iframe, img, object, svg, video {
  display: block;
  vertical-align: middle;
}

img, video {
  max-width: 100%;
  height: auto;
}

[hidden]:where(:not([hidden=until-found])) {
  display: none;
}

@font-face {
  font-family: Plain;
  src: url(/fonts/PlainThin-Regular.woff2) format("woff2");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Plain;
  src: url(/fonts/PlainThin-Italic.woff2) format("woff2");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: Plain;
  src: url(/fonts/PlainRegular-Regular.woff2) format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Plain;
  src: url(/fonts/PlainRegular-Italic.woff2) format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: Plain;
  src: url(/fonts/PlainBold-Regular.woff2) format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Plain;
  src: url(/fonts/PlainBold-Italic.woff2) format("woff2");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
body {
  font-family: Plain, Helvetica Neue, Helvetica, Franklin Gothic Medium, Franklin Gothic, ITC Franklin Gothic, sans-serif;
}

ol {
  list-style: decimal;
}

.container {
  width: 100%;
}

@media (min-width: 640px) {
  .container {
    max-width: 640px;
  }
}
@media (min-width: 960px) {
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1280px) {
  .container {
    max-width: 1280px;
  }
}
.btn {
  padding: 1rem 3rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
}

.hd-xl {
  font-size: 1.953rem;
  line-height: 1.125;
  font-weight: 200;
}

.hd-lg {
  font-size: 1.563rem;
  line-height: 1.25;
  font-weight: 200;
}

.grid-container {
  display: grid;
  grid-template-columns: 0 50% 50% 0;
}

.md\:container-1\/2 {
  width: 100%;
}

.md\:flex-container-1\/2 {
  flex: 1 0 100%;
}

@media (min-width: 640px) {
  .grid-container {
    display: grid;
    grid-template-columns: 1fr 320px 320px 1fr;
  }
  .container-1\/2 {
    width: 320px;
  }
  .container-1\/3 {
    width: 213.333px;
  }
  .container-2\/3 {
    width: 426.667px;
  }
  .flex-container-1\/2 {
    flex: 1 0 320px;
  }
  .flex-container-1\/3 {
    flex: 1 0 213.333px;
  }
  .flex-container-2\/3 {
    flex: 1 0 426.667px;
  }
  .md\:container-1\/2 {
    width: 640px;
  }
  .md\:flex-container-1\/2 {
    flex: 1 0 100%;
  }
}
@media (min-width: 960px) {
  .grid-container {
    display: grid;
    grid-template-columns: 1fr 480px 480px 1fr;
  }
  .container-1\/2 {
    width: 480px;
  }
  .container-1\/3 {
    width: 320px;
  }
  .container-2\/3 {
    width: 640px;
  }
  .flex-container-1\/2 {
    flex: 1 0 480px;
  }
  .flex-container-1\/3 {
    flex: 1 0 320px;
  }
  .flex-container-2\/3 {
    flex: 1 0 640px;
  }
  .md\:container-1\/2 {
    width: 480px;
  }
  .md\:flex-container-1\/2 {
    flex: 1 0 480px;
  }
}
@media (min-width: 1280px) {
  .grid-container {
    display: grid;
    grid-template-columns: 1fr 640px 640px 1fr;
  }
  .container-1\/2 {
    width: 640px;
  }
  .container-1\/3 {
    width: 426.667px;
  }
  .container-2\/3 {
    width: 853.333px;
  }
  .flex-container-1\/2 {
    flex: 1 0 640px;
  }
  .flex-container-1\/3 {
    flex: 1 0 426.667px;
  }
  .flex-container-2\/3 {
    flex: 1 0 853.333px;
  }
  .md\:container-1\/2 {
    width: 640px;
  }
  .md\:flex-container-1\/2 {
    flex: 1 0 640px;
  }
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.pointer-events-none {
  pointer-events: none;
}

.pointer-events-auto {
  pointer-events: auto;
}

.visible {
  visibility: visible;
}

.invisible {
  visibility: hidden;
}

.static {
  position: static;
}

.fixed {
  position: fixed;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.sticky {
  position: sticky;
}

.inset-0 {
  inset: 0;
}

.inset-8 {
  inset: 8px;
}

.inset-y-0 {
  top: 0;
  bottom: 0;
}

.-left-12 {
  left: -12px;
}

.-left-2gut {
  left: -32px;
}

.-left-4gut {
  left: -64px;
}

.-left-7gut {
  left: -112px;
}

.-left-\[100vw\] {
  left: -100vw;
}

.-left-\[5px\] {
  left: -5px;
}

.-right-3gut {
  right: -48px;
}

.-right-7gut {
  right: -112px;
}

.-right-\[4px\] {
  right: -4px;
}

.-top-12 {
  top: -12px;
}

.-top-2gut {
  top: -32px;
}

.-top-3gut {
  top: -48px;
}

.-top-4gut {
  top: -64px;
}

.-top-\[5px\] {
  top: -5px;
}

.-top-gut\/2 {
  top: -8px;
}

.bottom-0 {
  bottom: 0;
}

.bottom-2 {
  bottom: 2px;
}

.bottom-gut {
  bottom: 16px;
}

.end-0 {
  inset-inline-end: 0;
}

.left-0 {
  left: 0;
}

.left-1 {
  left: 1px;
}

.left-1\/2 {
  left: 50%;
}

.left-\[35\%\] {
  left: 35%;
}

.left-\[45\%\] {
  left: 45%;
}

.left-\[calc\(50\%\+100px\)\] {
  left: calc(50% + 100px);
}

.left-gut {
  left: 16px;
}

.right-0 {
  right: 0;
}

.right-2 {
  right: 2px;
}

.right-4 {
  right: 4px;
}

.right-gut {
  right: 16px;
}

.start-0 {
  inset-inline-start: 0;
}

.top-0 {
  top: 0;
}

.top-1 {
  top: 1px;
}

.top-1\/2 {
  top: 50%;
}

.top-3gut {
  top: 48px;
}

.top-4 {
  top: 4px;
}

.top-7gut {
  top: 112px;
}

.top-\[-250px\] {
  top: -250px;
}

.top-\[100px\] {
  top: 100px;
}

.top-\[15\%\] {
  top: 15%;
}

.top-\[200px\] {
  top: 200px;
}

.top-\[35\%\] {
  top: 35%;
}

.top-\[50\%\] {
  top: 50%;
}

.top-\[55px\] {
  top: 55px;
}

.top-\[56px\] {
  top: 56px;
}

.top-\[71\.5px\] {
  top: 71.5px;
}

.top-\[8\%\] {
  top: 8%;
}

.top-\[93px\] {
  top: 93px;
}

.top-full {
  top: 100%;
}

.top-gut {
  top: 16px;
}

.z-0 {
  z-index: 0;
}

.z-\[-1\] {
  z-index: -1;
}

.z-\[-2\] {
  z-index: -2;
}

.z-auto {
  z-index: auto;
}

.z-consent {
  z-index: 8;
}

.z-menu {
  z-index: 4;
}

.z-modal {
  z-index: 6;
}

.z-pop {
  z-index: 2;
}

.-order-1 {
  order: -1;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-\[1\] {
  order: 1;
}

.order-\[2\] {
  order: 2;
}

.col-span-1 {
  grid-column: span 1/span 1;
}

.col-span-10 {
  grid-column: span 10/span 10;
}

.col-span-12 {
  grid-column: span 12/span 12;
}

.col-span-2 {
  grid-column: span 2/span 2;
}

.col-span-3 {
  grid-column: span 3/span 3;
}

.col-span-4 {
  grid-column: span 4/span 4;
}

.col-span-5 {
  grid-column: span 5/span 5;
}

.col-span-6 {
  grid-column: span 6/span 6;
}

.col-span-7 {
  grid-column: span 7/span 7;
}

.col-span-8 {
  grid-column: span 8/span 8;
}

.col-span-full {
  grid-column: 1/-1;
}

.col-start-1 {
  grid-column-start: 1;
}

.col-start-2 {
  grid-column-start: 2;
}

.col-start-4 {
  grid-column-start: 4;
}

.col-start-8 {
  grid-column-start: 8;
}

.col-end-12 {
  grid-column-end: 12;
}

.col-end-13 {
  grid-column-end: 13;
}

.row-span-1 {
  grid-row: span 1/span 1;
}

.row-span-2 {
  grid-row: span 2/span 2;
}

.row-span-3 {
  grid-row: span 3/span 3;
}

.row-span-4 {
  grid-row: span 4/span 4;
}

.row-start-1 {
  grid-row-start: 1;
}

.row-start-2 {
  grid-row-start: 2;
}

.row-start-3 {
  grid-row-start: 3;
}

.row-start-4 {
  grid-row-start: 4;
}

.row-start-auto {
  grid-row-start: auto;
}

.row-end-2 {
  grid-row-end: 2;
}

.row-end-3 {
  grid-row-end: 3;
}

.row-end-4 {
  grid-row-end: 4;
}

.row-end-5 {
  grid-row-end: 5;
}

.float-left {
  float: left;
}

.m-0 {
  margin: 0;
}

.m-2 {
  margin: 2px;
}

.m-2gut {
  margin: 32px;
}

.m-auto {
  margin: auto;
}

.m-gut {
  margin: 16px;
}

.-mx-1 {
  margin-left: -1px;
  margin-right: -1px;
}

.-mx-2 {
  margin-left: -2px;
  margin-right: -2px;
}

.-mx-4 {
  margin-left: -4px;
  margin-right: -4px;
}

.-mx-gut {
  margin-left: -16px;
  margin-right: -16px;
}

.-mx-gut\/2 {
  margin-left: -8px;
  margin-right: -8px;
}

.mx-0 {
  margin-left: 0;
  margin-right: 0;
}

.mx-1 {
  margin-left: 1px;
  margin-right: 1px;
}

.mx-2 {
  margin-left: 2px;
  margin-right: 2px;
}

.mx-2gut {
  margin-left: 32px;
  margin-right: 32px;
}

.mx-4 {
  margin-left: 4px;
  margin-right: 4px;
}

.mx-4gut {
  margin-left: 64px;
  margin-right: 64px;
}

.mx-8 {
  margin-left: 8px;
  margin-right: 8px;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.mx-gut {
  margin-left: 16px;
  margin-right: 16px;
}

.mx-gut\/2 {
  margin-left: 8px;
  margin-right: 8px;
}

.my-0 {
  margin-top: 0;
  margin-bottom: 0;
}

.my-1 {
  margin-top: 1px;
  margin-bottom: 1px;
}

.my-2 {
  margin-top: 2px;
  margin-bottom: 2px;
}

.my-2gut {
  margin-top: 32px;
  margin-bottom: 32px;
}

.my-3gut {
  margin-top: 48px;
  margin-bottom: 48px;
}

.my-4 {
  margin-top: 4px;
  margin-bottom: 4px;
}

.my-4gut {
  margin-top: 64px;
  margin-bottom: 64px;
}

.my-8 {
  margin-top: 8px;
  margin-bottom: 8px;
}

.my-auto {
  margin-top: auto;
  margin-bottom: auto;
}

.my-gut {
  margin-top: 16px;
  margin-bottom: 16px;
}

.my-gut\/2 {
  margin-top: 8px;
  margin-bottom: 8px;
}

.-mb-1 {
  margin-bottom: -1px;
}

.-mb-10 {
  margin-bottom: -10px;
}

.-ml-1 {
  margin-left: -1px;
}

.-ml-4 {
  margin-left: -4px;
}

.-ml-\[2em\] {
  margin-left: -2em;
}

.-ml-gut {
  margin-left: -16px;
}

.-mr-12gut {
  margin-right: -192px;
}

.-mr-\[8px\] {
  margin-right: -8px;
}

.-mr-gut {
  margin-right: -16px;
}

.-mr-gut\/2 {
  margin-right: -8px;
}

.-mt-1 {
  margin-top: -1px;
}

.-mt-4 {
  margin-top: -4px;
}

.-mt-8 {
  margin-top: -8px;
}

.-mt-\[\.5px\] {
  margin-top: -0.5px;
}

.-mt-\[100vh\] {
  margin-top: -100vh;
}

.-mt-\[60vh\] {
  margin-top: -60vh;
}

.-mt-\[7px\] {
  margin-top: -7px;
}

.-mt-gut {
  margin-top: -16px;
}

.-mt-gut\/2 {
  margin-top: -8px;
}

.mb-0 {
  margin-bottom: 0;
}

.mb-1 {
  margin-bottom: 1px;
}

.mb-12 {
  margin-bottom: 12px;
}

.mb-2 {
  margin-bottom: 2px;
}

.mb-2gut {
  margin-bottom: 32px;
}

.mb-3 {
  margin-bottom: 3px;
}

.mb-3gut {
  margin-bottom: 48px;
}

.mb-4 {
  margin-bottom: 4px;
}

.mb-4gut {
  margin-bottom: 64px;
}

.mb-5gut {
  margin-bottom: 80px;
}

.mb-6 {
  margin-bottom: 6px;
}

.mb-7gut {
  margin-bottom: 112px;
}

.mb-8 {
  margin-bottom: 8px;
}

.mb-auto {
  margin-bottom: auto;
}

.mb-gut {
  margin-bottom: 16px;
}

.mb-gut\/2 {
  margin-bottom: 8px;
}

.ml-0 {
  margin-left: 0;
}

.ml-1 {
  margin-left: 1px;
}

.ml-10gut {
  margin-left: 160px;
}

.ml-2 {
  margin-left: 2px;
}

.ml-2gut {
  margin-left: 32px;
}

.ml-4 {
  margin-left: 4px;
}

.ml-5gut {
  margin-left: 80px;
}

.ml-6 {
  margin-left: 6px;
}

.ml-8 {
  margin-left: 8px;
}

.ml-\[4px\] {
  margin-left: 4px;
}

.ml-auto {
  margin-left: auto;
}

.ml-gut {
  margin-left: 16px;
}

.ml-gut\/2 {
  margin-left: 8px;
}

.mr-0 {
  margin-right: 0;
}

.mr-1 {
  margin-right: 1px;
}

.mr-10gut {
  margin-right: 160px;
}

.mr-2 {
  margin-right: 2px;
}

.mr-2gut {
  margin-right: 32px;
}

.mr-4 {
  margin-right: 4px;
}

.mr-6 {
  margin-right: 6px;
}

.mr-8 {
  margin-right: 8px;
}

.mr-\[4px\] {
  margin-right: 4px;
}

.mr-auto {
  margin-right: auto;
}

.mr-gut {
  margin-right: 16px;
}

.mr-gut\/2 {
  margin-right: 8px;
}

.mt-0 {
  margin-top: 0;
}

.mt-1 {
  margin-top: 1px;
}

.mt-10gut {
  margin-top: 160px;
}

.mt-12 {
  margin-top: 12px;
}

.mt-2 {
  margin-top: 2px;
}

.mt-2gut {
  margin-top: 32px;
}

.mt-3gut {
  margin-top: 48px;
}

.mt-4 {
  margin-top: 4px;
}

.mt-4gut {
  margin-top: 64px;
}

.mt-5gut {
  margin-top: 80px;
}

.mt-6 {
  margin-top: 6px;
}

.mt-8 {
  margin-top: 8px;
}

.mt-9gut {
  margin-top: 144px;
}

.mt-\[0\.25rem\] {
  margin-top: 0.25rem;
}

.mt-auto {
  margin-top: auto;
}

.mt-gut {
  margin-top: 16px;
}

.mt-gut\/2 {
  margin-top: 8px;
}

.line-clamp-1 {
  -webkit-line-clamp: 1;
}

.line-clamp-1, .line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.line-clamp-2 {
  -webkit-line-clamp: 2;
}

.line-clamp-4 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

.block {
  display: block;
}

.inline-block {
  display: inline-block;
}

.inline {
  display: inline;
}

.flex {
  display: flex;
}

.inline-flex {
  display: inline-flex;
}

.table {
  display: table;
}

.grid {
  display: grid;
}

.contents {
  display: contents;
}

.hidden {
  display: none;
}

.aspect-square {
  aspect-ratio: 1/1;
}

.aspect-video {
  aspect-ratio: 16/9;
}

.h-0 {
  height: 0;
}

.h-10gut {
  height: 160px;
}

.h-12gut {
  height: 192px;
}

.h-14gut {
  height: 224px;
}

.h-15gut {
  height: 240px;
}

.h-20gut {
  height: 320px;
}

.h-25gut {
  height: 400px;
}

.h-2gut {
  height: 32px;
}

.h-33gut {
  height: 528px;
}

.h-3gut {
  height: 48px;
}

.h-4gut {
  height: 64px;
}

.h-5gut {
  height: 80px;
}

.h-6gut {
  height: 96px;
}

.h-7gut {
  height: 112px;
}

.h-8gut {
  height: 128px;
}

.h-\[100px\] {
  height: 100px;
}

.h-\[1100px\] {
  height: 1100px;
}

.h-\[200px\] {
  height: 200px;
}

.h-\[20px\] {
  height: 20px;
}

.h-\[24px\] {
  height: 24px;
}

.h-\[26px\] {
  height: 26px;
}

.h-\[300px\] {
  height: 300px;
}

.h-\[450px\] {
  height: 450px;
}

.h-\[5px\] {
  height: 5px;
}

.h-\[80vh\] {
  height: 80vh;
}

.h-\[9px\] {
  height: 9px;
}

.h-auto {
  height: auto;
}

.h-full {
  height: 100%;
}

.h-gut {
  height: 16px;
}

.h-gut\/2 {
  height: 8px;
}

.h-screen {
  height: 100vh;
}

.max-h-10gut {
  max-height: 160px;
}

.max-h-25gut {
  max-height: 400px;
}

.max-h-2gut {
  max-height: 32px;
}

.max-h-30gut {
  max-height: 480px;
}

.max-h-32gut {
  max-height: 512px;
}

.max-h-3gut {
  max-height: 48px;
}

.max-h-4gut {
  max-height: 64px;
}

.max-h-\[100px\] {
  max-height: 100px;
}

.max-h-\[300px\] {
  max-height: 300px;
}

.max-h-\[380px\] {
  max-height: 380px;
}

.max-h-\[400px\] {
  max-height: 400px;
}

.max-h-\[95\%\] {
  max-height: 95%;
}

.max-h-full {
  max-height: 100%;
}

.max-h-screen {
  max-height: 100vh;
}

.min-h-10gut {
  min-height: 160px;
}

.min-h-15gut {
  min-height: 240px;
}

.min-h-20gut {
  min-height: 320px;
}

.min-h-25gut {
  min-height: 400px;
}

.min-h-5gut {
  min-height: 80px;
}

.min-h-6gut {
  min-height: 96px;
}

.min-h-8gut {
  min-height: 128px;
}

.min-h-\[200px\] {
  min-height: 200px;
}

.min-h-\[340px\] {
  min-height: 340px;
}

.min-h-\[400px\] {
  min-height: 400px;
}

.min-h-\[500px\] {
  min-height: 500px;
}

.min-h-\[50vh\] {
  min-height: 50vh;
}

.min-h-\[60vh\] {
  min-height: 60vh;
}

.min-h-\[800px\] {
  min-height: 800px;
}

.min-h-gut {
  min-height: 16px;
}

.min-h-screen {
  min-height: 100vh;
}

.w-0 {
  width: 0;
}

.w-1\/2 {
  width: 50%;
}

.w-1\/3 {
  width: 33.333%;
}

.w-1\/4 {
  width: 25%;
}

.w-1\/6 {
  width: 16.665%;
}

.w-10gut {
  width: 160px;
}

.w-12gut {
  width: 192px;
}

.w-13gut {
  width: 208px;
}

.w-14gut {
  width: 224px;
}

.w-15gut {
  width: 240px;
}

.w-18gut {
  width: 288px;
}

.w-19gut {
  width: 304px;
}

.w-2\/3 {
  width: 66.667%;
}

.w-2\/5 {
  width: 40%;
}

.w-20gut {
  width: 320px;
}

.w-26gut {
  width: 416px;
}

.w-2gut {
  width: 32px;
}

.w-3\/4 {
  width: 75%;
}

.w-30gut {
  width: 480px;
}

.w-3gut {
  width: 48px;
}

.w-4gut {
  width: 64px;
}

.w-6gut {
  width: 96px;
}

.w-7gut {
  width: 112px;
}

.w-8gut {
  width: 128px;
}

.w-9gut {
  width: 144px;
}

.w-\[115\%\] {
  width: 115%;
}

.w-\[1192px\] {
  width: 1192px;
}

.w-\[1254px\] {
  width: 1254px;
}

.w-\[200px\] {
  width: 200px;
}

.w-\[20px\] {
  width: 20px;
}

.w-\[24px\] {
  width: 24px;
}

.w-\[250px\] {
  width: 250px;
}

.w-\[26px\] {
  width: 26px;
}

.w-\[2em\] {
  width: 2em;
}

.w-\[300px\] {
  width: 300px;
}

.w-\[300vw\] {
  width: 300vw;
}

.w-\[480px\] {
  width: 480px;
}

.w-\[65vw\] {
  width: 65vw;
}

.w-\[80px\] {
  width: 80px;
}

.w-\[94\%\] {
  width: 94%;
}

.w-auto {
  width: auto;
}

.w-full {
  width: 100%;
}

.w-gut {
  width: 16px;
}

.w-gut\/2 {
  width: 8px;
}

.min-w-5gut {
  min-width: 80px;
}

.min-w-\[150px\] {
  min-width: 150px;
}

.min-w-\[200px\] {
  min-width: 200px;
}

.min-w-full {
  min-width: 100%;
}

.min-w-gut {
  min-width: 16px;
}

.\!max-w-full {
  max-width: 100% !important;
}

.max-w-1\/2 {
  max-width: 50%;
}

.max-w-2\/3 {
  max-width: 66.667%;
}

.max-w-25gut {
  max-width: 400px;
}

.max-w-35gut {
  max-width: 560px;
}

.max-w-50gut {
  max-width: 800px;
}

.max-w-7gut {
  max-width: 112px;
}

.max-w-\[100px\] {
  max-width: 100px;
}

.max-w-\[150px\] {
  max-width: 150px;
}

.max-w-\[256px\] {
  max-width: 256px;
}

.max-w-\[25rem\] {
  max-width: 25rem;
}

.max-w-\[300px\] {
  max-width: 300px;
}

.max-w-\[50\%\] {
  max-width: 50%;
}

.max-w-\[75ch\] {
  max-width: 75ch;
}

.max-w-\[807px\] {
  max-width: 807px;
}

.max-w-full {
  max-width: 100%;
}

.max-w-none {
  max-width: none;
}

.flex-1 {
  flex: 1 1 0%;
}

.flex-none {
  flex: none;
}

.flex-shrink {
  flex-shrink: 1;
}

.flex-shrink-0 {
  flex-shrink: 0;
}

.shrink {
  flex-shrink: 1;
}

.shrink-0 {
  flex-shrink: 0;
}

.flex-grow {
  flex-grow: 1;
}

.flex-grow-0 {
  flex-grow: 0;
}

.grow {
  flex-grow: 1;
}

.basis-1\/5 {
  flex-basis: 20%;
}

.origin-top {
  transform-origin: top;
}

.-translate-x-1 {
  --tw-translate-x:-1px;
}

.-translate-x-1, .-translate-x-1\/2 {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-x-1\/2 {
  --tw-translate-x:-50%;
}

.-translate-x-9gut {
  --tw-translate-x:-144px;
}

.-translate-x-9gut, .-translate-y-\[14px\] {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-y-\[14px\] {
  --tw-translate-y:-14px;
}

.-translate-y-\[6px\] {
  --tw-translate-y:-6px;
}

.-translate-y-\[6px\], .translate-x-8gut {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-8gut {
  --tw-translate-x:128px;
}

.translate-y-2 {
  --tw-translate-y:2px;
}

.translate-y-2, .translate-y-\[3px\] {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-\[3px\] {
  --tw-translate-y:3px;
}

.-rotate-45 {
  --tw-rotate:-45deg;
}

.-rotate-45, .-rotate-90 {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-rotate-90 {
  --tw-rotate:-90deg;
}

.rotate-180 {
  --tw-rotate:180deg;
}

.rotate-180, .rotate-45 {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-45 {
  --tw-rotate:45deg;
}

.rotate-90 {
  --tw-rotate:90deg;
}

.rotate-90, .scale-100 {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-100 {
  --tw-scale-x:1;
  --tw-scale-y:1;
}

.scale-150 {
  --tw-scale-x:1.5;
  --tw-scale-y:1.5;
}

.scale-150, .scale-95 {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-95 {
  --tw-scale-x:.95;
  --tw-scale-y:.95;
}

.scale-x-\[-1\] {
  --tw-scale-x:-1;
}

.scale-x-\[-1\], .scale-y-0 {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-y-0 {
  --tw-scale-y:0;
}

.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.transform-gpu {
  transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.animate-\[spin_1\.5s_linear_infinite\] {
  animation: spin 1.5s linear infinite;
}

@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}
.animate-pulse {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes spin {
  to {
    transform: rotate(1turn);
  }
}
.animate-spin {
  animation: spin 1s linear infinite;
}

.cursor-default {
  cursor: default;
}

.cursor-pointer {
  cursor: pointer;
}

.resize {
  resize: both;
}

.snap-x {
  scroll-snap-type: x var(--tw-scroll-snap-strictness);
}

.snap-mandatory {
  --tw-scroll-snap-strictness:mandatory;
}

.snap-center {
  scroll-snap-align: center;
}

.scroll-mt-12 {
  scroll-margin-top: 12px;
}

.scroll-mt-6gut {
  scroll-margin-top: 96px;
}

.scroll-mt-8 {
  scroll-margin-top: 8px;
}

.list-inside {
  list-style-position: inside;
}

.list-outside {
  list-style-position: outside;
}

.list-decimal {
  list-style-type: decimal;
}

.list-disc {
  list-style-type: disc;
}

.list-none {
  list-style-type: none;
}

.appearance-none {
  appearance: none;
}

.columns-3xs {
  columns: 16rem;
}

.grid-flow-row {
  grid-auto-flow: row;
}

.grid-flow-col {
  grid-auto-flow: column;
}

.auto-rows-fr {
  grid-auto-rows: minmax(0, 1fr);
}

.auto-rows-max {
  grid-auto-rows: max-content;
}

.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-cols-10 {
  grid-template-columns: repeat(10, minmax(0, 1fr));
}

.grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.grid-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.grid-cols-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

.grid-cols-8 {
  grid-template-columns: repeat(8, minmax(0, 1fr));
}

.grid-rows-2 {
  grid-template-rows: repeat(2, minmax(0, 1fr));
}

.grid-rows-3 {
  grid-template-rows: repeat(3, minmax(0, 1fr));
}

.grid-rows-\[auto_auto_min-content\] {
  grid-template-rows: auto auto min-content;
}

.grid-rows-\[auto_min-content\] {
  grid-template-rows: auto min-content;
}

.grid-rows-\[min-content\] {
  grid-template-rows: min-content;
}

.grid-rows-\[min-content_auto\] {
  grid-template-rows: min-content auto;
}

.grid-rows-\[min-content_auto_min-content\] {
  grid-template-rows: min-content auto min-content;
}

.grid-rows-\[minmax\(200px\,auto\)1fr\] {
  grid-template-rows: minmax(200px, auto) 1fr;
}

.grid-rows-subgrid {
  grid-template-rows: subgrid;
}

.flex-row {
  flex-direction: row;
}

.flex-row-reverse {
  flex-direction: row-reverse;
}

.flex-col {
  flex-direction: column;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-nowrap {
  flex-wrap: nowrap;
}

.place-content-end {
  place-content: end;
}

.place-items-center {
  place-items: center;
}

.content-center {
  align-content: center;
}

.content-start {
  align-content: flex-start;
}

.content-end {
  align-content: flex-end;
}

.items-start {
  align-items: flex-start;
}

.items-end {
  align-items: flex-end;
}

.items-center {
  align-items: center;
}

.items-baseline {
  align-items: baseline;
}

.items-stretch {
  align-items: stretch;
}

.justify-start {
  justify-content: flex-start;
}

.justify-end {
  justify-content: flex-end;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.justify-around {
  justify-content: space-around;
}

.justify-items-start {
  justify-items: start;
}

.justify-items-end {
  justify-items: end;
}

.justify-items-center {
  justify-items: center;
}

.justify-items-stretch {
  justify-items: stretch;
}

.gap-0 {
  gap: 0;
}

.gap-1 {
  gap: 1px;
}

.gap-10 {
  gap: 10px;
}

.gap-2 {
  gap: 2px;
}

.gap-2gut {
  gap: 32px;
}

.gap-3 {
  gap: 3px;
}

.gap-3gut {
  gap: 48px;
}

.gap-4 {
  gap: 4px;
}

.gap-4gut {
  gap: 64px;
}

.gap-5gut {
  gap: 80px;
}

.gap-6 {
  gap: 6px;
}

.gap-6gut {
  gap: 96px;
}

.gap-8 {
  gap: 8px;
}

.gap-\[0\.25rem\] {
  gap: 0.25rem;
}

.gap-gut {
  gap: 16px;
}

.gap-gut\/2 {
  gap: 8px;
}

.gap-x-2gut {
  column-gap: 32px;
}

.gap-x-4 {
  column-gap: 4px;
}

.gap-x-4gut {
  column-gap: 64px;
}

.gap-x-8 {
  column-gap: 8px;
}

.gap-x-gut {
  column-gap: 16px;
}

.gap-x-gut\/2 {
  column-gap: 8px;
}

.gap-y-12 {
  row-gap: 12px;
}

.gap-y-2 {
  row-gap: 2px;
}

.gap-y-2gut {
  row-gap: 32px;
}

.gap-y-4 {
  row-gap: 4px;
}

.gap-y-8 {
  row-gap: 8px;
}

.gap-y-gut {
  row-gap: 16px;
}

.gap-y-gut\/2 {
  row-gap: 8px;
}

.space-x-2gut > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse:0;
  margin-right: calc(32px * var(--tw-space-x-reverse));
  margin-left: calc(32px * (1 - var(--tw-space-x-reverse)));
}

.space-x-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse:0;
  margin-right: calc(4px * var(--tw-space-x-reverse));
  margin-left: calc(4px * (1 - var(--tw-space-x-reverse)));
}

.space-y-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse:0;
  margin-top: calc(1px * (1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1px * var(--tw-space-y-reverse));
}

.space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse:0;
  margin-top: calc(2px * (1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2px * var(--tw-space-y-reverse));
}

.space-y-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse:0;
  margin-top: calc(3px * (1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(3px * var(--tw-space-y-reverse));
}

.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse:0;
  margin-top: calc(4px * (1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(4px * var(--tw-space-y-reverse));
}

.space-y-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse:0;
  margin-top: calc(6px * (1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(6px * var(--tw-space-y-reverse));
}

.space-y-gut > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse:0;
  margin-top: calc(16px * (1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(16px * var(--tw-space-y-reverse));
}

.space-y-gut\/2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse:0;
  margin-top: calc(8px * (1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(8px * var(--tw-space-y-reverse));
}

.divide-x > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-x-reverse:0;
  border-right-width: calc(2px * var(--tw-divide-x-reverse));
  border-left-width: calc(2px * (1 - var(--tw-divide-x-reverse)));
}

.divide-y > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse:0;
  border-top-width: calc(2px * (1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(2px * var(--tw-divide-y-reverse));
}

.divide-y-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse:0;
  border-top-width: calc(1px * (1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}

.divide-solid > :not([hidden]) ~ :not([hidden]) {
  border-style: solid;
}

.divide-black > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity:1;
  border-color: rgb(0 0 0/var(--tw-divide-opacity, 1));
}

.divide-cream > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity:1;
  border-color: rgb(231 221 207/var(--tw-divide-opacity, 1));
}

.divide-gray-light > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity:1;
  border-color: rgb(156 164 164/var(--tw-divide-opacity, 1));
}

.divide-green > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity:1;
  border-color: rgb(4 138 36/var(--tw-divide-opacity, 1));
}

.divide-white > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity:1;
  border-color: rgb(255 255 255/var(--tw-divide-opacity, 1));
}

.place-self-start {
  place-self: start;
}

.place-self-end {
  place-self: end;
}

.place-self-center {
  place-self: center;
}

.self-start {
  align-self: flex-start;
}

.self-end {
  align-self: flex-end;
}

.self-center {
  align-self: center;
}

.self-stretch {
  align-self: stretch;
}

.justify-self-start {
  justify-self: start;
}

.justify-self-end {
  justify-self: end;
}

.justify-self-center {
  justify-self: center;
}

.justify-self-stretch {
  justify-self: stretch;
}

.overflow-auto {
  overflow: auto;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-clip {
  overflow: clip;
}

.overflow-visible {
  overflow: visible;
}

.overflow-scroll {
  overflow: scroll;
}

.overflow-x-auto {
  overflow-x: auto;
}

.overflow-y-auto {
  overflow-y: auto;
}

.overflow-x-hidden {
  overflow-x: hidden;
}

.overflow-y-hidden {
  overflow-y: hidden;
}

.overflow-x-scroll {
  overflow-x: scroll;
}

.overflow-y-scroll {
  overflow-y: scroll;
}

.scroll-smooth {
  scroll-behavior: smooth;
}

.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
}

.truncate, .whitespace-nowrap {
  white-space: nowrap;
}

.whitespace-pre-line {
  white-space: pre-line;
}

.\!text-nowrap {
  text-wrap: nowrap !important;
}

.text-nowrap {
  text-wrap: nowrap;
}

.\!text-balance {
  text-wrap: balance !important;
}

.text-balance {
  text-wrap: balance;
}

.text-pretty {
  text-wrap: pretty;
}

.break-words {
  overflow-wrap: break-word;
}

.\!rounded-full {
  border-radius: 9999px !important;
}

.rounded {
  border-radius: 0.25rem;
}

.rounded-2xl {
  border-radius: 1rem;
}

.rounded-3xl {
  border-radius: 1.5rem;
}

.rounded-full {
  border-radius: 9999px;
}

.rounded-lg {
  border-radius: 0.5rem;
}

.rounded-md {
  border-radius: 0.375rem;
}

.rounded-none {
  border-radius: 0;
}

.rounded-sm {
  border-radius: 0.125rem;
}

.rounded-xl {
  border-radius: 0.75rem;
}

.rounded-b {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.rounded-b-full {
  border-bottom-right-radius: 9999px;
  border-bottom-left-radius: 9999px;
}

.rounded-b-lg {
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}

.rounded-l {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.rounded-l-lg {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}

.rounded-r {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.rounded-r-xl {
  border-top-right-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}

.rounded-t {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.rounded-t-lg {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}

.rounded-br {
  border-bottom-right-radius: 0.25rem;
}

.border {
  border-width: 2px;
}

.border-0 {
  border-width: 0;
}

.border-1 {
  border-width: 1px;
}

.border-b {
  border-bottom-width: 2px;
}

.border-b-1 {
  border-bottom-width: 1px;
}

.border-b-4 {
  border-bottom-width: 4px;
}

.border-l {
  border-left-width: 2px;
}

.border-l-0 {
  border-left-width: 0;
}

.border-l-1 {
  border-left-width: 1px;
}

.border-l-4 {
  border-left-width: 4px;
}

.border-l-8 {
  border-left-width: 8px;
}

.border-r {
  border-right-width: 2px;
}

.border-r-0 {
  border-right-width: 0;
}

.border-r-1 {
  border-right-width: 1px;
}

.border-r-4, .border-r-\[4px\] {
  border-right-width: 4px;
}

.border-t {
  border-top-width: 2px;
}

.border-t-1 {
  border-top-width: 1px;
}

.border-t-4 {
  border-top-width: 4px;
}

.border-t-8 {
  border-top-width: 8px;
}

.border-solid {
  border-style: solid;
}

.border-none {
  border-style: none;
}

.border-black {
  --tw-border-opacity:1;
  border-color: rgb(0 0 0/var(--tw-border-opacity, 1));
}

.border-blue-dark {
  --tw-border-opacity:1;
  border-color: rgb(0 96 127/var(--tw-border-opacity, 1));
}

.border-blue-light {
  --tw-border-opacity:1;
  border-color: rgb(165 198 222/var(--tw-border-opacity, 1));
}

.border-clay {
  --tw-border-opacity:1;
  border-color: rgb(148 178 165/var(--tw-border-opacity, 1));
}

.border-cream {
  --tw-border-opacity:1;
  border-color: rgb(231 221 207/var(--tw-border-opacity, 1));
}

.border-gray-200 {
  --tw-border-opacity:1;
  border-color: rgb(183 192 192/var(--tw-border-opacity, 1));
}

.border-gray-300 {
  --tw-border-opacity:1;
  border-color: rgb(156 164 164/var(--tw-border-opacity, 1));
}

.border-gray-400 {
  --tw-border-opacity:1;
  border-color: rgb(134 141 141/var(--tw-border-opacity, 1));
}

.border-gray-dark {
  --tw-border-opacity:1;
  border-color: rgb(75 79 79/var(--tw-border-opacity, 1));
}

.border-gray-dark\/25 {
  border-color: rgba(75, 79, 79, 0.2509803922);
}

.border-gray-dark\/50 {
  border-color: rgba(75, 79, 79, 0.5019607843);
}

.border-gray-light {
  --tw-border-opacity:1;
  border-color: rgb(156 164 164/var(--tw-border-opacity, 1));
}

.border-gray-med {
  --tw-border-opacity:1;
  border-color: rgb(114 120 120/var(--tw-border-opacity, 1));
}

.border-green {
  --tw-border-opacity:1;
  border-color: rgb(4 138 36/var(--tw-border-opacity, 1));
}

.border-green-dark {
  --tw-border-opacity:1;
  border-color: rgb(0 90 36/var(--tw-border-opacity, 1));
}

.border-green-xlight {
  --tw-border-opacity:1;
  border-color: rgb(230 243 234/var(--tw-border-opacity, 1));
}

.border-none {
  border-color: rgba(0, 0, 0, 0);
}

.border-orange {
  --tw-border-opacity:1;
  border-color: rgb(250 100 10/var(--tw-border-opacity, 1));
}

.border-peach {
  --tw-border-opacity:1;
  border-color: rgb(255 197 178/var(--tw-border-opacity, 1));
}

.border-pink {
  --tw-border-opacity:1;
  border-color: rgb(255 170 240/var(--tw-border-opacity, 1));
}

.border-red {
  --tw-border-opacity:1;
  border-color: rgb(248 36 49/var(--tw-border-opacity, 1));
}

.border-white {
  --tw-border-opacity:1;
  border-color: rgb(255 255 255/var(--tw-border-opacity, 1));
}

.border-yellow {
  --tw-border-opacity:1;
  border-color: rgb(255 230 100/var(--tw-border-opacity, 1));
}

.border-t-gray-dark {
  --tw-border-opacity:1;
  border-top-color: rgb(75 79 79/var(--tw-border-opacity, 1));
}

.border-t-green {
  border-top-color: rgb(4 138 36/var(--tw-border-opacity, 1));
}

.border-opacity-100, .border-t-green {
  --tw-border-opacity:1;
}

.border-opacity-25 {
  --tw-border-opacity:0.25;
}

.border-opacity-50 {
  --tw-border-opacity:0.5;
}

.\!bg-black {
  --tw-bg-opacity:1!important;
  background-color: rgb(0 0 0/var(--tw-bg-opacity, 1)) !important;
}

.bg-\[\#002950\] {
  --tw-bg-opacity:1;
  background-color: rgb(0 41 80/var(--tw-bg-opacity, 1));
}

.bg-\[\#171817\] {
  --tw-bg-opacity:1;
  background-color: rgb(23 24 23/var(--tw-bg-opacity, 1));
}

.bg-\[\#FAFAFA\] {
  --tw-bg-opacity:1;
  background-color: rgb(250 250 250/var(--tw-bg-opacity, 1));
}

.bg-\[rgba\(255\,255\,255\,0\.1\)\] {
  background-color: rgba(255, 255, 255, 0.1019607843);
}

.bg-black {
  --tw-bg-opacity:1;
  background-color: rgb(0 0 0/var(--tw-bg-opacity, 1));
}

.bg-blue-dark {
  --tw-bg-opacity:1;
  background-color: rgb(0 96 127/var(--tw-bg-opacity, 1));
}

.bg-blue-light {
  --tw-bg-opacity:1;
  background-color: rgb(165 198 222/var(--tw-bg-opacity, 1));
}

.bg-clay {
  --tw-bg-opacity:1;
  background-color: rgb(148 178 165/var(--tw-bg-opacity, 1));
}

.bg-cream {
  --tw-bg-opacity:1;
  background-color: rgb(231 221 207/var(--tw-bg-opacity, 1));
}

.bg-gray-100 {
  --tw-bg-opacity:1;
  background-color: rgb(214 225 225/var(--tw-bg-opacity, 1));
}

.bg-gray-dark {
  --tw-bg-opacity:1;
  background-color: rgb(75 79 79/var(--tw-bg-opacity, 1));
}

.bg-gray-dark\/50 {
  background-color: rgba(75, 79, 79, 0.5019607843);
}

.bg-gray-light {
  --tw-bg-opacity:1;
  background-color: rgb(156 164 164/var(--tw-bg-opacity, 1));
}

.bg-green {
  --tw-bg-opacity:1;
  background-color: rgb(4 138 36/var(--tw-bg-opacity, 1));
}

.bg-green-dark {
  --tw-bg-opacity:1;
  background-color: rgb(0 90 36/var(--tw-bg-opacity, 1));
}

.bg-green-xlight {
  --tw-bg-opacity:1;
  background-color: rgb(230 243 234/var(--tw-bg-opacity, 1));
}

.bg-none {
  background-color: initial;
}

.bg-orange {
  --tw-bg-opacity:1;
  background-color: rgb(250 100 10/var(--tw-bg-opacity, 1));
}

.bg-peach {
  --tw-bg-opacity:1;
  background-color: rgb(255 197 178/var(--tw-bg-opacity, 1));
}

.bg-pink {
  --tw-bg-opacity:1;
  background-color: rgb(255 170 240/var(--tw-bg-opacity, 1));
}

.bg-red {
  --tw-bg-opacity:1;
  background-color: rgb(248 36 49/var(--tw-bg-opacity, 1));
}

.bg-white {
  --tw-bg-opacity:1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
}

.bg-yellow {
  background-color: rgb(255 230 100/var(--tw-bg-opacity, 1));
}

.bg-opacity-100, .bg-yellow {
  --tw-bg-opacity:1;
}

.bg-opacity-25 {
  --tw-bg-opacity:0.25;
}

.bg-opacity-50 {
  --tw-bg-opacity:0.5;
}

.bg-opacity-75 {
  --tw-bg-opacity:0.75;
}

.bg-\[url\(\'https\:\/\/cdn\.pagerduty\.com\/wp-content\/uploads\/2025\/10\/bg-call-for-papers\.png\'\)\] {
  background-image: url(https://cdn.pagerduty.com/wp-content/uploads/2025/10/bg-call-for-papers.png);
}

.bg-gradient-to-b {
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}

.bg-gradient-to-bl {
  background-image: linear-gradient(to bottom left, var(--tw-gradient-stops));
}

.bg-gradient-to-br {
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}

.bg-gradient-to-l {
  background-image: linear-gradient(to left, var(--tw-gradient-stops));
}

.bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}

.bg-gradient-to-t {
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
}

.bg-gradient-to-tl {
  background-image: linear-gradient(to top left, var(--tw-gradient-stops));
}

.bg-gradient-to-tr {
  background-image: linear-gradient(to top right, var(--tw-gradient-stops));
}

.bg-none {
  background-image: none;
}

.from-green-dark {
  --tw-gradient-from:#005a24 var(--tw-gradient-from-position);
  --tw-gradient-to:#005a2400 var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);
}

.from-green-xlight {
  --tw-gradient-from:#e6f3ea var(--tw-gradient-from-position);
  --tw-gradient-to:#e6f3ea00 var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);
}

.from-none {
  --tw-gradient-from:#0000 var(--tw-gradient-from-position);
  --tw-gradient-to:#0000 var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);
}

.from-white {
  --tw-gradient-from:#fff var(--tw-gradient-from-position);
  --tw-gradient-to:#fff0 var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);
}

.from-70\% {
  --tw-gradient-from-position:70%;
}

.from-80\% {
  --tw-gradient-from-position:80%;
}

.via-green {
  --tw-gradient-to:#048a2400 var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from),#048a24 var(--tw-gradient-via-position),var(--tw-gradient-to);
}

.via-white {
  --tw-gradient-to:#fff0 var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from),#fff var(--tw-gradient-via-position),var(--tw-gradient-to);
}

.to-green-xlight {
  --tw-gradient-to:#e6f3ea var(--tw-gradient-to-position);
}

.to-white {
  --tw-gradient-to:#fff var(--tw-gradient-to-position);
}

.to-100\% {
  --tw-gradient-to-position:100%;
}

.to-20\% {
  --tw-gradient-to-position:20%;
}

.bg-auto {
  background-size: auto;
}

.bg-cover {
  background-size: cover;
}

.bg-clip-text {
  -webkit-background-clip: text;
  background-clip: text;
}

.bg-bottom {
  background-position: bottom;
}

.bg-center {
  background-position: 50%;
}

.bg-left {
  background-position: 0;
}

.bg-left-bottom {
  background-position: 0 100%;
}

.bg-left-top {
  background-position: 0 0;
}

.bg-right {
  background-position: 100%;
}

.bg-right-bottom {
  background-position: 100% 100%;
}

.bg-right-top {
  background-position: 100% 0;
}

.bg-top {
  background-position: top;
}

.bg-no-repeat {
  background-repeat: no-repeat;
}

.bg-repeat-x {
  background-repeat: repeat-x;
}

.bg-repeat-y {
  background-repeat: repeat-y;
}

.stroke-gray-dark {
  stroke: #4b4f4f;
}

.object-contain {
  object-fit: contain;
}

.object-cover {
  object-fit: cover;
}

.object-center {
  object-position: center;
}

.object-left {
  object-position: left;
}

.object-right-bottom {
  object-position: right bottom;
}

.p-1 {
  padding: 1px;
}

.p-12 {
  padding: 12px;
}

.p-2 {
  padding: 2px;
}

.p-2gut {
  padding: 32px;
}

.p-3gut {
  padding: 48px;
}

.p-4 {
  padding: 4px;
}

.p-6 {
  padding: 6px;
}

.p-8 {
  padding: 8px;
}

.p-gut {
  padding: 16px;
}

.p-gut\/2 {
  padding: 8px;
}

.\!px-2 {
  padding-left: 2px !important;
  padding-right: 2px !important;
}

.\!px-gut {
  padding-left: 16px !important;
  padding-right: 16px !important;
}

.\!px-gut\/2 {
  padding-left: 8px !important;
  padding-right: 8px !important;
}

.\!py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.\!py-1 {
  padding-top: 1px !important;
  padding-bottom: 1px !important;
}

.px-0 {
  padding-left: 0;
  padding-right: 0;
}

.px-1 {
  padding-left: 1px;
  padding-right: 1px;
}

.px-12 {
  padding-left: 12px;
  padding-right: 12px;
}

.px-2 {
  padding-left: 2px;
  padding-right: 2px;
}

.px-2gut {
  padding-left: 32px;
  padding-right: 32px;
}

.px-3 {
  padding-left: 3px;
  padding-right: 3px;
}

.px-3gut {
  padding-left: 48px;
  padding-right: 48px;
}

.px-4 {
  padding-left: 4px;
  padding-right: 4px;
}

.px-4gut {
  padding-left: 64px;
  padding-right: 64px;
}

.px-6 {
  padding-left: 6px;
  padding-right: 6px;
}

.px-8 {
  padding-left: 8px;
  padding-right: 8px;
}

.px-gut {
  padding-left: 16px;
  padding-right: 16px;
}

.px-gut\/2 {
  padding-left: 8px;
  padding-right: 8px;
}

.py-0 {
  padding-top: 0;
  padding-bottom: 0;
}

.py-1 {
  padding-top: 1px;
  padding-bottom: 1px;
}

.py-10gut {
  padding-top: 160px;
  padding-bottom: 160px;
}

.py-12 {
  padding-top: 12px;
  padding-bottom: 12px;
}

.py-2 {
  padding-top: 2px;
  padding-bottom: 2px;
}

.py-2gut {
  padding-top: 32px;
  padding-bottom: 32px;
}

.py-3 {
  padding-top: 3px;
  padding-bottom: 3px;
}

.py-3gut {
  padding-top: 48px;
  padding-bottom: 48px;
}

.py-4 {
  padding-top: 4px;
  padding-bottom: 4px;
}

.py-4gut {
  padding-top: 64px;
  padding-bottom: 64px;
}

.py-5gut {
  padding-top: 80px;
  padding-bottom: 80px;
}

.py-6 {
  padding-top: 6px;
  padding-bottom: 6px;
}

.py-8 {
  padding-top: 8px;
  padding-bottom: 8px;
}

.py-\[2px\] {
  padding-top: 2px;
  padding-bottom: 2px;
}

.py-\[4px\] {
  padding-top: 4px;
  padding-bottom: 4px;
}

.py-\[6px\] {
  padding-top: 6px;
  padding-bottom: 6px;
}

.py-gut {
  padding-top: 16px;
  padding-bottom: 16px;
}

.py-gut\/2 {
  padding-top: 8px;
  padding-bottom: 8px;
}

.\!pt-0 {
  padding-top: 0 !important;
}

.pb-0 {
  padding-bottom: 0;
}

.pb-1 {
  padding-bottom: 1px;
}

.pb-10 {
  padding-bottom: 10px;
}

.pb-10gut {
  padding-bottom: 160px;
}

.pb-12 {
  padding-bottom: 12px;
}

.pb-2 {
  padding-bottom: 2px;
}

.pb-2gut {
  padding-bottom: 32px;
}

.pb-3gut {
  padding-bottom: 48px;
}

.pb-4 {
  padding-bottom: 4px;
}

.pb-4gut {
  padding-bottom: 64px;
}

.pb-5gut {
  padding-bottom: 80px;
}

.pb-7gut {
  padding-bottom: 112px;
}

.pb-8 {
  padding-bottom: 8px;
}

.pb-gut {
  padding-bottom: 16px;
}

.pb-gut\/2 {
  padding-bottom: 8px;
}

.pl-0 {
  padding-left: 0;
}

.pl-1 {
  padding-left: 1px;
}

.pl-2 {
  padding-left: 2px;
}

.pl-2gut {
  padding-left: 32px;
}

.pl-3gut {
  padding-left: 48px;
}

.pl-4 {
  padding-left: 4px;
}

.pl-8 {
  padding-left: 8px;
}

.pl-\[calc\(1\.5rem\+1rem\)\] {
  padding-left: 2.5rem;
}

.pl-gut {
  padding-left: 16px;
}

.pl-gut\/2 {
  padding-left: 8px;
}

.pr-0 {
  padding-right: 0;
}

.pr-1 {
  padding-right: 1px;
}

.pr-2 {
  padding-right: 2px;
}

.pr-2gut {
  padding-right: 32px;
}

.pr-4 {
  padding-right: 4px;
}

.pr-6 {
  padding-right: 6px;
}

.pr-8 {
  padding-right: 8px;
}

.pr-8gut {
  padding-right: 128px;
}

.pr-gut {
  padding-right: 16px;
}

.pr-gut\/2 {
  padding-right: 8px;
}

.pt-0 {
  padding-top: 0;
}

.pt-1 {
  padding-top: 1px;
}

.pt-12 {
  padding-top: 12px;
}

.pt-2 {
  padding-top: 2px;
}

.pt-2gut {
  padding-top: 32px;
}

.pt-3gut {
  padding-top: 48px;
}

.pt-4 {
  padding-top: 4px;
}

.pt-4gut {
  padding-top: 64px;
}

.pt-5gut {
  padding-top: 80px;
}

.pt-8 {
  padding-top: 8px;
}

.pt-gut {
  padding-top: 16px;
}

.pt-gut\/2 {
  padding-top: 8px;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.align-top {
  vertical-align: top;
}

.align-middle {
  vertical-align: middle;
}

.align-bottom {
  vertical-align: bottom;
}

.align-text-bottom {
  vertical-align: text-bottom;
}

.\!text-base {
  font-size: 1rem !important;
  line-height: 1.5 !important;
}

.text-2xl {
  font-size: 2.441rem;
  line-height: 1;
}

.text-3xl {
  font-size: 3.052rem;
  line-height: 1;
}

.text-4xl {
  font-size: 3.815rem;
  line-height: 1;
}

.text-\[14px\] {
  font-size: 14px;
}

.text-\[15px\] {
  font-size: 15px;
}

.text-\[16px\] {
  font-size: 16px;
}

.text-base {
  font-size: 1rem;
  line-height: 1.5;
}

.text-lg {
  font-size: 1.563rem;
  line-height: 1.25;
}

.text-md {
  font-size: 1.25rem;
  line-height: 1.375;
}

.text-sm {
  font-size: 0.8rem;
  line-height: 1.5;
}

.text-xl {
  font-size: 1.953rem;
  line-height: 1.125;
}

.text-xs {
  font-size: 0.64rem;
  line-height: 1.5;
}

.\!font-bold {
  font-weight: 600 !important;
}

.\!font-normal {
  font-weight: 400 !important;
}

.font-bold {
  font-weight: 600;
}

.font-normal {
  font-weight: 400;
}

.font-thin {
  font-weight: 200;
}

.uppercase {
  text-transform: uppercase;
}

.capitalize {
  text-transform: capitalize;
}

.italic {
  font-style: italic;
}

.not-italic {
  font-style: normal;
}

.leading-3tight {
  line-height: 1.125;
}

.leading-none {
  line-height: 1;
}

.leading-tight {
  line-height: 1.375;
}

.\!text-black {
  --tw-text-opacity:1!important;
  color: rgb(0 0 0/var(--tw-text-opacity, 1)) !important;
}

.\!text-gray-dark {
  --tw-text-opacity:1!important;
  color: rgb(75 79 79/var(--tw-text-opacity, 1)) !important;
}

.\!text-green {
  --tw-text-opacity:1!important;
  color: rgb(4 138 36/var(--tw-text-opacity, 1)) !important;
}

.text-black {
  --tw-text-opacity:1;
  color: rgb(0 0 0/var(--tw-text-opacity, 1));
}

.text-blue-dark {
  --tw-text-opacity:1;
  color: rgb(0 96 127/var(--tw-text-opacity, 1));
}

.text-blue-light {
  --tw-text-opacity:1;
  color: rgb(165 198 222/var(--tw-text-opacity, 1));
}

.text-clay {
  --tw-text-opacity:1;
  color: rgb(148 178 165/var(--tw-text-opacity, 1));
}

.text-cream {
  --tw-text-opacity:1;
  color: rgb(231 221 207/var(--tw-text-opacity, 1));
}

.text-gray-dark {
  --tw-text-opacity:1;
  color: rgb(75 79 79/var(--tw-text-opacity, 1));
}

.text-gray-dark\/50 {
  color: rgba(75, 79, 79, 0.5019607843);
}

.text-gray-light {
  --tw-text-opacity:1;
  color: rgb(156 164 164/var(--tw-text-opacity, 1));
}

.text-green {
  --tw-text-opacity:1;
  color: rgb(4 138 36/var(--tw-text-opacity, 1));
}

.text-green-dark {
  --tw-text-opacity:1;
  color: rgb(0 90 36/var(--tw-text-opacity, 1));
}

.text-green-xlight {
  --tw-text-opacity:1;
  color: rgb(230 243 234/var(--tw-text-opacity, 1));
}

.text-none {
  color: rgba(0, 0, 0, 0);
}

.text-orange {
  --tw-text-opacity:1;
  color: rgb(250 100 10/var(--tw-text-opacity, 1));
}

.text-peach {
  --tw-text-opacity:1;
  color: rgb(255 197 178/var(--tw-text-opacity, 1));
}

.text-pink {
  --tw-text-opacity:1;
  color: rgb(255 170 240/var(--tw-text-opacity, 1));
}

.text-red {
  --tw-text-opacity:1;
  color: rgb(248 36 49/var(--tw-text-opacity, 1));
}

.text-white {
  --tw-text-opacity:1;
  color: rgb(255 255 255/var(--tw-text-opacity, 1));
}

.text-yellow {
  --tw-text-opacity:1;
  color: rgb(255 230 100/var(--tw-text-opacity, 1));
}

.text-opacity-50 {
  --tw-text-opacity:0.5;
}

.text-opacity-75 {
  --tw-text-opacity:0.75;
}

.underline {
  text-decoration-line: underline;
}

.line-through {
  text-decoration-line: line-through;
}

.no-underline {
  text-decoration-line: none;
}

.decoration-green {
  text-decoration-color: #048a24;
}

.decoration-orange {
  text-decoration-color: #fa640a;
}

.opacity-100 {
  opacity: 1;
}

.opacity-25 {
  opacity: 0.25;
}

.opacity-50 {
  opacity: 0.5;
}

.opacity-75 {
  opacity: 0.75;
}

.opacity-\[\.15\] {
  opacity: 0.15;
}

.shadow {
  --tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;
  --tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);
}

.shadow, .shadow-2xl {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}

.shadow-2xl {
  --tw-shadow:0 25px 50px -12px #00000040;
  --tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);
}

.shadow-lg {
  --tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;
  --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);
}

.shadow-lg, .shadow-md {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}

.shadow-md {
  --tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;
  --tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);
}

.shadow-none {
  --tw-shadow:0 0 #0000;
  --tw-shadow-colored:0 0 #0000;
}

.shadow-none, .shadow-xl {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}

.shadow-xl {
  --tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;
  --tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);
}

.shadow-none {
  --tw-shadow-color:#0000;
  --tw-shadow:var(--tw-shadow-colored);
}

.outline-none {
  outline: 2px solid rgba(0, 0, 0, 0);
  outline-offset: 2px;
}

.outline {
  outline-style: solid;
}

.outline-1 {
  outline-width: 1px;
}

.outline-black {
  outline-color: #000;
}

.outline-none {
  outline-color: rgba(0, 0, 0, 0);
}

.ring {
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));
}

.blur {
  --tw-blur:blur(8px);
}

.blur, .grayscale {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.grayscale {
  --tw-grayscale:grayscale(100%);
}

.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.backdrop-blur-md {
  --tw-backdrop-blur:blur(12px);
}

.backdrop-blur-md, .backdrop-blur-sm {
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.backdrop-blur-sm {
  --tw-backdrop-blur:blur(4px);
}

.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}

.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}

.transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}

.transition-none {
  transition-property: none;
}

.transition-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}

.transition-shadow {
  transition-property: box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}

.transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.duration-150, .transition-transform {
  transition-duration: 0.15s;
}

.duration-200 {
  transition-duration: 0.2s;
}

.duration-300 {
  transition-duration: 0.3s;
}

.duration-500 {
  transition-duration: 0.5s;
}

.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

@media (min-width: 960px) {
  .md\:container {
    width: 100%;
  }
}
@media (min-width: 960px) and (min-width: 640px) {
  .md\:container {
    max-width: 640px;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .md\:container {
    max-width: 960px;
  }
}
@media (min-width: 960px) and (min-width: 1280px) {
  .md\:container {
    max-width: 1280px;
  }
}
@media (min-width: 960px) {
  .md\:hd-3xl {
    font-size: 3.052rem;
  }
  .md\:hd-2xl, .md\:hd-3xl {
    line-height: 1;
    font-weight: 200;
  }
  .md\:hd-2xl {
    font-size: 2.441rem;
  }
}
@media (min-width: 1280px) {
  .lg\:hd-3xl {
    font-size: 3.052rem;
    line-height: 1;
    font-weight: 200;
  }
}
.after\:absolute:after {
  content: var(--tw-content);
  position: absolute;
}

.after\:left-\[2px\]:after {
  content: var(--tw-content);
  left: 2px;
}

.after\:top-\[2px\]:after {
  content: var(--tw-content);
  top: 2px;
}

.after\:rounded-full:after {
  content: var(--tw-content);
  border-radius: 9999px;
}

.after\:border:after {
  content: var(--tw-content);
  border-width: 2px;
}

.after\:border-gray-light:after {
  content: var(--tw-content);
  --tw-border-opacity:1;
  border-color: rgb(156 164 164/var(--tw-border-opacity, 1));
}

.after\:bg-white:after {
  content: var(--tw-content);
  --tw-bg-opacity:1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
}

.after\:transition-all:after {
  content: var(--tw-content);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}

.after\:content-\[\'\'\]:after {
  --tw-content:"";
  content: var(--tw-content);
}

.first\:mt-0:first-child {
  margin-top: 0;
}

.first\:pt-0:first-child {
  padding-top: 0;
}

.last\:mb-0:last-child {
  margin-bottom: 0;
}

.last\:pb-0:last-child {
  padding-bottom: 0;
}

.last\:pr-0:last-child {
  padding-right: 0;
}

.hover\:-translate-y-1:hover {
  --tw-translate-y:-1px;
}

.hover\:-translate-y-1:hover, .hover\:-translate-y-2:hover {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:-translate-y-2:hover {
  --tw-translate-y:-2px;
}

.hover\:scale-105:hover {
  --tw-scale-x:1.05;
  --tw-scale-y:1.05;
}

.hover\:scale-105:hover, .hover\:scale-110:hover {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:scale-110:hover {
  --tw-scale-x:1.1;
  --tw-scale-y:1.1;
}

.hover\:cursor-pointer:hover {
  cursor: pointer;
}

.hover\:border-none:hover {
  border-style: none;
}

.hover\:border-\[\#86bf5e\]:hover {
  --tw-border-opacity:1;
  border-color: rgb(134 191 94/var(--tw-border-opacity, 1));
}

.hover\:border-\[\#97db67\]:hover {
  --tw-border-opacity:1;
  border-color: rgb(151 219 103/var(--tw-border-opacity, 1));
}

.hover\:border-\[\#C3F536\]:hover {
  --tw-border-opacity:1;
  border-color: rgb(195 245 54/var(--tw-border-opacity, 1));
}

.hover\:border-\[\#CDE9D6\]:hover {
  --tw-border-opacity:1;
  border-color: rgb(205 233 214/var(--tw-border-opacity, 1));
}

.hover\:border-black:hover {
  --tw-border-opacity:1;
  border-color: rgb(0 0 0/var(--tw-border-opacity, 1));
}

.hover\:border-blue-dark:hover {
  --tw-border-opacity:1;
  border-color: rgb(0 96 127/var(--tw-border-opacity, 1));
}

.hover\:border-blue-light:hover {
  --tw-border-opacity:1;
  border-color: rgb(165 198 222/var(--tw-border-opacity, 1));
}

.hover\:border-gray-dark:hover {
  --tw-border-opacity:1;
  border-color: rgb(75 79 79/var(--tw-border-opacity, 1));
}

.hover\:border-gray-light:hover {
  --tw-border-opacity:1;
  border-color: rgb(156 164 164/var(--tw-border-opacity, 1));
}

.hover\:border-green:hover {
  --tw-border-opacity:1;
  border-color: rgb(4 138 36/var(--tw-border-opacity, 1));
}

.hover\:border-green-dark:hover {
  --tw-border-opacity:1;
  border-color: rgb(0 90 36/var(--tw-border-opacity, 1));
}

.hover\:border-green-xlight:hover {
  --tw-border-opacity:1;
  border-color: rgb(230 243 234/var(--tw-border-opacity, 1));
}

.hover\:border-green\/50:hover {
  border-color: rgba(4, 138, 36, 0.5019607843);
}

.hover\:border-none:hover {
  border-color: rgba(0, 0, 0, 0);
}

.hover\:border-red:hover {
  --tw-border-opacity:1;
  border-color: rgb(248 36 49/var(--tw-border-opacity, 1));
}

.hover\:border-white:hover {
  --tw-border-opacity:1;
  border-color: rgb(255 255 255/var(--tw-border-opacity, 1));
}

.hover\:border-opacity-25:hover {
  --tw-border-opacity:0.25;
}

.hover\:border-opacity-75:hover {
  --tw-border-opacity:0.75;
}

.hover\:bg-\[\#86bf5e\]:hover {
  --tw-bg-opacity:1;
  background-color: rgb(134 191 94/var(--tw-bg-opacity, 1));
}

.hover\:bg-\[\#97db67\]:hover {
  --tw-bg-opacity:1;
  background-color: rgb(151 219 103/var(--tw-bg-opacity, 1));
}

.hover\:bg-\[\#C3F536\]:hover {
  --tw-bg-opacity:1;
  background-color: rgb(195 245 54/var(--tw-bg-opacity, 1));
}

.hover\:bg-\[\#CDE9D6\]:hover {
  --tw-bg-opacity:1;
  background-color: rgb(205 233 214/var(--tw-bg-opacity, 1));
}

.hover\:bg-black:hover {
  --tw-bg-opacity:1;
  background-color: rgb(0 0 0/var(--tw-bg-opacity, 1));
}

.hover\:bg-blue-dark:hover {
  --tw-bg-opacity:1;
  background-color: rgb(0 96 127/var(--tw-bg-opacity, 1));
}

.hover\:bg-blue-light:hover {
  --tw-bg-opacity:1;
  background-color: rgb(165 198 222/var(--tw-bg-opacity, 1));
}

.hover\:bg-gray-100:hover {
  --tw-bg-opacity:1;
  background-color: rgb(214 225 225/var(--tw-bg-opacity, 1));
}

.hover\:bg-gray-dark:hover {
  --tw-bg-opacity:1;
  background-color: rgb(75 79 79/var(--tw-bg-opacity, 1));
}

.hover\:bg-gray-light:hover {
  --tw-bg-opacity:1;
  background-color: rgb(156 164 164/var(--tw-bg-opacity, 1));
}

.hover\:bg-green:hover {
  --tw-bg-opacity:1;
  background-color: rgb(4 138 36/var(--tw-bg-opacity, 1));
}

.hover\:bg-green-dark:hover {
  --tw-bg-opacity:1;
  background-color: rgb(0 90 36/var(--tw-bg-opacity, 1));
}

.hover\:bg-green-xlight:hover {
  --tw-bg-opacity:1;
  background-color: rgb(230 243 234/var(--tw-bg-opacity, 1));
}

.hover\:bg-green-xlight\/50:hover {
  background-color: rgba(230, 243, 234, 0.5019607843);
}

.hover\:bg-none:hover {
  background-color: initial;
}

.hover\:bg-red:hover {
  --tw-bg-opacity:1;
  background-color: rgb(248 36 49/var(--tw-bg-opacity, 1));
}

.hover\:bg-white:hover {
  --tw-bg-opacity:1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
}

.hover\:bg-white\/50:hover {
  background-color: rgba(255, 255, 255, 0.5019607843);
}

.hover\:bg-yellow:hover {
  --tw-bg-opacity:1;
  background-color: rgb(255 230 100/var(--tw-bg-opacity, 1));
}

.hover\:bg-opacity-25:hover {
  --tw-bg-opacity:0.25;
}

.hover\:bg-opacity-75:hover {
  --tw-bg-opacity:0.75;
}

.hover\:bg-none:hover {
  background-image: none;
}

.hover\:\!text-green:hover {
  --tw-text-opacity:1!important;
  color: rgb(4 138 36/var(--tw-text-opacity, 1)) !important;
}

.hover\:\!text-green-dark:hover {
  --tw-text-opacity:1!important;
  color: rgb(0 90 36/var(--tw-text-opacity, 1)) !important;
}

.hover\:text-black:hover {
  --tw-text-opacity:1;
  color: rgb(0 0 0/var(--tw-text-opacity, 1));
}

.hover\:text-blue-dark:hover {
  --tw-text-opacity:1;
  color: rgb(0 96 127/var(--tw-text-opacity, 1));
}

.hover\:text-gray-dark:hover {
  --tw-text-opacity:1;
  color: rgb(75 79 79/var(--tw-text-opacity, 1));
}

.hover\:text-gray-light:hover {
  --tw-text-opacity:1;
  color: rgb(156 164 164/var(--tw-text-opacity, 1));
}

.hover\:text-green:hover {
  --tw-text-opacity:1;
  color: rgb(4 138 36/var(--tw-text-opacity, 1));
}

.hover\:text-green-dark:hover {
  --tw-text-opacity:1;
  color: rgb(0 90 36/var(--tw-text-opacity, 1));
}

.hover\:text-red:hover {
  --tw-text-opacity:1;
  color: rgb(248 36 49/var(--tw-text-opacity, 1));
}

.hover\:text-white:hover {
  --tw-text-opacity:1;
  color: rgb(255 255 255/var(--tw-text-opacity, 1));
}

.hover\:text-opacity-75:hover {
  --tw-text-opacity:0.75;
}

.hover\:underline:hover {
  text-decoration-line: underline;
}

.hover\:no-underline:hover {
  text-decoration-line: none;
}

.hover\:opacity-75:hover {
  opacity: 0.75;
}

.hover\:shadow-2xl:hover {
  --tw-shadow:0 25px 50px -12px #00000040;
  --tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);
}

.hover\:shadow-2xl:hover, .hover\:shadow-lg:hover {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}

.hover\:shadow-lg:hover {
  --tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;
  --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);
}

.hover\:shadow-md:hover {
  --tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;
  --tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);
}

.hover\:shadow-md:hover, .hover\:shadow-xl:hover {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}

.hover\:shadow-xl:hover {
  --tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;
  --tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);
}

.hover\:outline-green:hover {
  outline-color: #048a24;
}

.hover\:transition:hover {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}

.hover\:duration-300:hover {
  transition-duration: 0.3s;
}

.hover\:duration-500:hover {
  transition-duration: 0.5s;
}

.hover\:ease-in:hover {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}

.hover\:ease-in-out:hover {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.focus\:border-blue-light:focus {
  --tw-border-opacity:1;
  border-color: rgb(165 198 222/var(--tw-border-opacity, 1));
}

.focus\:border-gray-dark:focus {
  --tw-border-opacity:1;
  border-color: rgb(75 79 79/var(--tw-border-opacity, 1));
}

.focus\:border-green-dark:focus {
  --tw-border-opacity:1;
  border-color: rgb(0 90 36/var(--tw-border-opacity, 1));
}

.focus\:border-white:focus {
  --tw-border-opacity:1;
  border-color: rgb(255 255 255/var(--tw-border-opacity, 1));
}

.focus\:bg-blue-light:focus {
  --tw-bg-opacity:1;
  background-color: rgb(165 198 222/var(--tw-bg-opacity, 1));
}

.focus\:bg-gray-dark:focus {
  --tw-bg-opacity:1;
  background-color: rgb(75 79 79/var(--tw-bg-opacity, 1));
}

.focus\:bg-green:focus {
  --tw-bg-opacity:1;
  background-color: rgb(4 138 36/var(--tw-bg-opacity, 1));
}

.focus\:bg-green-dark:focus {
  --tw-bg-opacity:1;
  background-color: rgb(0 90 36/var(--tw-bg-opacity, 1));
}

.focus\:bg-red:focus {
  --tw-bg-opacity:1;
  background-color: rgb(248 36 49/var(--tw-bg-opacity, 1));
}

.focus\:bg-white:focus {
  --tw-bg-opacity:1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
}

.focus\:bg-yellow:focus {
  --tw-bg-opacity:1;
  background-color: rgb(255 230 100/var(--tw-bg-opacity, 1));
}

.focus\:bg-opacity-75:focus {
  --tw-bg-opacity:0.75;
}

.focus\:text-black:focus {
  --tw-text-opacity:1;
  color: rgb(0 0 0/var(--tw-text-opacity, 1));
}

.focus\:text-gray-dark:focus {
  --tw-text-opacity:1;
  color: rgb(75 79 79/var(--tw-text-opacity, 1));
}

.focus\:text-green-dark:focus {
  --tw-text-opacity:1;
  color: rgb(0 90 36/var(--tw-text-opacity, 1));
}

.focus\:text-red:focus {
  --tw-text-opacity:1;
  color: rgb(248 36 49/var(--tw-text-opacity, 1));
}

.focus\:text-white:focus {
  --tw-text-opacity:1;
  color: rgb(255 255 255/var(--tw-text-opacity, 1));
}

.focus\:outline-none:focus {
  outline: 2px solid rgba(0, 0, 0, 0);
  outline-offset: 2px;
  outline-color: rgba(0, 0, 0, 0);
}

.disabled\:border-green:disabled {
  --tw-border-opacity:1;
  border-color: rgb(4 138 36/var(--tw-border-opacity, 1));
}

.disabled\:bg-green:disabled {
  --tw-bg-opacity:1;
  background-color: rgb(4 138 36/var(--tw-bg-opacity, 1));
}

.disabled\:bg-white:disabled {
  --tw-bg-opacity:1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
}

.disabled\:bg-opacity-75:disabled {
  --tw-bg-opacity:0.75;
}

.disabled\:text-green:disabled {
  --tw-text-opacity:1;
  color: rgb(4 138 36/var(--tw-text-opacity, 1));
}

.disabled\:text-white:disabled {
  --tw-text-opacity:1;
  color: rgb(255 255 255/var(--tw-text-opacity, 1));
}

.disabled\:\!opacity-25:disabled {
  opacity: 0.25 !important;
}

.disabled\:opacity-25:disabled {
  opacity: 0.25;
}

.disabled\:opacity-50:disabled {
  opacity: 0.5;
}

.hover\:disabled\:border-green:disabled:hover {
  --tw-border-opacity:1;
  border-color: rgb(4 138 36/var(--tw-border-opacity, 1));
}

.hover\:disabled\:text-white:disabled:hover {
  --tw-text-opacity:1;
  color: rgb(255 255 255/var(--tw-text-opacity, 1));
}

.group\/col[open] .group-open\/col\:rotate-90, .group\/subtab[open] .group-open\/subtab\:rotate-90, .group\/tab[open] .group-open\/tab\:rotate-90 {
  --tw-rotate:90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:block {
  display: block;
}

.group:hover .group-hover\:translate-x-1 {
  --tw-translate-x:1px;
}

.group:hover .group-hover\:scale-105, .group:hover .group-hover\:translate-x-1 {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:scale-105 {
  --tw-scale-x:1.05;
  --tw-scale-y:1.05;
}

.group:hover .group-hover\:scale-125 {
  --tw-scale-x:1.25;
  --tw-scale-y:1.25;
}

.group:hover .group-hover\:scale-125, .group:hover .group-hover\:scale-150 {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:scale-150 {
  --tw-scale-x:1.5;
  --tw-scale-y:1.5;
}

.group:hover .group-hover\:scale-y-100 {
  --tw-scale-y:1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:border-green {
  --tw-border-opacity:1;
  border-color: rgb(4 138 36/var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:bg-green {
  --tw-bg-opacity:1;
  background-color: rgb(4 138 36/var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:from-green-xlight {
  --tw-gradient-from:#e6f3ea var(--tw-gradient-from-position);
  --tw-gradient-to:#e6f3ea00 var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);
}

.group\/button:hover .group-hover\/button\:text-gray-light {
  --tw-text-opacity:1;
  color: rgb(156 164 164/var(--tw-text-opacity, 1));
}

.group\/button:hover .group-hover\/button\:text-green-dark {
  --tw-text-opacity:1;
  color: rgb(0 90 36/var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-green {
  --tw-text-opacity:1;
  color: rgb(4 138 36/var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-green-dark {
  --tw-text-opacity:1;
  color: rgb(0 90 36/var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-white {
  --tw-text-opacity:1;
  color: rgb(255 255 255/var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:underline {
  text-decoration-line: underline;
}

.group\/button:hover .group-hover\/button\:opacity-75 {
  opacity: 0.75;
}

.group:hover .group-hover\:opacity-100 {
  opacity: 1;
}

.group:hover .group-hover\:shadow-lg, .group\/button:hover .group-hover\/button\:shadow-lg {
  --tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;
  --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}

.group:hover .group-hover\:shadow-xl {
  --tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;
  --tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}

.peer:checked ~ .peer-checked\:border-green {
  --tw-border-opacity:1;
  border-color: rgb(4 138 36/var(--tw-border-opacity, 1));
}

.peer:checked ~ .peer-checked\:bg-green {
  --tw-bg-opacity:1;
  background-color: rgb(4 138 36/var(--tw-bg-opacity, 1));
}

.peer:checked ~ .peer-checked\:bg-white {
  --tw-bg-opacity:1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
}

.peer:checked ~ .peer-checked\:after\:translate-x-full:after {
  content: var(--tw-content);
  --tw-translate-x:100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.peer:checked ~ .peer-checked\:after\:border-white:after {
  content: var(--tw-content);
  --tw-border-opacity:1;
  border-color: rgb(255 255 255/var(--tw-border-opacity, 1));
}

.peer:focus ~ .peer-focus\:outline-none {
  outline: 2px solid rgba(0, 0, 0, 0);
  outline-offset: 2px;
  outline-color: rgba(0, 0, 0, 0);
}

.peer:disabled ~ .peer-disabled\:border-opacity-50 {
  --tw-border-opacity:0.5;
}

.peer:disabled ~ .peer-disabled\:opacity-50 {
  opacity: 0.5;
}

.data-\[active\]\:block[data-active] {
  display: block;
}

.data-\[active\]\:grid[data-active] {
  display: grid;
}

.data-\[active\]\:border-green[data-active] {
  --tw-border-opacity:1;
  border-color: rgb(4 138 36/var(--tw-border-opacity, 1));
}

.data-\[active\]\:border-opacity-100[data-active] {
  --tw-border-opacity:1;
}

.data-\[active\]\:bg-white[data-active] {
  --tw-bg-opacity:1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
}

.data-\[active\]\:text-green[data-active] {
  --tw-text-opacity:1;
  color: rgb(4 138 36/var(--tw-text-opacity, 1));
}

.group[data-active] .group-data-\[active\]\:block {
  display: block;
}

.group[data-expanded=false] .group-data-\[expanded\=false\]\:hidden, .group[data-expanded=true] .group-data-\[expanded\=true\]\:hidden, .group[data-visible=false] .group-data-\[visible\=false\]\:hidden, .group[data-visible=true] .group-data-\[visible\=true\]\:hidden {
  display: none;
}

.group[data-active] .group-data-\[active\]\:rotate-180 {
  --tw-rotate:180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@media (prefers-reduced-motion: reduce) {
  .motion-reduce\:transform-none {
    transform: none;
  }
  .motion-reduce\:transition-none {
    transition-property: none;
  }
}
.dark\:border-gray-dark:is(.dark *) {
  --tw-border-opacity:1;
  border-color: rgb(75 79 79/var(--tw-border-opacity, 1));
}

.dark\:border-white:is(.dark *) {
  --tw-border-opacity:1;
  border-color: rgb(255 255 255/var(--tw-border-opacity, 1));
}

.dark\:border-opacity-100:is(.dark *) {
  --tw-border-opacity:1;
}

.dark\:bg-black:is(.dark *) {
  --tw-bg-opacity:1;
  background-color: rgb(0 0 0/var(--tw-bg-opacity, 1));
}

.dark\:bg-blue-dark:is(.dark *) {
  --tw-bg-opacity:1;
  background-color: rgb(0 96 127/var(--tw-bg-opacity, 1));
}

.dark\:bg-gray-dark:is(.dark *) {
  --tw-bg-opacity:1;
  background-color: rgb(75 79 79/var(--tw-bg-opacity, 1));
}

.dark\:bg-gray-light:is(.dark *) {
  --tw-bg-opacity:1;
  background-color: rgb(156 164 164/var(--tw-bg-opacity, 1));
}

.dark\:bg-green-dark:is(.dark *) {
  --tw-bg-opacity:1;
  background-color: rgb(0 90 36/var(--tw-bg-opacity, 1));
}

.dark\:bg-green-xlight:is(.dark *) {
  --tw-bg-opacity:1;
  background-color: rgb(230 243 234/var(--tw-bg-opacity, 1));
}

.dark\:stroke-gray-light:is(.dark *) {
  stroke: #9ca4a4;
}

.dark\:text-black:is(.dark *) {
  --tw-text-opacity:1;
  color: rgb(0 0 0/var(--tw-text-opacity, 1));
}

.dark\:text-blue-light:is(.dark *) {
  --tw-text-opacity:1;
  color: rgb(165 198 222/var(--tw-text-opacity, 1));
}

.dark\:text-gray-dark:is(.dark *) {
  --tw-text-opacity:1;
  color: rgb(75 79 79/var(--tw-text-opacity, 1));
}

.dark\:text-gray-light:is(.dark *) {
  --tw-text-opacity:1;
  color: rgb(156 164 164/var(--tw-text-opacity, 1));
}

.dark\:text-white:is(.dark *) {
  --tw-text-opacity:1;
  color: rgb(255 255 255/var(--tw-text-opacity, 1));
}

.dark\:hover\:bg-white:hover:is(.dark *) {
  --tw-bg-opacity:1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
}

.dark\:hover\:text-black:hover:is(.dark *) {
  --tw-text-opacity:1;
  color: rgb(0 0 0/var(--tw-text-opacity, 1));
}

.dark\:hover\:text-blue-light:hover:is(.dark *) {
  --tw-text-opacity:1;
  color: rgb(165 198 222/var(--tw-text-opacity, 1));
}

.dark\:hover\:text-gray-light:hover:is(.dark *) {
  --tw-text-opacity:1;
  color: rgb(156 164 164/var(--tw-text-opacity, 1));
}

.dark\:hover\:text-green:hover:is(.dark *) {
  --tw-text-opacity:1;
  color: rgb(4 138 36/var(--tw-text-opacity, 1));
}

.dark\:hover\:text-white:hover:is(.dark *) {
  --tw-text-opacity:1;
  color: rgb(255 255 255/var(--tw-text-opacity, 1));
}

.dark\:hover\:text-opacity-75:hover:is(.dark *) {
  --tw-text-opacity:0.75;
}

.dark\:disabled\:text-white:disabled:is(.dark *) {
  --tw-text-opacity:1;
  color: rgb(255 255 255/var(--tw-text-opacity, 1));
}

.group\/button:hover .group-hover\/button\:dark\:text-gray-light:is(.dark *) {
  --tw-text-opacity:1;
  color: rgb(156 164 164/var(--tw-text-opacity, 1));
}

@media (min-width: 640px) {
  .sm\:absolute {
    position: absolute;
  }
  .sm\:bottom-4 {
    bottom: 4px;
  }
  .sm\:left-0 {
    left: 0;
  }
  .sm\:right-4 {
    right: 4px;
  }
  .sm\:top-4 {
    top: 4px;
  }
  .sm\:top-\[48px\] {
    top: 48px;
  }
  .sm\:order-1 {
    order: 1;
  }
  .sm\:order-2 {
    order: 2;
  }
  .sm\:col-span-1 {
    grid-column: span 1/span 1;
  }
  .sm\:col-span-2 {
    grid-column: span 2/span 2;
  }
  .sm\:col-span-5 {
    grid-column: span 5/span 5;
  }
  .sm\:col-span-8 {
    grid-column: span 8/span 8;
  }
  .sm\:col-span-full {
    grid-column: 1/-1;
  }
  .sm\:col-start-3 {
    grid-column-start: 3;
  }
  .sm\:col-start-4 {
    grid-column-start: 4;
  }
  .sm\:col-end-10 {
    grid-column-end: 10;
  }
  .sm\:row-span-2 {
    grid-row: span 2/span 2;
  }
  .sm\:row-start-1 {
    grid-row-start: 1;
  }
  .sm\:row-start-2 {
    grid-row-start: 2;
  }
  .sm\:row-start-3 {
    grid-row-start: 3;
  }
  .sm\:row-end-2 {
    grid-row-end: 2;
  }
  .sm\:row-end-3 {
    grid-row-end: 3;
  }
  .sm\:m-4 {
    margin: 4px;
  }
  .sm\:mx-0 {
    margin-left: 0;
    margin-right: 0;
  }
  .sm\:mx-10gut {
    margin-left: 160px;
    margin-right: 160px;
  }
  .sm\:mx-2 {
    margin-left: 2px;
    margin-right: 2px;
  }
  .sm\:mx-2gut {
    margin-left: 32px;
    margin-right: 32px;
  }
  .sm\:mx-3gut {
    margin-left: 48px;
    margin-right: 48px;
  }
  .sm\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .sm\:mx-gut {
    margin-left: 16px;
    margin-right: 16px;
  }
  .sm\:my-4 {
    margin-top: 4px;
    margin-bottom: 4px;
  }
  .sm\:my-4gut {
    margin-top: 64px;
    margin-bottom: 64px;
  }
  .sm\:my-5gut {
    margin-top: 80px;
    margin-bottom: 80px;
  }
  .sm\:-mt-8 {
    margin-top: -8px;
  }
  .sm\:-mt-\[70vh\] {
    margin-top: -70vh;
  }
  .sm\:mb-0 {
    margin-bottom: 0;
  }
  .sm\:mb-12 {
    margin-bottom: 12px;
  }
  .sm\:mb-gut {
    margin-bottom: 16px;
  }
  .sm\:ml-3gut {
    margin-left: 48px;
  }
  .sm\:ml-4 {
    margin-left: 4px;
  }
  .sm\:ml-4gut {
    margin-left: 64px;
  }
  .sm\:ml-auto {
    margin-left: auto;
  }
  .sm\:mr-0 {
    margin-right: 0;
  }
  .sm\:mr-2 {
    margin-right: 2px;
  }
  .sm\:mr-2gut {
    margin-right: 32px;
  }
  .sm\:mr-3gut {
    margin-right: 48px;
  }
  .sm\:mr-4 {
    margin-right: 4px;
  }
  .sm\:mr-auto {
    margin-right: auto;
  }
  .sm\:mt-0 {
    margin-top: 0;
  }
  .sm\:mt-gut\/2 {
    margin-top: 8px;
  }
  .sm\:line-clamp-2 {
    -webkit-line-clamp: 2;
  }
  .sm\:line-clamp-2, .sm\:line-clamp-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
  }
  .sm\:line-clamp-3 {
    -webkit-line-clamp: 3;
  }
  .sm\:block {
    display: block;
  }
  .sm\:inline-block {
    display: inline-block;
  }
  .sm\:inline {
    display: inline;
  }
  .sm\:flex {
    display: flex;
  }
  .sm\:grid {
    display: grid;
  }
  .sm\:hidden {
    display: none;
  }
  .sm\:h-25gut {
    height: 400px;
  }
  .sm\:h-3gut {
    height: 48px;
  }
  .sm\:h-\[300px\] {
    height: 300px;
  }
  .sm\:h-auto {
    height: auto;
  }
  .sm\:h-full {
    height: 100%;
  }
  .sm\:max-h-10gut {
    max-height: 160px;
  }
  .sm\:min-h-18gut {
    min-height: 288px;
  }
  .sm\:w-1\/2 {
    width: 50%;
  }
  .sm\:w-1\/3 {
    width: 33.333%;
  }
  .sm\:w-1\/5 {
    width: 20%;
  }
  .sm\:w-2\/3 {
    width: 66.667%;
  }
  .sm\:w-2\/5 {
    width: 40%;
  }
  .sm\:w-3gut {
    width: 48px;
  }
  .sm\:w-4\/5 {
    width: 80%;
  }
  .sm\:w-\[17rem\] {
    width: 17rem;
  }
  .sm\:w-\[300px\] {
    width: 300px;
  }
  .sm\:w-\[350px\] {
    width: 350px;
  }
  .sm\:w-\[45\%\] {
    width: 45%;
  }
  .sm\:w-\[650px\] {
    width: 650px;
  }
  .sm\:w-auto {
    width: auto;
  }
  .sm\:w-full {
    width: 100%;
  }
  .sm\:\!max-w-\[300px\] {
    max-width: 300px !important;
  }
  .sm\:max-w-\[50rem\] {
    max-width: 50rem;
  }
  .sm\:max-w-full {
    max-width: 100%;
  }
  .sm\:max-w-none {
    max-width: none;
  }
  .sm\:grow {
    flex-grow: 1;
  }
  .sm\:columns-2 {
    column-count: 2;
  }
  .sm\:grid-flow-col {
    grid-auto-flow: column;
  }
  .sm\:\!grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .sm\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .sm\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .sm\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .sm\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .sm\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .sm\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .sm\:grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .sm\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .sm\:grid-cols-\[auto_max-content_max-content\] {
    grid-template-columns: auto max-content max-content;
  }
  .sm\:grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }
  .sm\:grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  .sm\:grid-rows-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }
  .sm\:flex-row {
    flex-direction: row;
  }
  .sm\:flex-row-reverse {
    flex-direction: row-reverse;
  }
  .sm\:flex-col {
    flex-direction: column;
  }
  .sm\:flex-wrap {
    flex-wrap: wrap;
  }
  .sm\:flex-nowrap {
    flex-wrap: nowrap;
  }
  .sm\:items-start {
    align-items: flex-start;
  }
  .sm\:items-end {
    align-items: flex-end;
  }
  .sm\:justify-start {
    justify-content: flex-start;
  }
  .sm\:justify-end {
    justify-content: flex-end;
  }
  .sm\:justify-center {
    justify-content: center;
  }
  .sm\:justify-evenly {
    justify-content: space-evenly;
  }
  .sm\:gap-12 {
    gap: 12px;
  }
  .sm\:gap-2gut {
    gap: 32px;
  }
  .sm\:gap-3gut {
    gap: 48px;
  }
  .sm\:gap-4 {
    gap: 4px;
  }
  .sm\:gap-4gut {
    gap: 64px;
  }
  .sm\:gap-5gut {
    gap: 80px;
  }
  .sm\:gap-6gut {
    gap: 96px;
  }
  .sm\:gap-8 {
    gap: 8px;
  }
  .sm\:gap-gut {
    gap: 16px;
  }
  .sm\:gap-x-2gut {
    column-gap: 32px;
  }
  .sm\:gap-x-4gut {
    column-gap: 64px;
  }
  .sm\:gap-x-6gut {
    column-gap: 96px;
  }
  .sm\:space-x-0 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse:0;
    margin-right: calc(0px * var(--tw-space-x-reverse));
    margin-left: calc(0px * (1 - var(--tw-space-x-reverse)));
  }
  .sm\:divide-x > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-x-reverse:0;
    border-right-width: calc(2px * var(--tw-divide-x-reverse));
    border-left-width: calc(2px * (1 - var(--tw-divide-x-reverse)));
  }
  .sm\:divide-y-0 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-y-reverse:0;
    border-top-width: calc(0px * (1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(0px * var(--tw-divide-y-reverse));
  }
  .sm\:place-self-center {
    place-self: center;
  }
  .sm\:justify-self-start {
    justify-self: start;
  }
  .sm\:justify-self-end {
    justify-self: end;
  }
  .sm\:overflow-auto {
    overflow: auto;
  }
  .sm\:overflow-hidden {
    overflow: hidden;
  }
  .sm\:rounded {
    border-radius: 0.25rem;
  }
  .sm\:rounded-lg {
    border-radius: 0.5rem;
  }
  .sm\:rounded-md {
    border-radius: 0.375rem;
  }
  .sm\:border {
    border-width: 2px;
  }
  .sm\:border-1 {
    border-width: 1px;
  }
  .sm\:border-l {
    border-left-width: 2px;
  }
  .sm\:border-r {
    border-right-width: 2px;
  }
  .sm\:border-t-0 {
    border-top-width: 0;
  }
  .sm\:border-gray-dark {
    --tw-border-opacity:1;
    border-color: rgb(75 79 79/var(--tw-border-opacity, 1));
  }
  .sm\:border-gray-light {
    --tw-border-opacity:1;
    border-color: rgb(156 164 164/var(--tw-border-opacity, 1));
  }
  .sm\:border-b-none {
    border-bottom-color: rgba(0, 0, 0, 0);
  }
  .sm\:to-40\% {
    --tw-gradient-to-position:40%;
  }
  .sm\:p-0 {
    padding: 0;
  }
  .sm\:p-2gut {
    padding: 32px;
  }
  .sm\:p-gut {
    padding: 16px;
  }
  .sm\:\!px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .sm\:\!px-4 {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
  .sm\:px-0 {
    padding-left: 0;
    padding-right: 0;
  }
  .sm\:px-2gut {
    padding-left: 32px;
    padding-right: 32px;
  }
  .sm\:px-4gut {
    padding-left: 64px;
    padding-right: 64px;
  }
  .sm\:px-8 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .sm\:px-gut {
    padding-left: 16px;
    padding-right: 16px;
  }
  .sm\:py-2 {
    padding-top: 2px;
    padding-bottom: 2px;
  }
  .sm\:py-4gut {
    padding-top: 64px;
    padding-bottom: 64px;
  }
  .sm\:py-5gut {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .sm\:py-6gut {
    padding-top: 96px;
    padding-bottom: 96px;
  }
  .sm\:pb-4gut {
    padding-bottom: 64px;
  }
  .sm\:pb-5gut {
    padding-bottom: 80px;
  }
  .sm\:pb-6gut {
    padding-bottom: 96px;
  }
  .sm\:pl-gut {
    padding-left: 16px;
  }
  .sm\:pr-0 {
    padding-right: 0;
  }
  .sm\:pr-3gut {
    padding-right: 48px;
  }
  .sm\:pr-4 {
    padding-right: 4px;
  }
  .sm\:pr-8gut {
    padding-right: 128px;
  }
  .sm\:pr-9gut {
    padding-right: 144px;
  }
  .sm\:pt-0 {
    padding-top: 0;
  }
  .sm\:pt-12 {
    padding-top: 12px;
  }
  .sm\:pt-4gut {
    padding-top: 64px;
  }
  .sm\:pt-5gut {
    padding-top: 80px;
  }
  .sm\:pt-6gut {
    padding-top: 96px;
  }
  .sm\:text-left {
    text-align: left;
  }
  .sm\:text-right {
    text-align: right;
  }
  .sm\:text-2xl {
    font-size: 2.441rem;
    line-height: 1;
  }
  .sm\:text-3xl {
    font-size: 3.052rem;
    line-height: 1;
  }
  .sm\:text-4xl {
    font-size: 3.815rem;
    line-height: 1;
  }
  .sm\:text-5xl {
    font-size: 4.768rem;
    line-height: 1;
  }
  .sm\:text-base {
    font-size: 1rem;
    line-height: 1.5;
  }
  .sm\:text-lg {
    font-size: 1.563rem;
    line-height: 1.25;
  }
  .sm\:text-md {
    font-size: 1.25rem;
    line-height: 1.375;
  }
  .sm\:text-sm {
    font-size: 0.8rem;
    line-height: 1.5;
  }
  .sm\:text-xl {
    font-size: 1.953rem;
    line-height: 1.125;
  }
}
@media (min-width: 960px) {
  .md\:absolute {
    position: absolute;
  }
  .md\:bottom-0 {
    bottom: 0;
  }
  .md\:right-auto {
    right: auto;
  }
  .md\:right-gut {
    right: 16px;
  }
  .md\:top-\[68px\] {
    top: 68px;
  }
  .md\:top-\[90px\] {
    top: 90px;
  }
  .md\:top-\[93px\] {
    top: 93px;
  }
  .md\:top-\[94px\] {
    top: 94px;
  }
  .md\:top-gut {
    top: 16px;
  }
  .md\:order-1 {
    order: 1;
  }
  .md\:order-2 {
    order: 2;
  }
  .md\:order-\[1\] {
    order: 1;
  }
  .md\:order-\[2\] {
    order: 2;
  }
  .md\:col-span-1 {
    grid-column: span 1/span 1;
  }
  .md\:col-span-10 {
    grid-column: span 10/span 10;
  }
  .md\:col-span-2 {
    grid-column: span 2/span 2;
  }
  .md\:col-span-3 {
    grid-column: span 3/span 3;
  }
  .md\:col-span-4 {
    grid-column: span 4/span 4;
  }
  .md\:col-span-6 {
    grid-column: span 6/span 6;
  }
  .md\:col-span-8 {
    grid-column: span 8/span 8;
  }
  .md\:col-span-full {
    grid-column: 1/-1;
  }
  .md\:col-start-2 {
    grid-column-start: 2;
  }
  .md\:col-start-4 {
    grid-column-start: 4;
  }
  .md\:col-start-5 {
    grid-column-start: 5;
  }
  .md\:col-start-8 {
    grid-column-start: 8;
  }
  .md\:col-end-10 {
    grid-column-end: 10;
  }
  .md\:col-end-12 {
    grid-column-end: 12;
  }
  .md\:col-end-6 {
    grid-column-end: 6;
  }
  .md\:col-end-9 {
    grid-column-end: 9;
  }
  .md\:row-span-1 {
    grid-row: span 1/span 1;
  }
  .md\:row-span-2 {
    grid-row: span 2/span 2;
  }
  .md\:row-span-3 {
    grid-row: span 3/span 3;
  }
  .md\:row-start-1 {
    grid-row-start: 1;
  }
  .md\:row-start-2 {
    grid-row-start: 2;
  }
  .md\:row-end-2 {
    grid-row-end: 2;
  }
  .md\:row-end-3 {
    grid-row-end: 3;
  }
  .md\:float-left {
    float: left;
  }
  .md\:m-0 {
    margin: 0;
  }
  .md\:mx-0 {
    margin-left: 0;
    margin-right: 0;
  }
  .md\:mx-2gut {
    margin-left: 32px;
    margin-right: 32px;
  }
  .md\:mx-4gut {
    margin-left: 64px;
    margin-right: 64px;
  }
  .md\:my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .md\:my-2gut {
    margin-top: 32px;
    margin-bottom: 32px;
  }
  .md\:my-3gut {
    margin-top: 48px;
    margin-bottom: 48px;
  }
  .md\:my-4 {
    margin-top: 4px;
    margin-bottom: 4px;
  }
  .md\:\!mb-0 {
    margin-bottom: 0 !important;
  }
  .md\:-mb-10gut {
    margin-bottom: -160px;
  }
  .md\:-mb-2gut {
    margin-bottom: -32px;
  }
  .md\:-mb-4gut {
    margin-bottom: -64px;
  }
  .md\:-mb-6gut {
    margin-bottom: -96px;
  }
  .md\:-ml-20gut {
    margin-left: -320px;
  }
  .md\:-ml-4 {
    margin-left: -4px;
  }
  .md\:-mr-4 {
    margin-right: -4px;
  }
  .md\:-mt-10gut {
    margin-top: -160px;
  }
  .md\:-mt-8gut {
    margin-top: -128px;
  }
  .md\:-mt-\[85vh\] {
    margin-top: -85vh;
  }
  .md\:mb-0 {
    margin-bottom: 0;
  }
  .md\:mb-2gut {
    margin-bottom: 32px;
  }
  .md\:mb-3gut {
    margin-bottom: 48px;
  }
  .md\:mb-8 {
    margin-bottom: 8px;
  }
  .md\:mb-gut {
    margin-bottom: 16px;
  }
  .md\:ml-0 {
    margin-left: 0;
  }
  .md\:ml-2 {
    margin-left: 2px;
  }
  .md\:ml-2gut {
    margin-left: 32px;
  }
  .md\:ml-3gut {
    margin-left: 48px;
  }
  .md\:ml-5gut {
    margin-left: 80px;
  }
  .md\:ml-auto {
    margin-left: auto;
  }
  .md\:ml-gut {
    margin-left: 16px;
  }
  .md\:mr-0 {
    margin-right: 0;
  }
  .md\:mr-2gut {
    margin-right: 32px;
  }
  .md\:mr-3gut {
    margin-right: 48px;
  }
  .md\:mr-4gut {
    margin-right: 64px;
  }
  .md\:mr-5gut {
    margin-right: 80px;
  }
  .md\:mr-7gut {
    margin-right: 112px;
  }
  .md\:mr-8gut {
    margin-right: 128px;
  }
  .md\:mr-gut {
    margin-right: 16px;
  }
  .md\:mt-0 {
    margin-top: 0;
  }
  .md\:mt-12 {
    margin-top: 12px;
  }
  .md\:mt-2gut {
    margin-top: 32px;
  }
  .md\:mt-3gut {
    margin-top: 48px;
  }
  .md\:mt-6 {
    margin-top: 6px;
  }
  .md\:mt-8 {
    margin-top: 8px;
  }
  .md\:mt-gut {
    margin-top: 16px;
  }
  .md\:block {
    display: block;
  }
  .md\:inline-block {
    display: inline-block;
  }
  .md\:flex {
    display: flex;
  }
  .md\:inline-flex {
    display: inline-flex;
  }
  .md\:grid {
    display: grid;
  }
  .md\:hidden {
    display: none;
  }
  .md\:h-10gut {
    height: 160px;
  }
  .md\:h-16gut {
    height: 256px;
  }
  .md\:h-17gut {
    height: 272px;
  }
  .md\:h-22gut {
    height: 352px;
  }
  .md\:h-5gut {
    height: 80px;
  }
  .md\:h-6gut {
    height: 96px;
  }
  .md\:h-9gut {
    height: 144px;
  }
  .md\:h-auto {
    height: auto;
  }
  .md\:h-full {
    height: 100%;
  }
  .md\:max-h-\[1000px\] {
    max-height: 1000px;
  }
  .md\:min-h-0 {
    min-height: 0;
  }
  .md\:min-h-16gut {
    min-height: 256px;
  }
  .md\:min-h-20gut {
    min-height: 320px;
  }
  .md\:min-h-22gut {
    min-height: 352px;
  }
  .md\:min-h-25gut, .md\:min-h-\[400px\] {
    min-height: 400px;
  }
  .md\:min-h-\[450px\] {
    min-height: 450px;
  }
  .md\:w-1\/2 {
    width: 50%;
  }
  .md\:w-1\/3 {
    width: 33.333%;
  }
  .md\:w-1\/4 {
    width: 25%;
  }
  .md\:w-1\/5 {
    width: 20%;
  }
  .md\:w-15gut {
    width: 240px;
  }
  .md\:w-17gut {
    width: 272px;
  }
  .md\:w-2\/3 {
    width: 66.667%;
  }
  .md\:w-20gut {
    width: 320px;
  }
  .md\:w-3\/4 {
    width: 75%;
  }
  .md\:w-3\/5 {
    width: 60%;
  }
  .md\:w-32gut {
    width: 512px;
  }
  .md\:w-4\/5 {
    width: 80%;
  }
  .md\:w-5gut {
    width: 80px;
  }
  .md\:w-\[140px\] {
    width: 140px;
  }
  .md\:w-\[300px\] {
    width: 300px;
  }
  .md\:w-\[33\%\] {
    width: 33%;
  }
  .md\:w-auto {
    width: auto;
  }
  .md\:w-full {
    width: 100%;
  }
  .md\:max-w-1\/4 {
    max-width: 25%;
  }
  .md\:max-w-2\/3 {
    max-width: 66.667%;
  }
  .md\:max-w-3\/4 {
    max-width: 75%;
  }
  .md\:max-w-\[1200px\] {
    max-width: 1200px;
  }
  .md\:max-w-\[80vw\] {
    max-width: 80vw;
  }
  .md\:max-w-none {
    max-width: none;
  }
  .md\:flex-1 {
    flex: 1 1 0%;
  }
  .md\:flex-none {
    flex: none;
  }
  .md\:flex-grow, .md\:grow {
    flex-grow: 1;
  }
  .md\:rotate-0 {
    --tw-rotate:0deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .md\:snap-start {
    scroll-snap-align: start;
  }
  .md\:\!grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .md\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .md\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .md\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .md\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .md\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .md\:grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .md\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .md\:grid-cols-\[auto_1fr\] {
    grid-template-columns: auto 1fr;
  }
  .md\:grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }
  .md\:grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }
  .md\:flex-row {
    flex-direction: row;
  }
  .md\:flex-col {
    flex-direction: column;
  }
  .md\:flex-wrap {
    flex-wrap: wrap;
  }
  .md\:flex-nowrap {
    flex-wrap: nowrap;
  }
  .md\:items-start {
    align-items: flex-start;
  }
  .md\:items-end {
    align-items: flex-end;
  }
  .md\:items-center {
    align-items: center;
  }
  .md\:justify-start {
    justify-content: flex-start;
  }
  .md\:justify-end {
    justify-content: flex-end;
  }
  .md\:justify-center {
    justify-content: center;
  }
  .md\:justify-between {
    justify-content: space-between;
  }
  .md\:justify-items-start {
    justify-items: start;
  }
  .md\:justify-items-end {
    justify-items: end;
  }
  .md\:justify-items-center {
    justify-items: center;
  }
  .md\:gap-0 {
    gap: 0;
  }
  .md\:gap-12 {
    gap: 12px;
  }
  .md\:gap-2 {
    gap: 2px;
  }
  .md\:gap-2gut {
    gap: 32px;
  }
  .md\:gap-3gut {
    gap: 48px;
  }
  .md\:gap-4 {
    gap: 4px;
  }
  .md\:gap-4gut {
    gap: 64px;
  }
  .md\:gap-5gut {
    gap: 80px;
  }
  .md\:gap-6gut {
    gap: 96px;
  }
  .md\:gap-8 {
    gap: 8px;
  }
  .md\:gap-gut {
    gap: 16px;
  }
  .md\:gap-x-2gut {
    column-gap: 32px;
  }
  .md\:gap-x-4gut {
    column-gap: 64px;
  }
  .md\:gap-x-6gut {
    column-gap: 96px;
  }
  .md\:gap-x-gut {
    column-gap: 16px;
  }
  .md\:gap-y-5gut {
    row-gap: 80px;
  }
  .md\:space-x-2gut > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse:0;
    margin-right: calc(32px * var(--tw-space-x-reverse));
    margin-left: calc(32px * (1 - var(--tw-space-x-reverse)));
  }
  .md\:space-x-gut > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse:0;
    margin-right: calc(16px * var(--tw-space-x-reverse));
    margin-left: calc(16px * (1 - var(--tw-space-x-reverse)));
  }
  .md\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse:0;
    margin-top: calc(0px * (1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0px * var(--tw-space-y-reverse));
  }
  .md\:divide-x > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-x-reverse:0;
    border-right-width: calc(2px * var(--tw-divide-x-reverse));
    border-left-width: calc(2px * (1 - var(--tw-divide-x-reverse)));
  }
  .md\:divide-x-1 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-x-reverse:0;
    border-right-width: calc(1px * var(--tw-divide-x-reverse));
    border-left-width: calc(1px * (1 - var(--tw-divide-x-reverse)));
  }
  .md\:divide-y-0 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-y-reverse:0;
    border-top-width: calc(0px * (1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(0px * var(--tw-divide-y-reverse));
  }
  .md\:divide-white > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity:1;
    border-color: rgb(255 255 255/var(--tw-divide-opacity, 1));
  }
  .md\:place-self-auto {
    place-self: auto;
  }
  .md\:place-self-start {
    place-self: start;
  }
  .md\:self-center {
    align-self: center;
  }
  .md\:justify-self-center {
    justify-self: center;
  }
  .md\:rounded-lg {
    border-radius: 0.5rem;
  }
  .md\:rounded-b-lg {
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }
  .md\:rounded-t-lg {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
  }
  .md\:rounded-bl-lg {
    border-bottom-left-radius: 0.5rem;
  }
  .md\:rounded-bl-none {
    border-bottom-left-radius: 0;
  }
  .md\:border-l {
    border-left-width: 2px;
  }
  .md\:border-l-1 {
    border-left-width: 1px;
  }
  .md\:border-r {
    border-right-width: 2px;
  }
  .md\:border-t {
    border-top-width: 2px;
  }
  .md\:border-none {
    border-style: none;
  }
  .md\:border-black {
    --tw-border-opacity:1;
    border-color: rgb(0 0 0/var(--tw-border-opacity, 1));
  }
  .md\:border-gray-300 {
    --tw-border-opacity:1;
    border-color: rgb(156 164 164/var(--tw-border-opacity, 1));
  }
  .md\:border-gray-dark {
    --tw-border-opacity:1;
    border-color: rgb(75 79 79/var(--tw-border-opacity, 1));
  }
  .md\:border-none {
    border-color: rgba(0, 0, 0, 0);
  }
  .md\:border-white {
    --tw-border-opacity:1;
    border-color: rgb(255 255 255/var(--tw-border-opacity, 1));
  }
  .md\:bg-black {
    --tw-bg-opacity:1;
    background-color: rgb(0 0 0/var(--tw-bg-opacity, 1));
  }
  .md\:bg-white {
    --tw-bg-opacity:1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
  }
  .md\:bg-opacity-25 {
    --tw-bg-opacity:0.25;
  }
  .md\:bg-opacity-75 {
    --tw-bg-opacity:0.75;
  }
  .md\:bg-cover {
    background-size: cover;
  }
  .md\:bg-center {
    background-position: 50%;
  }
  .md\:bg-left {
    background-position: 0;
  }
  .md\:p-0 {
    padding: 0;
  }
  .md\:p-2gut {
    padding: 32px;
  }
  .md\:p-8 {
    padding: 8px;
  }
  .md\:p-gut {
    padding: 16px;
  }
  .md\:px-0 {
    padding-left: 0;
    padding-right: 0;
  }
  .md\:px-10 {
    padding-left: 10px;
    padding-right: 10px;
  }
  .md\:px-12 {
    padding-left: 12px;
    padding-right: 12px;
  }
  .md\:px-2gut {
    padding-left: 32px;
    padding-right: 32px;
  }
  .md\:px-4gut {
    padding-left: 64px;
    padding-right: 64px;
  }
  .md\:px-5gut {
    padding-left: 80px;
    padding-right: 80px;
  }
  .md\:px-8 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .md\:px-8gut {
    padding-left: 128px;
    padding-right: 128px;
  }
  .md\:px-\[200px\] {
    padding-left: 200px;
    padding-right: 200px;
  }
  .md\:px-gut {
    padding-left: 16px;
    padding-right: 16px;
  }
  .md\:py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .md\:py-12 {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .md\:py-2gut {
    padding-top: 32px;
    padding-bottom: 32px;
  }
  .md\:py-3gut {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .md\:py-4gut {
    padding-top: 64px;
    padding-bottom: 64px;
  }
  .md\:py-5gut {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .md\:py-6gut {
    padding-top: 96px;
    padding-bottom: 96px;
  }
  .md\:py-gut {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .md\:pb-0 {
    padding-bottom: 0;
  }
  .md\:pb-2gut {
    padding-bottom: 32px;
  }
  .md\:pb-3gut {
    padding-bottom: 48px;
  }
  .md\:pb-5gut {
    padding-bottom: 80px;
  }
  .md\:pb-6gut {
    padding-bottom: 96px;
  }
  .md\:pb-8gut {
    padding-bottom: 128px;
  }
  .md\:pb-gut {
    padding-bottom: 16px;
  }
  .md\:pl-0 {
    padding-left: 0;
  }
  .md\:pl-12 {
    padding-left: 12px;
  }
  .md\:pl-2gut {
    padding-left: 32px;
  }
  .md\:pl-3gut {
    padding-left: 48px;
  }
  .md\:pl-4gut {
    padding-left: 64px;
  }
  .md\:pl-5gut {
    padding-left: 80px;
  }
  .md\:pl-8 {
    padding-left: 8px;
  }
  .md\:pl-gut {
    padding-left: 16px;
  }
  .md\:pr-0 {
    padding-right: 0;
  }
  .md\:pr-12 {
    padding-right: 12px;
  }
  .md\:pr-2gut {
    padding-right: 32px;
  }
  .md\:pr-3gut {
    padding-right: 48px;
  }
  .md\:pr-4gut {
    padding-right: 64px;
  }
  .md\:pr-5gut {
    padding-right: 80px;
  }
  .md\:pr-8 {
    padding-right: 8px;
  }
  .md\:pr-gut {
    padding-right: 16px;
  }
  .md\:pt-0 {
    padding-top: 0;
  }
  .md\:pt-2gut {
    padding-top: 32px;
  }
  .md\:pt-3gut {
    padding-top: 48px;
  }
  .md\:pt-4 {
    padding-top: 4px;
  }
  .md\:pt-5gut {
    padding-top: 80px;
  }
  .md\:pt-6gut {
    padding-top: 96px;
  }
  .md\:pt-\[15vh\] {
    padding-top: 15vh;
  }
  .md\:pt-gut {
    padding-top: 16px;
  }
  .md\:text-left {
    text-align: left;
  }
  .md\:text-center {
    text-align: center;
  }
  .md\:text-right {
    text-align: right;
  }
  .md\:text-2xl {
    font-size: 2.441rem;
    line-height: 1;
  }
  .md\:text-3xl {
    font-size: 3.052rem;
    line-height: 1;
  }
  .md\:text-4xl {
    font-size: 3.815rem;
    line-height: 1;
  }
  .md\:text-base {
    font-size: 1rem;
    line-height: 1.5;
  }
  .md\:text-lg {
    font-size: 1.563rem;
    line-height: 1.25;
  }
  .md\:text-md {
    font-size: 1.25rem;
    line-height: 1.375;
  }
  .md\:font-bold {
    font-weight: 600;
  }
  .md\:font-normal {
    font-weight: 400;
  }
  .md\:text-white {
    --tw-text-opacity:1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
  }
  .md\:shadow {
    --tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;
    --tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);
  }
  .md\:shadow, .md\:shadow-none {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
  }
  .md\:shadow-none {
    --tw-shadow:0 0 #0000;
    --tw-shadow-colored:0 0 #0000;
    --tw-shadow-color:#0000;
    --tw-shadow:var(--tw-shadow-colored);
  }
}
@media (min-width: 1280px) {
  .lg\:top-\[72px\] {
    top: 72px;
  }
  .lg\:order-1 {
    order: 1;
  }
  .lg\:order-2 {
    order: 2;
  }
  .lg\:order-3 {
    order: 3;
  }
  .lg\:col-span-2 {
    grid-column: span 2/span 2;
  }
  .lg\:col-span-8 {
    grid-column: span 8/span 8;
  }
  .lg\:col-start-3 {
    grid-column-start: 3;
  }
  .lg\:row-span-1 {
    grid-row: span 1/span 1;
  }
  .lg\:m-0 {
    margin: 0;
  }
  .lg\:mx-4gut {
    margin-left: 64px;
    margin-right: 64px;
  }
  .lg\:my-5gut {
    margin-top: 80px;
    margin-bottom: 80px;
  }
  .lg\:my-6gut {
    margin-top: 96px;
    margin-bottom: 96px;
  }
  .lg\:-ml-10gut {
    margin-left: -160px;
  }
  .lg\:-ml-2gut {
    margin-left: -32px;
  }
  .lg\:-mt-12 {
    margin-top: -12px;
  }
  .lg\:-mt-\[90vh\] {
    margin-top: -90vh;
  }
  .lg\:mb-0 {
    margin-bottom: 0;
  }
  .lg\:ml-3gut {
    margin-left: 48px;
  }
  .lg\:ml-5gut {
    margin-left: 80px;
  }
  .lg\:mr-3gut {
    margin-right: 48px;
  }
  .lg\:mr-gut {
    margin-right: 16px;
  }
  .lg\:mt-0 {
    margin-top: 0;
  }
  .lg\:mt-2 {
    margin-top: 2px;
  }
  .lg\:mt-3gut {
    margin-top: 48px;
  }
  .lg\:block {
    display: block;
  }
  .lg\:inline-block {
    display: inline-block;
  }
  .lg\:flex {
    display: flex;
  }
  .lg\:grid {
    display: grid;
  }
  .lg\:hidden {
    display: none;
  }
  .lg\:h-24gut {
    height: 384px;
  }
  .lg\:h-4gut {
    height: 64px;
  }
  .lg\:h-7gut {
    height: 112px;
  }
  .lg\:min-h-12gut {
    min-height: 192px;
  }
  .lg\:w-1\/2 {
    width: 50%;
  }
  .lg\:w-1\/3 {
    width: 33.333%;
  }
  .lg\:w-10gut {
    width: 160px;
  }
  .lg\:w-11gut {
    width: 176px;
  }
  .lg\:w-2\/3 {
    width: 66.667%;
  }
  .lg\:w-2\/5 {
    width: 40%;
  }
  .lg\:w-24gut {
    width: 384px;
  }
  .lg\:w-2gut {
    width: 32px;
  }
  .lg\:w-3\/4 {
    width: 75%;
  }
  .lg\:w-4gut {
    width: 64px;
  }
  .lg\:w-auto {
    width: auto;
  }
  .lg\:max-w-2\/3 {
    max-width: 66.667%;
  }
  .lg\:-translate-x-8gut {
    --tw-translate-x:-128px;
  }
  .lg\:-translate-x-8gut, .lg\:translate-x-6gut {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .lg\:translate-x-6gut {
    --tw-translate-x:96px;
  }
  .lg\:grid-flow-col {
    grid-auto-flow: column;
  }
  .lg\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .lg\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .lg\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .lg\:grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .lg\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .lg\:grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  .lg\:gap-2gut {
    gap: 32px;
  }
  .lg\:gap-3gut {
    gap: 48px;
  }
  .lg\:gap-4 {
    gap: 4px;
  }
  .lg\:gap-4gut {
    gap: 64px;
  }
  .lg\:gap-5gut {
    gap: 80px;
  }
  .lg\:gap-6gut {
    gap: 96px;
  }
  .lg\:gap-8 {
    gap: 8px;
  }
  .lg\:gap-8gut {
    gap: 128px;
  }
  .lg\:gap-gut {
    gap: 16px;
  }
  .lg\:gap-x-2gut {
    column-gap: 32px;
  }
  .lg\:space-x-4gut > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse:0;
    margin-right: calc(64px * var(--tw-space-x-reverse));
    margin-left: calc(64px * (1 - var(--tw-space-x-reverse)));
  }
  .lg\:p-12 {
    padding: 12px;
  }
  .lg\:p-2gut {
    padding: 32px;
  }
  .lg\:px-10gut {
    padding-left: 160px;
    padding-right: 160px;
  }
  .lg\:px-6gut {
    padding-left: 96px;
    padding-right: 96px;
  }
  .lg\:px-\[300px\] {
    padding-left: 300px;
    padding-right: 300px;
  }
  .lg\:px-gut {
    padding-left: 16px;
    padding-right: 16px;
  }
  .lg\:px-gut\/2 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .lg\:py-4gut {
    padding-top: 64px;
    padding-bottom: 64px;
  }
  .lg\:py-5gut {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .lg\:py-6gut {
    padding-top: 96px;
    padding-bottom: 96px;
  }
  .lg\:py-8gut {
    padding-top: 128px;
    padding-bottom: 128px;
  }
  .lg\:pb-5gut {
    padding-bottom: 80px;
  }
  .lg\:pb-6gut {
    padding-bottom: 96px;
  }
  .lg\:pb-8gut {
    padding-bottom: 128px;
  }
  .lg\:pl-0 {
    padding-left: 0;
  }
  .lg\:pl-5gut {
    padding-left: 80px;
  }
  .lg\:pr-20gut {
    padding-right: 320px;
  }
  .lg\:pr-3gut {
    padding-right: 48px;
  }
  .lg\:pr-4gut {
    padding-right: 64px;
  }
  .lg\:pr-5gut {
    padding-right: 80px;
  }
  .lg\:pt-5gut {
    padding-top: 80px;
  }
  .lg\:pt-6gut {
    padding-top: 96px;
  }
  .lg\:pt-8gut {
    padding-top: 128px;
  }
  .lg\:pt-\[10vh\] {
    padding-top: 10vh;
  }
  .lg\:text-2xl {
    font-size: 2.441rem;
    line-height: 1;
  }
  .lg\:text-3xl {
    font-size: 3.052rem;
    line-height: 1;
  }
  .lg\:text-4xl {
    font-size: 3.815rem;
    line-height: 1;
  }
  .lg\:text-5xl {
    font-size: 4.768rem;
    line-height: 1;
  }
  .lg\:text-base {
    font-size: 1rem;
    line-height: 1.5;
  }
  .lg\:text-lg {
    font-size: 1.563rem;
    line-height: 1.25;
  }
  .lg\:text-md {
    font-size: 1.25rem;
    line-height: 1.375;
  }
  .lg\:text-xl {
    font-size: 1.953rem;
    line-height: 1.125;
  }
}
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: "FontAwesome";
  src: url("../fonts/fontawesome-webfont.eot?v=4.7.0");
  src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.3333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-fw {
  width: 1.2857142857em;
  text-align: center;
}

.fa-ul {
  padding-left: 0;
  margin-left: 2.1428571429em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}

.fa-li {
  position: absolute;
  left: -2.1428571429em;
  width: 2.1428571429em;
  top: 0.1428571429em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.8571428571em;
}

.fa-border {
  padding: 0.2em 0.25em 0.15em;
  border: solid 0.08em #eee;
  border-radius: 0.1em;
}

.fa-pull-left {
  float: left;
}

.fa-pull-right {
  float: right;
}

.fa.fa-pull-left {
  margin-right: 0.3em;
}
.fa.fa-pull-right {
  margin-left: 0.3em;
}

/* Deprecated as of 4.4.0 */
.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.fa.pull-left {
  margin-right: 0.3em;
}
.fa.pull-right {
  margin-left: 0.3em;
}

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}

.fa-stack-1x, .fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}

.fa-stack-1x {
  line-height: inherit;
}

.fa-stack-2x {
  font-size: 2em;
}

.fa-inverse {
  color: #fff;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\f000";
}

.fa-music:before {
  content: "\f001";
}

.fa-search:before {
  content: "\f002";
}

.fa-envelope-o:before {
  content: "\f003";
}

.fa-heart:before {
  content: "\f004";
}

.fa-star:before {
  content: "\f005";
}

.fa-star-o:before {
  content: "\f006";
}

.fa-user:before {
  content: "\f007";
}

.fa-film:before {
  content: "\f008";
}

.fa-th-large:before {
  content: "\f009";
}

.fa-th:before {
  content: "\f00a";
}

.fa-th-list:before {
  content: "\f00b";
}

.fa-check:before {
  content: "\f00c";
}

.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d";
}

.fa-search-plus:before {
  content: "\f00e";
}

.fa-search-minus:before {
  content: "\f010";
}

.fa-power-off:before {
  content: "\f011";
}

.fa-signal:before {
  content: "\f012";
}

.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}

.fa-trash-o:before {
  content: "\f014";
}

.fa-home:before {
  content: "\f015";
}

.fa-file-o:before {
  content: "\f016";
}

.fa-clock-o:before {
  content: "\f017";
}

.fa-road:before {
  content: "\f018";
}

.fa-download:before {
  content: "\f019";
}

.fa-arrow-circle-o-down:before {
  content: "\f01a";
}

.fa-arrow-circle-o-up:before {
  content: "\f01b";
}

.fa-inbox:before {
  content: "\f01c";
}

.fa-play-circle-o:before {
  content: "\f01d";
}

.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}

.fa-refresh:before {
  content: "\f021";
}

.fa-list-alt:before {
  content: "\f022";
}

.fa-lock:before {
  content: "\f023";
}

.fa-flag:before {
  content: "\f024";
}

.fa-headphones:before {
  content: "\f025";
}

.fa-volume-off:before {
  content: "\f026";
}

.fa-volume-down:before {
  content: "\f027";
}

.fa-volume-up:before {
  content: "\f028";
}

.fa-qrcode:before {
  content: "\f029";
}

.fa-barcode:before {
  content: "\f02a";
}

.fa-tag:before {
  content: "\f02b";
}

.fa-tags:before {
  content: "\f02c";
}

.fa-book:before {
  content: "\f02d";
}

.fa-bookmark:before {
  content: "\f02e";
}

.fa-print:before {
  content: "\f02f";
}

.fa-camera:before {
  content: "\f030";
}

.fa-font:before {
  content: "\f031";
}

.fa-bold:before {
  content: "\f032";
}

.fa-italic:before {
  content: "\f033";
}

.fa-text-height:before {
  content: "\f034";
}

.fa-text-width:before {
  content: "\f035";
}

.fa-align-left:before {
  content: "\f036";
}

.fa-align-center:before {
  content: "\f037";
}

.fa-align-right:before {
  content: "\f038";
}

.fa-align-justify:before {
  content: "\f039";
}

.fa-list:before {
  content: "\f03a";
}

.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}

.fa-indent:before {
  content: "\f03c";
}

.fa-video-camera:before {
  content: "\f03d";
}

.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e";
}

.fa-pencil:before {
  content: "\f040";
}

.fa-map-marker:before {
  content: "\f041";
}

.fa-adjust:before {
  content: "\f042";
}

.fa-tint:before {
  content: "\f043";
}

.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}

.fa-share-square-o:before {
  content: "\f045";
}

.fa-check-square-o:before {
  content: "\f046";
}

.fa-arrows:before {
  content: "\f047";
}

.fa-step-backward:before {
  content: "\f048";
}

.fa-fast-backward:before {
  content: "\f049";
}

.fa-backward:before {
  content: "\f04a";
}

.fa-play:before {
  content: "\f04b";
}

.fa-pause:before {
  content: "\f04c";
}

.fa-stop:before {
  content: "\f04d";
}

.fa-forward:before {
  content: "\f04e";
}

.fa-fast-forward:before {
  content: "\f050";
}

.fa-step-forward:before {
  content: "\f051";
}

.fa-eject:before {
  content: "\f052";
}

.fa-chevron-left:before {
  content: "\f053";
}

.fa-chevron-right:before {
  content: "\f054";
}

.fa-plus-circle:before {
  content: "\f055";
}

.fa-minus-circle:before {
  content: "\f056";
}

.fa-times-circle:before {
  content: "\f057";
}

.fa-check-circle:before {
  content: "\f058";
}

.fa-question-circle:before {
  content: "\f059";
}

.fa-info-circle:before {
  content: "\f05a";
}

.fa-crosshairs:before {
  content: "\f05b";
}

.fa-times-circle-o:before {
  content: "\f05c";
}

.fa-check-circle-o:before {
  content: "\f05d";
}

.fa-ban:before {
  content: "\f05e";
}

.fa-arrow-left:before {
  content: "\f060";
}

.fa-arrow-right:before {
  content: "\f061";
}

.fa-arrow-up:before {
  content: "\f062";
}

.fa-arrow-down:before {
  content: "\f063";
}

.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}

.fa-expand:before {
  content: "\f065";
}

.fa-compress:before {
  content: "\f066";
}

.fa-plus:before {
  content: "\f067";
}

.fa-minus:before {
  content: "\f068";
}

.fa-asterisk:before {
  content: "\f069";
}

.fa-exclamation-circle:before {
  content: "\f06a";
}

.fa-gift:before {
  content: "\f06b";
}

.fa-leaf:before {
  content: "\f06c";
}

.fa-fire:before {
  content: "\f06d";
}

.fa-eye:before {
  content: "\f06e";
}

.fa-eye-slash:before {
  content: "\f070";
}

.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}

.fa-plane:before {
  content: "\f072";
}

.fa-calendar:before {
  content: "\f073";
}

.fa-random:before {
  content: "\f074";
}

.fa-comment:before {
  content: "\f075";
}

.fa-magnet:before {
  content: "\f076";
}

.fa-chevron-up:before {
  content: "\f077";
}

.fa-chevron-down:before {
  content: "\f078";
}

.fa-retweet:before {
  content: "\f079";
}

.fa-shopping-cart:before {
  content: "\f07a";
}

.fa-folder:before {
  content: "\f07b";
}

.fa-folder-open:before {
  content: "\f07c";
}

.fa-arrows-v:before {
  content: "\f07d";
}

.fa-arrows-h:before {
  content: "\f07e";
}

.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080";
}

.fa-twitter-square:before {
  content: "\f081";
}

.fa-facebook-square:before {
  content: "\f082";
}

.fa-camera-retro:before {
  content: "\f083";
}

.fa-key:before {
  content: "\f084";
}

.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}

.fa-comments:before {
  content: "\f086";
}

.fa-thumbs-o-up:before {
  content: "\f087";
}

.fa-thumbs-o-down:before {
  content: "\f088";
}

.fa-star-half:before {
  content: "\f089";
}

.fa-heart-o:before {
  content: "\f08a";
}

.fa-sign-out:before {
  content: "\f08b";
}

.fa-linkedin-square:before {
  content: "\f08c";
}

.fa-thumb-tack:before {
  content: "\f08d";
}

.fa-external-link:before {
  content: "\f08e";
}

.fa-sign-in:before {
  content: "\f090";
}

.fa-trophy:before {
  content: "\f091";
}

.fa-github-square:before {
  content: "\f092";
}

.fa-upload:before {
  content: "\f093";
}

.fa-lemon-o:before {
  content: "\f094";
}

.fa-phone:before {
  content: "\f095";
}

.fa-square-o:before {
  content: "\f096";
}

.fa-bookmark-o:before {
  content: "\f097";
}

.fa-phone-square:before {
  content: "\f098";
}

.fa-twitter:before {
  content: "\f099";
}

.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a";
}

.fa-github:before {
  content: "\f09b";
}

.fa-unlock:before {
  content: "\f09c";
}

.fa-credit-card:before {
  content: "\f09d";
}

.fa-feed:before,
.fa-rss:before {
  content: "\f09e";
}

.fa-hdd-o:before {
  content: "\f0a0";
}

.fa-bullhorn:before {
  content: "\f0a1";
}

.fa-bell:before {
  content: "\f0f3";
}

.fa-certificate:before {
  content: "\f0a3";
}

.fa-hand-o-right:before {
  content: "\f0a4";
}

.fa-hand-o-left:before {
  content: "\f0a5";
}

.fa-hand-o-up:before {
  content: "\f0a6";
}

.fa-hand-o-down:before {
  content: "\f0a7";
}

.fa-arrow-circle-left:before {
  content: "\f0a8";
}

.fa-arrow-circle-right:before {
  content: "\f0a9";
}

.fa-arrow-circle-up:before {
  content: "\f0aa";
}

.fa-arrow-circle-down:before {
  content: "\f0ab";
}

.fa-globe:before {
  content: "\f0ac";
}

.fa-wrench:before {
  content: "\f0ad";
}

.fa-tasks:before {
  content: "\f0ae";
}

.fa-filter:before {
  content: "\f0b0";
}

.fa-briefcase:before {
  content: "\f0b1";
}

.fa-arrows-alt:before {
  content: "\f0b2";
}

.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}

.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}

.fa-cloud:before {
  content: "\f0c2";
}

.fa-flask:before {
  content: "\f0c3";
}

.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}

.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}

.fa-paperclip:before {
  content: "\f0c6";
}

.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}

.fa-square:before {
  content: "\f0c8";
}

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9";
}

.fa-list-ul:before {
  content: "\f0ca";
}

.fa-list-ol:before {
  content: "\f0cb";
}

.fa-strikethrough:before {
  content: "\f0cc";
}

.fa-underline:before {
  content: "\f0cd";
}

.fa-table:before {
  content: "\f0ce";
}

.fa-magic:before {
  content: "\f0d0";
}

.fa-truck:before {
  content: "\f0d1";
}

.fa-pinterest:before {
  content: "\f0d2";
}

.fa-pinterest-square:before {
  content: "\f0d3";
}

.fa-google-plus-square:before {
  content: "\f0d4";
}

.fa-google-plus:before {
  content: "\f0d5";
}

.fa-money:before {
  content: "\f0d6";
}

.fa-caret-down:before {
  content: "\f0d7";
}

.fa-caret-up:before {
  content: "\f0d8";
}

.fa-caret-left:before {
  content: "\f0d9";
}

.fa-caret-right:before {
  content: "\f0da";
}

.fa-columns:before {
  content: "\f0db";
}

.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}

.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}

.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de";
}

.fa-envelope:before {
  content: "\f0e0";
}

.fa-linkedin:before {
  content: "\f0e1";
}

.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}

.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}

.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}

.fa-comment-o:before {
  content: "\f0e5";
}

.fa-comments-o:before {
  content: "\f0e6";
}

.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}

.fa-sitemap:before {
  content: "\f0e8";
}

.fa-umbrella:before {
  content: "\f0e9";
}

.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}

.fa-lightbulb-o:before {
  content: "\f0eb";
}

.fa-exchange:before {
  content: "\f0ec";
}

.fa-cloud-download:before {
  content: "\f0ed";
}

.fa-cloud-upload:before {
  content: "\f0ee";
}

.fa-user-md:before {
  content: "\f0f0";
}

.fa-stethoscope:before {
  content: "\f0f1";
}

.fa-suitcase:before {
  content: "\f0f2";
}

.fa-bell-o:before {
  content: "\f0a2";
}

.fa-coffee:before {
  content: "\f0f4";
}

.fa-cutlery:before {
  content: "\f0f5";
}

.fa-file-text-o:before {
  content: "\f0f6";
}

.fa-building-o:before {
  content: "\f0f7";
}

.fa-hospital-o:before {
  content: "\f0f8";
}

.fa-ambulance:before {
  content: "\f0f9";
}

.fa-medkit:before {
  content: "\f0fa";
}

.fa-fighter-jet:before {
  content: "\f0fb";
}

.fa-beer:before {
  content: "\f0fc";
}

.fa-h-square:before {
  content: "\f0fd";
}

.fa-plus-square:before {
  content: "\f0fe";
}

.fa-angle-double-left:before {
  content: "\f100";
}

.fa-angle-double-right:before {
  content: "\f101";
}

.fa-angle-double-up:before {
  content: "\f102";
}

.fa-angle-double-down:before {
  content: "\f103";
}

.fa-angle-left:before {
  content: "\f104";
}

.fa-angle-right:before {
  content: "\f105";
}

.fa-angle-up:before {
  content: "\f106";
}

.fa-angle-down:before {
  content: "\f107";
}

.fa-desktop:before {
  content: "\f108";
}

.fa-laptop:before {
  content: "\f109";
}

.fa-tablet:before {
  content: "\f10a";
}

.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}

.fa-circle-o:before {
  content: "\f10c";
}

.fa-quote-left:before {
  content: "\f10d";
}

.fa-quote-right:before {
  content: "\f10e";
}

.fa-spinner:before {
  content: "\f110";
}

.fa-circle:before {
  content: "\f111";
}

.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}

.fa-github-alt:before {
  content: "\f113";
}

.fa-folder-o:before {
  content: "\f114";
}

.fa-folder-open-o:before {
  content: "\f115";
}

.fa-smile-o:before {
  content: "\f118";
}

.fa-frown-o:before {
  content: "\f119";
}

.fa-meh-o:before {
  content: "\f11a";
}

.fa-gamepad:before {
  content: "\f11b";
}

.fa-keyboard-o:before {
  content: "\f11c";
}

.fa-flag-o:before {
  content: "\f11d";
}

.fa-flag-checkered:before {
  content: "\f11e";
}

.fa-terminal:before {
  content: "\f120";
}

.fa-code:before {
  content: "\f121";
}

.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}

.fa-location-arrow:before {
  content: "\f124";
}

.fa-crop:before {
  content: "\f125";
}

.fa-code-fork:before {
  content: "\f126";
}

.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}

.fa-question:before {
  content: "\f128";
}

.fa-info:before {
  content: "\f129";
}

.fa-exclamation:before {
  content: "\f12a";
}

.fa-superscript:before {
  content: "\f12b";
}

.fa-subscript:before {
  content: "\f12c";
}

.fa-eraser:before {
  content: "\f12d";
}

.fa-puzzle-piece:before {
  content: "\f12e";
}

.fa-microphone:before {
  content: "\f130";
}

.fa-microphone-slash:before {
  content: "\f131";
}

.fa-shield:before {
  content: "\f132";
}

.fa-calendar-o:before {
  content: "\f133";
}

.fa-fire-extinguisher:before {
  content: "\f134";
}

.fa-rocket:before {
  content: "\f135";
}

.fa-maxcdn:before {
  content: "\f136";
}

.fa-chevron-circle-left:before {
  content: "\f137";
}

.fa-chevron-circle-right:before {
  content: "\f138";
}

.fa-chevron-circle-up:before {
  content: "\f139";
}

.fa-chevron-circle-down:before {
  content: "\f13a";
}

.fa-html5:before {
  content: "\f13b";
}

.fa-css3:before {
  content: "\f13c";
}

.fa-anchor:before {
  content: "\f13d";
}

.fa-unlock-alt:before {
  content: "\f13e";
}

.fa-bullseye:before {
  content: "\f140";
}

.fa-ellipsis-h:before {
  content: "\f141";
}

.fa-ellipsis-v:before {
  content: "\f142";
}

.fa-rss-square:before {
  content: "\f143";
}

.fa-play-circle:before {
  content: "\f144";
}

.fa-ticket:before {
  content: "\f145";
}

.fa-minus-square:before {
  content: "\f146";
}

.fa-minus-square-o:before {
  content: "\f147";
}

.fa-level-up:before {
  content: "\f148";
}

.fa-level-down:before {
  content: "\f149";
}

.fa-check-square:before {
  content: "\f14a";
}

.fa-pencil-square:before {
  content: "\f14b";
}

.fa-external-link-square:before {
  content: "\f14c";
}

.fa-share-square:before {
  content: "\f14d";
}

.fa-compass:before {
  content: "\f14e";
}

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}

.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}

.fa-gbp:before {
  content: "\f154";
}

.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}

.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}

.fa-won:before,
.fa-krw:before {
  content: "\f159";
}

.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}

.fa-file:before {
  content: "\f15b";
}

.fa-file-text:before {
  content: "\f15c";
}

.fa-sort-alpha-asc:before {
  content: "\f15d";
}

.fa-sort-alpha-desc:before {
  content: "\f15e";
}

.fa-sort-amount-asc:before {
  content: "\f160";
}

.fa-sort-amount-desc:before {
  content: "\f161";
}

.fa-sort-numeric-asc:before {
  content: "\f162";
}

.fa-sort-numeric-desc:before {
  content: "\f163";
}

.fa-thumbs-up:before {
  content: "\f164";
}

.fa-thumbs-down:before {
  content: "\f165";
}

.fa-youtube-square:before {
  content: "\f166";
}

.fa-youtube:before {
  content: "\f167";
}

.fa-xing:before {
  content: "\f168";
}

.fa-xing-square:before {
  content: "\f169";
}

.fa-youtube-play:before {
  content: "\f16a";
}

.fa-dropbox:before {
  content: "\f16b";
}

.fa-stack-overflow:before {
  content: "\f16c";
}

.fa-instagram:before {
  content: "\f16d";
}

.fa-flickr:before {
  content: "\f16e";
}

.fa-adn:before {
  content: "\f170";
}

.fa-bitbucket:before {
  content: "\f171";
}

.fa-bitbucket-square:before {
  content: "\f172";
}

.fa-tumblr:before {
  content: "\f173";
}

.fa-tumblr-square:before {
  content: "\f174";
}

.fa-long-arrow-down:before {
  content: "\f175";
}

.fa-long-arrow-up:before {
  content: "\f176";
}

.fa-long-arrow-left:before {
  content: "\f177";
}

.fa-long-arrow-right:before {
  content: "\f178";
}

.fa-apple:before {
  content: "\f179";
}

.fa-windows:before {
  content: "\f17a";
}

.fa-android:before {
  content: "\f17b";
}

.fa-linux:before {
  content: "\f17c";
}

.fa-dribbble:before {
  content: "\f17d";
}

.fa-skype:before {
  content: "\f17e";
}

.fa-foursquare:before {
  content: "\f180";
}

.fa-trello:before {
  content: "\f181";
}

.fa-female:before {
  content: "\f182";
}

.fa-male:before {
  content: "\f183";
}

.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184";
}

.fa-sun-o:before {
  content: "\f185";
}

.fa-moon-o:before {
  content: "\f186";
}

.fa-archive:before {
  content: "\f187";
}

.fa-bug:before {
  content: "\f188";
}

.fa-vk:before {
  content: "\f189";
}

.fa-weibo:before {
  content: "\f18a";
}

.fa-renren:before {
  content: "\f18b";
}

.fa-pagelines:before {
  content: "\f18c";
}

.fa-stack-exchange:before {
  content: "\f18d";
}

.fa-arrow-circle-o-right:before {
  content: "\f18e";
}

.fa-arrow-circle-o-left:before {
  content: "\f190";
}

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}

.fa-dot-circle-o:before {
  content: "\f192";
}

.fa-wheelchair:before {
  content: "\f193";
}

.fa-vimeo-square:before {
  content: "\f194";
}

.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}

.fa-plus-square-o:before {
  content: "\f196";
}

.fa-space-shuttle:before {
  content: "\f197";
}

.fa-slack:before {
  content: "\f198";
}

.fa-envelope-square:before {
  content: "\f199";
}

.fa-wordpress:before {
  content: "\f19a";
}

.fa-openid:before {
  content: "\f19b";
}

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c";
}

.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d";
}

.fa-yahoo:before {
  content: "\f19e";
}

.fa-google:before {
  content: "\f1a0";
}

.fa-reddit:before {
  content: "\f1a1";
}

.fa-reddit-square:before {
  content: "\f1a2";
}

.fa-stumbleupon-circle:before {
  content: "\f1a3";
}

.fa-stumbleupon:before {
  content: "\f1a4";
}

.fa-delicious:before {
  content: "\f1a5";
}

.fa-digg:before {
  content: "\f1a6";
}

.fa-pied-piper-pp:before {
  content: "\f1a7";
}

.fa-pied-piper-alt:before {
  content: "\f1a8";
}

.fa-drupal:before {
  content: "\f1a9";
}

.fa-joomla:before {
  content: "\f1aa";
}

.fa-language:before {
  content: "\f1ab";
}

.fa-fax:before {
  content: "\f1ac";
}

.fa-building:before {
  content: "\f1ad";
}

.fa-child:before {
  content: "\f1ae";
}

.fa-paw:before {
  content: "\f1b0";
}

.fa-spoon:before {
  content: "\f1b1";
}

.fa-cube:before {
  content: "\f1b2";
}

.fa-cubes:before {
  content: "\f1b3";
}

.fa-behance:before {
  content: "\f1b4";
}

.fa-behance-square:before {
  content: "\f1b5";
}

.fa-steam:before {
  content: "\f1b6";
}

.fa-steam-square:before {
  content: "\f1b7";
}

.fa-recycle:before {
  content: "\f1b8";
}

.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}

.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}

.fa-tree:before {
  content: "\f1bb";
}

.fa-spotify:before {
  content: "\f1bc";
}

.fa-deviantart:before {
  content: "\f1bd";
}

.fa-soundcloud:before {
  content: "\f1be";
}

.fa-database:before {
  content: "\f1c0";
}

.fa-file-pdf-o:before {
  content: "\f1c1";
}

.fa-file-word-o:before {
  content: "\f1c2";
}

.fa-file-excel-o:before {
  content: "\f1c3";
}

.fa-file-powerpoint-o:before {
  content: "\f1c4";
}

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5";
}

.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6";
}

.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7";
}

.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}

.fa-file-code-o:before {
  content: "\f1c9";
}

.fa-vine:before {
  content: "\f1ca";
}

.fa-codepen:before {
  content: "\f1cb";
}

.fa-jsfiddle:before {
  content: "\f1cc";
}

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd";
}

.fa-circle-o-notch:before {
  content: "\f1ce";
}

.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: "\f1d0";
}

.fa-ge:before,
.fa-empire:before {
  content: "\f1d1";
}

.fa-git-square:before {
  content: "\f1d2";
}

.fa-git:before {
  content: "\f1d3";
}

.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "\f1d4";
}

.fa-tencent-weibo:before {
  content: "\f1d5";
}

.fa-qq:before {
  content: "\f1d6";
}

.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}

.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8";
}

.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9";
}

.fa-history:before {
  content: "\f1da";
}

.fa-circle-thin:before {
  content: "\f1db";
}

.fa-header:before {
  content: "\f1dc";
}

.fa-paragraph:before {
  content: "\f1dd";
}

.fa-sliders:before {
  content: "\f1de";
}

.fa-share-alt:before {
  content: "\f1e0";
}

.fa-share-alt-square:before {
  content: "\f1e1";
}

.fa-bomb:before {
  content: "\f1e2";
}

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3";
}

.fa-tty:before {
  content: "\f1e4";
}

.fa-binoculars:before {
  content: "\f1e5";
}

.fa-plug:before {
  content: "\f1e6";
}

.fa-slideshare:before {
  content: "\f1e7";
}

.fa-twitch:before {
  content: "\f1e8";
}

.fa-yelp:before {
  content: "\f1e9";
}

.fa-newspaper-o:before {
  content: "\f1ea";
}

.fa-wifi:before {
  content: "\f1eb";
}

.fa-calculator:before {
  content: "\f1ec";
}

.fa-paypal:before {
  content: "\f1ed";
}

.fa-google-wallet:before {
  content: "\f1ee";
}

.fa-cc-visa:before {
  content: "\f1f0";
}

.fa-cc-mastercard:before {
  content: "\f1f1";
}

.fa-cc-discover:before {
  content: "\f1f2";
}

.fa-cc-amex:before {
  content: "\f1f3";
}

.fa-cc-paypal:before {
  content: "\f1f4";
}

.fa-cc-stripe:before {
  content: "\f1f5";
}

.fa-bell-slash:before {
  content: "\f1f6";
}

.fa-bell-slash-o:before {
  content: "\f1f7";
}

.fa-trash:before {
  content: "\f1f8";
}

.fa-copyright:before {
  content: "\f1f9";
}

.fa-at:before {
  content: "\f1fa";
}

.fa-eyedropper:before {
  content: "\f1fb";
}

.fa-paint-brush:before {
  content: "\f1fc";
}

.fa-birthday-cake:before {
  content: "\f1fd";
}

.fa-area-chart:before {
  content: "\f1fe";
}

.fa-pie-chart:before {
  content: "\f200";
}

.fa-line-chart:before {
  content: "\f201";
}

.fa-lastfm:before {
  content: "\f202";
}

.fa-lastfm-square:before {
  content: "\f203";
}

.fa-toggle-off:before {
  content: "\f204";
}

.fa-toggle-on:before {
  content: "\f205";
}

.fa-bicycle:before {
  content: "\f206";
}

.fa-bus:before {
  content: "\f207";
}

.fa-ioxhost:before {
  content: "\f208";
}

.fa-angellist:before {
  content: "\f209";
}

.fa-cc:before {
  content: "\f20a";
}

.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b";
}

.fa-meanpath:before {
  content: "\f20c";
}

.fa-buysellads:before {
  content: "\f20d";
}

.fa-connectdevelop:before {
  content: "\f20e";
}

.fa-dashcube:before {
  content: "\f210";
}

.fa-forumbee:before {
  content: "\f211";
}

.fa-leanpub:before {
  content: "\f212";
}

.fa-sellsy:before {
  content: "\f213";
}

.fa-shirtsinbulk:before {
  content: "\f214";
}

.fa-simplybuilt:before {
  content: "\f215";
}

.fa-skyatlas:before {
  content: "\f216";
}

.fa-cart-plus:before {
  content: "\f217";
}

.fa-cart-arrow-down:before {
  content: "\f218";
}

.fa-diamond:before {
  content: "\f219";
}

.fa-ship:before {
  content: "\f21a";
}

.fa-user-secret:before {
  content: "\f21b";
}

.fa-motorcycle:before {
  content: "\f21c";
}

.fa-street-view:before {
  content: "\f21d";
}

.fa-heartbeat:before {
  content: "\f21e";
}

.fa-venus:before {
  content: "\f221";
}

.fa-mars:before {
  content: "\f222";
}

.fa-mercury:before {
  content: "\f223";
}

.fa-intersex:before,
.fa-transgender:before {
  content: "\f224";
}

.fa-transgender-alt:before {
  content: "\f225";
}

.fa-venus-double:before {
  content: "\f226";
}

.fa-mars-double:before {
  content: "\f227";
}

.fa-venus-mars:before {
  content: "\f228";
}

.fa-mars-stroke:before {
  content: "\f229";
}

.fa-mars-stroke-v:before {
  content: "\f22a";
}

.fa-mars-stroke-h:before {
  content: "\f22b";
}

.fa-neuter:before {
  content: "\f22c";
}

.fa-genderless:before {
  content: "\f22d";
}

.fa-facebook-official:before {
  content: "\f230";
}

.fa-pinterest-p:before {
  content: "\f231";
}

.fa-whatsapp:before {
  content: "\f232";
}

.fa-server:before {
  content: "\f233";
}

.fa-user-plus:before {
  content: "\f234";
}

.fa-user-times:before {
  content: "\f235";
}

.fa-hotel:before,
.fa-bed:before {
  content: "\f236";
}

.fa-viacoin:before {
  content: "\f237";
}

.fa-train:before {
  content: "\f238";
}

.fa-subway:before {
  content: "\f239";
}

.fa-medium:before {
  content: "\f23a";
}

.fa-yc:before,
.fa-y-combinator:before {
  content: "\f23b";
}

.fa-optin-monster:before {
  content: "\f23c";
}

.fa-opencart:before {
  content: "\f23d";
}

.fa-expeditedssl:before {
  content: "\f23e";
}

.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
  content: "\f240";
}

.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "\f241";
}

.fa-battery-2:before,
.fa-battery-half:before {
  content: "\f242";
}

.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "\f243";
}

.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\f244";
}

.fa-mouse-pointer:before {
  content: "\f245";
}

.fa-i-cursor:before {
  content: "\f246";
}

.fa-object-group:before {
  content: "\f247";
}

.fa-object-ungroup:before {
  content: "\f248";
}

.fa-sticky-note:before {
  content: "\f249";
}

.fa-sticky-note-o:before {
  content: "\f24a";
}

.fa-cc-jcb:before {
  content: "\f24b";
}

.fa-cc-diners-club:before {
  content: "\f24c";
}

.fa-clone:before {
  content: "\f24d";
}

.fa-balance-scale:before {
  content: "\f24e";
}

.fa-hourglass-o:before {
  content: "\f250";
}

.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\f251";
}

.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\f252";
}

.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\f253";
}

.fa-hourglass:before {
  content: "\f254";
}

.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\f255";
}

.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "\f256";
}

.fa-hand-scissors-o:before {
  content: "\f257";
}

.fa-hand-lizard-o:before {
  content: "\f258";
}

.fa-hand-spock-o:before {
  content: "\f259";
}

.fa-hand-pointer-o:before {
  content: "\f25a";
}

.fa-hand-peace-o:before {
  content: "\f25b";
}

.fa-trademark:before {
  content: "\f25c";
}

.fa-registered:before {
  content: "\f25d";
}

.fa-creative-commons:before {
  content: "\f25e";
}

.fa-gg:before {
  content: "\f260";
}

.fa-gg-circle:before {
  content: "\f261";
}

.fa-tripadvisor:before {
  content: "\f262";
}

.fa-odnoklassniki:before {
  content: "\f263";
}

.fa-odnoklassniki-square:before {
  content: "\f264";
}

.fa-get-pocket:before {
  content: "\f265";
}

.fa-wikipedia-w:before {
  content: "\f266";
}

.fa-safari:before {
  content: "\f267";
}

.fa-chrome:before {
  content: "\f268";
}

.fa-firefox:before {
  content: "\f269";
}

.fa-opera:before {
  content: "\f26a";
}

.fa-internet-explorer:before {
  content: "\f26b";
}

.fa-tv:before,
.fa-television:before {
  content: "\f26c";
}

.fa-contao:before {
  content: "\f26d";
}

.fa-500px:before {
  content: "\f26e";
}

.fa-amazon:before {
  content: "\f270";
}

.fa-calendar-plus-o:before {
  content: "\f271";
}

.fa-calendar-minus-o:before {
  content: "\f272";
}

.fa-calendar-times-o:before {
  content: "\f273";
}

.fa-calendar-check-o:before {
  content: "\f274";
}

.fa-industry:before {
  content: "\f275";
}

.fa-map-pin:before {
  content: "\f276";
}

.fa-map-signs:before {
  content: "\f277";
}

.fa-map-o:before {
  content: "\f278";
}

.fa-map:before {
  content: "\f279";
}

.fa-commenting:before {
  content: "\f27a";
}

.fa-commenting-o:before {
  content: "\f27b";
}

.fa-houzz:before {
  content: "\f27c";
}

.fa-vimeo:before {
  content: "\f27d";
}

.fa-black-tie:before {
  content: "\f27e";
}

.fa-fonticons:before {
  content: "\f280";
}

.fa-reddit-alien:before {
  content: "\f281";
}

.fa-edge:before {
  content: "\f282";
}

.fa-credit-card-alt:before {
  content: "\f283";
}

.fa-codiepie:before {
  content: "\f284";
}

.fa-modx:before {
  content: "\f285";
}

.fa-fort-awesome:before {
  content: "\f286";
}

.fa-usb:before {
  content: "\f287";
}

.fa-product-hunt:before {
  content: "\f288";
}

.fa-mixcloud:before {
  content: "\f289";
}

.fa-scribd:before {
  content: "\f28a";
}

.fa-pause-circle:before {
  content: "\f28b";
}

.fa-pause-circle-o:before {
  content: "\f28c";
}

.fa-stop-circle:before {
  content: "\f28d";
}

.fa-stop-circle-o:before {
  content: "\f28e";
}

.fa-shopping-bag:before {
  content: "\f290";
}

.fa-shopping-basket:before {
  content: "\f291";
}

.fa-hashtag:before {
  content: "\f292";
}

.fa-bluetooth:before {
  content: "\f293";
}

.fa-bluetooth-b:before {
  content: "\f294";
}

.fa-percent:before {
  content: "\f295";
}

.fa-gitlab:before {
  content: "\f296";
}

.fa-wpbeginner:before {
  content: "\f297";
}

.fa-wpforms:before {
  content: "\f298";
}

.fa-envira:before {
  content: "\f299";
}

.fa-universal-access:before {
  content: "\f29a";
}

.fa-wheelchair-alt:before {
  content: "\f29b";
}

.fa-question-circle-o:before {
  content: "\f29c";
}

.fa-blind:before {
  content: "\f29d";
}

.fa-audio-description:before {
  content: "\f29e";
}

.fa-volume-control-phone:before {
  content: "\f2a0";
}

.fa-braille:before {
  content: "\f2a1";
}

.fa-assistive-listening-systems:before {
  content: "\f2a2";
}

.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: "\f2a3";
}

.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: "\f2a4";
}

.fa-glide:before {
  content: "\f2a5";
}

.fa-glide-g:before {
  content: "\f2a6";
}

.fa-signing:before,
.fa-sign-language:before {
  content: "\f2a7";
}

.fa-low-vision:before {
  content: "\f2a8";
}

.fa-viadeo:before {
  content: "\f2a9";
}

.fa-viadeo-square:before {
  content: "\f2aa";
}

.fa-snapchat:before {
  content: "\f2ab";
}

.fa-snapchat-ghost:before {
  content: "\f2ac";
}

.fa-snapchat-square:before {
  content: "\f2ad";
}

.fa-pied-piper:before {
  content: "\f2ae";
}

.fa-first-order:before {
  content: "\f2b0";
}

.fa-yoast:before {
  content: "\f2b1";
}

.fa-themeisle:before {
  content: "\f2b2";
}

.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: "\f2b3";
}

.fa-fa:before,
.fa-font-awesome:before {
  content: "\f2b4";
}

.fa-handshake-o:before {
  content: "\f2b5";
}

.fa-envelope-open:before {
  content: "\f2b6";
}

.fa-envelope-open-o:before {
  content: "\f2b7";
}

.fa-linode:before {
  content: "\f2b8";
}

.fa-address-book:before {
  content: "\f2b9";
}

.fa-address-book-o:before {
  content: "\f2ba";
}

.fa-vcard:before,
.fa-address-card:before {
  content: "\f2bb";
}

.fa-vcard-o:before,
.fa-address-card-o:before {
  content: "\f2bc";
}

.fa-user-circle:before {
  content: "\f2bd";
}

.fa-user-circle-o:before {
  content: "\f2be";
}

.fa-user-o:before {
  content: "\f2c0";
}

.fa-id-badge:before {
  content: "\f2c1";
}

.fa-drivers-license:before,
.fa-id-card:before {
  content: "\f2c2";
}

.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: "\f2c3";
}

.fa-quora:before {
  content: "\f2c4";
}

.fa-free-code-camp:before {
  content: "\f2c5";
}

.fa-telegram:before {
  content: "\f2c6";
}

.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
  content: "\f2c7";
}

.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: "\f2c8";
}

.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: "\f2c9";
}

.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: "\f2ca";
}

.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: "\f2cb";
}

.fa-shower:before {
  content: "\f2cc";
}

.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
  content: "\f2cd";
}

.fa-podcast:before {
  content: "\f2ce";
}

.fa-window-maximize:before {
  content: "\f2d0";
}

.fa-window-minimize:before {
  content: "\f2d1";
}

.fa-window-restore:before {
  content: "\f2d2";
}

.fa-times-rectangle:before,
.fa-window-close:before {
  content: "\f2d3";
}

.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: "\f2d4";
}

.fa-bandcamp:before {
  content: "\f2d5";
}

.fa-grav:before {
  content: "\f2d6";
}

.fa-etsy:before {
  content: "\f2d7";
}

.fa-imdb:before {
  content: "\f2d8";
}

.fa-ravelry:before {
  content: "\f2d9";
}

.fa-eercast:before {
  content: "\f2da";
}

.fa-microchip:before {
  content: "\f2db";
}

.fa-snowflake-o:before {
  content: "\f2dc";
}

.fa-superpowers:before {
  content: "\f2dd";
}

.fa-wpexplorer:before {
  content: "\f2de";
}

.fa-meetup:before {
  content: "\f2e0";
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

/*!
 * Legal Disclaimer
 *
 * These Fonts are licensed only for use on these domains and their subdomains:
 * pagerduty.com
 *
 * It is illegal to download or use them on other websites.
 *
 * While the @font-face statements below may be modified by the client, this
 * disclaimer may not be removed.
 *
 * optimo.ch, 2019
 */
/*
*  Support for various font weights as sumeric values
| Value | Common weight name        |
|-------|---------------------------|
|   100 | Thin (Hairline)           |
|   200 | Extra Light (Ultra Light) |
|   300 | Light                     |
|   400 | Normal                    |
|   500 | Medium                    |
|   600 | Semi Bold (Demi Bold)     |
|   700 | Bold                      |
|   800 | Extra Bold (Ultra Bold)   |
|   900 | Black (Heavy)             |
* woff2 Only as woff is obsolete
*/
@font-face {
  font-family: Plain;
  src: url("/fonts/PlainThin-Regular.woff2") format("woff2");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: Plain;
  src: url("/fonts/PlainThin-Italic.woff2") format("woff2");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: Plain;
  src: url("/fonts/PlainRegular-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: Plain;
  src: url("/fonts/PlainRegular-Italic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: Plain;
  src: url("/fonts/PlainBold-Regular.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: Plain;
  src: url("/fonts/PlainBold-Italic.woff2") format("woff2");
  font-weight: 600;
  font-style: italic;
}
/*  Foundation for Sites Settings
/*  -----------------------------
/*
/*  Table of Contents:
/*
/*   0. My Styles
/*   1. Global
/*   2. Breakpoints
/*   3. The Grid
/*   4. Base Typography
/*   5. Typography Helpers
/*   6. Abide
/*   7. Accordion
/*   8. Accordion Menu
/*   9. Badge
/*  10. Breadcrumbs
/*  11. Button
/*  12. Button Group
/*  13. Callout
/*  14. Card
/*  15. Close Button
/*  16. Drilldown
/*  17. Dropdown
/*  18. Dropdown Menu
/*  19. Forms
/*  20. Label
/*  21. Media Object
/*  22. Menu
/*  23. Meter
/*  24. Off-canvas
/*  25. Orbit
/*  26. Pagination
/*  27. Progress Bar
/*  28. Responsive Embed
/*  29. Reveal
/*  30. Slider
/*  31. Switch
/*  32. Table
/*  33. Tabs
/*  34. Thumbnail
/*  35. Title Bar
/*  36. Tooltip
/*  37. Top Bar
*/
/* 0. My Styles
/* ---------
*/
/* Themes */
/* Pagerduty Theme */
/* color variable definitions to align with foundation _color mixin  */
/* Media Queries */
/* The branding style-guide recommends "Helvetica Neu" as a fallback from
/* "Plain" and explicitly recommends against "Arial". Since windows does not
/* include "Helvetica" and the most common "sans-serif" is arial, "Franklin
/* Gothic" is included as an alternative as it is also in the Grotesque
/* category.
*/
/* 1. Global
/* ---------
*/
/* 2. Breakpoints
/* --------------
*/
/* 3. The Grid
/* -----------
*/
/* 4. Base Typography
/* ------------------
*/
/* 5. Typography Helpers
/* ---------------------
*/
/* 6. Abide
/* --------
*/
/* 7. Accordion
/* ------------
*/
/* 8. Accordion Menu
/* -----------------
*/
/* 9. Badge
/* --------
*/
/* 10. Breadcrumbs
/* ---------------
*/
/* 11. Button
/* ----------
*/
/* 12. Button Group
/* ----------------
*/
/* 13. Callout
/* -----------
*/
/* 14. Card
/* --------
*/
/* 15. Close Button
/* ----------------
*/
/* 16. Drilldown
/* -------------
*/
/* 17. Dropdown
/* ------------
*/
/* 18. Dropdown Menu
/* -----------------
*/
/* 19. Forms
/* ---------
*/
/* $input-shadow: inset 0 1px 2px rgba($black, 0.1);
$input-shadow: none;
$input-shadow-focus: 0 0 5px $gz-lt-gray;
$input-cursor-disabled: not-allowed;
$input-transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
$input-number-spinners: true;
$input-radius: $global-radius;
$form-button-radius: $global-radius;

/* 20. Label
/* ---------
*/
/* 21. Media Object
/* ----------------
*/
/* 22. Menu
/* --------
*/
/* 23. Meter
/* ---------
*/
/* 24. Off-canvas
/* --------------
*/
/* 25. Orbit
/* ---------
*/
/* 26. Pagination
/* --------------
*/
/* 27. Progress Bar
/* ----------------
*/
/* 28. Responsive Embed
/* --------------------
*/
/* 29. Reveal
/* ----------
*/
/* 30. Slider
/* ----------
*/
/* 31. Switch
/* ----------
*/
/* 32. Table
/* ---------
*/
/* 33. Tabs
/* --------
*/
/* 34. Thumbnail
/* -------------
*/
/* 35. Title Bar
/* -------------
*/
/* 36. Tooltip
/* -----------
*/
/* 37. Top Bar
/* -----------
*/
/* Needs to go right after foundation, before main and other dependant imports */
/**
 * Foundation for Sites
 * Version 6.9.0
 * https://get.foundation
 * Licensed under MIT Open Source
 */
@media print, screen and (min-width: 40em) {
  .reveal.large, .reveal.small, .reveal.tiny, .reveal {
    right: auto;
    left: auto;
    margin: 0 auto;
  }
}
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: 0;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

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

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

[data-whatintent=mouse] *, [data-whatintent=mouse] *:focus,
[data-whatintent=touch] *,
[data-whatintent=touch] *:focus,
[data-whatinput=mouse] *,
[data-whatinput=mouse] *:focus,
[data-whatinput=touch] *,
[data-whatinput=touch] *:focus {
  outline: none;
}

[draggable=false] {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
}

.foundation-mq {
  font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em";
}

html {
  box-sizing: border-box;
  font-size: 100%;
}

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

body {
  margin: 0;
  padding: 0;
  background: #ffffff;
  font-family: Plain, "Helvetica Neue", Helvetica, Franklin Gothic Medium, Franklin Gothic, ITC Franklin Gothic, sans-serif;
  font-weight: normal;
  line-height: 1.5;
  color: #4b4f4f;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
}

textarea {
  height: auto;
  min-height: 50px;
  border-radius: 0;
}

select {
  box-sizing: border-box;
  width: 100%;
  border-radius: 0;
}

.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
  max-width: none !important;
}

[data-whatinput=mouse] button {
  outline: 0;
}
button {
  padding: 0;
  appearance: none;
  border: 0;
  border-radius: 0;
  background: transparent;
  line-height: 1;
  cursor: auto;
}

pre {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
}

.is-visible {
  display: block !important;
}

.is-hidden {
  display: none !important;
}

/* @include foundation-grid; */
.row {
  max-width: 75rem;
  margin-right: auto;
  margin-left: auto;
  display: flex;
  flex-flow: row wrap;
}
.row .row {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}
@media print, screen and (min-width: 40em) {
  .row .row {
    margin-right: -0.9375rem;
    margin-left: -0.9375rem;
  }
}
@media print, screen and (min-width: 64em) {
  .row .row {
    margin-right: -0.9375rem;
    margin-left: -0.9375rem;
  }
}
@media screen and (min-width: 75em) {
  .row .row {
    margin-right: -0.9375rem;
    margin-left: -0.9375rem;
  }
}
@media screen and (min-width: 90em) {
  .row .row {
    margin-right: -0.9375rem;
    margin-left: -0.9375rem;
  }
}
.row .row.collapse {
  margin-right: 0;
  margin-left: 0;
}
.row.expanded {
  max-width: none;
}
.row.expanded .row {
  margin-right: auto;
  margin-left: auto;
}
.row:not(.expanded) .row {
  max-width: none;
}
.row.collapse > .column, .row.collapse > .columns {
  padding-right: 0;
  padding-left: 0;
}
.row.is-collapse-child, .row.collapse > .column > .row, .row.collapse > .columns > .row {
  margin-right: 0;
  margin-left: 0;
}

.column, .columns {
  min-width: 0;
  flex: 1 1 0px;
  padding-right: 0.625rem;
  padding-left: 0.625rem;
}
@media print, screen and (min-width: 40em) {
  .column, .columns {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}

.column.row.row, .row.row.columns {
  float: none;
  display: block;
}

.row .column.row.row, .row .row.row.columns {
  margin-right: 0;
  margin-left: 0;
  padding-right: 0;
  padding-left: 0;
}

.small-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.small-offset-0 {
  margin-left: 0%;
}

.small-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.small-offset-1 {
  margin-left: 8.3333333333%;
}

.small-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.small-offset-2 {
  margin-left: 16.6666666667%;
}

.small-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.small-offset-3 {
  margin-left: 25%;
}

.small-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

.small-offset-4 {
  margin-left: 33.3333333333%;
}

.small-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.small-offset-5 {
  margin-left: 41.6666666667%;
}

.small-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.small-offset-6 {
  margin-left: 50%;
}

.small-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.small-offset-7 {
  margin-left: 58.3333333333%;
}

.small-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.small-offset-8 {
  margin-left: 66.6666666667%;
}

.small-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.small-offset-9 {
  margin-left: 75%;
}

.small-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

.small-offset-10 {
  margin-left: 83.3333333333%;
}

.small-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.small-offset-11 {
  margin-left: 91.6666666667%;
}

.small-up-1 {
  flex-wrap: wrap;
}
.small-up-1 > .column, .small-up-1 > .columns {
  flex: 0 0 100%;
  max-width: 100%;
}

.small-up-2 {
  flex-wrap: wrap;
}
.small-up-2 > .column, .small-up-2 > .columns {
  flex: 0 0 50%;
  max-width: 50%;
}

.small-up-3 {
  flex-wrap: wrap;
}
.small-up-3 > .column, .small-up-3 > .columns {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.small-up-4 {
  flex-wrap: wrap;
}
.small-up-4 > .column, .small-up-4 > .columns {
  flex: 0 0 25%;
  max-width: 25%;
}

.small-up-5 {
  flex-wrap: wrap;
}
.small-up-5 > .column, .small-up-5 > .columns {
  flex: 0 0 20%;
  max-width: 20%;
}

.small-up-6 {
  flex-wrap: wrap;
}
.small-up-6 > .column, .small-up-6 > .columns {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.small-up-7 {
  flex-wrap: wrap;
}
.small-up-7 > .column, .small-up-7 > .columns {
  flex: 0 0 14.2857142857%;
  max-width: 14.2857142857%;
}

.small-up-8 {
  flex-wrap: wrap;
}
.small-up-8 > .column, .small-up-8 > .columns {
  flex: 0 0 12.5%;
  max-width: 12.5%;
}

.small-collapse > .column, .small-collapse > .columns {
  padding-right: 0;
  padding-left: 0;
}

.small-uncollapse > .column, .small-uncollapse > .columns {
  padding-right: 0.625rem;
  padding-left: 0.625rem;
}

@media print, screen and (min-width: 40em) {
  .medium-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .medium-offset-0 {
    margin-left: 0%;
  }
  .medium-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .medium-offset-1 {
    margin-left: 8.3333333333%;
  }
  .medium-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .medium-offset-2 {
    margin-left: 16.6666666667%;
  }
  .medium-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .medium-offset-3 {
    margin-left: 25%;
  }
  .medium-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .medium-offset-4 {
    margin-left: 33.3333333333%;
  }
  .medium-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .medium-offset-5 {
    margin-left: 41.6666666667%;
  }
  .medium-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .medium-offset-6 {
    margin-left: 50%;
  }
  .medium-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .medium-offset-7 {
    margin-left: 58.3333333333%;
  }
  .medium-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .medium-offset-8 {
    margin-left: 66.6666666667%;
  }
  .medium-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .medium-offset-9 {
    margin-left: 75%;
  }
  .medium-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .medium-offset-10 {
    margin-left: 83.3333333333%;
  }
  .medium-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .medium-offset-11 {
    margin-left: 91.6666666667%;
  }
  .medium-up-1 {
    flex-wrap: wrap;
  }
  .medium-up-1 > .column, .medium-up-1 > .columns {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .medium-up-2 {
    flex-wrap: wrap;
  }
  .medium-up-2 > .column, .medium-up-2 > .columns {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .medium-up-3 {
    flex-wrap: wrap;
  }
  .medium-up-3 > .column, .medium-up-3 > .columns {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .medium-up-4 {
    flex-wrap: wrap;
  }
  .medium-up-4 > .column, .medium-up-4 > .columns {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .medium-up-5 {
    flex-wrap: wrap;
  }
  .medium-up-5 > .column, .medium-up-5 > .columns {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .medium-up-6 {
    flex-wrap: wrap;
  }
  .medium-up-6 > .column, .medium-up-6 > .columns {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .medium-up-7 {
    flex-wrap: wrap;
  }
  .medium-up-7 > .column, .medium-up-7 > .columns {
    flex: 0 0 14.2857142857%;
    max-width: 14.2857142857%;
  }
  .medium-up-8 {
    flex-wrap: wrap;
  }
  .medium-up-8 > .column, .medium-up-8 > .columns {
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
}
@media print, screen and (min-width: 40em) and (min-width: 40em) {
  .medium-expand {
    flex: 1 1 0px;
  }
}
.row.medium-unstack > .column, .row.medium-unstack > .columns {
  flex: 0 0 100%;
}
@media print, screen and (min-width: 40em) {
  .row.medium-unstack > .column, .row.medium-unstack > .columns {
    flex: 1 1 0px;
  }
  .medium-collapse > .column, .medium-collapse > .columns {
    padding-right: 0;
    padding-left: 0;
  }
  .medium-uncollapse > .column, .medium-uncollapse > .columns {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}

@media print, screen and (min-width: 64em) {
  .large-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .large-offset-0 {
    margin-left: 0%;
  }
  .large-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .large-offset-1 {
    margin-left: 8.3333333333%;
  }
  .large-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .large-offset-2 {
    margin-left: 16.6666666667%;
  }
  .large-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .large-offset-3 {
    margin-left: 25%;
  }
  .large-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .large-offset-4 {
    margin-left: 33.3333333333%;
  }
  .large-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .large-offset-5 {
    margin-left: 41.6666666667%;
  }
  .large-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .large-offset-6 {
    margin-left: 50%;
  }
  .large-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .large-offset-7 {
    margin-left: 58.3333333333%;
  }
  .large-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .large-offset-8 {
    margin-left: 66.6666666667%;
  }
  .large-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .large-offset-9 {
    margin-left: 75%;
  }
  .large-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .large-offset-10 {
    margin-left: 83.3333333333%;
  }
  .large-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .large-offset-11 {
    margin-left: 91.6666666667%;
  }
  .large-up-1 {
    flex-wrap: wrap;
  }
  .large-up-1 > .column, .large-up-1 > .columns {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .large-up-2 {
    flex-wrap: wrap;
  }
  .large-up-2 > .column, .large-up-2 > .columns {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .large-up-3 {
    flex-wrap: wrap;
  }
  .large-up-3 > .column, .large-up-3 > .columns {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .large-up-4 {
    flex-wrap: wrap;
  }
  .large-up-4 > .column, .large-up-4 > .columns {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .large-up-5 {
    flex-wrap: wrap;
  }
  .large-up-5 > .column, .large-up-5 > .columns {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .large-up-6 {
    flex-wrap: wrap;
  }
  .large-up-6 > .column, .large-up-6 > .columns {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .large-up-7 {
    flex-wrap: wrap;
  }
  .large-up-7 > .column, .large-up-7 > .columns {
    flex: 0 0 14.2857142857%;
    max-width: 14.2857142857%;
  }
  .large-up-8 {
    flex-wrap: wrap;
  }
  .large-up-8 > .column, .large-up-8 > .columns {
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
}
@media print, screen and (min-width: 64em) and (min-width: 64em) {
  .large-expand {
    flex: 1 1 0px;
  }
}
.row.large-unstack > .column, .row.large-unstack > .columns {
  flex: 0 0 100%;
}
@media print, screen and (min-width: 64em) {
  .row.large-unstack > .column, .row.large-unstack > .columns {
    flex: 1 1 0px;
  }
  .large-collapse > .column, .large-collapse > .columns {
    padding-right: 0;
    padding-left: 0;
  }
  .large-uncollapse > .column, .large-uncollapse > .columns {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}

@media screen and (min-width: 75em) {
  .xlarge-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .xlarge-offset-0 {
    margin-left: 0%;
  }
  .xlarge-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .xlarge-offset-1 {
    margin-left: 8.3333333333%;
  }
  .xlarge-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .xlarge-offset-2 {
    margin-left: 16.6666666667%;
  }
  .xlarge-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .xlarge-offset-3 {
    margin-left: 25%;
  }
  .xlarge-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .xlarge-offset-4 {
    margin-left: 33.3333333333%;
  }
  .xlarge-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .xlarge-offset-5 {
    margin-left: 41.6666666667%;
  }
  .xlarge-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .xlarge-offset-6 {
    margin-left: 50%;
  }
  .xlarge-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .xlarge-offset-7 {
    margin-left: 58.3333333333%;
  }
  .xlarge-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .xlarge-offset-8 {
    margin-left: 66.6666666667%;
  }
  .xlarge-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .xlarge-offset-9 {
    margin-left: 75%;
  }
  .xlarge-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .xlarge-offset-10 {
    margin-left: 83.3333333333%;
  }
  .xlarge-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .xlarge-offset-11 {
    margin-left: 91.6666666667%;
  }
  .xlarge-up-1 {
    flex-wrap: wrap;
  }
  .xlarge-up-1 > .column, .xlarge-up-1 > .columns {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .xlarge-up-2 {
    flex-wrap: wrap;
  }
  .xlarge-up-2 > .column, .xlarge-up-2 > .columns {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .xlarge-up-3 {
    flex-wrap: wrap;
  }
  .xlarge-up-3 > .column, .xlarge-up-3 > .columns {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .xlarge-up-4 {
    flex-wrap: wrap;
  }
  .xlarge-up-4 > .column, .xlarge-up-4 > .columns {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .xlarge-up-5 {
    flex-wrap: wrap;
  }
  .xlarge-up-5 > .column, .xlarge-up-5 > .columns {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .xlarge-up-6 {
    flex-wrap: wrap;
  }
  .xlarge-up-6 > .column, .xlarge-up-6 > .columns {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .xlarge-up-7 {
    flex-wrap: wrap;
  }
  .xlarge-up-7 > .column, .xlarge-up-7 > .columns {
    flex: 0 0 14.2857142857%;
    max-width: 14.2857142857%;
  }
  .xlarge-up-8 {
    flex-wrap: wrap;
  }
  .xlarge-up-8 > .column, .xlarge-up-8 > .columns {
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
}
@media screen and (min-width: 75em) and (min-width: 75em) {
  .xlarge-expand {
    flex: 1 1 0px;
  }
}
.row.xlarge-unstack > .column, .row.xlarge-unstack > .columns {
  flex: 0 0 100%;
}
@media screen and (min-width: 75em) {
  .row.xlarge-unstack > .column, .row.xlarge-unstack > .columns {
    flex: 1 1 0px;
  }
  .xlarge-collapse > .column, .xlarge-collapse > .columns {
    padding-right: 0;
    padding-left: 0;
  }
  .xlarge-uncollapse > .column, .xlarge-uncollapse > .columns {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}

@media screen and (min-width: 90em) {
  .xxlarge-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .xxlarge-offset-0 {
    margin-left: 0%;
  }
  .xxlarge-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .xxlarge-offset-1 {
    margin-left: 8.3333333333%;
  }
  .xxlarge-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .xxlarge-offset-2 {
    margin-left: 16.6666666667%;
  }
  .xxlarge-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .xxlarge-offset-3 {
    margin-left: 25%;
  }
  .xxlarge-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .xxlarge-offset-4 {
    margin-left: 33.3333333333%;
  }
  .xxlarge-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .xxlarge-offset-5 {
    margin-left: 41.6666666667%;
  }
  .xxlarge-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .xxlarge-offset-6 {
    margin-left: 50%;
  }
  .xxlarge-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .xxlarge-offset-7 {
    margin-left: 58.3333333333%;
  }
  .xxlarge-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .xxlarge-offset-8 {
    margin-left: 66.6666666667%;
  }
  .xxlarge-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .xxlarge-offset-9 {
    margin-left: 75%;
  }
  .xxlarge-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .xxlarge-offset-10 {
    margin-left: 83.3333333333%;
  }
  .xxlarge-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .xxlarge-offset-11 {
    margin-left: 91.6666666667%;
  }
  .xxlarge-up-1 {
    flex-wrap: wrap;
  }
  .xxlarge-up-1 > .column, .xxlarge-up-1 > .columns {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .xxlarge-up-2 {
    flex-wrap: wrap;
  }
  .xxlarge-up-2 > .column, .xxlarge-up-2 > .columns {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .xxlarge-up-3 {
    flex-wrap: wrap;
  }
  .xxlarge-up-3 > .column, .xxlarge-up-3 > .columns {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .xxlarge-up-4 {
    flex-wrap: wrap;
  }
  .xxlarge-up-4 > .column, .xxlarge-up-4 > .columns {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .xxlarge-up-5 {
    flex-wrap: wrap;
  }
  .xxlarge-up-5 > .column, .xxlarge-up-5 > .columns {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .xxlarge-up-6 {
    flex-wrap: wrap;
  }
  .xxlarge-up-6 > .column, .xxlarge-up-6 > .columns {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .xxlarge-up-7 {
    flex-wrap: wrap;
  }
  .xxlarge-up-7 > .column, .xxlarge-up-7 > .columns {
    flex: 0 0 14.2857142857%;
    max-width: 14.2857142857%;
  }
  .xxlarge-up-8 {
    flex-wrap: wrap;
  }
  .xxlarge-up-8 > .column, .xxlarge-up-8 > .columns {
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
}
@media screen and (min-width: 90em) and (min-width: 90em) {
  .xxlarge-expand {
    flex: 1 1 0px;
  }
}
.row.xxlarge-unstack > .column, .row.xxlarge-unstack > .columns {
  flex: 0 0 100%;
}
@media screen and (min-width: 90em) {
  .row.xxlarge-unstack > .column, .row.xxlarge-unstack > .columns {
    flex: 1 1 0px;
  }
  .xxlarge-collapse > .column, .xxlarge-collapse > .columns {
    padding-right: 0;
    padding-left: 0;
  }
  .xxlarge-uncollapse > .column, .xxlarge-uncollapse > .columns {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}

.shrink {
  flex: 0 0 auto;
  max-width: 100%;
}

.column-block {
  margin-bottom: 1.25rem;
}
.column-block > :last-child {
  margin-bottom: 0;
}
@media print, screen and (min-width: 40em) {
  .column-block {
    margin-bottom: 1.875rem;
  }
  .column-block > :last-child {
    margin-bottom: 0;
  }
}

div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}

p {
  margin-bottom: 1.5rem;
  font-size: inherit;
  line-height: 1.4;
  text-rendering: optimizeLegibility;
}

em,
i {
  font-style: italic;
  line-height: inherit;
}

strong,
b {
  font-weight: bold;
  line-height: inherit;
}

small {
  font-size: 80%;
  line-height: inherit;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  font-family: Plain, "Helvetica Neue", Helvetica, Franklin Gothic Medium, Franklin Gothic, ITC Franklin Gothic, sans-serif;
  font-style: normal;
  font-weight: normal;
  color: inherit;
  text-rendering: optimizeLegibility;
}
h1 small, .h1 small,
h2 small, .h2 small,
h3 small, .h3 small,
h4 small, .h4 small,
h5 small, .h5 small,
h6 small, .h6 small {
  line-height: 0;
  color: #4b4f4f;
}

h1, .h1 {
  font-size: 3rem;
  line-height: 1.1;
  margin-top: 0;
  margin-bottom: 1.5rem;
}

h2, .h2 {
  font-size: 2.25rem;
  line-height: 1.1;
  margin-top: 0;
  margin-bottom: 1.5rem;
}

h3, .h3 {
  font-size: 1.875rem;
  line-height: 1.1;
  margin-top: 0;
  margin-bottom: 1.5rem;
}

h4, .h4 {
  font-size: 1.5rem;
  line-height: 1.1;
  margin-top: 0;
  margin-bottom: 1.5rem;
}

h5, .h5 {
  font-size: 1.25rem;
  line-height: 1.2;
  margin-top: 0;
  margin-bottom: 1.5rem;
}

h6, .h6 {
  font-size: 1.125rem;
  line-height: 1.2;
  margin-top: 0;
  margin-bottom: 1.5rem;
}

@media print, screen and (min-width: 40em) {
  h1, .h1 {
    font-size: 4rem;
    line-height: 1.1;
  }
  h2, .h2 {
    font-size: 3rem;
    line-height: 1.1;
  }
  h3, .h3 {
    font-size: 2.5rem;
    line-height: 1.1;
  }
  h4, .h4 {
    font-size: 2rem;
    line-height: 1.1;
  }
  h5, .h5 {
    font-size: 1.25rem;
    line-height: 1.2;
  }
  h6, .h6 {
    font-size: 1.125rem;
    line-height: 1.2;
  }
}
a {
  line-height: inherit;
  color: #048a24;
  text-decoration: none;
  cursor: pointer;
}
a:hover, a:focus {
  color: rgb(3.44, 118.68, 30.96);
}
a img {
  border: 0;
}

hr {
  clear: both;
  max-width: 75rem;
  height: 0;
  margin: 1.25rem auto;
  border-top: 0;
  border-right: 0;
  border-bottom: 1px solid #4b4f4f;
  border-left: 0;
}

ul,
ol,
dl {
  margin-bottom: 1.5rem;
  list-style-position: outside;
  line-height: 1.4;
}

li {
  font-size: inherit;
}

ul {
  margin-left: 1.25rem;
  list-style-type: disc;
}

ol {
  margin-left: 1.25rem;
}

ul ul, ul ol, ol ul, ol ol {
  margin-left: 1.25rem;
  margin-bottom: 0;
}

dl {
  margin-bottom: 1rem;
}
dl dt {
  margin-bottom: 0.3rem;
  font-weight: bold;
}

blockquote {
  margin: 0 0 1.5rem;
  padding: 0.5625rem 1.25rem 0 1.1875rem;
  border-left: 1px solid #4b4f4f;
}
blockquote, blockquote p {
  line-height: 1.4;
  color: #343434;
}

abbr, abbr[title] {
  border-bottom: 1px dotted #000000;
  cursor: help;
  text-decoration: none;
}

figure {
  margin: 0;
}

kbd {
  margin: 0;
  padding: 0.125rem 0.25rem 0;
  background-color: #cccccc;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  color: #000000;
}

.subheader {
  margin-top: 0.2rem;
  margin-bottom: 0.5rem;
  font-weight: normal;
  line-height: 1.4;
  color: #343434;
}

.lead {
  font-size: 125%;
  line-height: 1.6;
}

.stat {
  font-size: 2.5rem;
  line-height: 1;
}
p + .stat {
  margin-top: -1rem;
}

ul.no-bullet, ol.no-bullet {
  margin-left: 0;
  list-style: none;
}

.cite-block, cite {
  display: block;
  color: #343434;
  font-size: 0.8125rem;
}
.cite-block:before, cite:before {
  content: "— ";
}

.code-inline, code {
  border: 1px solid #4b4f4f;
  background-color: #cccccc;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: normal;
  color: #000000;
  display: inline;
  max-width: 100%;
  word-wrap: break-word;
  padding: 0.125rem 0.3125rem 0.0625rem;
}

.code-block {
  border: 1px solid #4b4f4f;
  background-color: #cccccc;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: normal;
  color: #000000;
  display: block;
  overflow: auto;
  white-space: pre;
  padding: 1rem;
  margin-bottom: 1.5rem;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.text-justify {
  text-align: justify;
}

@media print, screen and (min-width: 40em) {
  .medium-text-left {
    text-align: left;
  }
  .medium-text-right {
    text-align: right;
  }
  .medium-text-center {
    text-align: center;
  }
  .medium-text-justify {
    text-align: justify;
  }
}
@media print, screen and (min-width: 64em) {
  .large-text-left {
    text-align: left;
  }
  .large-text-right {
    text-align: right;
  }
  .large-text-center {
    text-align: center;
  }
  .large-text-justify {
    text-align: justify;
  }
}
@media screen and (min-width: 75em) {
  .xlarge-text-left {
    text-align: left;
  }
  .xlarge-text-right {
    text-align: right;
  }
  .xlarge-text-center {
    text-align: center;
  }
  .xlarge-text-justify {
    text-align: justify;
  }
}
@media screen and (min-width: 90em) {
  .xxlarge-text-left {
    text-align: left;
  }
  .xxlarge-text-right {
    text-align: right;
  }
  .xxlarge-text-center {
    text-align: center;
  }
  .xxlarge-text-justify {
    text-align: justify;
  }
}
.show-for-print {
  display: none !important;
}

@media print {
  * {
    background: transparent !important;
    color: black !important;
    print-color-adjust: economy;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  .show-for-print {
    display: block !important;
  }
  .hide-for-print {
    display: none !important;
  }
  table.show-for-print {
    display: table !important;
  }
  thead.show-for-print {
    display: table-header-group !important;
  }
  tbody.show-for-print {
    display: table-row-group !important;
  }
  tr.show-for-print {
    display: table-row !important;
  }
  td.show-for-print {
    display: table-cell !important;
  }
  th.show-for-print {
    display: table-cell !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  pre,
  blockquote {
    border: 1px solid #343434;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .print-break-inside {
    page-break-inside: auto;
  }
}
.button {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 1rem 0;
  border: 1px solid transparent;
  border-radius: 0;
  transition: background-color 0.05s ease-out, color 0.05s ease-out;
  font-family: inherit;
  font-size: 0.9rem;
  -webkit-appearance: none;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  padding: 0.85em 1em;
}
[data-whatinput=mouse] .button {
  outline: 0;
}
.button.tiny {
  font-size: 0.6rem;
}
.button.small {
  font-size: 0.75rem;
}
.button.large {
  font-size: 1.25rem;
}
.button.expanded {
  display: block;
  width: 100%;
  margin-right: 0;
  margin-left: 0;
}
.button, .button.disabled, .button[disabled], .button.disabled:hover, .button[disabled]:hover, .button.disabled:focus, .button[disabled]:focus {
  background-color: #048a24;
  color: #ffffff;
}
.button:hover, .button:focus {
  background-color: rgb(3.4, 117.3, 30.6);
  color: #ffffff;
}
.button.primary, .button.primary.disabled, .button.primary[disabled], .button.primary.disabled:hover, .button.primary[disabled]:hover, .button.primary.disabled:focus, .button.primary[disabled]:focus {
  background-color: #048a24;
  color: #000000;
}
.button.primary:hover, .button.primary:focus {
  background-color: rgb(3.2, 110.4, 28.8);
  color: #000000;
}
.button.secondary, .button.secondary.disabled, .button.secondary[disabled], .button.secondary.disabled:hover, .button.secondary[disabled]:hover, .button.secondary.disabled:focus, .button.secondary[disabled]:focus {
  background-color: #00607f;
  color: #ffffff;
}
.button.secondary:hover, .button.secondary:focus {
  background-color: rgb(0, 76.8, 101.6);
  color: #ffffff;
}
.button.success, .button.success.disabled, .button.success[disabled], .button.success.disabled:hover, .button.success[disabled]:hover, .button.success.disabled:focus, .button.success[disabled]:focus {
  background-color: #048a24;
  color: #000000;
}
.button.success:hover, .button.success:focus {
  background-color: rgb(3.2, 110.4, 28.8);
  color: #000000;
}
.button.warning, .button.warning.disabled, .button.warning[disabled], .button.warning.disabled:hover, .button.warning[disabled]:hover, .button.warning.disabled:focus, .button.warning[disabled]:focus {
  background-color: #fa640a;
  color: #000000;
}
.button.warning:hover, .button.warning:focus {
  background-color: rgb(203.84, 79.04, 4.16);
  color: #000000;
}
.button.alert, .button.alert.disabled, .button.alert[disabled], .button.alert.disabled:hover, .button.alert[disabled]:hover, .button.alert.disabled:focus, .button.alert[disabled]:focus {
  background-color: #f82431;
  color: #000000;
}
.button.alert:hover, .button.alert:focus {
  background-color: rgb(220.1628318584, 7.0371681416, 20.1061946903);
  color: #000000;
}
.button.gz-base-color, .button.gz-base-color.disabled, .button.gz-base-color[disabled], .button.gz-base-color.disabled:hover, .button.gz-base-color[disabled]:hover, .button.gz-base-color.disabled:focus, .button.gz-base-color[disabled]:focus {
  background-color: #ffffff;
  color: #000000;
}
.button.gz-base-color:hover, .button.gz-base-color:focus {
  background-color: #cccccc;
  color: #000000;
}
.button.gz-opposing-base-color, .button.gz-opposing-base-color.disabled, .button.gz-opposing-base-color[disabled], .button.gz-opposing-base-color.disabled:hover, .button.gz-opposing-base-color[disabled]:hover, .button.gz-opposing-base-color.disabled:focus, .button.gz-opposing-base-color[disabled]:focus {
  background-color: #4b4f4f;
  color: #ffffff;
}
.button.gz-opposing-base-color:hover, .button.gz-opposing-base-color:focus {
  background-color: rgb(60, 63.2, 63.2);
  color: #ffffff;
}
.button.gz-green, .button.gz-green.disabled, .button.gz-green[disabled], .button.gz-green.disabled:hover, .button.gz-green[disabled]:hover, .button.gz-green.disabled:focus, .button.gz-green[disabled]:focus {
  background-color: #048a24;
  color: #000000;
}
.button.gz-green:hover, .button.gz-green:focus {
  background-color: rgb(3.2, 110.4, 28.8);
  color: #000000;
}
.button.gz-orange, .button.gz-orange.disabled, .button.gz-orange[disabled], .button.gz-orange.disabled:hover, .button.gz-orange[disabled]:hover, .button.gz-orange.disabled:focus, .button.gz-orange[disabled]:focus {
  background-color: #fa640a;
  color: #000000;
}
.button.gz-orange:hover, .button.gz-orange:focus {
  background-color: rgb(203.84, 79.04, 4.16);
  color: #000000;
}
.button.gz-blue, .button.gz-blue.disabled, .button.gz-blue[disabled], .button.gz-blue.disabled:hover, .button.gz-blue[disabled]:hover, .button.gz-blue.disabled:focus, .button.gz-blue[disabled]:focus {
  background-color: #00607f;
  color: #ffffff;
}
.button.gz-blue:hover, .button.gz-blue:focus {
  background-color: rgb(0, 76.8, 101.6);
  color: #ffffff;
}
.button.gz-drk-gray, .button.gz-drk-gray.disabled, .button.gz-drk-gray[disabled], .button.gz-drk-gray.disabled:hover, .button.gz-drk-gray[disabled]:hover, .button.gz-drk-gray.disabled:focus, .button.gz-drk-gray[disabled]:focus {
  background-color: #4b4f4f;
  color: #ffffff;
}
.button.gz-drk-gray:hover, .button.gz-drk-gray:focus {
  background-color: rgb(60, 63.2, 63.2);
  color: #ffffff;
}
.button.gz-space-gray, .button.gz-space-gray.disabled, .button.gz-space-gray[disabled], .button.gz-space-gray.disabled:hover, .button.gz-space-gray[disabled]:hover, .button.gz-space-gray.disabled:focus, .button.gz-space-gray[disabled]:focus {
  background-color: #454545;
  color: #ffffff;
}
.button.gz-space-gray:hover, .button.gz-space-gray:focus {
  background-color: rgb(55.2, 55.2, 55.2);
  color: #ffffff;
}
.button.gz-med-gray, .button.gz-med-gray.disabled, .button.gz-med-gray[disabled], .button.gz-med-gray.disabled:hover, .button.gz-med-gray[disabled]:hover, .button.gz-med-gray.disabled:focus, .button.gz-med-gray[disabled]:focus {
  background-color: #666666;
  color: #ffffff;
}
.button.gz-med-gray:hover, .button.gz-med-gray:focus {
  background-color: rgb(81.6, 81.6, 81.6);
  color: #ffffff;
}
.button.gz-lt-gray, .button.gz-lt-gray.disabled, .button.gz-lt-gray[disabled], .button.gz-lt-gray.disabled:hover, .button.gz-lt-gray[disabled]:hover, .button.gz-lt-gray.disabled:focus, .button.gz-lt-gray[disabled]:focus {
  background-color: #cccccc;
  color: #000000;
}
.button.gz-lt-gray:hover, .button.gz-lt-gray:focus {
  background-color: rgb(163.2, 163.2, 163.2);
  color: #000000;
}
.button.gz-xlt-gray, .button.gz-xlt-gray.disabled, .button.gz-xlt-gray[disabled], .button.gz-xlt-gray.disabled:hover, .button.gz-xlt-gray[disabled]:hover, .button.gz-xlt-gray.disabled:focus, .button.gz-xlt-gray[disabled]:focus {
  background-color: #efefef;
  color: #000000;
}
.button.gz-xlt-gray:hover, .button.gz-xlt-gray:focus {
  background-color: rgb(191.2, 191.2, 191.2);
  color: #000000;
}
.button.gz-xxlt-gray, .button.gz-xxlt-gray.disabled, .button.gz-xxlt-gray[disabled], .button.gz-xxlt-gray.disabled:hover, .button.gz-xxlt-gray[disabled]:hover, .button.gz-xxlt-gray.disabled:focus, .button.gz-xxlt-gray[disabled]:focus {
  background-color: #f4f4f4;
  color: #000000;
}
.button.gz-xxlt-gray:hover, .button.gz-xxlt-gray:focus {
  background-color: rgb(195.2, 195.2, 195.2);
  color: #000000;
}
.button.gz-xxxlt-gray, .button.gz-xxxlt-gray.disabled, .button.gz-xxxlt-gray[disabled], .button.gz-xxxlt-gray.disabled:hover, .button.gz-xxxlt-gray[disabled]:hover, .button.gz-xxxlt-gray.disabled:focus, .button.gz-xxxlt-gray[disabled]:focus {
  background-color: #f9f9f9;
  color: #000000;
}
.button.gz-xxxlt-gray:hover, .button.gz-xxxlt-gray:focus {
  background-color: rgb(199.2, 199.2, 199.2);
  color: #000000;
}
.button.hollow, .button.hollow:hover, .button.hollow:focus, .button.hollow.disabled, .button.hollow.disabled:hover, .button.hollow.disabled:focus, .button.hollow[disabled], .button.hollow[disabled]:hover, .button.hollow[disabled]:focus {
  background-color: transparent;
}
.button.hollow, .button.hollow.disabled, .button.hollow[disabled], .button.hollow.disabled:hover, .button.hollow[disabled]:hover, .button.hollow.disabled:focus, .button.hollow[disabled]:focus {
  border: 1px solid #048a24;
  color: #048a24;
}
.button.hollow:hover, .button.hollow:focus {
  border-color: #024512;
  color: #024512;
}
.button.hollow.primary, .button.hollow.primary.disabled, .button.hollow.primary[disabled], .button.hollow.primary.disabled:hover, .button.hollow.primary[disabled]:hover, .button.hollow.primary.disabled:focus, .button.hollow.primary[disabled]:focus {
  border: 1px solid #048a24;
  color: #048a24;
}
.button.hollow.primary:hover, .button.hollow.primary:focus {
  border-color: #024512;
  color: #024512;
}
.button.hollow.secondary, .button.hollow.secondary.disabled, .button.hollow.secondary[disabled], .button.hollow.secondary.disabled:hover, .button.hollow.secondary[disabled]:hover, .button.hollow.secondary.disabled:focus, .button.hollow.secondary[disabled]:focus {
  border: 1px solid #00607f;
  color: #00607f;
}
.button.hollow.secondary:hover, .button.hollow.secondary:focus {
  border-color: rgb(0, 48, 63.5);
  color: rgb(0, 48, 63.5);
}
.button.hollow.success, .button.hollow.success.disabled, .button.hollow.success[disabled], .button.hollow.success.disabled:hover, .button.hollow.success[disabled]:hover, .button.hollow.success.disabled:focus, .button.hollow.success[disabled]:focus {
  border: 1px solid #048a24;
  color: #048a24;
}
.button.hollow.success:hover, .button.hollow.success:focus {
  border-color: #024512;
  color: #024512;
}
.button.hollow.warning, .button.hollow.warning.disabled, .button.hollow.warning[disabled], .button.hollow.warning.disabled:hover, .button.hollow.warning[disabled]:hover, .button.hollow.warning.disabled:focus, .button.hollow.warning[disabled]:focus {
  border: 1px solid #fa640a;
  color: #fa640a;
}
.button.hollow.warning:hover, .button.hollow.warning:focus {
  border-color: rgb(127.4, 49.4, 2.6);
  color: rgb(127.4, 49.4, 2.6);
}
.button.hollow.alert, .button.hollow.alert.disabled, .button.hollow.alert[disabled], .button.hollow.alert.disabled:hover, .button.hollow.alert[disabled]:hover, .button.hollow.alert.disabled:focus, .button.hollow.alert[disabled]:focus {
  border: 1px solid #f82431;
  color: #f82431;
}
.button.hollow.alert:hover, .button.hollow.alert:focus {
  border-color: rgb(137.6017699115, 4.3982300885, 12.5663716814);
  color: rgb(137.6017699115, 4.3982300885, 12.5663716814);
}
.button.hollow.gz-base-color, .button.hollow.gz-base-color.disabled, .button.hollow.gz-base-color[disabled], .button.hollow.gz-base-color.disabled:hover, .button.hollow.gz-base-color[disabled]:hover, .button.hollow.gz-base-color.disabled:focus, .button.hollow.gz-base-color[disabled]:focus {
  border: 1px solid #ffffff;
  color: #ffffff;
}
.button.hollow.gz-base-color:hover, .button.hollow.gz-base-color:focus {
  border-color: rgb(127.5, 127.5, 127.5);
  color: rgb(127.5, 127.5, 127.5);
}
.button.hollow.gz-opposing-base-color, .button.hollow.gz-opposing-base-color.disabled, .button.hollow.gz-opposing-base-color[disabled], .button.hollow.gz-opposing-base-color.disabled:hover, .button.hollow.gz-opposing-base-color[disabled]:hover, .button.hollow.gz-opposing-base-color.disabled:focus, .button.hollow.gz-opposing-base-color[disabled]:focus {
  border: 1px solid #4b4f4f;
  color: #4b4f4f;
}
.button.hollow.gz-opposing-base-color:hover, .button.hollow.gz-opposing-base-color:focus {
  border-color: rgb(37.5, 39.5, 39.5);
  color: rgb(37.5, 39.5, 39.5);
}
.button.hollow.gz-green, .button.hollow.gz-green.disabled, .button.hollow.gz-green[disabled], .button.hollow.gz-green.disabled:hover, .button.hollow.gz-green[disabled]:hover, .button.hollow.gz-green.disabled:focus, .button.hollow.gz-green[disabled]:focus {
  border: 1px solid #048a24;
  color: #048a24;
}
.button.hollow.gz-green:hover, .button.hollow.gz-green:focus {
  border-color: #024512;
  color: #024512;
}
.button.hollow.gz-orange, .button.hollow.gz-orange.disabled, .button.hollow.gz-orange[disabled], .button.hollow.gz-orange.disabled:hover, .button.hollow.gz-orange[disabled]:hover, .button.hollow.gz-orange.disabled:focus, .button.hollow.gz-orange[disabled]:focus {
  border: 1px solid #fa640a;
  color: #fa640a;
}
.button.hollow.gz-orange:hover, .button.hollow.gz-orange:focus {
  border-color: rgb(127.4, 49.4, 2.6);
  color: rgb(127.4, 49.4, 2.6);
}
.button.hollow.gz-blue, .button.hollow.gz-blue.disabled, .button.hollow.gz-blue[disabled], .button.hollow.gz-blue.disabled:hover, .button.hollow.gz-blue[disabled]:hover, .button.hollow.gz-blue.disabled:focus, .button.hollow.gz-blue[disabled]:focus {
  border: 1px solid #00607f;
  color: #00607f;
}
.button.hollow.gz-blue:hover, .button.hollow.gz-blue:focus {
  border-color: rgb(0, 48, 63.5);
  color: rgb(0, 48, 63.5);
}
.button.hollow.gz-drk-gray, .button.hollow.gz-drk-gray.disabled, .button.hollow.gz-drk-gray[disabled], .button.hollow.gz-drk-gray.disabled:hover, .button.hollow.gz-drk-gray[disabled]:hover, .button.hollow.gz-drk-gray.disabled:focus, .button.hollow.gz-drk-gray[disabled]:focus {
  border: 1px solid #4b4f4f;
  color: #4b4f4f;
}
.button.hollow.gz-drk-gray:hover, .button.hollow.gz-drk-gray:focus {
  border-color: rgb(37.5, 39.5, 39.5);
  color: rgb(37.5, 39.5, 39.5);
}
.button.hollow.gz-space-gray, .button.hollow.gz-space-gray.disabled, .button.hollow.gz-space-gray[disabled], .button.hollow.gz-space-gray.disabled:hover, .button.hollow.gz-space-gray[disabled]:hover, .button.hollow.gz-space-gray.disabled:focus, .button.hollow.gz-space-gray[disabled]:focus {
  border: 1px solid #454545;
  color: #454545;
}
.button.hollow.gz-space-gray:hover, .button.hollow.gz-space-gray:focus {
  border-color: rgb(34.5, 34.5, 34.5);
  color: rgb(34.5, 34.5, 34.5);
}
.button.hollow.gz-med-gray, .button.hollow.gz-med-gray.disabled, .button.hollow.gz-med-gray[disabled], .button.hollow.gz-med-gray.disabled:hover, .button.hollow.gz-med-gray[disabled]:hover, .button.hollow.gz-med-gray.disabled:focus, .button.hollow.gz-med-gray[disabled]:focus {
  border: 1px solid #666666;
  color: #666666;
}
.button.hollow.gz-med-gray:hover, .button.hollow.gz-med-gray:focus {
  border-color: #333333;
  color: #333333;
}
.button.hollow.gz-lt-gray, .button.hollow.gz-lt-gray.disabled, .button.hollow.gz-lt-gray[disabled], .button.hollow.gz-lt-gray.disabled:hover, .button.hollow.gz-lt-gray[disabled]:hover, .button.hollow.gz-lt-gray.disabled:focus, .button.hollow.gz-lt-gray[disabled]:focus {
  border: 1px solid #cccccc;
  color: #cccccc;
}
.button.hollow.gz-lt-gray:hover, .button.hollow.gz-lt-gray:focus {
  border-color: #666666;
  color: #666666;
}
.button.hollow.gz-xlt-gray, .button.hollow.gz-xlt-gray.disabled, .button.hollow.gz-xlt-gray[disabled], .button.hollow.gz-xlt-gray.disabled:hover, .button.hollow.gz-xlt-gray[disabled]:hover, .button.hollow.gz-xlt-gray.disabled:focus, .button.hollow.gz-xlt-gray[disabled]:focus {
  border: 1px solid #efefef;
  color: #efefef;
}
.button.hollow.gz-xlt-gray:hover, .button.hollow.gz-xlt-gray:focus {
  border-color: rgb(119.5, 119.5, 119.5);
  color: rgb(119.5, 119.5, 119.5);
}
.button.hollow.gz-xxlt-gray, .button.hollow.gz-xxlt-gray.disabled, .button.hollow.gz-xxlt-gray[disabled], .button.hollow.gz-xxlt-gray.disabled:hover, .button.hollow.gz-xxlt-gray[disabled]:hover, .button.hollow.gz-xxlt-gray.disabled:focus, .button.hollow.gz-xxlt-gray[disabled]:focus {
  border: 1px solid #f4f4f4;
  color: #f4f4f4;
}
.button.hollow.gz-xxlt-gray:hover, .button.hollow.gz-xxlt-gray:focus {
  border-color: #7a7a7a;
  color: #7a7a7a;
}
.button.hollow.gz-xxxlt-gray, .button.hollow.gz-xxxlt-gray.disabled, .button.hollow.gz-xxxlt-gray[disabled], .button.hollow.gz-xxxlt-gray.disabled:hover, .button.hollow.gz-xxxlt-gray[disabled]:hover, .button.hollow.gz-xxxlt-gray.disabled:focus, .button.hollow.gz-xxxlt-gray[disabled]:focus {
  border: 1px solid #f9f9f9;
  color: #f9f9f9;
}
.button.hollow.gz-xxxlt-gray:hover, .button.hollow.gz-xxxlt-gray:focus {
  border-color: rgb(124.5, 124.5, 124.5);
  color: rgb(124.5, 124.5, 124.5);
}
.button.clear, .button.clear:hover, .button.clear:focus, .button.clear.disabled, .button.clear.disabled:hover, .button.clear.disabled:focus, .button.clear[disabled], .button.clear[disabled]:hover, .button.clear[disabled]:focus {
  border-color: transparent;
  background-color: transparent;
}
.button.clear, .button.clear.disabled, .button.clear[disabled], .button.clear.disabled:hover, .button.clear[disabled]:hover, .button.clear.disabled:focus, .button.clear[disabled]:focus {
  color: #048a24;
}
.button.clear:hover, .button.clear:focus {
  color: #024512;
}
.button.clear.primary, .button.clear.primary.disabled, .button.clear.primary[disabled], .button.clear.primary.disabled:hover, .button.clear.primary[disabled]:hover, .button.clear.primary.disabled:focus, .button.clear.primary[disabled]:focus {
  color: #048a24;
}
.button.clear.primary:hover, .button.clear.primary:focus {
  color: #024512;
}
.button.clear.secondary, .button.clear.secondary.disabled, .button.clear.secondary[disabled], .button.clear.secondary.disabled:hover, .button.clear.secondary[disabled]:hover, .button.clear.secondary.disabled:focus, .button.clear.secondary[disabled]:focus {
  color: #00607f;
}
.button.clear.secondary:hover, .button.clear.secondary:focus {
  color: rgb(0, 48, 63.5);
}
.button.clear.success, .button.clear.success.disabled, .button.clear.success[disabled], .button.clear.success.disabled:hover, .button.clear.success[disabled]:hover, .button.clear.success.disabled:focus, .button.clear.success[disabled]:focus {
  color: #048a24;
}
.button.clear.success:hover, .button.clear.success:focus {
  color: #024512;
}
.button.clear.warning, .button.clear.warning.disabled, .button.clear.warning[disabled], .button.clear.warning.disabled:hover, .button.clear.warning[disabled]:hover, .button.clear.warning.disabled:focus, .button.clear.warning[disabled]:focus {
  color: #fa640a;
}
.button.clear.warning:hover, .button.clear.warning:focus {
  color: rgb(127.4, 49.4, 2.6);
}
.button.clear.alert, .button.clear.alert.disabled, .button.clear.alert[disabled], .button.clear.alert.disabled:hover, .button.clear.alert[disabled]:hover, .button.clear.alert.disabled:focus, .button.clear.alert[disabled]:focus {
  color: #f82431;
}
.button.clear.alert:hover, .button.clear.alert:focus {
  color: rgb(137.6017699115, 4.3982300885, 12.5663716814);
}
.button.clear.gz-base-color, .button.clear.gz-base-color.disabled, .button.clear.gz-base-color[disabled], .button.clear.gz-base-color.disabled:hover, .button.clear.gz-base-color[disabled]:hover, .button.clear.gz-base-color.disabled:focus, .button.clear.gz-base-color[disabled]:focus {
  color: #ffffff;
}
.button.clear.gz-base-color:hover, .button.clear.gz-base-color:focus {
  color: rgb(127.5, 127.5, 127.5);
}
.button.clear.gz-opposing-base-color, .button.clear.gz-opposing-base-color.disabled, .button.clear.gz-opposing-base-color[disabled], .button.clear.gz-opposing-base-color.disabled:hover, .button.clear.gz-opposing-base-color[disabled]:hover, .button.clear.gz-opposing-base-color.disabled:focus, .button.clear.gz-opposing-base-color[disabled]:focus {
  color: #4b4f4f;
}
.button.clear.gz-opposing-base-color:hover, .button.clear.gz-opposing-base-color:focus {
  color: rgb(37.5, 39.5, 39.5);
}
.button.clear.gz-green, .button.clear.gz-green.disabled, .button.clear.gz-green[disabled], .button.clear.gz-green.disabled:hover, .button.clear.gz-green[disabled]:hover, .button.clear.gz-green.disabled:focus, .button.clear.gz-green[disabled]:focus {
  color: #048a24;
}
.button.clear.gz-green:hover, .button.clear.gz-green:focus {
  color: #024512;
}
.button.clear.gz-orange, .button.clear.gz-orange.disabled, .button.clear.gz-orange[disabled], .button.clear.gz-orange.disabled:hover, .button.clear.gz-orange[disabled]:hover, .button.clear.gz-orange.disabled:focus, .button.clear.gz-orange[disabled]:focus {
  color: #fa640a;
}
.button.clear.gz-orange:hover, .button.clear.gz-orange:focus {
  color: rgb(127.4, 49.4, 2.6);
}
.button.clear.gz-blue, .button.clear.gz-blue.disabled, .button.clear.gz-blue[disabled], .button.clear.gz-blue.disabled:hover, .button.clear.gz-blue[disabled]:hover, .button.clear.gz-blue.disabled:focus, .button.clear.gz-blue[disabled]:focus {
  color: #00607f;
}
.button.clear.gz-blue:hover, .button.clear.gz-blue:focus {
  color: rgb(0, 48, 63.5);
}
.button.clear.gz-drk-gray, .button.clear.gz-drk-gray.disabled, .button.clear.gz-drk-gray[disabled], .button.clear.gz-drk-gray.disabled:hover, .button.clear.gz-drk-gray[disabled]:hover, .button.clear.gz-drk-gray.disabled:focus, .button.clear.gz-drk-gray[disabled]:focus {
  color: #4b4f4f;
}
.button.clear.gz-drk-gray:hover, .button.clear.gz-drk-gray:focus {
  color: rgb(37.5, 39.5, 39.5);
}
.button.clear.gz-space-gray, .button.clear.gz-space-gray.disabled, .button.clear.gz-space-gray[disabled], .button.clear.gz-space-gray.disabled:hover, .button.clear.gz-space-gray[disabled]:hover, .button.clear.gz-space-gray.disabled:focus, .button.clear.gz-space-gray[disabled]:focus {
  color: #454545;
}
.button.clear.gz-space-gray:hover, .button.clear.gz-space-gray:focus {
  color: rgb(34.5, 34.5, 34.5);
}
.button.clear.gz-med-gray, .button.clear.gz-med-gray.disabled, .button.clear.gz-med-gray[disabled], .button.clear.gz-med-gray.disabled:hover, .button.clear.gz-med-gray[disabled]:hover, .button.clear.gz-med-gray.disabled:focus, .button.clear.gz-med-gray[disabled]:focus {
  color: #666666;
}
.button.clear.gz-med-gray:hover, .button.clear.gz-med-gray:focus {
  color: #333333;
}
.button.clear.gz-lt-gray, .button.clear.gz-lt-gray.disabled, .button.clear.gz-lt-gray[disabled], .button.clear.gz-lt-gray.disabled:hover, .button.clear.gz-lt-gray[disabled]:hover, .button.clear.gz-lt-gray.disabled:focus, .button.clear.gz-lt-gray[disabled]:focus {
  color: #cccccc;
}
.button.clear.gz-lt-gray:hover, .button.clear.gz-lt-gray:focus {
  color: #666666;
}
.button.clear.gz-xlt-gray, .button.clear.gz-xlt-gray.disabled, .button.clear.gz-xlt-gray[disabled], .button.clear.gz-xlt-gray.disabled:hover, .button.clear.gz-xlt-gray[disabled]:hover, .button.clear.gz-xlt-gray.disabled:focus, .button.clear.gz-xlt-gray[disabled]:focus {
  color: #efefef;
}
.button.clear.gz-xlt-gray:hover, .button.clear.gz-xlt-gray:focus {
  color: rgb(119.5, 119.5, 119.5);
}
.button.clear.gz-xxlt-gray, .button.clear.gz-xxlt-gray.disabled, .button.clear.gz-xxlt-gray[disabled], .button.clear.gz-xxlt-gray.disabled:hover, .button.clear.gz-xxlt-gray[disabled]:hover, .button.clear.gz-xxlt-gray.disabled:focus, .button.clear.gz-xxlt-gray[disabled]:focus {
  color: #f4f4f4;
}
.button.clear.gz-xxlt-gray:hover, .button.clear.gz-xxlt-gray:focus {
  color: #7a7a7a;
}
.button.clear.gz-xxxlt-gray, .button.clear.gz-xxxlt-gray.disabled, .button.clear.gz-xxxlt-gray[disabled], .button.clear.gz-xxxlt-gray.disabled:hover, .button.clear.gz-xxxlt-gray[disabled]:hover, .button.clear.gz-xxxlt-gray.disabled:focus, .button.clear.gz-xxxlt-gray[disabled]:focus {
  color: #f9f9f9;
}
.button.clear.gz-xxxlt-gray:hover, .button.clear.gz-xxxlt-gray:focus {
  color: rgb(124.5, 124.5, 124.5);
}
.button.disabled, .button[disabled] {
  opacity: 0.25;
  cursor: not-allowed;
}
.button.dropdown::after {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.4em;
  content: "";
  border-bottom-width: 0;
  border-color: #ffffff transparent transparent;
  position: relative;
  top: 0.4em;
  display: inline-block;
  float: right;
  margin-left: 1em;
}
.button.dropdown.hollow::after, .button.dropdown.clear::after {
  border-top-color: #048a24;
}
.button.dropdown.hollow.primary::after, .button.dropdown.clear.primary::after {
  border-top-color: #048a24;
}
.button.dropdown.hollow.secondary::after, .button.dropdown.clear.secondary::after {
  border-top-color: #00607f;
}
.button.dropdown.hollow.success::after, .button.dropdown.clear.success::after {
  border-top-color: #048a24;
}
.button.dropdown.hollow.warning::after, .button.dropdown.clear.warning::after {
  border-top-color: #fa640a;
}
.button.dropdown.hollow.alert::after, .button.dropdown.clear.alert::after {
  border-top-color: #f82431;
}
.button.dropdown.hollow.gz-base-color::after, .button.dropdown.clear.gz-base-color::after {
  border-top-color: #ffffff;
}
.button.dropdown.hollow.gz-opposing-base-color::after, .button.dropdown.clear.gz-opposing-base-color::after {
  border-top-color: #4b4f4f;
}
.button.dropdown.hollow.gz-green::after, .button.dropdown.clear.gz-green::after {
  border-top-color: #048a24;
}
.button.dropdown.hollow.gz-orange::after, .button.dropdown.clear.gz-orange::after {
  border-top-color: #fa640a;
}
.button.dropdown.hollow.gz-blue::after, .button.dropdown.clear.gz-blue::after {
  border-top-color: #00607f;
}
.button.dropdown.hollow.gz-drk-gray::after, .button.dropdown.clear.gz-drk-gray::after {
  border-top-color: #4b4f4f;
}
.button.dropdown.hollow.gz-space-gray::after, .button.dropdown.clear.gz-space-gray::after {
  border-top-color: #454545;
}
.button.dropdown.hollow.gz-med-gray::after, .button.dropdown.clear.gz-med-gray::after {
  border-top-color: #666666;
}
.button.dropdown.hollow.gz-lt-gray::after, .button.dropdown.clear.gz-lt-gray::after {
  border-top-color: #cccccc;
}
.button.dropdown.hollow.gz-xlt-gray::after, .button.dropdown.clear.gz-xlt-gray::after {
  border-top-color: #efefef;
}
.button.dropdown.hollow.gz-xxlt-gray::after, .button.dropdown.clear.gz-xxlt-gray::after {
  border-top-color: #f4f4f4;
}
.button.dropdown.hollow.gz-xxxlt-gray::after, .button.dropdown.clear.gz-xxxlt-gray::after {
  border-top-color: #f9f9f9;
}
.button.arrow-only::after {
  top: -0.1em;
  float: none;
  margin-left: 0;
}

a.button:hover, a.button:focus {
  text-decoration: none;
}

[type=text], [type=password], [type=date], [type=datetime], [type=datetime-local], [type=month], [type=week], [type=email], [type=number], [type=search], [type=tel], [type=time], [type=url], [type=color],
textarea {
  appearance: none;
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 2.4375rem;
  margin: 0 0 1rem;
  padding: 0.5rem;
  border: 1px solid #999999;
  border-radius: 0;
  background-color: #ffffff;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  font-family: inherit;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.5;
  color: #000000;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}
[type=text]:focus, [type=password]:focus, [type=date]:focus, [type=datetime]:focus, [type=datetime-local]:focus, [type=month]:focus, [type=week]:focus, [type=email]:focus, [type=number]:focus, [type=search]:focus, [type=tel]:focus, [type=time]:focus, [type=url]:focus, [type=color]:focus,
textarea:focus {
  outline: none;
  border: 1px solid #999999;
  background-color: #ffffff;
  box-shadow: 0 0 5px #cacaca;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}

textarea {
  max-width: 100%;
}
textarea[rows] {
  height: auto;
}

input:disabled, input[readonly],
textarea:disabled,
textarea[readonly] {
  background-color: #cccccc;
  cursor: not-allowed;
}

[type=submit],
[type=button] {
  appearance: none;
  border-radius: 0;
}

input[type=search] {
  box-sizing: border-box;
}

::placeholder {
  color: #999999;
}

[type=file],
[type=checkbox],
[type=radio] {
  margin: 0 0 1rem;
}

[type=checkbox] + label,
[type=radio] + label {
  display: inline-block;
  vertical-align: baseline;
  margin-left: 0.5rem;
  margin-right: 1rem;
  margin-bottom: 0;
}
[type=checkbox] + label[for],
[type=radio] + label[for] {
  cursor: pointer;
}

label > [type=checkbox],
label > [type=radio] {
  margin-right: 0.5rem;
}

[type=file] {
  width: 100%;
}

label {
  display: block;
  margin: 0;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.8;
  color: #000000;
}
label.middle {
  margin: 0 0 1rem;
  line-height: 1.5;
  padding: 0.5625rem 0;
}

.help-text {
  margin-top: -0.5rem;
  font-size: 0.8125rem;
  font-style: italic;
  color: #000000;
}

.input-group {
  display: flex;
  width: 100%;
  margin-bottom: 1rem;
  align-items: stretch;
}
.input-group > :first-child, .input-group > :first-child.input-group-button > * {
  border-radius: 0 0 0 0;
}
.input-group > :last-child, .input-group > :last-child.input-group-button > * {
  border-radius: 0 0 0 0;
}

.input-group-button a,
.input-group-button input,
.input-group-button button,
.input-group-button label, .input-group-button, .input-group-field, .input-group-label {
  margin: 0;
  white-space: nowrap;
}

.input-group-label {
  padding: 0 1rem;
  border: 1px solid #999999;
  background: #cccccc;
  color: #000000;
  text-align: center;
  white-space: nowrap;
  display: flex;
  flex: 0 0 auto;
  align-items: center;
}
.input-group-label:first-child {
  border-right: 0;
}
.input-group-label:last-child {
  border-left: 0;
}

.input-group-field {
  border-radius: 0;
  flex: 1 1 0px;
  min-width: 0;
}

.input-group-button {
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  display: flex;
  flex: 0 0 auto;
}
.input-group-button a,
.input-group-button input,
.input-group-button button,
.input-group-button label {
  align-self: stretch;
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 1rem;
}

fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}

legend {
  max-width: 100%;
  margin-bottom: 0.5rem;
}

.fieldset {
  margin: 1.125rem 0;
  padding: 1.25rem;
  border: 1px solid #999999;
}
.fieldset legend {
  margin: 0;
  margin-left: -0.1875rem;
  padding: 0 0.1875rem;
}

select {
  height: 2.4375rem;
  margin: 0 0 1rem;
  padding: 0.5rem;
  appearance: none;
  border: 1px solid #999999;
  border-radius: 0;
  background-color: #ffffff;
  font-family: inherit;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.5;
  color: #000000;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
  background-origin: content-box;
  background-position: right -1rem center;
  background-repeat: no-repeat;
  background-size: 9px 6px;
  padding-right: 1.5rem;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="32" height="24" viewBox="0 0 32 24"><polygon points="0,0 32,0 16,24" style="fill: rgb%2852, 52, 52%29"></polygon></svg>');
}
@media screen and (min-width: 0\0 ) {
  select {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==");
  }
}
select:focus {
  outline: none;
  border: 1px solid #999999;
  background-color: #ffffff;
  box-shadow: 0 0 5px #cacaca;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}
select:disabled {
  background-color: #cccccc;
  cursor: not-allowed;
}
select::-ms-expand {
  display: none;
}
select[multiple] {
  height: auto;
  background-image: none;
}
select:not([multiple]) {
  padding-top: 0;
  padding-bottom: 0;
}

.is-invalid-input:not(:focus) {
  border-color: #f82431;
  background-color: rgb(254.3, 233.1, 234.4);
}
.is-invalid-input:not(:focus)::placeholder {
  color: #f82431;
}

.is-invalid-label {
  color: #f82431;
}

.form-error {
  display: none;
  margin-top: -0.5rem;
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: bold;
  color: #f82431;
}
.form-error.is-visible {
  display: block;
}

/* @include foundation-range-input; */
.accordion {
  margin-left: 0;
  background: #ffffff;
  list-style-type: none;
}
.accordion[disabled] .accordion-title {
  cursor: not-allowed;
}

.accordion-item:first-child > :first-child {
  border-radius: 0 0 0 0;
}
.accordion-item:last-child > :last-child {
  border-radius: 0 0 0 0;
}

.accordion-title {
  position: relative;
  display: block;
  padding: 1.25rem 1rem;
  border: 1px solid #cccccc;
  border-bottom: 0;
  font-size: 0.75rem;
  line-height: 1;
  color: #048a24;
}
:last-child:not(.is-active) > .accordion-title {
  border-bottom: 1px solid #cccccc;
  border-radius: 0 0 0 0;
}
.accordion-title:hover, .accordion-title:focus {
  background-color: #cccccc;
}
.accordion-title::before {
  position: absolute;
  top: 50%;
  right: 1rem;
  margin-top: -0.5rem;
  content: "+";
}
.is-active > .accordion-title::before {
  content: "–";
}

.accordion-content {
  display: none;
  padding: 1rem;
  border: 1px solid #cccccc;
  border-bottom: 0;
  background-color: #ffffff;
  color: #4b4f4f;
}
:last-child > .accordion-content:last-child {
  border-bottom: 1px solid #cccccc;
}

.accordion-menu li {
  width: 100%;
}
.accordion-menu a {
  padding: 0.7rem 1rem;
}
.accordion-menu .is-accordion-submenu a {
  padding: 0.7rem 1rem;
}
.accordion-menu .nested.is-accordion-submenu {
  margin-right: 0;
  margin-left: 1rem;
}
.accordion-menu.align-right .nested.is-accordion-submenu {
  margin-right: 1rem;
  margin-left: 0;
}
.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a {
  position: relative;
}
.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  content: "";
  border-bottom-width: 0;
  border-color: #048a24 transparent transparent;
  position: absolute;
  top: 50%;
  margin-top: -3px;
  right: 1rem;
}
.accordion-menu.align-left .is-accordion-submenu-parent > a::after {
  right: 1rem;
  left: auto;
}
.accordion-menu.align-right .is-accordion-submenu-parent > a::after {
  right: auto;
  left: 1rem;
}
.accordion-menu .is-accordion-submenu-parent[aria-expanded=true] > a::after {
  transform: rotate(180deg);
  transform-origin: 50% 50%;
}

.is-accordion-submenu-parent {
  position: relative;
}

.has-submenu-toggle > a {
  margin-right: 40px;
}

.submenu-toggle {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  cursor: pointer;
}
.submenu-toggle::after {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  content: "";
  border-bottom-width: 0;
  border-color: #048a24 transparent transparent;
  top: 0;
  bottom: 0;
  margin: auto;
}

.submenu-toggle[aria-expanded=true]::after {
  transform: scaleY(-1);
  transform-origin: 50% 50%;
}

.submenu-toggle-text {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.badge {
  display: inline-block;
  min-width: 2.1em;
  padding: 0.3em;
  border-radius: 50%;
  font-size: 0.6rem;
  text-align: center;
  background: #048a24;
  color: #ffffff;
}
.badge.primary {
  background: #048a24;
  color: #000000;
}
.badge.secondary {
  background: #00607f;
  color: #ffffff;
}
.badge.success {
  background: #048a24;
  color: #000000;
}
.badge.warning {
  background: #fa640a;
  color: #000000;
}
.badge.alert {
  background: #f82431;
  color: #000000;
}
.badge.gz-base-color {
  background: #ffffff;
  color: #000000;
}
.badge.gz-opposing-base-color {
  background: #4b4f4f;
  color: #ffffff;
}
.badge.gz-green {
  background: #048a24;
  color: #000000;
}
.badge.gz-orange {
  background: #fa640a;
  color: #000000;
}
.badge.gz-blue {
  background: #00607f;
  color: #ffffff;
}
.badge.gz-drk-gray {
  background: #4b4f4f;
  color: #ffffff;
}
.badge.gz-space-gray {
  background: #454545;
  color: #ffffff;
}
.badge.gz-med-gray {
  background: #666666;
  color: #ffffff;
}
.badge.gz-lt-gray {
  background: #cccccc;
  color: #000000;
}
.badge.gz-xlt-gray {
  background: #efefef;
  color: #000000;
}
.badge.gz-xxlt-gray {
  background: #f4f4f4;
  color: #000000;
}
.badge.gz-xxxlt-gray {
  background: #f9f9f9;
  color: #000000;
}

.breadcrumbs {
  margin: 0 0 1rem 0;
  list-style: none;
}
.breadcrumbs::before, .breadcrumbs::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
.breadcrumbs::after {
  clear: both;
}
.breadcrumbs li {
  float: left;
  font-size: 0.6875rem;
  color: #000000;
  cursor: default;
  text-transform: uppercase;
}
.breadcrumbs li:not(:last-child)::after {
  position: relative;
  margin: 0 0.75rem;
  opacity: 1;
  content: "/";
  color: #cacaca;
}
.breadcrumbs a {
  color: #048a24;
}
.breadcrumbs a:hover {
  text-decoration: underline;
}
.breadcrumbs .disabled {
  color: #4b4f4f;
  cursor: not-allowed;
}

.button-group {
  margin-bottom: 1rem;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  flex-grow: 1;
}
.button-group::before, .button-group::after {
  display: none;
}
.button-group::before, .button-group::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
.button-group::after {
  clear: both;
}
.button-group .button {
  margin: 0;
  margin-right: 1px;
  margin-bottom: 1px;
  font-size: 0.9rem;
  flex: 0 0 auto;
}
.button-group .button:last-child {
  margin-right: 0;
}
.button-group.tiny .button {
  font-size: 0.6rem;
}
.button-group.small .button {
  font-size: 0.75rem;
}
.button-group.large .button {
  font-size: 1.25rem;
}
.button-group.expanded .button {
  flex: 1 1 0px;
}
.button-group.primary .button, .button-group.primary .button.disabled, .button-group.primary .button[disabled], .button-group.primary .button.disabled:hover, .button-group.primary .button[disabled]:hover, .button-group.primary .button.disabled:focus, .button-group.primary .button[disabled]:focus {
  background-color: #048a24;
  color: #000000;
}
.button-group.primary .button:hover, .button-group.primary .button:focus {
  background-color: rgb(3.2, 110.4, 28.8);
  color: #000000;
}
.button-group.secondary .button, .button-group.secondary .button.disabled, .button-group.secondary .button[disabled], .button-group.secondary .button.disabled:hover, .button-group.secondary .button[disabled]:hover, .button-group.secondary .button.disabled:focus, .button-group.secondary .button[disabled]:focus {
  background-color: #00607f;
  color: #ffffff;
}
.button-group.secondary .button:hover, .button-group.secondary .button:focus {
  background-color: rgb(0, 76.8, 101.6);
  color: #ffffff;
}
.button-group.success .button, .button-group.success .button.disabled, .button-group.success .button[disabled], .button-group.success .button.disabled:hover, .button-group.success .button[disabled]:hover, .button-group.success .button.disabled:focus, .button-group.success .button[disabled]:focus {
  background-color: #048a24;
  color: #000000;
}
.button-group.success .button:hover, .button-group.success .button:focus {
  background-color: rgb(3.2, 110.4, 28.8);
  color: #000000;
}
.button-group.warning .button, .button-group.warning .button.disabled, .button-group.warning .button[disabled], .button-group.warning .button.disabled:hover, .button-group.warning .button[disabled]:hover, .button-group.warning .button.disabled:focus, .button-group.warning .button[disabled]:focus {
  background-color: #fa640a;
  color: #000000;
}
.button-group.warning .button:hover, .button-group.warning .button:focus {
  background-color: rgb(203.84, 79.04, 4.16);
  color: #000000;
}
.button-group.alert .button, .button-group.alert .button.disabled, .button-group.alert .button[disabled], .button-group.alert .button.disabled:hover, .button-group.alert .button[disabled]:hover, .button-group.alert .button.disabled:focus, .button-group.alert .button[disabled]:focus {
  background-color: #f82431;
  color: #000000;
}
.button-group.alert .button:hover, .button-group.alert .button:focus {
  background-color: rgb(220.1628318584, 7.0371681416, 20.1061946903);
  color: #000000;
}
.button-group.gz-base-color .button, .button-group.gz-base-color .button.disabled, .button-group.gz-base-color .button[disabled], .button-group.gz-base-color .button.disabled:hover, .button-group.gz-base-color .button[disabled]:hover, .button-group.gz-base-color .button.disabled:focus, .button-group.gz-base-color .button[disabled]:focus {
  background-color: #ffffff;
  color: #000000;
}
.button-group.gz-base-color .button:hover, .button-group.gz-base-color .button:focus {
  background-color: #cccccc;
  color: #000000;
}
.button-group.gz-opposing-base-color .button, .button-group.gz-opposing-base-color .button.disabled, .button-group.gz-opposing-base-color .button[disabled], .button-group.gz-opposing-base-color .button.disabled:hover, .button-group.gz-opposing-base-color .button[disabled]:hover, .button-group.gz-opposing-base-color .button.disabled:focus, .button-group.gz-opposing-base-color .button[disabled]:focus {
  background-color: #4b4f4f;
  color: #ffffff;
}
.button-group.gz-opposing-base-color .button:hover, .button-group.gz-opposing-base-color .button:focus {
  background-color: rgb(60, 63.2, 63.2);
  color: #ffffff;
}
.button-group.gz-green .button, .button-group.gz-green .button.disabled, .button-group.gz-green .button[disabled], .button-group.gz-green .button.disabled:hover, .button-group.gz-green .button[disabled]:hover, .button-group.gz-green .button.disabled:focus, .button-group.gz-green .button[disabled]:focus {
  background-color: #048a24;
  color: #000000;
}
.button-group.gz-green .button:hover, .button-group.gz-green .button:focus {
  background-color: rgb(3.2, 110.4, 28.8);
  color: #000000;
}
.button-group.gz-orange .button, .button-group.gz-orange .button.disabled, .button-group.gz-orange .button[disabled], .button-group.gz-orange .button.disabled:hover, .button-group.gz-orange .button[disabled]:hover, .button-group.gz-orange .button.disabled:focus, .button-group.gz-orange .button[disabled]:focus {
  background-color: #fa640a;
  color: #000000;
}
.button-group.gz-orange .button:hover, .button-group.gz-orange .button:focus {
  background-color: rgb(203.84, 79.04, 4.16);
  color: #000000;
}
.button-group.gz-blue .button, .button-group.gz-blue .button.disabled, .button-group.gz-blue .button[disabled], .button-group.gz-blue .button.disabled:hover, .button-group.gz-blue .button[disabled]:hover, .button-group.gz-blue .button.disabled:focus, .button-group.gz-blue .button[disabled]:focus {
  background-color: #00607f;
  color: #ffffff;
}
.button-group.gz-blue .button:hover, .button-group.gz-blue .button:focus {
  background-color: rgb(0, 76.8, 101.6);
  color: #ffffff;
}
.button-group.gz-drk-gray .button, .button-group.gz-drk-gray .button.disabled, .button-group.gz-drk-gray .button[disabled], .button-group.gz-drk-gray .button.disabled:hover, .button-group.gz-drk-gray .button[disabled]:hover, .button-group.gz-drk-gray .button.disabled:focus, .button-group.gz-drk-gray .button[disabled]:focus {
  background-color: #4b4f4f;
  color: #ffffff;
}
.button-group.gz-drk-gray .button:hover, .button-group.gz-drk-gray .button:focus {
  background-color: rgb(60, 63.2, 63.2);
  color: #ffffff;
}
.button-group.gz-space-gray .button, .button-group.gz-space-gray .button.disabled, .button-group.gz-space-gray .button[disabled], .button-group.gz-space-gray .button.disabled:hover, .button-group.gz-space-gray .button[disabled]:hover, .button-group.gz-space-gray .button.disabled:focus, .button-group.gz-space-gray .button[disabled]:focus {
  background-color: #454545;
  color: #ffffff;
}
.button-group.gz-space-gray .button:hover, .button-group.gz-space-gray .button:focus {
  background-color: rgb(55.2, 55.2, 55.2);
  color: #ffffff;
}
.button-group.gz-med-gray .button, .button-group.gz-med-gray .button.disabled, .button-group.gz-med-gray .button[disabled], .button-group.gz-med-gray .button.disabled:hover, .button-group.gz-med-gray .button[disabled]:hover, .button-group.gz-med-gray .button.disabled:focus, .button-group.gz-med-gray .button[disabled]:focus {
  background-color: #666666;
  color: #ffffff;
}
.button-group.gz-med-gray .button:hover, .button-group.gz-med-gray .button:focus {
  background-color: rgb(81.6, 81.6, 81.6);
  color: #ffffff;
}
.button-group.gz-lt-gray .button, .button-group.gz-lt-gray .button.disabled, .button-group.gz-lt-gray .button[disabled], .button-group.gz-lt-gray .button.disabled:hover, .button-group.gz-lt-gray .button[disabled]:hover, .button-group.gz-lt-gray .button.disabled:focus, .button-group.gz-lt-gray .button[disabled]:focus {
  background-color: #cccccc;
  color: #000000;
}
.button-group.gz-lt-gray .button:hover, .button-group.gz-lt-gray .button:focus {
  background-color: rgb(163.2, 163.2, 163.2);
  color: #000000;
}
.button-group.gz-xlt-gray .button, .button-group.gz-xlt-gray .button.disabled, .button-group.gz-xlt-gray .button[disabled], .button-group.gz-xlt-gray .button.disabled:hover, .button-group.gz-xlt-gray .button[disabled]:hover, .button-group.gz-xlt-gray .button.disabled:focus, .button-group.gz-xlt-gray .button[disabled]:focus {
  background-color: #efefef;
  color: #000000;
}
.button-group.gz-xlt-gray .button:hover, .button-group.gz-xlt-gray .button:focus {
  background-color: rgb(191.2, 191.2, 191.2);
  color: #000000;
}
.button-group.gz-xxlt-gray .button, .button-group.gz-xxlt-gray .button.disabled, .button-group.gz-xxlt-gray .button[disabled], .button-group.gz-xxlt-gray .button.disabled:hover, .button-group.gz-xxlt-gray .button[disabled]:hover, .button-group.gz-xxlt-gray .button.disabled:focus, .button-group.gz-xxlt-gray .button[disabled]:focus {
  background-color: #f4f4f4;
  color: #000000;
}
.button-group.gz-xxlt-gray .button:hover, .button-group.gz-xxlt-gray .button:focus {
  background-color: rgb(195.2, 195.2, 195.2);
  color: #000000;
}
.button-group.gz-xxxlt-gray .button, .button-group.gz-xxxlt-gray .button.disabled, .button-group.gz-xxxlt-gray .button[disabled], .button-group.gz-xxxlt-gray .button.disabled:hover, .button-group.gz-xxxlt-gray .button[disabled]:hover, .button-group.gz-xxxlt-gray .button.disabled:focus, .button-group.gz-xxxlt-gray .button[disabled]:focus {
  background-color: #f9f9f9;
  color: #000000;
}
.button-group.gz-xxxlt-gray .button:hover, .button-group.gz-xxxlt-gray .button:focus {
  background-color: rgb(199.2, 199.2, 199.2);
  color: #000000;
}
.button-group.hollow .button, .button-group.hollow .button:hover, .button-group.hollow .button:focus, .button-group.hollow .button.disabled, .button-group.hollow .button.disabled:hover, .button-group.hollow .button.disabled:focus, .button-group.hollow .button[disabled], .button-group.hollow .button[disabled]:hover, .button-group.hollow .button[disabled]:focus {
  background-color: transparent;
}
.button-group.hollow .button, .button-group.hollow .button.disabled, .button-group.hollow .button[disabled], .button-group.hollow .button.disabled:hover, .button-group.hollow .button[disabled]:hover, .button-group.hollow .button.disabled:focus, .button-group.hollow .button[disabled]:focus {
  border: 1px solid #048a24;
  color: #048a24;
}
.button-group.hollow .button:hover, .button-group.hollow .button:focus {
  border-color: #024512;
  color: #024512;
}
.button-group.hollow.primary .button, .button-group.hollow.primary .button.disabled, .button-group.hollow.primary .button[disabled], .button-group.hollow.primary .button.disabled:hover, .button-group.hollow.primary .button[disabled]:hover, .button-group.hollow.primary .button.disabled:focus, .button-group.hollow.primary .button[disabled]:focus, .button-group.hollow .button.primary, .button-group.hollow .button.primary.disabled, .button-group.hollow .button.primary[disabled], .button-group.hollow .button.primary.disabled:hover, .button-group.hollow .button.primary[disabled]:hover, .button-group.hollow .button.primary.disabled:focus, .button-group.hollow .button.primary[disabled]:focus {
  border: 1px solid #048a24;
  color: #048a24;
}
.button-group.hollow.primary .button:hover, .button-group.hollow.primary .button:focus, .button-group.hollow .button.primary:hover, .button-group.hollow .button.primary:focus {
  border-color: #024512;
  color: #024512;
}
.button-group.hollow.secondary .button, .button-group.hollow.secondary .button.disabled, .button-group.hollow.secondary .button[disabled], .button-group.hollow.secondary .button.disabled:hover, .button-group.hollow.secondary .button[disabled]:hover, .button-group.hollow.secondary .button.disabled:focus, .button-group.hollow.secondary .button[disabled]:focus, .button-group.hollow .button.secondary, .button-group.hollow .button.secondary.disabled, .button-group.hollow .button.secondary[disabled], .button-group.hollow .button.secondary.disabled:hover, .button-group.hollow .button.secondary[disabled]:hover, .button-group.hollow .button.secondary.disabled:focus, .button-group.hollow .button.secondary[disabled]:focus {
  border: 1px solid #00607f;
  color: #00607f;
}
.button-group.hollow.secondary .button:hover, .button-group.hollow.secondary .button:focus, .button-group.hollow .button.secondary:hover, .button-group.hollow .button.secondary:focus {
  border-color: rgb(0, 48, 63.5);
  color: rgb(0, 48, 63.5);
}
.button-group.hollow.success .button, .button-group.hollow.success .button.disabled, .button-group.hollow.success .button[disabled], .button-group.hollow.success .button.disabled:hover, .button-group.hollow.success .button[disabled]:hover, .button-group.hollow.success .button.disabled:focus, .button-group.hollow.success .button[disabled]:focus, .button-group.hollow .button.success, .button-group.hollow .button.success.disabled, .button-group.hollow .button.success[disabled], .button-group.hollow .button.success.disabled:hover, .button-group.hollow .button.success[disabled]:hover, .button-group.hollow .button.success.disabled:focus, .button-group.hollow .button.success[disabled]:focus {
  border: 1px solid #048a24;
  color: #048a24;
}
.button-group.hollow.success .button:hover, .button-group.hollow.success .button:focus, .button-group.hollow .button.success:hover, .button-group.hollow .button.success:focus {
  border-color: #024512;
  color: #024512;
}
.button-group.hollow.warning .button, .button-group.hollow.warning .button.disabled, .button-group.hollow.warning .button[disabled], .button-group.hollow.warning .button.disabled:hover, .button-group.hollow.warning .button[disabled]:hover, .button-group.hollow.warning .button.disabled:focus, .button-group.hollow.warning .button[disabled]:focus, .button-group.hollow .button.warning, .button-group.hollow .button.warning.disabled, .button-group.hollow .button.warning[disabled], .button-group.hollow .button.warning.disabled:hover, .button-group.hollow .button.warning[disabled]:hover, .button-group.hollow .button.warning.disabled:focus, .button-group.hollow .button.warning[disabled]:focus {
  border: 1px solid #fa640a;
  color: #fa640a;
}
.button-group.hollow.warning .button:hover, .button-group.hollow.warning .button:focus, .button-group.hollow .button.warning:hover, .button-group.hollow .button.warning:focus {
  border-color: rgb(127.4, 49.4, 2.6);
  color: rgb(127.4, 49.4, 2.6);
}
.button-group.hollow.alert .button, .button-group.hollow.alert .button.disabled, .button-group.hollow.alert .button[disabled], .button-group.hollow.alert .button.disabled:hover, .button-group.hollow.alert .button[disabled]:hover, .button-group.hollow.alert .button.disabled:focus, .button-group.hollow.alert .button[disabled]:focus, .button-group.hollow .button.alert, .button-group.hollow .button.alert.disabled, .button-group.hollow .button.alert[disabled], .button-group.hollow .button.alert.disabled:hover, .button-group.hollow .button.alert[disabled]:hover, .button-group.hollow .button.alert.disabled:focus, .button-group.hollow .button.alert[disabled]:focus {
  border: 1px solid #f82431;
  color: #f82431;
}
.button-group.hollow.alert .button:hover, .button-group.hollow.alert .button:focus, .button-group.hollow .button.alert:hover, .button-group.hollow .button.alert:focus {
  border-color: rgb(137.6017699115, 4.3982300885, 12.5663716814);
  color: rgb(137.6017699115, 4.3982300885, 12.5663716814);
}
.button-group.hollow.gz-base-color .button, .button-group.hollow.gz-base-color .button.disabled, .button-group.hollow.gz-base-color .button[disabled], .button-group.hollow.gz-base-color .button.disabled:hover, .button-group.hollow.gz-base-color .button[disabled]:hover, .button-group.hollow.gz-base-color .button.disabled:focus, .button-group.hollow.gz-base-color .button[disabled]:focus, .button-group.hollow .button.gz-base-color, .button-group.hollow .button.gz-base-color.disabled, .button-group.hollow .button.gz-base-color[disabled], .button-group.hollow .button.gz-base-color.disabled:hover, .button-group.hollow .button.gz-base-color[disabled]:hover, .button-group.hollow .button.gz-base-color.disabled:focus, .button-group.hollow .button.gz-base-color[disabled]:focus {
  border: 1px solid #ffffff;
  color: #ffffff;
}
.button-group.hollow.gz-base-color .button:hover, .button-group.hollow.gz-base-color .button:focus, .button-group.hollow .button.gz-base-color:hover, .button-group.hollow .button.gz-base-color:focus {
  border-color: rgb(127.5, 127.5, 127.5);
  color: rgb(127.5, 127.5, 127.5);
}
.button-group.hollow.gz-opposing-base-color .button, .button-group.hollow.gz-opposing-base-color .button.disabled, .button-group.hollow.gz-opposing-base-color .button[disabled], .button-group.hollow.gz-opposing-base-color .button.disabled:hover, .button-group.hollow.gz-opposing-base-color .button[disabled]:hover, .button-group.hollow.gz-opposing-base-color .button.disabled:focus, .button-group.hollow.gz-opposing-base-color .button[disabled]:focus, .button-group.hollow .button.gz-opposing-base-color, .button-group.hollow .button.gz-opposing-base-color.disabled, .button-group.hollow .button.gz-opposing-base-color[disabled], .button-group.hollow .button.gz-opposing-base-color.disabled:hover, .button-group.hollow .button.gz-opposing-base-color[disabled]:hover, .button-group.hollow .button.gz-opposing-base-color.disabled:focus, .button-group.hollow .button.gz-opposing-base-color[disabled]:focus {
  border: 1px solid #4b4f4f;
  color: #4b4f4f;
}
.button-group.hollow.gz-opposing-base-color .button:hover, .button-group.hollow.gz-opposing-base-color .button:focus, .button-group.hollow .button.gz-opposing-base-color:hover, .button-group.hollow .button.gz-opposing-base-color:focus {
  border-color: rgb(37.5, 39.5, 39.5);
  color: rgb(37.5, 39.5, 39.5);
}
.button-group.hollow.gz-green .button, .button-group.hollow.gz-green .button.disabled, .button-group.hollow.gz-green .button[disabled], .button-group.hollow.gz-green .button.disabled:hover, .button-group.hollow.gz-green .button[disabled]:hover, .button-group.hollow.gz-green .button.disabled:focus, .button-group.hollow.gz-green .button[disabled]:focus, .button-group.hollow .button.gz-green, .button-group.hollow .button.gz-green.disabled, .button-group.hollow .button.gz-green[disabled], .button-group.hollow .button.gz-green.disabled:hover, .button-group.hollow .button.gz-green[disabled]:hover, .button-group.hollow .button.gz-green.disabled:focus, .button-group.hollow .button.gz-green[disabled]:focus {
  border: 1px solid #048a24;
  color: #048a24;
}
.button-group.hollow.gz-green .button:hover, .button-group.hollow.gz-green .button:focus, .button-group.hollow .button.gz-green:hover, .button-group.hollow .button.gz-green:focus {
  border-color: #024512;
  color: #024512;
}
.button-group.hollow.gz-orange .button, .button-group.hollow.gz-orange .button.disabled, .button-group.hollow.gz-orange .button[disabled], .button-group.hollow.gz-orange .button.disabled:hover, .button-group.hollow.gz-orange .button[disabled]:hover, .button-group.hollow.gz-orange .button.disabled:focus, .button-group.hollow.gz-orange .button[disabled]:focus, .button-group.hollow .button.gz-orange, .button-group.hollow .button.gz-orange.disabled, .button-group.hollow .button.gz-orange[disabled], .button-group.hollow .button.gz-orange.disabled:hover, .button-group.hollow .button.gz-orange[disabled]:hover, .button-group.hollow .button.gz-orange.disabled:focus, .button-group.hollow .button.gz-orange[disabled]:focus {
  border: 1px solid #fa640a;
  color: #fa640a;
}
.button-group.hollow.gz-orange .button:hover, .button-group.hollow.gz-orange .button:focus, .button-group.hollow .button.gz-orange:hover, .button-group.hollow .button.gz-orange:focus {
  border-color: rgb(127.4, 49.4, 2.6);
  color: rgb(127.4, 49.4, 2.6);
}
.button-group.hollow.gz-blue .button, .button-group.hollow.gz-blue .button.disabled, .button-group.hollow.gz-blue .button[disabled], .button-group.hollow.gz-blue .button.disabled:hover, .button-group.hollow.gz-blue .button[disabled]:hover, .button-group.hollow.gz-blue .button.disabled:focus, .button-group.hollow.gz-blue .button[disabled]:focus, .button-group.hollow .button.gz-blue, .button-group.hollow .button.gz-blue.disabled, .button-group.hollow .button.gz-blue[disabled], .button-group.hollow .button.gz-blue.disabled:hover, .button-group.hollow .button.gz-blue[disabled]:hover, .button-group.hollow .button.gz-blue.disabled:focus, .button-group.hollow .button.gz-blue[disabled]:focus {
  border: 1px solid #00607f;
  color: #00607f;
}
.button-group.hollow.gz-blue .button:hover, .button-group.hollow.gz-blue .button:focus, .button-group.hollow .button.gz-blue:hover, .button-group.hollow .button.gz-blue:focus {
  border-color: rgb(0, 48, 63.5);
  color: rgb(0, 48, 63.5);
}
.button-group.hollow.gz-drk-gray .button, .button-group.hollow.gz-drk-gray .button.disabled, .button-group.hollow.gz-drk-gray .button[disabled], .button-group.hollow.gz-drk-gray .button.disabled:hover, .button-group.hollow.gz-drk-gray .button[disabled]:hover, .button-group.hollow.gz-drk-gray .button.disabled:focus, .button-group.hollow.gz-drk-gray .button[disabled]:focus, .button-group.hollow .button.gz-drk-gray, .button-group.hollow .button.gz-drk-gray.disabled, .button-group.hollow .button.gz-drk-gray[disabled], .button-group.hollow .button.gz-drk-gray.disabled:hover, .button-group.hollow .button.gz-drk-gray[disabled]:hover, .button-group.hollow .button.gz-drk-gray.disabled:focus, .button-group.hollow .button.gz-drk-gray[disabled]:focus {
  border: 1px solid #4b4f4f;
  color: #4b4f4f;
}
.button-group.hollow.gz-drk-gray .button:hover, .button-group.hollow.gz-drk-gray .button:focus, .button-group.hollow .button.gz-drk-gray:hover, .button-group.hollow .button.gz-drk-gray:focus {
  border-color: rgb(37.5, 39.5, 39.5);
  color: rgb(37.5, 39.5, 39.5);
}
.button-group.hollow.gz-space-gray .button, .button-group.hollow.gz-space-gray .button.disabled, .button-group.hollow.gz-space-gray .button[disabled], .button-group.hollow.gz-space-gray .button.disabled:hover, .button-group.hollow.gz-space-gray .button[disabled]:hover, .button-group.hollow.gz-space-gray .button.disabled:focus, .button-group.hollow.gz-space-gray .button[disabled]:focus, .button-group.hollow .button.gz-space-gray, .button-group.hollow .button.gz-space-gray.disabled, .button-group.hollow .button.gz-space-gray[disabled], .button-group.hollow .button.gz-space-gray.disabled:hover, .button-group.hollow .button.gz-space-gray[disabled]:hover, .button-group.hollow .button.gz-space-gray.disabled:focus, .button-group.hollow .button.gz-space-gray[disabled]:focus {
  border: 1px solid #454545;
  color: #454545;
}
.button-group.hollow.gz-space-gray .button:hover, .button-group.hollow.gz-space-gray .button:focus, .button-group.hollow .button.gz-space-gray:hover, .button-group.hollow .button.gz-space-gray:focus {
  border-color: rgb(34.5, 34.5, 34.5);
  color: rgb(34.5, 34.5, 34.5);
}
.button-group.hollow.gz-med-gray .button, .button-group.hollow.gz-med-gray .button.disabled, .button-group.hollow.gz-med-gray .button[disabled], .button-group.hollow.gz-med-gray .button.disabled:hover, .button-group.hollow.gz-med-gray .button[disabled]:hover, .button-group.hollow.gz-med-gray .button.disabled:focus, .button-group.hollow.gz-med-gray .button[disabled]:focus, .button-group.hollow .button.gz-med-gray, .button-group.hollow .button.gz-med-gray.disabled, .button-group.hollow .button.gz-med-gray[disabled], .button-group.hollow .button.gz-med-gray.disabled:hover, .button-group.hollow .button.gz-med-gray[disabled]:hover, .button-group.hollow .button.gz-med-gray.disabled:focus, .button-group.hollow .button.gz-med-gray[disabled]:focus {
  border: 1px solid #666666;
  color: #666666;
}
.button-group.hollow.gz-med-gray .button:hover, .button-group.hollow.gz-med-gray .button:focus, .button-group.hollow .button.gz-med-gray:hover, .button-group.hollow .button.gz-med-gray:focus {
  border-color: #333333;
  color: #333333;
}
.button-group.hollow.gz-lt-gray .button, .button-group.hollow.gz-lt-gray .button.disabled, .button-group.hollow.gz-lt-gray .button[disabled], .button-group.hollow.gz-lt-gray .button.disabled:hover, .button-group.hollow.gz-lt-gray .button[disabled]:hover, .button-group.hollow.gz-lt-gray .button.disabled:focus, .button-group.hollow.gz-lt-gray .button[disabled]:focus, .button-group.hollow .button.gz-lt-gray, .button-group.hollow .button.gz-lt-gray.disabled, .button-group.hollow .button.gz-lt-gray[disabled], .button-group.hollow .button.gz-lt-gray.disabled:hover, .button-group.hollow .button.gz-lt-gray[disabled]:hover, .button-group.hollow .button.gz-lt-gray.disabled:focus, .button-group.hollow .button.gz-lt-gray[disabled]:focus {
  border: 1px solid #cccccc;
  color: #cccccc;
}
.button-group.hollow.gz-lt-gray .button:hover, .button-group.hollow.gz-lt-gray .button:focus, .button-group.hollow .button.gz-lt-gray:hover, .button-group.hollow .button.gz-lt-gray:focus {
  border-color: #666666;
  color: #666666;
}
.button-group.hollow.gz-xlt-gray .button, .button-group.hollow.gz-xlt-gray .button.disabled, .button-group.hollow.gz-xlt-gray .button[disabled], .button-group.hollow.gz-xlt-gray .button.disabled:hover, .button-group.hollow.gz-xlt-gray .button[disabled]:hover, .button-group.hollow.gz-xlt-gray .button.disabled:focus, .button-group.hollow.gz-xlt-gray .button[disabled]:focus, .button-group.hollow .button.gz-xlt-gray, .button-group.hollow .button.gz-xlt-gray.disabled, .button-group.hollow .button.gz-xlt-gray[disabled], .button-group.hollow .button.gz-xlt-gray.disabled:hover, .button-group.hollow .button.gz-xlt-gray[disabled]:hover, .button-group.hollow .button.gz-xlt-gray.disabled:focus, .button-group.hollow .button.gz-xlt-gray[disabled]:focus {
  border: 1px solid #efefef;
  color: #efefef;
}
.button-group.hollow.gz-xlt-gray .button:hover, .button-group.hollow.gz-xlt-gray .button:focus, .button-group.hollow .button.gz-xlt-gray:hover, .button-group.hollow .button.gz-xlt-gray:focus {
  border-color: rgb(119.5, 119.5, 119.5);
  color: rgb(119.5, 119.5, 119.5);
}
.button-group.hollow.gz-xxlt-gray .button, .button-group.hollow.gz-xxlt-gray .button.disabled, .button-group.hollow.gz-xxlt-gray .button[disabled], .button-group.hollow.gz-xxlt-gray .button.disabled:hover, .button-group.hollow.gz-xxlt-gray .button[disabled]:hover, .button-group.hollow.gz-xxlt-gray .button.disabled:focus, .button-group.hollow.gz-xxlt-gray .button[disabled]:focus, .button-group.hollow .button.gz-xxlt-gray, .button-group.hollow .button.gz-xxlt-gray.disabled, .button-group.hollow .button.gz-xxlt-gray[disabled], .button-group.hollow .button.gz-xxlt-gray.disabled:hover, .button-group.hollow .button.gz-xxlt-gray[disabled]:hover, .button-group.hollow .button.gz-xxlt-gray.disabled:focus, .button-group.hollow .button.gz-xxlt-gray[disabled]:focus {
  border: 1px solid #f4f4f4;
  color: #f4f4f4;
}
.button-group.hollow.gz-xxlt-gray .button:hover, .button-group.hollow.gz-xxlt-gray .button:focus, .button-group.hollow .button.gz-xxlt-gray:hover, .button-group.hollow .button.gz-xxlt-gray:focus {
  border-color: #7a7a7a;
  color: #7a7a7a;
}
.button-group.hollow.gz-xxxlt-gray .button, .button-group.hollow.gz-xxxlt-gray .button.disabled, .button-group.hollow.gz-xxxlt-gray .button[disabled], .button-group.hollow.gz-xxxlt-gray .button.disabled:hover, .button-group.hollow.gz-xxxlt-gray .button[disabled]:hover, .button-group.hollow.gz-xxxlt-gray .button.disabled:focus, .button-group.hollow.gz-xxxlt-gray .button[disabled]:focus, .button-group.hollow .button.gz-xxxlt-gray, .button-group.hollow .button.gz-xxxlt-gray.disabled, .button-group.hollow .button.gz-xxxlt-gray[disabled], .button-group.hollow .button.gz-xxxlt-gray.disabled:hover, .button-group.hollow .button.gz-xxxlt-gray[disabled]:hover, .button-group.hollow .button.gz-xxxlt-gray.disabled:focus, .button-group.hollow .button.gz-xxxlt-gray[disabled]:focus {
  border: 1px solid #f9f9f9;
  color: #f9f9f9;
}
.button-group.hollow.gz-xxxlt-gray .button:hover, .button-group.hollow.gz-xxxlt-gray .button:focus, .button-group.hollow .button.gz-xxxlt-gray:hover, .button-group.hollow .button.gz-xxxlt-gray:focus {
  border-color: rgb(124.5, 124.5, 124.5);
  color: rgb(124.5, 124.5, 124.5);
}
.button-group.clear .button, .button-group.clear .button:hover, .button-group.clear .button:focus, .button-group.clear .button.disabled, .button-group.clear .button.disabled:hover, .button-group.clear .button.disabled:focus, .button-group.clear .button[disabled], .button-group.clear .button[disabled]:hover, .button-group.clear .button[disabled]:focus {
  border-color: transparent;
  background-color: transparent;
}
.button-group.clear .button, .button-group.clear .button.disabled, .button-group.clear .button[disabled], .button-group.clear .button.disabled:hover, .button-group.clear .button[disabled]:hover, .button-group.clear .button.disabled:focus, .button-group.clear .button[disabled]:focus {
  color: #048a24;
}
.button-group.clear .button:hover, .button-group.clear .button:focus {
  color: #024512;
}
.button-group.clear.primary .button, .button-group.clear.primary .button.disabled, .button-group.clear.primary .button[disabled], .button-group.clear.primary .button.disabled:hover, .button-group.clear.primary .button[disabled]:hover, .button-group.clear.primary .button.disabled:focus, .button-group.clear.primary .button[disabled]:focus, .button-group.clear .button.primary, .button-group.clear .button.primary.disabled, .button-group.clear .button.primary[disabled], .button-group.clear .button.primary.disabled:hover, .button-group.clear .button.primary[disabled]:hover, .button-group.clear .button.primary.disabled:focus, .button-group.clear .button.primary[disabled]:focus {
  color: #048a24;
}
.button-group.clear.primary .button:hover, .button-group.clear.primary .button:focus, .button-group.clear .button.primary:hover, .button-group.clear .button.primary:focus {
  color: #024512;
}
.button-group.clear.secondary .button, .button-group.clear.secondary .button.disabled, .button-group.clear.secondary .button[disabled], .button-group.clear.secondary .button.disabled:hover, .button-group.clear.secondary .button[disabled]:hover, .button-group.clear.secondary .button.disabled:focus, .button-group.clear.secondary .button[disabled]:focus, .button-group.clear .button.secondary, .button-group.clear .button.secondary.disabled, .button-group.clear .button.secondary[disabled], .button-group.clear .button.secondary.disabled:hover, .button-group.clear .button.secondary[disabled]:hover, .button-group.clear .button.secondary.disabled:focus, .button-group.clear .button.secondary[disabled]:focus {
  color: #00607f;
}
.button-group.clear.secondary .button:hover, .button-group.clear.secondary .button:focus, .button-group.clear .button.secondary:hover, .button-group.clear .button.secondary:focus {
  color: rgb(0, 48, 63.5);
}
.button-group.clear.success .button, .button-group.clear.success .button.disabled, .button-group.clear.success .button[disabled], .button-group.clear.success .button.disabled:hover, .button-group.clear.success .button[disabled]:hover, .button-group.clear.success .button.disabled:focus, .button-group.clear.success .button[disabled]:focus, .button-group.clear .button.success, .button-group.clear .button.success.disabled, .button-group.clear .button.success[disabled], .button-group.clear .button.success.disabled:hover, .button-group.clear .button.success[disabled]:hover, .button-group.clear .button.success.disabled:focus, .button-group.clear .button.success[disabled]:focus {
  color: #048a24;
}
.button-group.clear.success .button:hover, .button-group.clear.success .button:focus, .button-group.clear .button.success:hover, .button-group.clear .button.success:focus {
  color: #024512;
}
.button-group.clear.warning .button, .button-group.clear.warning .button.disabled, .button-group.clear.warning .button[disabled], .button-group.clear.warning .button.disabled:hover, .button-group.clear.warning .button[disabled]:hover, .button-group.clear.warning .button.disabled:focus, .button-group.clear.warning .button[disabled]:focus, .button-group.clear .button.warning, .button-group.clear .button.warning.disabled, .button-group.clear .button.warning[disabled], .button-group.clear .button.warning.disabled:hover, .button-group.clear .button.warning[disabled]:hover, .button-group.clear .button.warning.disabled:focus, .button-group.clear .button.warning[disabled]:focus {
  color: #fa640a;
}
.button-group.clear.warning .button:hover, .button-group.clear.warning .button:focus, .button-group.clear .button.warning:hover, .button-group.clear .button.warning:focus {
  color: rgb(127.4, 49.4, 2.6);
}
.button-group.clear.alert .button, .button-group.clear.alert .button.disabled, .button-group.clear.alert .button[disabled], .button-group.clear.alert .button.disabled:hover, .button-group.clear.alert .button[disabled]:hover, .button-group.clear.alert .button.disabled:focus, .button-group.clear.alert .button[disabled]:focus, .button-group.clear .button.alert, .button-group.clear .button.alert.disabled, .button-group.clear .button.alert[disabled], .button-group.clear .button.alert.disabled:hover, .button-group.clear .button.alert[disabled]:hover, .button-group.clear .button.alert.disabled:focus, .button-group.clear .button.alert[disabled]:focus {
  color: #f82431;
}
.button-group.clear.alert .button:hover, .button-group.clear.alert .button:focus, .button-group.clear .button.alert:hover, .button-group.clear .button.alert:focus {
  color: rgb(137.6017699115, 4.3982300885, 12.5663716814);
}
.button-group.clear.gz-base-color .button, .button-group.clear.gz-base-color .button.disabled, .button-group.clear.gz-base-color .button[disabled], .button-group.clear.gz-base-color .button.disabled:hover, .button-group.clear.gz-base-color .button[disabled]:hover, .button-group.clear.gz-base-color .button.disabled:focus, .button-group.clear.gz-base-color .button[disabled]:focus, .button-group.clear .button.gz-base-color, .button-group.clear .button.gz-base-color.disabled, .button-group.clear .button.gz-base-color[disabled], .button-group.clear .button.gz-base-color.disabled:hover, .button-group.clear .button.gz-base-color[disabled]:hover, .button-group.clear .button.gz-base-color.disabled:focus, .button-group.clear .button.gz-base-color[disabled]:focus {
  color: #ffffff;
}
.button-group.clear.gz-base-color .button:hover, .button-group.clear.gz-base-color .button:focus, .button-group.clear .button.gz-base-color:hover, .button-group.clear .button.gz-base-color:focus {
  color: rgb(127.5, 127.5, 127.5);
}
.button-group.clear.gz-opposing-base-color .button, .button-group.clear.gz-opposing-base-color .button.disabled, .button-group.clear.gz-opposing-base-color .button[disabled], .button-group.clear.gz-opposing-base-color .button.disabled:hover, .button-group.clear.gz-opposing-base-color .button[disabled]:hover, .button-group.clear.gz-opposing-base-color .button.disabled:focus, .button-group.clear.gz-opposing-base-color .button[disabled]:focus, .button-group.clear .button.gz-opposing-base-color, .button-group.clear .button.gz-opposing-base-color.disabled, .button-group.clear .button.gz-opposing-base-color[disabled], .button-group.clear .button.gz-opposing-base-color.disabled:hover, .button-group.clear .button.gz-opposing-base-color[disabled]:hover, .button-group.clear .button.gz-opposing-base-color.disabled:focus, .button-group.clear .button.gz-opposing-base-color[disabled]:focus {
  color: #4b4f4f;
}
.button-group.clear.gz-opposing-base-color .button:hover, .button-group.clear.gz-opposing-base-color .button:focus, .button-group.clear .button.gz-opposing-base-color:hover, .button-group.clear .button.gz-opposing-base-color:focus {
  color: rgb(37.5, 39.5, 39.5);
}
.button-group.clear.gz-green .button, .button-group.clear.gz-green .button.disabled, .button-group.clear.gz-green .button[disabled], .button-group.clear.gz-green .button.disabled:hover, .button-group.clear.gz-green .button[disabled]:hover, .button-group.clear.gz-green .button.disabled:focus, .button-group.clear.gz-green .button[disabled]:focus, .button-group.clear .button.gz-green, .button-group.clear .button.gz-green.disabled, .button-group.clear .button.gz-green[disabled], .button-group.clear .button.gz-green.disabled:hover, .button-group.clear .button.gz-green[disabled]:hover, .button-group.clear .button.gz-green.disabled:focus, .button-group.clear .button.gz-green[disabled]:focus {
  color: #048a24;
}
.button-group.clear.gz-green .button:hover, .button-group.clear.gz-green .button:focus, .button-group.clear .button.gz-green:hover, .button-group.clear .button.gz-green:focus {
  color: #024512;
}
.button-group.clear.gz-orange .button, .button-group.clear.gz-orange .button.disabled, .button-group.clear.gz-orange .button[disabled], .button-group.clear.gz-orange .button.disabled:hover, .button-group.clear.gz-orange .button[disabled]:hover, .button-group.clear.gz-orange .button.disabled:focus, .button-group.clear.gz-orange .button[disabled]:focus, .button-group.clear .button.gz-orange, .button-group.clear .button.gz-orange.disabled, .button-group.clear .button.gz-orange[disabled], .button-group.clear .button.gz-orange.disabled:hover, .button-group.clear .button.gz-orange[disabled]:hover, .button-group.clear .button.gz-orange.disabled:focus, .button-group.clear .button.gz-orange[disabled]:focus {
  color: #fa640a;
}
.button-group.clear.gz-orange .button:hover, .button-group.clear.gz-orange .button:focus, .button-group.clear .button.gz-orange:hover, .button-group.clear .button.gz-orange:focus {
  color: rgb(127.4, 49.4, 2.6);
}
.button-group.clear.gz-blue .button, .button-group.clear.gz-blue .button.disabled, .button-group.clear.gz-blue .button[disabled], .button-group.clear.gz-blue .button.disabled:hover, .button-group.clear.gz-blue .button[disabled]:hover, .button-group.clear.gz-blue .button.disabled:focus, .button-group.clear.gz-blue .button[disabled]:focus, .button-group.clear .button.gz-blue, .button-group.clear .button.gz-blue.disabled, .button-group.clear .button.gz-blue[disabled], .button-group.clear .button.gz-blue.disabled:hover, .button-group.clear .button.gz-blue[disabled]:hover, .button-group.clear .button.gz-blue.disabled:focus, .button-group.clear .button.gz-blue[disabled]:focus {
  color: #00607f;
}
.button-group.clear.gz-blue .button:hover, .button-group.clear.gz-blue .button:focus, .button-group.clear .button.gz-blue:hover, .button-group.clear .button.gz-blue:focus {
  color: rgb(0, 48, 63.5);
}
.button-group.clear.gz-drk-gray .button, .button-group.clear.gz-drk-gray .button.disabled, .button-group.clear.gz-drk-gray .button[disabled], .button-group.clear.gz-drk-gray .button.disabled:hover, .button-group.clear.gz-drk-gray .button[disabled]:hover, .button-group.clear.gz-drk-gray .button.disabled:focus, .button-group.clear.gz-drk-gray .button[disabled]:focus, .button-group.clear .button.gz-drk-gray, .button-group.clear .button.gz-drk-gray.disabled, .button-group.clear .button.gz-drk-gray[disabled], .button-group.clear .button.gz-drk-gray.disabled:hover, .button-group.clear .button.gz-drk-gray[disabled]:hover, .button-group.clear .button.gz-drk-gray.disabled:focus, .button-group.clear .button.gz-drk-gray[disabled]:focus {
  color: #4b4f4f;
}
.button-group.clear.gz-drk-gray .button:hover, .button-group.clear.gz-drk-gray .button:focus, .button-group.clear .button.gz-drk-gray:hover, .button-group.clear .button.gz-drk-gray:focus {
  color: rgb(37.5, 39.5, 39.5);
}
.button-group.clear.gz-space-gray .button, .button-group.clear.gz-space-gray .button.disabled, .button-group.clear.gz-space-gray .button[disabled], .button-group.clear.gz-space-gray .button.disabled:hover, .button-group.clear.gz-space-gray .button[disabled]:hover, .button-group.clear.gz-space-gray .button.disabled:focus, .button-group.clear.gz-space-gray .button[disabled]:focus, .button-group.clear .button.gz-space-gray, .button-group.clear .button.gz-space-gray.disabled, .button-group.clear .button.gz-space-gray[disabled], .button-group.clear .button.gz-space-gray.disabled:hover, .button-group.clear .button.gz-space-gray[disabled]:hover, .button-group.clear .button.gz-space-gray.disabled:focus, .button-group.clear .button.gz-space-gray[disabled]:focus {
  color: #454545;
}
.button-group.clear.gz-space-gray .button:hover, .button-group.clear.gz-space-gray .button:focus, .button-group.clear .button.gz-space-gray:hover, .button-group.clear .button.gz-space-gray:focus {
  color: rgb(34.5, 34.5, 34.5);
}
.button-group.clear.gz-med-gray .button, .button-group.clear.gz-med-gray .button.disabled, .button-group.clear.gz-med-gray .button[disabled], .button-group.clear.gz-med-gray .button.disabled:hover, .button-group.clear.gz-med-gray .button[disabled]:hover, .button-group.clear.gz-med-gray .button.disabled:focus, .button-group.clear.gz-med-gray .button[disabled]:focus, .button-group.clear .button.gz-med-gray, .button-group.clear .button.gz-med-gray.disabled, .button-group.clear .button.gz-med-gray[disabled], .button-group.clear .button.gz-med-gray.disabled:hover, .button-group.clear .button.gz-med-gray[disabled]:hover, .button-group.clear .button.gz-med-gray.disabled:focus, .button-group.clear .button.gz-med-gray[disabled]:focus {
  color: #666666;
}
.button-group.clear.gz-med-gray .button:hover, .button-group.clear.gz-med-gray .button:focus, .button-group.clear .button.gz-med-gray:hover, .button-group.clear .button.gz-med-gray:focus {
  color: #333333;
}
.button-group.clear.gz-lt-gray .button, .button-group.clear.gz-lt-gray .button.disabled, .button-group.clear.gz-lt-gray .button[disabled], .button-group.clear.gz-lt-gray .button.disabled:hover, .button-group.clear.gz-lt-gray .button[disabled]:hover, .button-group.clear.gz-lt-gray .button.disabled:focus, .button-group.clear.gz-lt-gray .button[disabled]:focus, .button-group.clear .button.gz-lt-gray, .button-group.clear .button.gz-lt-gray.disabled, .button-group.clear .button.gz-lt-gray[disabled], .button-group.clear .button.gz-lt-gray.disabled:hover, .button-group.clear .button.gz-lt-gray[disabled]:hover, .button-group.clear .button.gz-lt-gray.disabled:focus, .button-group.clear .button.gz-lt-gray[disabled]:focus {
  color: #cccccc;
}
.button-group.clear.gz-lt-gray .button:hover, .button-group.clear.gz-lt-gray .button:focus, .button-group.clear .button.gz-lt-gray:hover, .button-group.clear .button.gz-lt-gray:focus {
  color: #666666;
}
.button-group.clear.gz-xlt-gray .button, .button-group.clear.gz-xlt-gray .button.disabled, .button-group.clear.gz-xlt-gray .button[disabled], .button-group.clear.gz-xlt-gray .button.disabled:hover, .button-group.clear.gz-xlt-gray .button[disabled]:hover, .button-group.clear.gz-xlt-gray .button.disabled:focus, .button-group.clear.gz-xlt-gray .button[disabled]:focus, .button-group.clear .button.gz-xlt-gray, .button-group.clear .button.gz-xlt-gray.disabled, .button-group.clear .button.gz-xlt-gray[disabled], .button-group.clear .button.gz-xlt-gray.disabled:hover, .button-group.clear .button.gz-xlt-gray[disabled]:hover, .button-group.clear .button.gz-xlt-gray.disabled:focus, .button-group.clear .button.gz-xlt-gray[disabled]:focus {
  color: #efefef;
}
.button-group.clear.gz-xlt-gray .button:hover, .button-group.clear.gz-xlt-gray .button:focus, .button-group.clear .button.gz-xlt-gray:hover, .button-group.clear .button.gz-xlt-gray:focus {
  color: rgb(119.5, 119.5, 119.5);
}
.button-group.clear.gz-xxlt-gray .button, .button-group.clear.gz-xxlt-gray .button.disabled, .button-group.clear.gz-xxlt-gray .button[disabled], .button-group.clear.gz-xxlt-gray .button.disabled:hover, .button-group.clear.gz-xxlt-gray .button[disabled]:hover, .button-group.clear.gz-xxlt-gray .button.disabled:focus, .button-group.clear.gz-xxlt-gray .button[disabled]:focus, .button-group.clear .button.gz-xxlt-gray, .button-group.clear .button.gz-xxlt-gray.disabled, .button-group.clear .button.gz-xxlt-gray[disabled], .button-group.clear .button.gz-xxlt-gray.disabled:hover, .button-group.clear .button.gz-xxlt-gray[disabled]:hover, .button-group.clear .button.gz-xxlt-gray.disabled:focus, .button-group.clear .button.gz-xxlt-gray[disabled]:focus {
  color: #f4f4f4;
}
.button-group.clear.gz-xxlt-gray .button:hover, .button-group.clear.gz-xxlt-gray .button:focus, .button-group.clear .button.gz-xxlt-gray:hover, .button-group.clear .button.gz-xxlt-gray:focus {
  color: #7a7a7a;
}
.button-group.clear.gz-xxxlt-gray .button, .button-group.clear.gz-xxxlt-gray .button.disabled, .button-group.clear.gz-xxxlt-gray .button[disabled], .button-group.clear.gz-xxxlt-gray .button.disabled:hover, .button-group.clear.gz-xxxlt-gray .button[disabled]:hover, .button-group.clear.gz-xxxlt-gray .button.disabled:focus, .button-group.clear.gz-xxxlt-gray .button[disabled]:focus, .button-group.clear .button.gz-xxxlt-gray, .button-group.clear .button.gz-xxxlt-gray.disabled, .button-group.clear .button.gz-xxxlt-gray[disabled], .button-group.clear .button.gz-xxxlt-gray.disabled:hover, .button-group.clear .button.gz-xxxlt-gray[disabled]:hover, .button-group.clear .button.gz-xxxlt-gray.disabled:focus, .button-group.clear .button.gz-xxxlt-gray[disabled]:focus {
  color: #f9f9f9;
}
.button-group.clear.gz-xxxlt-gray .button:hover, .button-group.clear.gz-xxxlt-gray .button:focus, .button-group.clear .button.gz-xxxlt-gray:hover, .button-group.clear .button.gz-xxxlt-gray:focus {
  color: rgb(124.5, 124.5, 124.5);
}
.button-group.no-gaps .button {
  margin-right: -0.0625rem;
}
.button-group.no-gaps .button + .button {
  border-left-color: transparent;
}
.button-group.stacked, .button-group.stacked-for-small, .button-group.stacked-for-medium {
  flex-wrap: wrap;
}
.button-group.stacked .button, .button-group.stacked-for-small .button, .button-group.stacked-for-medium .button {
  flex: 0 0 100%;
}
.button-group.stacked .button:last-child, .button-group.stacked-for-small .button:last-child, .button-group.stacked-for-medium .button:last-child {
  margin-bottom: 0;
}
.button-group.stacked.expanded .button, .button-group.stacked-for-small.expanded .button, .button-group.stacked-for-medium.expanded .button {
  flex: 1 1 0px;
}
@media print, screen and (min-width: 40em) {
  .button-group.stacked-for-small .button {
    flex: 0 0 auto;
    margin-bottom: 0;
  }
}
@media print, screen and (min-width: 64em) {
  .button-group.stacked-for-medium .button {
    flex: 0 0 auto;
    margin-bottom: 0;
  }
}
@media print, screen and (max-width: 39.99875em) {
  .button-group.stacked-for-small.expanded {
    display: block;
  }
  .button-group.stacked-for-small.expanded .button {
    display: block;
    margin-right: 0;
  }
}
@media print, screen and (max-width: 63.99875em) {
  .button-group.stacked-for-medium.expanded {
    display: block;
  }
  .button-group.stacked-for-medium.expanded .button {
    display: block;
    margin-right: 0;
  }
}

.callout {
  background-color: white;
  color: #4b4f4f;
  position: relative;
  margin: 0 0 1rem 0;
  padding: 1rem;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 0;
}
.callout > :first-child {
  margin-top: 0;
}
.callout > :last-child {
  margin-bottom: 0;
}
.callout.primary {
  background-color: rgb(201.3549295775, 253.4450704225, 213.7943661972);
  color: #4b4f4f;
}
.callout.secondary {
  background-color: rgb(197.55, 240.9767716535, 255);
  color: #4b4f4f;
}
.callout.success {
  background-color: rgb(201.3549295775, 253.4450704225, 213.7943661972);
  color: #4b4f4f;
}
.callout.warning {
  background-color: rgb(254.25, 231.75, 218.25);
  color: #4b4f4f;
}
.callout.alert {
  background-color: rgb(253.95, 222.15, 224.1);
  color: #4b4f4f;
}
.callout.gz-base-color {
  background-color: white;
  color: #4b4f4f;
}
.callout.gz-opposing-base-color {
  background-color: rgb(227.6064935065, 228.9935064935, 228.9935064935);
  color: #4b4f4f;
}
.callout.gz-green {
  background-color: rgb(201.3549295775, 253.4450704225, 213.7943661972);
  color: #4b4f4f;
}
.callout.gz-orange {
  background-color: rgb(254.25, 231.75, 218.25);
  color: #4b4f4f;
}
.callout.gz-blue {
  background-color: rgb(197.55, 240.9767716535, 255);
  color: #4b4f4f;
}
.callout.gz-drk-gray {
  background-color: rgb(227.6064935065, 228.9935064935, 228.9935064935);
  color: #4b4f4f;
}
.callout.gz-space-gray {
  background-color: rgb(227.1, 227.1, 227.1);
  color: #4b4f4f;
}
.callout.gz-med-gray {
  background-color: rgb(232.05, 232.05, 232.05);
  color: #4b4f4f;
}
.callout.gz-lt-gray {
  background-color: rgb(247.35, 247.35, 247.35);
  color: #4b4f4f;
}
.callout.gz-xlt-gray {
  background-color: rgb(252.6, 252.6, 252.6);
  color: #4b4f4f;
}
.callout.gz-xxlt-gray {
  background-color: rgb(253.35, 253.35, 253.35);
  color: #4b4f4f;
}
.callout.gz-xxxlt-gray {
  background-color: rgb(254.1, 254.1, 254.1);
  color: #4b4f4f;
}
.callout.small {
  padding-top: 0.5rem;
  padding-right: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.5rem;
}
.callout.large {
  padding-top: 3rem;
  padding-right: 3rem;
  padding-bottom: 3rem;
  padding-left: 3rem;
}

.card {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  margin-bottom: 1rem;
  border: 1px solid #cccccc;
  border-radius: 0;
  background: #ffffff;
  box-shadow: none;
  overflow: hidden;
  color: #4b4f4f;
}
.card > :last-child {
  margin-bottom: 0;
}

.card-divider {
  display: flex;
  flex: 0 1 auto;
  padding: 1rem;
  background: #cccccc;
}
.card-divider > :last-child {
  margin-bottom: 0;
}

.card-section {
  flex: 1 0 auto;
  padding: 1rem;
}
.card-section > :last-child {
  margin-bottom: 0;
}

.card-image {
  min-height: 1px;
}

.close-button {
  position: absolute;
  z-index: 10;
  color: #343434;
  cursor: pointer;
}
[data-whatinput=mouse] .close-button {
  outline: 0;
}
.close-button:hover, .close-button:focus {
  color: #000000;
}
.close-button.small {
  right: 0.66rem;
  top: 0.33em;
  font-size: 1.5em;
  line-height: 1;
}

.close-button.medium, .close-button {
  right: 1rem;
  top: 0.5rem;
  font-size: 2em;
  line-height: 1;
}

.menu {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  display: flex;
  flex-wrap: wrap;
}
[data-whatinput=mouse] .menu li {
  outline: 0;
}
.menu a,
.menu .button {
  line-height: 1;
  text-decoration: none;
  display: block;
  padding: 0.7rem 1rem;
}
.menu input,
.menu select,
.menu a,
.menu button {
  margin-bottom: 0;
}
.menu input {
  display: inline-block;
}
.menu, .menu.horizontal {
  flex-wrap: wrap;
  flex-direction: row;
}
.menu.vertical {
  flex-wrap: nowrap;
  flex-direction: column;
}
.menu.vertical.icon-top li a img,
.menu.vertical.icon-top li a i,
.menu.vertical.icon-top li a svg, .menu.vertical.icon-bottom li a img,
.menu.vertical.icon-bottom li a i,
.menu.vertical.icon-bottom li a svg {
  text-align: left;
}
.menu.expanded li {
  flex: 1 1 0px;
}
.menu.expanded.icon-top li a img,
.menu.expanded.icon-top li a i,
.menu.expanded.icon-top li a svg, .menu.expanded.icon-bottom li a img,
.menu.expanded.icon-bottom li a i,
.menu.expanded.icon-bottom li a svg {
  text-align: left;
}
.menu.simple {
  align-items: center;
}
.menu.simple li + li {
  margin-left: 1rem;
}
.menu.simple a {
  padding: 0;
}
@media print, screen and (min-width: 40em) {
  .menu.medium-horizontal {
    flex-wrap: wrap;
    flex-direction: row;
  }
  .menu.medium-vertical {
    flex-wrap: nowrap;
    flex-direction: column;
  }
  .menu.medium-expanded li {
    flex: 1 1 0px;
  }
  .menu.medium-simple li {
    flex: 1 1 0px;
  }
}
@media print, screen and (min-width: 64em) {
  .menu.large-horizontal {
    flex-wrap: wrap;
    flex-direction: row;
  }
  .menu.large-vertical {
    flex-wrap: nowrap;
    flex-direction: column;
  }
  .menu.large-expanded li {
    flex: 1 1 0px;
  }
  .menu.large-simple li {
    flex: 1 1 0px;
  }
}
@media screen and (min-width: 75em) {
  .menu.xlarge-horizontal {
    flex-wrap: wrap;
    flex-direction: row;
  }
  .menu.xlarge-vertical {
    flex-wrap: nowrap;
    flex-direction: column;
  }
  .menu.xlarge-expanded li {
    flex: 1 1 0px;
  }
  .menu.xlarge-simple li {
    flex: 1 1 0px;
  }
}
@media screen and (min-width: 90em) {
  .menu.xxlarge-horizontal {
    flex-wrap: wrap;
    flex-direction: row;
  }
  .menu.xxlarge-vertical {
    flex-wrap: nowrap;
    flex-direction: column;
  }
  .menu.xxlarge-expanded li {
    flex: 1 1 0px;
  }
  .menu.xxlarge-simple li {
    flex: 1 1 0px;
  }
}
.menu.nested {
  margin-right: 0;
  margin-left: 1rem;
}
.menu.icons a {
  display: flex;
}
.menu.icon-top a, .menu.icon-right a, .menu.icon-bottom a, .menu.icon-left a {
  display: flex;
}
.menu.icon-left li a, .menu.nested.icon-left li a {
  flex-flow: row nowrap;
}
.menu.icon-left li a img,
.menu.icon-left li a i,
.menu.icon-left li a svg, .menu.nested.icon-left li a img,
.menu.nested.icon-left li a i,
.menu.nested.icon-left li a svg {
  margin-right: 0.25rem;
}
.menu.icon-right li a, .menu.nested.icon-right li a {
  flex-flow: row nowrap;
}
.menu.icon-right li a img,
.menu.icon-right li a i,
.menu.icon-right li a svg, .menu.nested.icon-right li a img,
.menu.nested.icon-right li a i,
.menu.nested.icon-right li a svg {
  margin-left: 0.25rem;
}
.menu.icon-top li a, .menu.nested.icon-top li a {
  flex-flow: column nowrap;
}
.menu.icon-top li a img,
.menu.icon-top li a i,
.menu.icon-top li a svg, .menu.nested.icon-top li a img,
.menu.nested.icon-top li a i,
.menu.nested.icon-top li a svg {
  align-self: stretch;
  margin-bottom: 0.25rem;
  text-align: center;
}
.menu.icon-bottom li a, .menu.nested.icon-bottom li a {
  flex-flow: column nowrap;
}
.menu.icon-bottom li a img,
.menu.icon-bottom li a i,
.menu.icon-bottom li a svg, .menu.nested.icon-bottom li a img,
.menu.nested.icon-bottom li a i,
.menu.nested.icon-bottom li a svg {
  align-self: stretch;
  margin-bottom: 0.25rem;
  text-align: center;
}
.menu .is-active > a {
  background: #048a24;
  color: #000000;
}
.menu .active > a {
  background: #048a24;
  color: #000000;
}
.menu.align-left {
  justify-content: flex-start;
}
.menu.align-right li {
  display: flex;
  justify-content: flex-end;
}
.menu.align-right li .submenu li {
  justify-content: flex-start;
}
.menu.align-right.vertical li {
  display: block;
  text-align: right;
}
.menu.align-right.vertical li .submenu li {
  text-align: right;
}
.menu.align-right.icon-top li a img,
.menu.align-right.icon-top li a i,
.menu.align-right.icon-top li a svg, .menu.align-right.icon-bottom li a img,
.menu.align-right.icon-bottom li a i,
.menu.align-right.icon-bottom li a svg {
  text-align: right;
}
.menu.align-right .nested {
  margin-right: 1rem;
  margin-left: 0;
}
.menu.align-center li {
  display: flex;
  justify-content: center;
}
.menu.align-center li .submenu li {
  justify-content: flex-start;
}
.menu .menu-text {
  padding: 0.7rem 1rem;
  font-weight: bold;
  line-height: 1;
  color: inherit;
}

.menu-centered > .menu {
  justify-content: center;
}
.menu-centered > .menu li {
  display: flex;
  justify-content: center;
}
.menu-centered > .menu li .submenu li {
  justify-content: flex-start;
}

.no-js [data-responsive-menu] ul {
  display: none;
}

.menu-icon {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 16px;
  cursor: pointer;
}
.menu-icon::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  background: #ffffff;
  box-shadow: 0 7px 0 #ffffff, 0 14px 0 #ffffff;
  content: "";
}
.menu-icon:hover::after {
  background: #4b4f4f;
  box-shadow: 0 7px 0 #4b4f4f, 0 14px 0 #4b4f4f;
}

.menu-icon.dark {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 16px;
  cursor: pointer;
}
.menu-icon.dark::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  background: #000000;
  box-shadow: 0 7px 0 #000000, 0 14px 0 #000000;
  content: "";
}
.menu-icon.dark:hover::after {
  background: #343434;
  box-shadow: 0 7px 0 #343434, 0 14px 0 #343434;
}

.is-drilldown {
  position: relative;
  overflow: hidden;
}
.is-drilldown li {
  display: block;
}
.is-drilldown.animate-height {
  transition: height 0.5s;
}

.drilldown a {
  padding: 0.7rem 1rem;
  background: #ffffff;
}
.drilldown .is-drilldown-submenu {
  position: absolute;
  top: 0;
  left: 100%;
  z-index: -1;
  width: 100%;
  background: #ffffff;
  transition: transform 0.15s linear;
}
.drilldown .is-drilldown-submenu.is-active {
  z-index: 1;
  display: block;
  transform: translateX(-100%);
}
.drilldown .is-drilldown-submenu.is-closing {
  transform: translateX(100%);
}
.drilldown .is-drilldown-submenu a {
  padding: 0.7rem 1rem;
}
.drilldown .nested.is-drilldown-submenu {
  margin-right: 0;
  margin-left: 0;
}
.drilldown .drilldown-submenu-cover-previous {
  min-height: 100%;
}
.drilldown .is-drilldown-submenu-parent > a {
  position: relative;
}
.drilldown .is-drilldown-submenu-parent > a::after {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  content: "";
  border-right-width: 0;
  border-color: transparent transparent transparent #048a24;
  position: absolute;
  top: 50%;
  margin-top: -6px;
  right: 1rem;
}
.drilldown.align-left .is-drilldown-submenu-parent > a::after {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  content: "";
  border-right-width: 0;
  border-color: transparent transparent transparent #048a24;
  right: 1rem;
  left: auto;
}
.drilldown.align-right .is-drilldown-submenu-parent > a::after {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  content: "";
  border-left-width: 0;
  border-color: transparent #048a24 transparent transparent;
  right: auto;
  left: 1rem;
}
.drilldown .js-drilldown-back > a::before {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  content: "";
  border-left-width: 0;
  border-color: transparent #048a24 transparent transparent;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.75rem;
}

.dropdown-pane {
  position: absolute;
  z-index: 10;
  display: none;
  width: 300px;
  padding: 1rem;
  visibility: hidden;
  border: 1px solid #4b4f4f;
  border-radius: 0;
  background-color: #ffffff;
  font-size: 1rem;
}
.dropdown-pane.is-opening {
  display: block;
}
.dropdown-pane.is-open {
  display: block;
  visibility: visible;
}

.dropdown-pane.tiny {
  width: 100px;
}

.dropdown-pane.small {
  width: 200px;
}

.dropdown-pane.large {
  width: 400px;
}

.dropdown.menu > li.opens-left > .is-dropdown-submenu {
  top: 100%;
  right: 0;
  left: auto;
}
.dropdown.menu > li.opens-right > .is-dropdown-submenu {
  top: 100%;
  right: auto;
  left: 0;
}
.dropdown.menu > li.is-dropdown-submenu-parent > a {
  position: relative;
  padding-right: 1.5rem;
}
.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  content: "";
  border-bottom-width: 0;
  border-color: #048a24 transparent transparent;
  right: 5px;
  left: auto;
  margin-top: -3px;
}
[data-whatinput=mouse] .dropdown.menu a {
  outline: 0;
}
.dropdown.menu > li > a {
  background: #ffffff;
  padding: 0.7rem 1rem;
}
.dropdown.menu > li.is-active > a {
  background: transparent;
  color: #048a24;
}
.no-js .dropdown.menu ul {
  display: none;
}
.dropdown.menu .nested.is-dropdown-submenu {
  margin-right: 0;
  margin-left: 0;
}
.dropdown.menu.vertical > li .is-dropdown-submenu {
  top: 0;
}
.dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu {
  top: 0;
  right: 100%;
  left: auto;
}
.dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu {
  right: auto;
  left: 100%;
}
.dropdown.menu.vertical > li > a::after {
  right: 14px;
}
.dropdown.menu.vertical > li.opens-left > a::after {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  content: "";
  border-left-width: 0;
  border-color: transparent #048a24 transparent transparent;
  right: auto;
  left: 5px;
}
.dropdown.menu.vertical > li.opens-right > a::after {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  content: "";
  border-right-width: 0;
  border-color: transparent transparent transparent #048a24;
}
@media print, screen and (min-width: 40em) {
  .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto;
  }
  .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0;
  }
  .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a {
    position: relative;
    padding-right: 1.5rem;
  }
  .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-bottom-width: 0;
    border-color: #048a24 transparent transparent;
    right: 5px;
    left: auto;
    margin-top: -3px;
  }
  .dropdown.menu.medium-vertical > li .is-dropdown-submenu {
    top: 0;
  }
  .dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu {
    top: 0;
    right: 100%;
    left: auto;
  }
  .dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%;
  }
  .dropdown.menu.medium-vertical > li > a::after {
    right: 14px;
  }
  .dropdown.menu.medium-vertical > li.opens-left > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-left-width: 0;
    border-color: transparent #048a24 transparent transparent;
    right: auto;
    left: 5px;
  }
  .dropdown.menu.medium-vertical > li.opens-right > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-right-width: 0;
    border-color: transparent transparent transparent #048a24;
  }
}
@media print, screen and (min-width: 64em) {
  .dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto;
  }
  .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0;
  }
  .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a {
    position: relative;
    padding-right: 1.5rem;
  }
  .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-bottom-width: 0;
    border-color: #048a24 transparent transparent;
    right: 5px;
    left: auto;
    margin-top: -3px;
  }
  .dropdown.menu.large-vertical > li .is-dropdown-submenu {
    top: 0;
  }
  .dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu {
    top: 0;
    right: 100%;
    left: auto;
  }
  .dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%;
  }
  .dropdown.menu.large-vertical > li > a::after {
    right: 14px;
  }
  .dropdown.menu.large-vertical > li.opens-left > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-left-width: 0;
    border-color: transparent #048a24 transparent transparent;
    right: auto;
    left: 5px;
  }
  .dropdown.menu.large-vertical > li.opens-right > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-right-width: 0;
    border-color: transparent transparent transparent #048a24;
  }
}
@media screen and (min-width: 75em) {
  .dropdown.menu.xlarge-horizontal > li.opens-left > .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto;
  }
  .dropdown.menu.xlarge-horizontal > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0;
  }
  .dropdown.menu.xlarge-horizontal > li.is-dropdown-submenu-parent > a {
    position: relative;
    padding-right: 1.5rem;
  }
  .dropdown.menu.xlarge-horizontal > li.is-dropdown-submenu-parent > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-bottom-width: 0;
    border-color: #048a24 transparent transparent;
    right: 5px;
    left: auto;
    margin-top: -3px;
  }
  .dropdown.menu.xlarge-vertical > li .is-dropdown-submenu {
    top: 0;
  }
  .dropdown.menu.xlarge-vertical > li.opens-left > .is-dropdown-submenu {
    top: 0;
    right: 100%;
    left: auto;
  }
  .dropdown.menu.xlarge-vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%;
  }
  .dropdown.menu.xlarge-vertical > li > a::after {
    right: 14px;
  }
  .dropdown.menu.xlarge-vertical > li.opens-left > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-left-width: 0;
    border-color: transparent #048a24 transparent transparent;
    right: auto;
    left: 5px;
  }
  .dropdown.menu.xlarge-vertical > li.opens-right > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-right-width: 0;
    border-color: transparent transparent transparent #048a24;
  }
}
@media screen and (min-width: 90em) {
  .dropdown.menu.xxlarge-horizontal > li.opens-left > .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto;
  }
  .dropdown.menu.xxlarge-horizontal > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0;
  }
  .dropdown.menu.xxlarge-horizontal > li.is-dropdown-submenu-parent > a {
    position: relative;
    padding-right: 1.5rem;
  }
  .dropdown.menu.xxlarge-horizontal > li.is-dropdown-submenu-parent > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-bottom-width: 0;
    border-color: #048a24 transparent transparent;
    right: 5px;
    left: auto;
    margin-top: -3px;
  }
  .dropdown.menu.xxlarge-vertical > li .is-dropdown-submenu {
    top: 0;
  }
  .dropdown.menu.xxlarge-vertical > li.opens-left > .is-dropdown-submenu {
    top: 0;
    right: 100%;
    left: auto;
  }
  .dropdown.menu.xxlarge-vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%;
  }
  .dropdown.menu.xxlarge-vertical > li > a::after {
    right: 14px;
  }
  .dropdown.menu.xxlarge-vertical > li.opens-left > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-left-width: 0;
    border-color: transparent #048a24 transparent transparent;
    right: auto;
    left: 5px;
  }
  .dropdown.menu.xxlarge-vertical > li.opens-right > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-right-width: 0;
    border-color: transparent transparent transparent #048a24;
  }
}
.dropdown.menu.align-right .is-dropdown-submenu.first-sub {
  top: 100%;
  right: 0;
  left: auto;
}

.is-dropdown-menu.vertical {
  width: 100px;
}
.is-dropdown-menu.vertical.align-right {
  float: right;
}

.is-dropdown-submenu-parent {
  position: relative;
}
.is-dropdown-submenu-parent a::after {
  position: absolute;
  top: 50%;
  right: 5px;
  left: auto;
  margin-top: -6px;
}
.is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu {
  top: 100%;
  left: auto;
}
.is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu {
  right: 100%;
  left: auto;
}
.is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu {
  right: auto;
  left: 100%;
}

.is-dropdown-submenu {
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 1;
  display: none;
  min-width: 200px;
  border: 1px solid #4b4f4f;
  background: #ffffff;
}
.dropdown .is-dropdown-submenu a {
  padding: 0.7rem 1rem;
}
.is-dropdown-submenu .is-dropdown-submenu-parent > a::after {
  right: 14px;
}
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  content: "";
  border-left-width: 0;
  border-color: transparent #048a24 transparent transparent;
  right: auto;
  left: 5px;
}
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  content: "";
  border-right-width: 0;
  border-color: transparent transparent transparent #048a24;
}
.is-dropdown-submenu .is-dropdown-submenu {
  margin-top: -1px;
}
.is-dropdown-submenu > li {
  width: 100%;
}
.is-dropdown-submenu.js-dropdown-active {
  display: block;
}

.responsive-embed,
.flex-video {
  position: relative;
  height: 0;
  margin-bottom: 1rem;
  padding-bottom: 75%;
  overflow: hidden;
}
.responsive-embed iframe,
.responsive-embed object,
.responsive-embed embed,
.responsive-embed video,
.flex-video iframe,
.flex-video object,
.flex-video embed,
.flex-video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.responsive-embed.widescreen,
.flex-video.widescreen {
  padding-bottom: 56.25%;
}

.label {
  display: inline-block;
  padding: 0.33333rem 0.5rem;
  border-radius: 0;
  font-size: 0.8rem;
  line-height: 1;
  white-space: nowrap;
  cursor: default;
  background: #048a24;
  color: #ffffff;
}
.label.primary {
  background: #048a24;
  color: #000000;
}
.label.secondary {
  background: #00607f;
  color: #ffffff;
}
.label.success {
  background: #048a24;
  color: #000000;
}
.label.warning {
  background: #fa640a;
  color: #000000;
}
.label.alert {
  background: #f82431;
  color: #000000;
}
.label.gz-base-color {
  background: #ffffff;
  color: #000000;
}
.label.gz-opposing-base-color {
  background: #4b4f4f;
  color: #ffffff;
}
.label.gz-green {
  background: #048a24;
  color: #000000;
}
.label.gz-orange {
  background: #fa640a;
  color: #000000;
}
.label.gz-blue {
  background: #00607f;
  color: #ffffff;
}
.label.gz-drk-gray {
  background: #4b4f4f;
  color: #ffffff;
}
.label.gz-space-gray {
  background: #454545;
  color: #ffffff;
}
.label.gz-med-gray {
  background: #666666;
  color: #ffffff;
}
.label.gz-lt-gray {
  background: #cccccc;
  color: #000000;
}
.label.gz-xlt-gray {
  background: #efefef;
  color: #000000;
}
.label.gz-xxlt-gray {
  background: #f4f4f4;
  color: #000000;
}
.label.gz-xxxlt-gray {
  background: #f9f9f9;
  color: #000000;
}

.media-object {
  display: flex;
  margin-bottom: 1rem;
  flex-wrap: nowrap;
}
.media-object img {
  max-width: none;
}
@media print, screen and (max-width: 39.99875em) {
  .media-object.stack-for-small {
    flex-wrap: wrap;
  }
}

.media-object-section {
  flex: 0 1 auto;
}
.media-object-section:first-child {
  padding-right: 1rem;
}
.media-object-section:last-child:not(:nth-child(2)) {
  padding-left: 1rem;
}
.media-object-section > :last-child {
  margin-bottom: 0;
}
@media print, screen and (max-width: 39.99875em) {
  .stack-for-small .media-object-section {
    padding: 0;
    padding-bottom: 1rem;
    flex-basis: 100%;
    max-width: 100%;
  }
  .stack-for-small .media-object-section img {
    width: 100%;
  }
}
.media-object-section.main-section {
  flex: 1 1 0px;
}

/* @include foundation-off-canvas; */
.orbit {
  position: relative;
}

.orbit-container {
  position: relative;
  height: 0;
  margin: 0;
  list-style: none;
  overflow: hidden;
}

.orbit-slide {
  width: 100%;
  position: absolute;
}
.orbit-slide.no-motionui.is-active {
  top: 0;
  left: 0;
}

.orbit-figure {
  margin: 0;
}

.orbit-image {
  width: 100%;
  max-width: 100%;
  margin: 0;
}

.orbit-caption {
  position: absolute;
  bottom: 0;
  width: 100%;
  margin-bottom: 0;
  padding: 1rem;
  background-color: rgba(0, 0, 0, 0.5);
  color: #ffffff;
}

.orbit-next, .orbit-previous {
  z-index: 10;
  padding: 1rem;
  color: #ffffff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
[data-whatinput=mouse] .orbit-next, [data-whatinput=mouse] .orbit-previous {
  outline: 0;
}
.orbit-next:hover, .orbit-previous:hover, .orbit-next:active, .orbit-previous:active, .orbit-next:focus, .orbit-previous:focus {
  background-color: rgba(0, 0, 0, 0.5);
}

.orbit-previous {
  left: 0;
}

.orbit-next {
  left: auto;
  right: 0;
}

.orbit-bullets {
  position: relative;
  margin-top: 0.8rem;
  margin-bottom: 0.8rem;
  text-align: center;
}
[data-whatinput=mouse] .orbit-bullets {
  outline: 0;
}
.orbit-bullets button {
  width: 1.2rem;
  height: 1.2rem;
  margin: 0.1rem;
  border-radius: 50%;
  background-color: #4b4f4f;
}
.orbit-bullets button:hover {
  background-color: #343434;
}
.orbit-bullets button.is-active {
  background-color: #343434;
}

/*@include foundation-pagination; */
.progress {
  height: 1rem;
  margin-bottom: 1rem;
  border-radius: 0;
  background-color: #4b4f4f;
}
.progress.primary .progress-meter {
  background-color: #048a24;
}
.progress.secondary .progress-meter {
  background-color: #00607f;
}
.progress.success .progress-meter {
  background-color: #048a24;
}
.progress.warning .progress-meter {
  background-color: #fa640a;
}
.progress.alert .progress-meter {
  background-color: #f82431;
}
.progress.gz-base-color .progress-meter {
  background-color: #ffffff;
}
.progress.gz-opposing-base-color .progress-meter {
  background-color: #4b4f4f;
}
.progress.gz-green .progress-meter {
  background-color: #048a24;
}
.progress.gz-orange .progress-meter {
  background-color: #fa640a;
}
.progress.gz-blue .progress-meter {
  background-color: #00607f;
}
.progress.gz-drk-gray .progress-meter {
  background-color: #4b4f4f;
}
.progress.gz-space-gray .progress-meter {
  background-color: #454545;
}
.progress.gz-med-gray .progress-meter {
  background-color: #666666;
}
.progress.gz-lt-gray .progress-meter {
  background-color: #cccccc;
}
.progress.gz-xlt-gray .progress-meter {
  background-color: #efefef;
}
.progress.gz-xxlt-gray .progress-meter {
  background-color: #f4f4f4;
}
.progress.gz-xxxlt-gray .progress-meter {
  background-color: #f9f9f9;
}

.progress-meter {
  position: relative;
  display: block;
  width: 0%;
  height: 100%;
  background-color: #048a24;
}

.progress-meter-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
  font-size: 0.75rem;
  font-weight: bold;
  color: #ffffff;
  white-space: nowrap;
}

/* @include foundation-progress-element; */
/* @include foundation-meter-element; */
.slider {
  position: relative;
  height: 0.5rem;
  margin-top: 1.25rem;
  margin-bottom: 2.25rem;
  background-color: #cccccc;
  cursor: pointer;
  user-select: none;
  touch-action: none;
}

.slider-fill {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  max-width: 100%;
  height: 0.5rem;
  background-color: #4b4f4f;
  transition: all 0.2s ease-in-out;
}
.slider-fill.is-dragging {
  transition: all 0s linear;
}

.slider-handle {
  left: 0;
  z-index: 1;
  cursor: grab;
  display: inline-block;
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 0;
  background-color: #048a24;
  transition: all 0.2s ease-in-out;
  touch-action: manipulation;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
[data-whatinput=mouse] .slider-handle {
  outline: 0;
}
.slider-handle:hover {
  background-color: rgb(3.4, 117.3, 30.6);
}
.slider-handle.is-dragging {
  transition: all 0s linear;
  cursor: grabbing;
}

.slider.disabled,
.slider[disabled] {
  opacity: 0.25;
  cursor: not-allowed;
}

.slider.vertical {
  display: inline-block;
  width: 0.5rem;
  height: 12.5rem;
  margin: 0 1.25rem;
  transform: scale(1, -1);
}
.slider.vertical .slider-fill {
  top: 0;
  width: 0.5rem;
  max-height: 100%;
}
.slider.vertical .slider-handle {
  position: absolute;
  top: 0;
  left: 50%;
  width: 1.4rem;
  height: 1.4rem;
  transform: translateX(-50%);
}

.sticky-container {
  position: relative;
}

.sticky {
  position: relative;
  z-index: 0;
  transform: translate3d(0, 0, 0);
}

.sticky.is-stuck {
  position: fixed;
  z-index: 5;
  width: 100%;
}
.sticky.is-stuck.is-at-top {
  top: 0;
}
.sticky.is-stuck.is-at-bottom {
  bottom: 0;
}

.sticky.is-anchored {
  position: relative;
  right: auto;
  left: auto;
}
.sticky.is-anchored.is-at-bottom {
  bottom: 0;
}

html.is-reveal-open {
  position: fixed;
  width: 100%;
  overflow-y: hidden;
}
html.is-reveal-open.zf-has-scroll {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
html.is-reveal-open body {
  overflow-y: hidden;
}

.reveal-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1005;
  display: none;
  background-color: rgba(0, 0, 0, 0.45);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.reveal {
  position: relative;
  top: 100px;
  margin-right: auto;
  margin-left: auto;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 1006;
  backface-visibility: hidden;
  display: none;
  padding: 1rem;
  border: 1px solid #4b4f4f;
  border-radius: 0;
  background-color: #ffffff;
}
[data-whatinput=mouse] .reveal {
  outline: 0;
}
@media print, screen and (min-width: 40em) {
  .reveal {
    min-height: 0;
  }
}
.reveal .column, .reveal .columns {
  min-width: 0;
}
.reveal > :last-child {
  margin-bottom: 0;
}
@media print, screen and (min-width: 40em) {
  .reveal {
    width: 600px;
    max-width: 75rem;
  }
}
.reveal.collapse {
  padding: 0;
}
@media print, screen and (min-width: 40em) {
  .reveal.tiny {
    width: 30%;
    max-width: 75rem;
  }
}
@media print, screen and (min-width: 40em) {
  .reveal.small {
    width: 50%;
    max-width: 75rem;
  }
}
@media print, screen and (min-width: 40em) {
  .reveal.large {
    width: 90%;
    max-width: 75rem;
  }
}
.reveal.full {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  max-width: none;
  height: 100%;
  min-height: 100%;
  margin-left: 0;
  border: 0;
  border-radius: 0;
}
@media print, screen and (max-width: 39.99875em) {
  .reveal {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: none;
    height: 100%;
    min-height: 100%;
    margin-left: 0;
    border: 0;
    border-radius: 0;
  }
}
.reveal.without-overlay {
  position: fixed;
}

.switch {
  position: relative;
  margin-bottom: 1rem;
  outline: 0;
  font-size: 0.875rem;
  font-weight: bold;
  color: #ffffff;
  user-select: none;
  height: 2rem;
}

.switch-input {
  position: absolute;
  margin-bottom: 0;
  opacity: 0;
}

.switch-paddle {
  position: relative;
  display: block;
  width: 4rem;
  height: 2rem;
  border-radius: 0;
  background: #4b4f4f;
  transition: all 0.25s ease-out;
  font-weight: inherit;
  color: inherit;
  cursor: pointer;
}
input + .switch-paddle {
  margin: 0;
}
.switch-paddle::after {
  position: absolute;
  top: 0.25rem;
  left: 0.25rem;
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  transform: translate3d(0, 0, 0);
  border-radius: 0;
  background: #ffffff;
  transition: all 0.25s ease-out;
  content: "";
}
input:checked ~ .switch-paddle {
  background: #048a24;
}
input:checked ~ .switch-paddle::after {
  left: 2.25rem;
}
input:focus-visible ~ .switch-paddle {
  background: rgb(67.5, 71.1, 71.1);
}
input:focus-visible ~ .switch-paddle::after {
  background: #ffffff;
}
input:checked:focus-visible ~ .switch-paddle {
  background: rgb(3.4, 117.3, 30.6);
}
input:disabled ~ .switch-paddle {
  cursor: not-allowed;
  opacity: 0.5;
}
[data-whatinput=mouse] input:focus ~ .switch-paddle {
  outline: 0;
}

.switch-inactive, .switch-active {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.switch-active {
  left: 8%;
  display: none;
}
input:checked + label > .switch-active {
  display: block;
}

.switch-inactive {
  right: 15%;
}
input:checked + label > .switch-inactive {
  display: none;
}

.switch.tiny {
  height: 1.5rem;
}
.switch.tiny .switch-paddle {
  width: 3rem;
  height: 1.5rem;
  font-size: 0.625rem;
}
.switch.tiny .switch-paddle::after {
  top: 0.25rem;
  left: 0.25rem;
  width: 1rem;
  height: 1rem;
}
.switch.tiny input:checked ~ .switch-paddle::after {
  left: 1.75rem;
}

.switch.small {
  height: 1.75rem;
}
.switch.small .switch-paddle {
  width: 3.5rem;
  height: 1.75rem;
  font-size: 0.75rem;
}
.switch.small .switch-paddle::after {
  top: 0.25rem;
  left: 0.25rem;
  width: 1.25rem;
  height: 1.25rem;
}
.switch.small input:checked ~ .switch-paddle::after {
  left: 2rem;
}

.switch.large {
  height: 2.5rem;
}
.switch.large .switch-paddle {
  width: 5rem;
  height: 2.5rem;
  font-size: 1rem;
}
.switch.large .switch-paddle::after {
  top: 0.25rem;
  left: 0.25rem;
  width: 2rem;
  height: 2rem;
}
.switch.large input:checked ~ .switch-paddle::after {
  left: 2.75rem;
}

table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 1rem;
  border-radius: 0;
}
thead,
tbody,
tfoot {
  border: 1px solid rgb(242.25, 242.25, 242.25);
  background-color: #ffffff;
}

caption {
  padding: 0.5rem 0.625rem 0.625rem;
  font-weight: bold;
}

thead {
  background: rgb(248.625, 248.625, 248.625);
  color: #4b4f4f;
}

tfoot {
  background: rgb(242.25, 242.25, 242.25);
  color: #4b4f4f;
}

thead tr,
tfoot tr {
  background: transparent;
}
thead th,
thead td,
tfoot th,
tfoot td {
  padding: 0.5rem 0.625rem 0.625rem;
  font-weight: bold;
  text-align: left;
}

tbody th,
tbody td {
  padding: 0.5rem 0.625rem 0.625rem;
}

tbody tr:nth-child(even) {
  border-bottom: 0;
  background-color: rgb(242.25, 242.25, 242.25);
}

table.unstriped tbody {
  background-color: #ffffff;
}
table.unstriped tbody tr {
  border-bottom: 1px solid rgb(242.25, 242.25, 242.25);
  background-color: #ffffff;
}

@media print, screen and (max-width: 63.99875em) {
  table.stack thead {
    display: none;
  }
  table.stack tfoot {
    display: none;
  }
  table.stack tr,
  table.stack th,
  table.stack td {
    display: block;
  }
  table.stack td {
    border-top: 0;
  }
}

table.scroll {
  display: block;
  width: 100%;
  overflow-x: auto;
}

table.hover thead tr:hover {
  background-color: rgb(243.525, 243.525, 243.525);
}
table.hover tfoot tr:hover {
  background-color: rgb(237.15, 237.15, 237.15);
}
table.hover tbody tr:hover {
  background-color: rgb(249.9, 249.9, 249.9);
}
table.hover:not(.unstriped) tr:nth-of-type(even):hover {
  background-color: rgb(237.15, 237.15, 237.15);
}

.table-scroll {
  overflow-x: auto;
}

.tabs {
  margin: 0;
  border: 1px solid #cccccc;
  background: #ffffff;
  list-style-type: none;
}
.tabs::before, .tabs::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
.tabs::after {
  clear: both;
}

.tabs.vertical > li {
  display: block;
  float: none;
  width: auto;
}

.tabs.simple > li > a {
  padding: 0;
}
.tabs.simple > li > a:hover {
  background: transparent;
}

.tabs.primary {
  background: #048a24;
}
.tabs.primary > li > a {
  color: #000000;
}
.tabs.primary > li > a:hover, .tabs.primary > li > a:focus {
  background: rgb(4.5183098592, 155.8816901408, 40.6647887324);
}

.tabs-title {
  float: left;
}
.tabs-title > a {
  display: block;
  padding: 1.25rem 1.5rem;
  font-size: 0.75rem;
  line-height: 1;
  color: #048a24;
}
[data-whatinput=mouse] .tabs-title > a {
  outline: 0;
}
.tabs-title > a:hover {
  background: #ffffff;
  color: rgb(3.44, 118.68, 30.96);
}
.tabs-title > a:focus, .tabs-title > a[aria-selected=true] {
  background: #cccccc;
  color: #048a24;
}

.tabs-content {
  border: 1px solid #cccccc;
  border-top: 0;
  background: #ffffff;
  color: #4b4f4f;
  transition: all 0.5s ease;
}

.tabs-content.vertical {
  border: 1px solid #cccccc;
  border-left: 0;
}

.tabs-panel {
  display: none;
  padding: 1rem;
}
.tabs-panel.is-active {
  display: block;
}

.thumbnail {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 1rem;
  border: solid 4px #ffffff;
  border-radius: 0;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  line-height: 0;
}

a.thumbnail {
  transition: box-shadow 200ms ease-out;
}
a.thumbnail:hover, a.thumbnail:focus {
  box-shadow: 0 0 6px 1px rgba(4, 138, 36, 0.5);
}
a.thumbnail image {
  box-shadow: none;
}

.title-bar {
  padding: 0.5rem;
  background: #000000;
  color: #ffffff;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.title-bar .menu-icon {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

.title-bar-left,
.title-bar-right {
  flex: 1 1 0px;
}

.title-bar-right {
  text-align: right;
}

.title-bar-title {
  display: inline-block;
  vertical-align: middle;
  font-weight: bold;
}

.has-tip {
  position: relative;
  display: inline-block;
  border-bottom: dotted 1px #343434;
  font-weight: bold;
  cursor: help;
}

.tooltip {
  position: absolute;
  top: calc(100% + 0.6495rem);
  z-index: 1200;
  max-width: 10rem;
  padding: 0.75rem;
  border-radius: 0;
  background-color: #000000;
  font-size: 80%;
  color: #ffffff;
}
.tooltip::before {
  position: absolute;
}
.tooltip.bottom::before {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.75rem;
  content: "";
  border-top-width: 0;
  border-color: transparent transparent #000000;
  bottom: 100%;
}
.tooltip.bottom.align-center::before {
  left: 50%;
  transform: translateX(-50%);
}
.tooltip.top::before {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.75rem;
  content: "";
  border-bottom-width: 0;
  border-color: #000000 transparent transparent;
  top: 100%;
  bottom: auto;
}
.tooltip.top.align-center::before {
  left: 50%;
  transform: translateX(-50%);
}
.tooltip.left::before {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.75rem;
  content: "";
  border-right-width: 0;
  border-color: transparent transparent transparent #000000;
  left: 100%;
}
.tooltip.left.align-center::before {
  bottom: auto;
  top: 50%;
  transform: translateY(-50%);
}
.tooltip.right::before {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.75rem;
  content: "";
  border-left-width: 0;
  border-color: transparent #000000 transparent transparent;
  right: 100%;
  left: auto;
}
.tooltip.right.align-center::before {
  bottom: auto;
  top: 50%;
  transform: translateY(-50%);
}
.tooltip.align-top::before {
  bottom: auto;
  top: 10%;
}
.tooltip.align-bottom::before {
  bottom: 10%;
  top: auto;
}
.tooltip.align-left::before {
  left: 10%;
  right: auto;
}
.tooltip.align-right::before {
  left: auto;
  right: 10%;
}

.top-bar {
  padding: 0.5rem;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.top-bar,
.top-bar ul {
  background-color: #cccccc;
}
.top-bar input {
  max-width: 200px;
  margin-right: 1rem;
}
.top-bar .input-group-field {
  width: 100%;
  margin-right: 0;
}
.top-bar input.button {
  width: auto;
}

.top-bar {
  flex-wrap: wrap;
}
.top-bar .top-bar-left,
.top-bar .top-bar-right {
  flex: 0 0 100%;
  max-width: 100%;
}

@media print, screen and (min-width: 40em) {
  .top-bar {
    flex-wrap: nowrap;
  }
  .top-bar .top-bar-left {
    flex: 1 1 auto;
    margin-right: auto;
  }
  .top-bar .top-bar-right {
    flex: 0 1 auto;
    margin-left: auto;
  }
}
@media print, screen and (max-width: 63.99875em) {
  .top-bar.stacked-for-medium {
    flex-wrap: wrap;
  }
  .top-bar.stacked-for-medium .top-bar-left,
  .top-bar.stacked-for-medium .top-bar-right {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media print, screen and (max-width: 74.99875em) {
  .top-bar.stacked-for-large {
    flex-wrap: wrap;
  }
  .top-bar.stacked-for-large .top-bar-left,
  .top-bar.stacked-for-large .top-bar-right {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media print, screen and (max-width: 89.99875em) {
  .top-bar.stacked-for-xlarge {
    flex-wrap: wrap;
  }
  .top-bar.stacked-for-xlarge .top-bar-left,
  .top-bar.stacked-for-xlarge .top-bar-right {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.top-bar.stacked-for-xxlarge {
  flex-wrap: wrap;
}
.top-bar.stacked-for-xxlarge .top-bar-left,
.top-bar.stacked-for-xxlarge .top-bar-right {
  flex: 0 0 100%;
  max-width: 100%;
}

.top-bar-title {
  flex: 0 0 auto;
  margin: 0.5rem 1rem 0.5rem 0;
}

.top-bar-left,
.top-bar-right {
  flex: 0 0 auto;
}

.hide {
  display: none !important;
}

.invisible {
  visibility: hidden;
}

.visible {
  visibility: visible;
}

@media print, screen and (max-width: 39.99875em) {
  .hide-for-small-only {
    display: none !important;
  }
}

@media screen and (max-width: 0em), screen and (min-width: 40em) {
  .show-for-small-only {
    display: none !important;
  }
}

@media print, screen and (min-width: 40em) {
  .hide-for-medium {
    display: none !important;
  }
}

@media screen and (max-width: 39.99875em) {
  .show-for-medium {
    display: none !important;
  }
}

@media print, screen and (min-width: 40em) and (max-width: 63.99875em) {
  .hide-for-medium-only {
    display: none !important;
  }
}

@media screen and (max-width: 39.99875em), screen and (min-width: 64em) {
  .show-for-medium-only {
    display: none !important;
  }
}

@media print, screen and (min-width: 64em) {
  .hide-for-large {
    display: none !important;
  }
}

@media screen and (max-width: 63.99875em) {
  .show-for-large {
    display: none !important;
  }
}

@media print, screen and (min-width: 64em) and (max-width: 74.99875em) {
  .hide-for-large-only {
    display: none !important;
  }
}

@media screen and (max-width: 63.99875em), screen and (min-width: 75em) {
  .show-for-large-only {
    display: none !important;
  }
}

@media screen and (min-width: 75em) {
  .hide-for-xlarge {
    display: none !important;
  }
}

@media screen and (max-width: 74.99875em) {
  .show-for-xlarge {
    display: none !important;
  }
}

@media screen and (min-width: 75em) and (max-width: 89.99875em) {
  .hide-for-xlarge-only {
    display: none !important;
  }
}

@media screen and (max-width: 74.99875em), screen and (min-width: 90em) {
  .show-for-xlarge-only {
    display: none !important;
  }
}

@media screen and (min-width: 90em) {
  .hide-for-xxlarge {
    display: none !important;
  }
}

@media screen and (max-width: 89.99875em) {
  .show-for-xxlarge {
    display: none !important;
  }
}

@media screen and (min-width: 90em) {
  .hide-for-xxlarge-only {
    display: none !important;
  }
}

@media screen and (max-width: 89.99875em) {
  .show-for-xxlarge-only {
    display: none !important;
  }
}

.show-for-sr,
.show-on-focus {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.show-on-focus:active, .show-on-focus:focus {
  position: static !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: normal !important;
}

.show-for-landscape,
.hide-for-portrait {
  display: block !important;
}
@media screen and (orientation: landscape) {
  .show-for-landscape,
  .hide-for-portrait {
    display: block !important;
  }
}
@media screen and (orientation: portrait) {
  .show-for-landscape,
  .hide-for-portrait {
    display: none !important;
  }
}

.hide-for-landscape,
.show-for-portrait {
  display: none !important;
}
@media screen and (orientation: landscape) {
  .hide-for-landscape,
  .show-for-portrait {
    display: none !important;
  }
}
@media screen and (orientation: portrait) {
  .hide-for-landscape,
  .show-for-portrait {
    display: block !important;
  }
}

.show-for-dark-mode {
  display: none;
}

.hide-for-dark-mode {
  display: block;
}

@media screen and (prefers-color-scheme: dark) {
  .show-for-dark-mode {
    display: block !important;
  }
  .hide-for-dark-mode {
    display: none !important;
  }
}
.show-for-ie {
  display: none;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .show-for-ie {
    display: block !important;
  }
  .hide-for-ie {
    display: none !important;
  }
}
.show-for-sticky {
  display: none;
}

.is-stuck .show-for-sticky {
  display: block;
}

.is-stuck .hide-for-sticky {
  display: none;
}

/* @include foundation-float-classes; */
.align-left {
  justify-content: flex-start;
}

.align-right {
  justify-content: flex-end;
}

.align-center {
  justify-content: center;
}

.align-justify {
  justify-content: space-between;
}

.align-spaced {
  justify-content: space-around;
}

.align-left.vertical.menu > li > a {
  justify-content: flex-start;
}

.align-right.vertical.menu > li > a {
  justify-content: flex-end;
}

.align-center.vertical.menu > li > a {
  justify-content: center;
}

.align-top {
  align-items: flex-start;
}

.align-self-top {
  align-self: flex-start;
}

.align-bottom {
  align-items: flex-end;
}

.align-self-bottom {
  align-self: flex-end;
}

.align-middle {
  align-items: center;
}

.align-self-middle {
  align-self: center;
}

.align-stretch {
  align-items: stretch;
}

.align-self-stretch {
  align-self: stretch;
}

.align-center-middle {
  justify-content: center;
  align-items: center;
  align-content: center;
}

.small-order-1 {
  order: 1;
}

.small-order-2 {
  order: 2;
}

.small-order-3 {
  order: 3;
}

.small-order-4 {
  order: 4;
}

.small-order-5 {
  order: 5;
}

.small-order-6 {
  order: 6;
}

@media print, screen and (min-width: 40em) {
  .medium-order-1 {
    order: 1;
  }
  .medium-order-2 {
    order: 2;
  }
  .medium-order-3 {
    order: 3;
  }
  .medium-order-4 {
    order: 4;
  }
  .medium-order-5 {
    order: 5;
  }
  .medium-order-6 {
    order: 6;
  }
}
@media print, screen and (min-width: 64em) {
  .large-order-1 {
    order: 1;
  }
  .large-order-2 {
    order: 2;
  }
  .large-order-3 {
    order: 3;
  }
  .large-order-4 {
    order: 4;
  }
  .large-order-5 {
    order: 5;
  }
  .large-order-6 {
    order: 6;
  }
}
@media screen and (min-width: 75em) {
  .xlarge-order-1 {
    order: 1;
  }
  .xlarge-order-2 {
    order: 2;
  }
  .xlarge-order-3 {
    order: 3;
  }
  .xlarge-order-4 {
    order: 4;
  }
  .xlarge-order-5 {
    order: 5;
  }
  .xlarge-order-6 {
    order: 6;
  }
}
@media screen and (min-width: 90em) {
  .xxlarge-order-1 {
    order: 1;
  }
  .xxlarge-order-2 {
    order: 2;
  }
  .xxlarge-order-3 {
    order: 3;
  }
  .xxlarge-order-4 {
    order: 4;
  }
  .xxlarge-order-5 {
    order: 5;
  }
  .xxlarge-order-6 {
    order: 6;
  }
}
.flex-container {
  display: flex;
}

.flex-child-auto {
  flex: 1 1 auto;
}

.flex-child-grow {
  flex: 1 0 auto;
}

.flex-child-shrink {
  flex: 0 1 auto;
}

.flex-dir-row {
  flex-direction: row;
}

.flex-dir-row-reverse {
  flex-direction: row-reverse;
}

.flex-dir-column {
  flex-direction: column;
}

.flex-dir-column-reverse {
  flex-direction: column-reverse;
}

@media print, screen and (min-width: 40em) {
  .medium-flex-container {
    display: flex;
  }
  .medium-flex-child-auto {
    flex: 1 1 auto;
  }
  .medium-flex-child-grow {
    flex: 1 0 auto;
  }
  .medium-flex-child-shrink {
    flex: 0 1 auto;
  }
  .medium-flex-dir-row {
    flex-direction: row;
  }
  .medium-flex-dir-row-reverse {
    flex-direction: row-reverse;
  }
  .medium-flex-dir-column {
    flex-direction: column;
  }
  .medium-flex-dir-column-reverse {
    flex-direction: column-reverse;
  }
}
@media print, screen and (min-width: 64em) {
  .large-flex-container {
    display: flex;
  }
  .large-flex-child-auto {
    flex: 1 1 auto;
  }
  .large-flex-child-grow {
    flex: 1 0 auto;
  }
  .large-flex-child-shrink {
    flex: 0 1 auto;
  }
  .large-flex-dir-row {
    flex-direction: row;
  }
  .large-flex-dir-row-reverse {
    flex-direction: row-reverse;
  }
  .large-flex-dir-column {
    flex-direction: column;
  }
  .large-flex-dir-column-reverse {
    flex-direction: column-reverse;
  }
}
@media screen and (min-width: 75em) {
  .xlarge-flex-container {
    display: flex;
  }
  .xlarge-flex-child-auto {
    flex: 1 1 auto;
  }
  .xlarge-flex-child-grow {
    flex: 1 0 auto;
  }
  .xlarge-flex-child-shrink {
    flex: 0 1 auto;
  }
  .xlarge-flex-dir-row {
    flex-direction: row;
  }
  .xlarge-flex-dir-row-reverse {
    flex-direction: row-reverse;
  }
  .xlarge-flex-dir-column {
    flex-direction: column;
  }
  .xlarge-flex-dir-column-reverse {
    flex-direction: column-reverse;
  }
}
@media screen and (min-width: 90em) {
  .xxlarge-flex-container {
    display: flex;
  }
  .xxlarge-flex-child-auto {
    flex: 1 1 auto;
  }
  .xxlarge-flex-child-grow {
    flex: 1 0 auto;
  }
  .xxlarge-flex-child-shrink {
    flex: 0 1 auto;
  }
  .xxlarge-flex-dir-row {
    flex-direction: row;
  }
  .xxlarge-flex-dir-row-reverse {
    flex-direction: row-reverse;
  }
  .xxlarge-flex-dir-column {
    flex-direction: column;
  }
  .xxlarge-flex-dir-column-reverse {
    flex-direction: column-reverse;
  }
}
.slide-in-down.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateY(-100%);
  transition-property: transform, opacity;
  backface-visibility: hidden;
}

.slide-in-down.mui-enter.mui-enter-active {
  transform: translateY(0);
}

.slide-in-left.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateX(-100%);
  transition-property: transform, opacity;
  backface-visibility: hidden;
}

.slide-in-left.mui-enter.mui-enter-active {
  transform: translateX(0);
}

.slide-in-up.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateY(100%);
  transition-property: transform, opacity;
  backface-visibility: hidden;
}

.slide-in-up.mui-enter.mui-enter-active {
  transform: translateY(0);
}

.slide-in-right.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateX(100%);
  transition-property: transform, opacity;
  backface-visibility: hidden;
}

.slide-in-right.mui-enter.mui-enter-active {
  transform: translateX(0);
}

.slide-out-down.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateY(0);
  transition-property: transform, opacity;
  backface-visibility: hidden;
}

.slide-out-down.mui-leave.mui-leave-active {
  transform: translateY(100%);
}

.slide-out-right.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateX(0);
  transition-property: transform, opacity;
  backface-visibility: hidden;
}

.slide-out-right.mui-leave.mui-leave-active {
  transform: translateX(100%);
}

.slide-out-up.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateY(0);
  transition-property: transform, opacity;
  backface-visibility: hidden;
}

.slide-out-up.mui-leave.mui-leave-active {
  transform: translateY(-100%);
}

.slide-out-left.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateX(0);
  transition-property: transform, opacity;
  backface-visibility: hidden;
}

.slide-out-left.mui-leave.mui-leave-active {
  transform: translateX(-100%);
}

.fade-in.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  opacity: 0;
  transition-property: opacity;
}

.fade-in.mui-enter.mui-enter-active {
  opacity: 1;
}

.fade-out.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  opacity: 1;
  transition-property: opacity;
}

.fade-out.mui-leave.mui-leave-active {
  opacity: 0;
}

.hinge-in-from-top.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateX(-90deg);
  transform-origin: top;
  transition-property: transform, opacity;
  opacity: 0;
}

.hinge-in-from-top.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1;
}

.hinge-in-from-right.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateY(-90deg);
  transform-origin: right;
  transition-property: transform, opacity;
  opacity: 0;
}

.hinge-in-from-right.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1;
}

.hinge-in-from-bottom.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateX(90deg);
  transform-origin: bottom;
  transition-property: transform, opacity;
  opacity: 0;
}

.hinge-in-from-bottom.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1;
}

.hinge-in-from-left.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateY(90deg);
  transform-origin: left;
  transition-property: transform, opacity;
  opacity: 0;
}

.hinge-in-from-left.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1;
}

.hinge-in-from-middle-x.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateX(-90deg);
  transform-origin: center;
  transition-property: transform, opacity;
  opacity: 0;
}

.hinge-in-from-middle-x.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1;
}

.hinge-in-from-middle-y.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateY(-90deg);
  transform-origin: center;
  transition-property: transform, opacity;
  opacity: 0;
}

.hinge-in-from-middle-y.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1;
}

.hinge-out-from-top.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  transform-origin: top;
  transition-property: transform, opacity;
  opacity: 1;
}

.hinge-out-from-top.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateX(90deg);
  opacity: 0;
}

.hinge-out-from-right.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  transform-origin: right;
  transition-property: transform, opacity;
  opacity: 1;
}

.hinge-out-from-right.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateY(90deg);
  opacity: 0;
}

.hinge-out-from-bottom.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  transform-origin: bottom;
  transition-property: transform, opacity;
  opacity: 1;
}

.hinge-out-from-bottom.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateX(-90deg);
  opacity: 0;
}

.hinge-out-from-left.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  transform-origin: left;
  transition-property: transform, opacity;
  opacity: 1;
}

.hinge-out-from-left.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateY(-90deg);
  opacity: 0;
}

.hinge-out-from-middle-x.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  transform-origin: center;
  transition-property: transform, opacity;
  opacity: 1;
}

.hinge-out-from-middle-x.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateX(90deg);
  opacity: 0;
}

.hinge-out-from-middle-y.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  transform-origin: center;
  transition-property: transform, opacity;
  opacity: 1;
}

.hinge-out-from-middle-y.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateY(90deg);
  opacity: 0;
}

.scale-in-up.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: scale(0.5);
  transition-property: transform, opacity;
  opacity: 0;
}

.scale-in-up.mui-enter.mui-enter-active {
  transform: scale(1);
  opacity: 1;
}

.scale-in-down.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: scale(1.5);
  transition-property: transform, opacity;
  opacity: 0;
}

.scale-in-down.mui-enter.mui-enter-active {
  transform: scale(1);
  opacity: 1;
}

.scale-out-up.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: scale(1);
  transition-property: transform, opacity;
  opacity: 1;
}

.scale-out-up.mui-leave.mui-leave-active {
  transform: scale(1.5);
  opacity: 0;
}

.scale-out-down.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: scale(1);
  transition-property: transform, opacity;
  opacity: 1;
}

.scale-out-down.mui-leave.mui-leave-active {
  transform: scale(0.5);
  opacity: 0;
}

.spin-in.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: rotate(-0.75turn);
  transition-property: transform, opacity;
  opacity: 0;
}

.spin-in.mui-enter.mui-enter-active {
  transform: rotate(0);
  opacity: 1;
}

.spin-out.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: rotate(0);
  transition-property: transform, opacity;
  opacity: 1;
}

.spin-out.mui-leave.mui-leave-active {
  transform: rotate(0.75turn);
  opacity: 0;
}

.spin-in-ccw.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: rotate(0.75turn);
  transition-property: transform, opacity;
  opacity: 0;
}

.spin-in-ccw.mui-enter.mui-enter-active {
  transform: rotate(0);
  opacity: 1;
}

.spin-out-ccw.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: rotate(0);
  transition-property: transform, opacity;
  opacity: 1;
}

.spin-out-ccw.mui-leave.mui-leave-active {
  transform: rotate(-0.75turn);
  opacity: 0;
}

.slow {
  transition-duration: 750ms !important;
}

.fast {
  transition-duration: 250ms !important;
}

.linear {
  transition-timing-function: linear !important;
}

.ease {
  transition-timing-function: ease !important;
}

.ease-in {
  transition-timing-function: ease-in !important;
}

.ease-out {
  transition-timing-function: ease-out !important;
}

.ease-in-out {
  transition-timing-function: ease-in-out !important;
}

.bounce-in {
  transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important;
}

.bounce-out {
  transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important;
}

.bounce-in-out {
  transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important;
}

.short-delay {
  transition-delay: 300ms !important;
}

.long-delay {
  transition-delay: 700ms !important;
}

/*@include motion-ui-animations; */
h1,
h2 {
  font-family: Plain, "Helvetica Neue", Helvetica, Franklin Gothic Medium, Franklin Gothic, ITC Franklin Gothic, sans-serif;
  font-weight: 200;
}

h6 {
  font-family: Plain, "Helvetica Neue", Helvetica, Franklin Gothic Medium, Franklin Gothic, ITC Franklin Gothic, sans-serif;
}

h1.size-large {
  font-size: 96px;
}

h1.size-extra-large {
  font-size: 120px;
}

h1.size-super {
  font-size: 160px;
}

@media print, screen and (max-width: 39.99875em) {
  h1.size-large {
    font-size: 60px;
  }
  h1.size-extra-large {
    font-size: 75px;
  }
  h1.size-super {
    font-size: 100px;
  }
}
/* Animations */
.lift-child .lift-me {
  transition: all 2s;
  display: block;
}

.lift-child:hover .lift-me {
  transform: translateY(-3px);
  transition: all 0.2s;
  display: block;
}

.overflow-x-hidden {
  overflow-x: hidden;
}

.float-right {
  float: right;
}

.float-left {
  float: left;
}

.link-indicator a {
  position: absolute;
  width: 50px;
  height: 50px;
  display: block;
  bottom: 0;
  right: 0;
  z-index: 99;
}
.link-indicator {
  position: relative;
}

.link-indicator::after {
  display: block;
  content: url('data:image/svg+xml; utf8, <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 17.7 13.2" style="enable-background:new 0 0 17.7 13.2;" xml:space="preserve"><title>Link Indicator Icon</title><style type="text/css">.arrow-fill{fill:%234b4f4f;}</style><polygon class="arrow-fill" points="17.7,6.5 17.3,6.2 11.6,0.2 9.9,0.2 15.4,5.9 0.2,5.9 0.2,7.1 15.5,7.1 9.9,12.9 11.5,12.9 17.3,6.9 17.7,6.6 17.6,6.6 "/></svg>');
  width: 50px;
  height: 50px;
  padding: 14px 10px;
  background: #ffffff;
  position: absolute;
  bottom: 0;
  right: 0;
}

.link-indicator.pd-yellow::after {
  content: url('data:image/svg+xml; utf8, <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 17.7 13.2" style="enable-background:new 0 0 17.7 13.2;" xml:space="preserve"><title>Link Indicator Icon</title><style type="text/css">.arrow-fill{fill:%23ffe664;}</style><polygon class="arrow-fill" points="17.7,6.5 17.3,6.2 11.6,0.2 9.9,0.2 15.4,5.9 0.2,5.9 0.2,7.1 15.5,7.1 9.9,12.9 11.5,12.9 17.3,6.9 17.7,6.6 17.6,6.6 "/></svg>');
}

.link-indicator.pd-green::after {
  content: url('data:image/svg+xml; utf8, <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 17.7 13.2" style="enable-background:new 0 0 17.7 13.2;" xml:space="preserve"><title>Link Indicator Icon</title><style type="text/css">.arrow-fill{fill:%2306ac38;}</style><polygon class="arrow-fill" points="17.7,6.5 17.3,6.2 11.6,0.2 9.9,0.2 15.4,5.9 0.2,5.9 0.2,7.1 15.5,7.1 9.9,12.9 11.5,12.9 17.3,6.9 17.7,6.6 17.6,6.6 "/></svg>');
}

.link-indicator.pd-drk-blue::after {
  content: url('data:image/svg+xml; utf8, <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 17.7 13.2" style="enable-background:new 0 0 17.7 13.2;" xml:space="preserve"><title>Link Indicator Icon</title><style type="text/css">.arrow-fill{fill:%2300607f;}</style><polygon class="arrow-fill" points="17.7,6.5 17.3,6.2 11.6,0.2 9.9,0.2 15.4,5.9 0.2,5.9 0.2,7.1 15.5,7.1 9.9,12.9 11.5,12.9 17.3,6.9 17.7,6.6 17.6,6.6 "/></svg>');
}

.link-indicator.pd-red::after {
  content: url('data:image/svg+xml; utf8, <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 17.7 13.2" style="enable-background:new 0 0 17.7 13.2;" xml:space="preserve"><title>Link Indicator Icon</title><style type="text/css">.arrow-fill{fill:%23f82431;}</style><polygon class="arrow-fill" points="17.7,6.5 17.3,6.2 11.6,0.2 9.9,0.2 15.4,5.9 0.2,5.9 0.2,7.1 15.5,7.1 9.9,12.9 11.5,12.9 17.3,6.9 17.7,6.6 17.6,6.6 "/></svg>');
}

/* Switches */
.switch-paddle.round {
  border-radius: 5000px;
}
.switch-paddle.round::after {
  border-radius: 5000px;
}

/* Foundation Hacks */
.small-unexpanded {
  max-width: 640px;
  padding-left: 15px;
  padding-right: 15px;
}

@media print, screen and (min-width: 40em) {
  .medium-unexpanded {
    max-width: 600px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media print, screen and (min-width: 64em) {
  .large-unexpanded {
    max-width: 600px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
/* Gradients */
.bkgd-gradient {
  width: 100%;
  height: 300px;
  display: block;
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, transparent), color-stop(50%, #c00ddd), color-stop(100%, transparent)); /* Chrome, Safari4+ */
  background: -webkit-linear-gradient(left, transparent 0%, #c00ddd 50%, transparent 100%); /* Chrome10+, Safari5.1+ */
  background: -moz-linear-gradient(left, transparent 0%, #c00ddd 50%, transparent 100%); /* FF3.6+ */
  background: linear-gradient(to left, transparent 0%, #c00ddd 50%, transparent 100%); /* W3C */
}

.bkgd-grad-blue-green {
  background: rgb(84, 131, 174);
  background: -moz-linear-gradient(45deg, rgb(84, 131, 174) 0%, rgb(72, 200, 116) 100%);
  background: -webkit-linear-gradient(45deg, rgb(84, 131, 174) 0%, rgb(72, 200, 116) 100%);
  background: linear-gradient(45deg, rgb(84, 131, 174) 0%, rgb(72, 200, 116) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5483ae', endColorstr='#48c874',GradientType=1 );
}

/* PADDING and MARGINS */
.padding-30 {
  padding: 30px;
}

.padding-25 {
  padding: 25px;
}

.padding-20 {
  padding: 20px;
}

.padding-15 {
  padding: 15px;
}

.padding-10 {
  padding: 10px;
}

.padding-5 {
  padding: 5px;
}

.sect-padding {
  padding-top: 50px;
  padding-bottom: 50px;
}

.sect-padding-small {
  padding-top: 20px;
  padding-bottom: 20px;
}

.sect-padding-top {
  padding-top: 50px;
}

.sect-padding-top-small {
  padding-top: 20px;
}

.sect-padding-bottom {
  padding-bottom: 50px;
}

.sect-padding-bottom-small {
  padding-bottom: 20px;
}

@media print, screen and (min-width: 64em) {
  .sect-padding-top-large {
    padding-top: 50px;
  }
}
.padding-0 {
  padding: 0 !important;
}

.pad-bot-0 {
  padding-bottom: 0;
}

.pad-bot-5 {
  padding-bottom: 5px;
}

.pad-bot-10 {
  padding-bottom: 10px;
}

.pad-bot-15 {
  padding-bottom: 15px;
}

.pad-bot-20 {
  padding-bottom: 20px;
}

.pad-bot-30 {
  padding-bottom: 30px;
}

.pad-bot-50 {
  padding-bottom: 50px;
}

.pad-bot-150 {
  padding-bottom: 150px;
}

.pad-top-0 {
  padding-top: 0;
}

.pad-top-5 {
  padding-top: 5px;
}

.pad-top-10 {
  padding-top: 10px;
}

.pad-top-15 {
  padding-top: 15px;
}

.pad-top-20 {
  padding-top: 20px;
}

.pad-top-25 {
  padding-top: 25px;
}

.pad-top-30 {
  padding-top: 30px;
}

.pad-top-50 {
  padding-top: 50px;
}

.pad-right-30 {
  padding-right: 30px;
}

.pad-left-0 {
  padding-left: 0 !important;
}

.pad-left-30 {
  padding-left: 30px;
}

.pad-right-50 {
  padding-right: 50px;
}

.pad-left-50 {
  padding-left: 50px;
}

.pad-side-10 {
  padding-left: 10px;
  padding-right: 10px;
}

.pad-side-15 {
  padding-left: 15px;
  padding-right: 15px;
}

.pad-side-30 {
  padding-left: 30px;
  padding-right: 30px;
}

.pad-side-50 {
  padding-left: 50px;
  padding-right: 50px;
}

@media print, screen and (min-width: 40em) {
  .medium-pad-side-50 {
    padding-left: 50px;
    padding-right: 50px;
  }
  .medium-pad-top-15 {
    padding-top: 15px;
  }
  .medium-pad-top-20 {
    padding-top: 20px;
  }
  .medium-pad-top-25 {
    padding-top: 25px;
  }
  .medium-pad-top-30 {
    padding-top: 30px;
  }
  .medium-pad-top-50 {
    padding-top: 50px;
  }
}
@media print, screen and (min-width: 64em) {
  .large-pad-side-50 {
    padding-left: 50px;
    padding-right: 50px;
  }
  .large-pad-top-15 {
    padding-top: 15px;
  }
  .large-pad-top-20 {
    padding-top: 20px;
  }
  .large-pad-top-25 {
    padding-top: 25px;
  }
  .large-pad-top-30 {
    padding-top: 30px;
  }
  .large-pad-top-50 {
    padding-top: 50px;
  }
}
.margin-0 {
  margin: 0 !important;
}

.margin-10 {
  margin: 10px;
}

.margin-top-0 {
  margin-top: 0 !important;
}

.margin-top-5 {
  margin-top: 5px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-top-150 {
  margin-top: 150px !important;
}

@media print, screen and (min-width: 40em) {
  .medium-margin-top-150 {
    margin-top: 150px !important;
  }
}
@media print, screen and (min-width: 64em) {
  .large-margin-top-150 {
    margin-top: 150px !important;
  }
}
.margin-bot-0 {
  margin-bottom: 0 !important;
}

.margin-bot-5 {
  margin-bottom: 5px !important;
}

.margin-bot-10 {
  margin-bottom: 10px !important;
}

.margin-bot-15 {
  margin-bottom: 15px !important;
}

.margin-bot-20 {
  margin-bottom: 20px !important;
}

.margin-bot-30 {
  margin-bottom: 30px !important;
}

.margin-bot-50 {
  margin-bottom: 50px !important;
}

.margin-right-15 {
  margin-right: 15px !important;
}

.margin-right-20 {
  margin-right: 20px !important;
}

.margin-right-30 {
  margin-right: 30px !important;
}

.margin-left-15 {
  margin-left: 15px !important;
}

.margin-left-20 {
  margin-left: 20px !important;
}

.margin-left-30 {
  margin-left: 30px !important;
}

.recess-150 {
  margin-top: -150px;
}

.recess-100 {
  margin-top: -100px;
}

.margin-top-1x {
  margin-top: 1rem;
}

.margin-top-2x {
  margin-top: 2rem;
}

.margin-top-3x {
  margin-top: 3rem;
}

.margin-top-4x {
  margin-top: 4rem;
}

.margin-bot-1x {
  margin-bottom: 1rem;
}

.margin-bot-2x {
  margin-bottom: 2rem;
}

.margin-bot-3x {
  margin-bottom: 3rem;
}

.margin-bot-4x {
  margin-bottom: 4rem;
}

@media print, screen and (min-width: 40em) {
  .medium-recess-150 {
    margin-top: -150px;
  }
  .medium-recess-100 {
    margin-top: -100px;
  }
}
@media print, screen and (min-width: 64em) {
  .large-recess-150 {
    margin-top: -150px;
  }
  .large-recess-100 {
    margin-top: -100px;
  }
}
@media print, screen and (max-width: 39.99875em) {
  .small-only-pad-top-15 {
    padding-top: 15px;
  }
  .small-only-pad-top-30 {
    padding-top: 30px;
  }
  .small-only-pad-top-50 {
    padding-top: 50px;
  }
}
/* BAD heights */
.height-450 {
  height: 450px;
}

@media print, screen and (min-width: 40em) {
  .height-100vh {
    height: 100vh;
  }
}

@media print, screen and (min-width: 40em) {
  .min-height-100vh {
    min-height: 100vh;
  }
}

/*.form-full-height {
	position: absolute;
	width: 100%;
	min-height: 100vh;
}
*/
.vc-container {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}

.vc-item {
  align-self: center;
}

.hero-bg {
  min-height: 70vh;
  padding: 50px 0;
  background-repeat: no-repeat;
}

.bkgd-cover {
  background-size: cover;
}

.bkgd-center-top,
.center-top {
  background-position: center top;
}

.bkgd-center {
  background-position: center center;
}

.ta-center {
  text-align: center;
}

.ta-left {
  text-align: left;
}

.ta-right {
  text-align: right;
}

@media only screen and (max-width: 480px) {
  .center-on-small {
    text-align: center;
  }
}

.divider {
  width: 80%;
  border-bottom: 1px solid #ccc;
  display: block;
  margin: auto;
  background: #fff;
}

.divider.width-100 {
  width: 100%;
}

.row.table {
  margin: 0;
  margin-bottom: 30px;
  border: 1px solid #efefef;
}
.row.table .columns {
  padding: 5px;
  border-bottom: 1px solid #efefef;
  border-right: 1px solid #efefef;
}
.row.table .columns.no-border-bottom {
  border-bottom: none !important;
}
.row.table .columns.no-border-right {
  border-right: none !important;
}

.hero,
.full-bg {
  height: 6.25rem;
  min-height: 45vh;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.hero-short,
.full-bg-short {
  height: 250px;
  min-height: 25vh;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.gz-hero {
  min-height: 450px;
  height: 200px;
  width: 100%;
  position: relative;
}

.gz-hero.height-auto {
  height: auto !important;
}

.gz-hero-padding {
  min-height: 250px;
  padding: 100px 0;
}

.gz-hero.short {
  min-height: 250px !important;
  height: 200px;
}

.gz-hero.max-height {
  max-height: 450px !important;
  height: 200px;
  overflow: hidden;
}

.gz-hero.max-height.short {
  max-height: 250px !important;
}

.gz-filter {
  background: rgba(0, 0, 0, 0.3);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
}

.bkgd-alpha-3 {
  background: rgba(0, 0, 0, 0.3) !important;
}

.bkgd-alpha-5 {
  background: rgba(0, 0, 0, 0.5) !important;
}

.bkgd-alpha-7 {
  background: rgba(0, 0, 0, 0.7) !important;
}

.cover-left {
  background-position: left center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  position: relative !important;
}

.cover-center {
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  position: relative !important;
}

.cover-center.top {
  background-position: center top !important;
}

.centered,
.centered .content-wrap,
.centered * {
  justify-content: center;
}

/* If kept, should be moved - used for Foundation page */
.circle {
  height: 9rem;
  border-radius: 50%;
  width: 9rem;
  margin: 3rem auto 1.5rem;
  position: relative;
  text-align: center;
}

.circle.green {
  background-color: #048a24;
  border: 1px solid #048a24;
}

.circle span {
  display: inline-block;
  color: inherit;
  margin: 2.2rem auto;
  font-size: 4rem;
}

.circle p {
  text-align: center;
  font-size: 1.6rem;
  margin: 2rem auto;
}

/* Background Colors */
.lightest-gray-bg {
  background-color: #f9f9f9;
}

.light-gray-bg {
  background-color: #f4f4f4 !important;
}

.pd-green-bg {
  background-color: #048a24;
}

.white-bg {
  background-color: #ffffff !important;
}

.dark-gray-bg {
  background-color: #4b4f4f !important;
}

.black-bg {
  background-color: #000000 !important;
}

.center-top {
  background-position: center top !important;
}

.center-left {
  background-position: center left !important;
}

.center-bottom {
  background-position: center bottom !important;
}

/* Text Colors */
.green-text {
  color: #048a24 !important;
}

.white-text,
.white-text p,
.white {
  color: #ffffff !important;
}

.green-blue-gradient {
  overflow: hidden;
  background: #048a24; /* Old browsers */
  background: -moz-linear-gradient(top, #048a24 0%, #a5c6de 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #048a24 0%, #a5c6de 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #048a24 0%, #a5c6de 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$gz-green', endColorstr='$gz-teal',GradientType=0 ); /* IE6-9 */
}

.bkgd-blue-green-gradient {
  background: #048a24; /* Old browsers */
  background: -moz-linear-gradient(top, #048a24 0%, #a5c6de 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #048a24 0%, #a5c6de 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #048a24 0%, #a5c6de 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$gz-green', endColorstr='$gz-teal',GradientType=0 ); /* IE6-9 */
}

.bkgd-blue-green-vh-60 {
  background: #048a24;
  background: -webkit-linear-gradient(top, #06ac38 0%, #5ab1bb 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#06ac38), to(#5ab1bb));
  background: linear-gradient(to bottom, #06ac38 0%, #5ab1bb 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$gz-green', endColorstr='$gz-teal',GradientType=0 );
  background-size: 100% 60%;
  background-repeat: no-repeat;
}

.slant-me {
  background-size: cover;
  background-position: center calc(100% - 120px);
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20xmlns%3Axlink%3D%27http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%27%20viewBox%3D%270%200%201221.09%20532.97%27%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Aurl(%23linear-gradient)%3B%7D%3C%2Fstyle%3E%3ClinearGradient%20id%3D%27linear-gradient%27%20x1%3D%27389.78%27%20y1%3D%27698.71%27%20x2%3D%27786.93%27%20y2%3D%27-193.3%27%20gradientUnits%3D%27userSpaceOnUse%27%3E%3Cstop%20offset%3D%270%27%20stop-color%3D%27%2341b654%27%2F%3E%3Cstop%20offset%3D%270.89%27%20stop-color%3D%27%2353c1b1%27%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Ctitle%3EAsset%206%3C%2Ftitle%3E%3Cg%20id%3D%27Layer_2%27%20data-name%3D%27Layer%202%27%3E%3Cg%20id%3D%27Layer_1-2%27%20data-name%3D%27Layer%201%27%3E%3Cpolygon%20class%3D%27cls-1%27%20points%3D%271221.09%20405.76%20606.4%20532.97%20646.53%20392.15%200%20525.17%200%200%201221.09%200%201221.09%20405.76%27%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.slant-me .copy {
  color: white;
}
.slant-me .resource {
  background: none;
}

@media print, screen and (max-width: 39.99875em) {
  .slant-me {
    background-color: #43ad71;
  }
}
/* Breadcrumbs */
.breadcrumb-wrapper {
  padding-top: 15px;
}

.breadcrumbs li {
  font-size: 0.8em;
  color: inherit;
  text-transform: none;
}
.breadcrumbs li a {
  color: inherit;
  font-weight: 600;
}
.breadcrumbs li a:hover {
  text-decoration: none;
}
.breadcrumbs li:not(:last-child)::after {
  display: inline-block;
  content: "/";
  color: inherit;
}

/* Lists */
ul.no-bullet {
  list-style-position: inside;
  margin-left: 0px;
  padding-right: 15px;
  margin-bottom: 15px;
  list-style: none;
}

ul.no-bullet li {
  margin-left: 0;
}

li.pricing-no-bullet:before {
  background: none !important;
}

ul.webinar-bullets,
ul.check-bullets,
ul.check-features {
  list-style-position: inside;
  margin-left: 25px;
  padding-right: 25px;
  margin-bottom: 25px;
  list-style: none;
}

ul.webinar-bullets li,
ul.check-bullets li,
ul.check-features li {
  margin-bottom: 10px;
}

ul.webinar-bullets li:before,
ul.check-bullets li:before {
  font-family: "FontAwesome";
  content: "\f00c";
  color: #048a24;
  margin-left: -20px;
  padding-right: 5px;
  -webkit-text-stroke: 3px transparent !important;
  font-size: 25px !important;
}

ul.check-features {
  margin: 0;
  margin-bottom: 30px;
  margin-left: 30px;
}
ul.check-features li:before {
  content: "";
  display: block;
  position: absolute;
  margin-left: -28px;
  margin-top: 5px;
  height: 13px;
  width: 26px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25.96 19.61'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;stroke:%230eac4b;stroke-miterlimit:10;stroke-width:3px;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Eicn-checkmark%3C/title%3E%3Cg id='Checkmark' data-name='Layer 2'%3E%3Cg id='pd-checkmark' data-name='Layer 1'%3E%3Cpolyline class='cls-1' points='1.05 9.66 8.95 17.47 24.88 1.04'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

ul.gz-list {
  list-style-type: none;
  margin-left: 0;
  list-style-position: inside;
}
ul.gz-list li {
  padding-right: 0;
  list-style: none;
}

li.gz-green {
  color: #048a24 !important;
}

a.arrow-right,
div.arrow-right,
p.arrow-right {
  display: inline-block;
  padding-left: 35px;
  position: relative;
  color: #4b4f4f;
  line-height: 1.6;
  height: 24px;
}

a:hover div.arrow-right:before,
a:hover p.arrow-right:before {
  animation: link-animation 350ms ease-out 150ms;
}

ol.list-tenths,
ol.list-tenths ol {
  counter-reset: item !important;
}
ol.list-tenths li,
ol.list-tenths ol li {
  display: block !important;
}
ol.list-tenths li:before,
ol.list-tenths ol li:before {
  content: counters(item, ".") " " !important;
  counter-increment: item !important;
}

a.arrow-right:hover:before {
  animation: link-animation 350ms ease-out 150ms;
}

@keyframes link-animation {
  /* You could think of as "step 1" */
  70% {
    left: -8px;
  }
  /* You could think of as "step 2" */
  100% {
    left: 0;
  }
}
p.arrow-right.pd-green,
address.arrow-right.pd-green {
  color: #048a24;
}

p.arrow-right.pd-red,
a.arrow-right.pd-red {
  color: #f82431;
}

p.arrow-right.pd-orange,
a.arrow-right.pd-orange {
  color: #fa640a;
}

p.arrow-right.pd-yellow,
a.arrow-right.pd-yellow {
  color: #ffe664;
}

p.arrow-right.pd-white,
a.arrow-right.pd-white {
  color: #ffffff;
}

a.arrow-right:hover {
  color: rgb(64.5, 67.94, 67.94);
}

a.arrow-right.pd-yellow:hover {
  color: rgb(255, 221.9838709677, 50.3);
}

a.arrow-right.pd-green:hover {
  color: rgb(3.44, 118.68, 30.96);
}

a.arrow-right.pd-drk-blue:hover {
  color: rgb(0, 82.56, 109.22);
}

a.arrow-right.pd-red:hover {
  color: rgb(236.6750442478, 7.5649557522, 21.614159292);
}

a.arrow-right.pd-orange:hover {
  color: rgb(219.128, 84.968, 4.472);
}

a.arrow-right.pd-white:hover {
  color: rgb(219.3, 219.3, 219.3);
}

a.arrow-right:before,
div.arrow-right:before,
p.arrow-right:before {
  display: block;
  content: url('data:image/svg+xml; utf8, <svg height="22px" width="26px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 17.7 13.2" style="enable-background:new 0 0 17.7 13.2;" xml:space="preserve"><title>Link Indicator Icon</title><style type="text/css">.arrow-fill{fill:%234b4f4f;}</style><polygon class="arrow-fill" points="17.7,6.5 17.3,6.2 11.6,0.2 9.9,0.2 15.4,5.9 0.2,5.9 0.2,7.1 15.5,7.1 9.9,12.9 11.5,12.9 17.3,6.9 17.7,6.6 17.6,6.6 "/></svg>');
  background-size: 26px 22px;
  height: 22px;
  width: 26px;
  position: absolute;
  top: 3px;
  left: 0;
}

a.arrow-right.pd-white:before,
div.arrow-right.pd-white:before,
p.arrow-right.pd-white:before {
  content: url('data:image/svg+xml; utf8, <svg height="22px" width="26px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 17.7 13.2" style="enable-background:new 0 0 17.7 13.2;" xml:space="preserve"><title>Link Indicator Icon</title><style type="text/css">.arrow-fill{fill:%23ffffff;}</style><polygon class="arrow-fill" points="17.7,6.5 17.3,6.2 11.6,0.2 9.9,0.2 15.4,5.9 0.2,5.9 0.2,7.1 15.5,7.1 9.9,12.9 11.5,12.9 17.3,6.9 17.7,6.6 17.6,6.6 "/></svg>');
}

a.arrow-right.pd-yellow:before,
div.arrow-right.pd-yellow:before,
p.arrow-right.pd-yellow:before {
  content: url('data:image/svg+xml; utf8, <svg height="22px" width="26px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 17.7 13.2" style="enable-background:new 0 0 17.7 13.2;" xml:space="preserve"><title>Link Indicator Icon</title><style type="text/css">.arrow-fill{fill:%23ffe664;}</style><polygon class="arrow-fill" points="17.7,6.5 17.3,6.2 11.6,0.2 9.9,0.2 15.4,5.9 0.2,5.9 0.2,7.1 15.5,7.1 9.9,12.9 11.5,12.9 17.3,6.9 17.7,6.6 17.6,6.6 "/></svg>');
}

a.arrow-right.pd-green:before,
div.arrow-right.pd-green:before,
p.arrow-right.pd-green:before {
  content: url('data:image/svg+xml; utf8, <svg height="22px" width="26px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 17.7 13.2" style="enable-background:new 0 0 17.7 13.2;" xml:space="preserve"><title>Link Indicator Icon</title><style type="text/css">.arrow-fill{fill:%2306ac38;}</style><polygon class="arrow-fill" points="17.7,6.5 17.3,6.2 11.6,0.2 9.9,0.2 15.4,5.9 0.2,5.9 0.2,7.1 15.5,7.1 9.9,12.9 11.5,12.9 17.3,6.9 17.7,6.6 17.6,6.6 "/></svg>');
}

a.arrow-right.pd-blue:before,
div.arrow-right.pd-blue:before,
p.arrow-right.pd-blue:before {
  content: url('data:image/svg+xml; utf8, <svg height="22px" width="26px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 17.7 13.2" style="enable-background:new 0 0 17.7 13.2;" xml:space="preserve"><title>Link Indicator Icon</title><style type="text/css">.arrow-fill{fill:%2300607f;}</style><polygon class="arrow-fill" points="17.7,6.5 17.3,6.2 11.6,0.2 9.9,0.2 15.4,5.9 0.2,5.9 0.2,7.1 15.5,7.1 9.9,12.9 11.5,12.9 17.3,6.9 17.7,6.6 17.6,6.6 "/></svg>');
}

a.arrow-right.pd-red:before,
div.arrow-right.pd-red:before,
p.arrow-right.pd-red:before {
  content: url('data:image/svg+xml; utf8, <svg height="22px" width="26px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 17.7 13.2" style="enable-background:new 0 0 17.7 13.2;" xml:space="preserve"><title>Link Indicator Icon</title><style type="text/css">.arrow-fill{fill:%23f82431;}</style><polygon class="arrow-fill" points="17.7,6.5 17.3,6.2 11.6,0.2 9.9,0.2 15.4,5.9 0.2,5.9 0.2,7.1 15.5,7.1 9.9,12.9 11.5,12.9 17.3,6.9 17.7,6.6 17.6,6.6 "/></svg>');
}

a.arrow-right.pd-pink:before,
div.arrow-right.pd-pink:before,
p.arrow-right.pd-pink:before {
  content: url('data:image/svg+xml; utf8, <svg height="22px" width="26px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 17.7 13.2" style="enable-background:new 0 0 17.7 13.2;" xml:space="preserve"><title>Link Indicator Icon</title><style type="text/css">.arrow-fill{fill:%23ffaaf0;}</style><polygon class="arrow-fill" points="17.7,6.5 17.3,6.2 11.6,0.2 9.9,0.2 15.4,5.9 0.2,5.9 0.2,7.1 15.5,7.1 9.9,12.9 11.5,12.9 17.3,6.9 17.7,6.6 17.6,6.6 "/></svg>');
}

a.arrow-right.pd-orange:before,
div.arrow-right.pd-orange:before,
p.arrow-right.pd-orange:before {
  content: url('data:image/svg+xml; utf8, <svg height="22px" width="26px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 17.7 13.2" style="enable-background:new 0 0 17.7 13.2;" xml:space="preserve"><title>Link Indicator Icon</title><style type="text/css">.arrow-fill{fill:%23fa640a;}</style><polygon class="arrow-fill" points="17.7,6.5 17.3,6.2 11.6,0.2 9.9,0.2 15.4,5.9 0.2,5.9 0.2,7.1 15.5,7.1 9.9,12.9 11.5,12.9 17.3,6.9 17.7,6.6 17.6,6.6 "/></svg>');
}

a.arrow-right.drk-gray::before,
div.arrow-right.drk-gray::before,
p.arrow-right.drk-gray::before {
  filter: grayscale(100%);
}

a.arrow-right.med-gray::before,
div.arrow-right.med-gray::before,
p.arrow-right.med-gray::before {
  filter: grayscale(100%);
}

a.arrow-right.drk-gray,
div.arrow-right.drk-gray,
p.arrow-right.drk-gray {
  color: #4b4f4f;
}

a.arrow-right.med-gray,
div.arrow-right.med-gray,
p.arrow-right.med-gray {
  color: #666666;
}

/* Positioning */
.vertical-center {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
}

.absolute-center {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  left: 0;
  margin: 0 auto;
  z-index: 10;
}

.position-rel,
.pos-relative {
  position: relative;
}

.pos-absolute {
  position: absolute;
}

/* Global Color Classes */
.pd-green {
  color: #048a24;
}

a.gz-green,
a.pd-green,
a.gz-green:visited,
a.pd-green:visited {
  color: #048a24;
}

a.gz-green:hover,
a.pd-green:hover,
a.gz-green:active,
a.pd-green:active {
  color: rgb(3.4, 117.3, 30.6);
}

a.gz-lt-blue,
a.pd-lt-blue,
a.gz-lt-blue:visited,
a.pd-lt-blue:visited {
  color: #a5c6de;
}

a.gz-lt-blue:hover,
a.pd-lt-blue:hover,
a.gz-lt-blue:active,
a.pd-lt-blue:active {
  color: rgb(122.5243902439, 171.0987804878, 206.4256097561);
}

a.pd-drk-blue,
a.pd-drk-blue:visited {
  color: #00607f;
}

a.pd-drk-blue:hover,
a.pd-drk-blue:active {
  color: rgb(0, 81.6, 107.95);
}

a.pd-yellow,
a.pd-yellow:visited {
  color: #ffe664;
}

a.pd-white,
a.pd-white:hover,
a.pd-white:active,
a.pd-white:visited {
  color: #ffffff;
}

a.pd-yellow:hover,
a.pd-yellow:active {
  color: rgb(255, 221.4112903226, 46.75);
}

a.pd-gray:hover,
a.pd-gray:active {
  color: rgb(63.75, 67.15, 67.15);
}

.pd-drk-green {
  color: #005a24;
}

.pd-clay {
  color: #94b2a5;
}

.pd-drk-gray {
  color: #4b4f4f;
}

.pd-orange {
  color: #fa640a;
}

.pd-drk-blue {
  color: #00607f;
}

.pd-red {
  color: #f82431;
}

.pd-yellow {
  color: #ffe664;
}

.pd-cream {
  color: #e7ddcf;
}

.pd-peach {
  color: #ffc5b2;
}

.pd-pink {
  color: #ffaaf0;
}

.pd-lt-blue {
  color: #a5c6de;
}

.pd-white {
  color: #ffffff;
}

.pd-black {
  color: #000000;
}

.base-color {
  color: #ffffff;
}

.opposing-base-color {
  color: #4b4f4f;
}

.gz-green {
  color: #048a24;
}

.gz-blue {
  color: #00607f;
}

.gz-drk-gray {
  color: #4b4f4f;
}

.gz-space-gray {
  color: #454545;
}

.gz-med-gray {
  color: #666666;
}

.gz-mid-gray {
  color: #999999;
}

.gz-lt-gray {
  color: #cccccc;
}

.gz-xlt-gray {
  color: #efefef;
}

.gz-white {
  color: #ffffff;
}

.gz-black {
  color: #000000;
}

.gz-teal {
  color: #a5c6de !important;
}

a.gz-teal:hover {
  color: #3f99a3 !important;
}

.gz-blog-blue {
  color: #00607f !important;
}

.gz-navy-dark-blue {
  color: #1a1b71 !important;
}

/* SVG Fill Classes */
.grayscale {
  filter: grayscale(100%);
}

.error-msg,
.create-account-error-msg,
#create-account-error-msg {
  color: #f82431;
  clear: both;
  font-size: 0.875em;
}

/* Background Color Fill Classes */
.base-color.bkgd-fill {
  background-color: #ffffff;
  color: #4b4f4f;
}

.primary.bkgd-fill {
  background-color: #048a24;
}

.secondary.bkgd-fill {
  background-color: #00607f;
  color: #ffffff;
}

.success.bkgd-fill {
  background-color: #048a24;
}

.warning.bkgd-fill {
  background-color: #fa640a;
}

.alert.bkgd-fill {
  background-color: #f82431;
}

.gz-green.bkgd-fill,
.pd-green-bg {
  background-color: #048a24;
  color: #ffffff;
}

.gz-blue.bkgd-fill {
  background-color: #00607f;
  color: #ffffff;
}

.gz-drk-gray.bkgd-fill,
.dark-gray-bg {
  background-color: #4b4f4f;
  color: #ffffff;
}

.gz-space-gray.bkgd-fill {
  background-color: #454545;
  color: #ffffff;
}

.gz-med-gray.bkgd-fill {
  background-color: #666666;
  color: #ffffff;
}

.gz-lt-gray.bkgd-fill {
  background-color: #cccccc;
  color: #666666;
}

.gz-xlt-gray.bkgd-fill,
.light-gray-bg {
  background-color: #efefef;
  color: #666666;
}

.white-bg,
.bkgd-white {
  background: #ffffff !important;
}

.black-bg,
.bkgd-black {
  background: black !important;
}

.bkgd-green {
  background-color: #048a24 !important;
}

.bkgd-drk-green {
  background-color: #005a24 !important;
}

.bkgd-drk-blue {
  background-color: #00607f !important;
}

.bkgd-clay {
  background-color: #94b2a5 !important;
}

.bkgd-drk-gray {
  background-color: #4b4f4f !important;
}

.bkgd-orange {
  background-color: #fa640a !important;
}

.bkgd-red {
  background-color: #f82431 !important;
}

.bkgd-yellow {
  background-color: #ffe664 !important;
}

.bkgd-cream {
  background-color: #e7ddcf !important;
}

.bkgd-peach {
  background-color: #ffc5b2 !important;
}

.bkgd-pink {
  background-color: #ffaaf0 !important;
}

.bkgd-lt-blue {
  background-color: #a5c6de !important;
}

.bkgd-xxlt-gray {
  background: #f4f4f4 !important;
}

.bkgd-xlt-gray {
  background: #efefef !important;
}

.bkgd-lt-gray {
  background: #cccccc !important;
}

.bkgd-space-gray {
  background: #454545 !important;
}

.bkgd-mid-gray {
  background: #999999 !important;
}

.bkgd-med-gray {
  background: #666666 !important;
}

.bkgd-drk-gray {
  background: #4b4f4f !important;
}

.bkgd-teal {
  background: #a5c6de !important;
}

.bkgd-half-gray {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f4f4f4+1,f4f4f4+50,ffffff+51,ffffff+51&1+0,1+50,0+51 */
  background: -moz-linear-gradient(left, rgb(244, 244, 244) 0%, rgb(244, 244, 244) 1%, rgb(244, 244, 244) 50%, rgba(255, 255, 255, 0) 50%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgb(244, 244, 244) 0%, rgb(244, 244, 244) 1%, rgb(244, 244, 244) 50%, rgba(255, 255, 255, 0) 50%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgb(244, 244, 244) 0%, rgb(244, 244, 244) 1%, rgb(244, 244, 244) 50%, rgba(255, 255, 255, 0) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}

/* Patterns */
.dotted-bg {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='P' x='30' y='30' width='30' height='30' patternUnits='userSpaceOnUse' %3E%3Ccircle cx='1' cy='1' r='1' fill='%23333' /%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100%25' height='100%25' fill='url(%23P)' /%3E%3C/svg%3E");
}

/* Alternating background color for repeater items */
.alternating-row:nth-child(even) {
  background: #efefef;
  max-width: none;
}

/* Shadows */
.mat-shadow-tiny {
  box-shadow: 0 0px 1px rgba(0, 0, 0, 0.12), 0 0px 1px rgba(0, 0, 0, 0.24);
}

.mat-shadow-1 {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.mat-shadow-ani-sml-1 {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

.mat-shadow-ani-sml-1:hover {
  box-shadow: 0 7px 24px rgba(0, 0, 0, 0.25), 0 5px 5px rgba(0, 0, 0, 0.24);
}

.mat-shadow-ani-1 {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

.mat-shadow-ani-1:hover {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.24);
}

.mat-shadow-ani-2 {
  border: 1px solid #999999;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.mat-shadow-ani-2:hover {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

.mat-shadow-2 {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.mat-shadow-3 {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

/* Borders */
.dot-bordered {
  border: 1px dotted #048a24;
}

/* links */
a {
  transition: all 0.2s;
  outline: none;
}

/* Social */
.share-buttons-lt-gray i {
  color: #cccccc;
}
.share-buttons-lt-gray i:hover {
  color: #666666;
}

.share-buttons-med-gray i {
  color: #666666;
}
.share-buttons-med-gray i:hover {
  color: #454545;
}

/* Typography */
.font-thin {
  font-weight: 200;
}

.font-light {
  font-weight: 300;
}

.font-normal {
  font-weight: 400;
}

.font-medium {
  font-weight: 500;
}

.font-semibold {
  font-weight: 600;
}

.font-bold {
  font-weight: 700;
}

.typ-cfx-reg {
  font-weight: 400;
}

.typ-cfx-med {
  font-weight: 600;
}

.typ-cfx-bold {
  font-weight: 700;
}

.uppercase {
  text-transform: uppercase !important;
}

.italic {
  font-style: italic;
}

.strong {
  font-weight: 600;
}

.bold {
  font-weight: 600;
}

.bolder {
  font-weight: 800;
}

.ultra-light {
  font-weight: 200;
}

/* MIXINS */
/*OTHER */
.pill-box a {
  display: block;
  clear: both;
  text-align: center;
  margin: 15px auto 15px auto;
}

.pill {
  position: relative;
  text-align: center;
  background: #fff;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  text-align: center;
  padding: 10px;
  display: inline-block;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.1);
}
.pill .pill-inner {
  width: 100%;
  height: 100%;
  background: #f4f4f4;
  border-radius: 50%;
  text-align: center;
  position: relative;
}
.pill .pill-inner .fa {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #666;
  font-size: 3.5em !important;
}

/* tags */
.pd-tag {
  margin: 10px;
  display: inline-block;
  padding: 2px 10px;
  margin-right: 5px;
  color: #048a24;
  font-size: 0.9em;
  transition: all 0.3s ease;
  padding: 10px;
  border: 1px solid #048a24;
}
.pd-tag:first-child {
  margin-left: 0px;
}

.pd-tag:hover {
  background: #048a24;
  color: #ffffff;
}

/* Viewport Animation Classes */
.playhead-hover {
  position: relative;
}
.playhead-hover .playhead-ring {
  fill: none;
  stroke-width: 4px;
  stroke: #fff;
  transform-origin: center center;
}
.playhead-hover .shade {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 0;
  transition: background-color 200ms ease;
}

.playhead-hover:hover .shade {
  background-color: rgba(0, 0, 0, 0.3);
}
.playhead-hover:hover .playhead-ring {
  animation: rotate 2s infinite linear;
  z-index: 10;
}

.accordion-title {
  color: #4b4f4f;
  line-height: 1.5rem;
  font-size: 1em !important;
  padding-right: 45px;
}

.accordion-title:hover,
.accordion-title:focus {
  background-color: #f9f9f9;
}

.accordion-title::before {
  color: #048a24;
  font-size: 1.3rem !important;
}

.accordion-item > a[aria-selected=true] {
  background: #f4f4f4;
}

.accordion-content {
  border-top: none;
  font-size: 0.925rem;
}

/* Sign Up Form */
.sign-up-form {
  padding: 0;
}
.sign-up-form .field-wrapper {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  flex: 1 1 auto;
}
.sign-up-form .field-wrapper.f-name {
  width: 50%;
  float: left;
  margin-right: 10px;
}
.sign-up-form .field-wrapper.l-name {
  flex: 1 1 50%;
  margin-left: 10px;
}
.sign-up-form .field-wrapper.c-code {
  width: 90px;
  float: left;
  margin-right: 15px;
}
.sign-up-form .field-wrapper.mbl-number {
  margin-left: 15px;
  flex: 1 1 100%;
}
.sign-up-form .field-wrapper.email-wrapper {
  clear: both;
}
.sign-up-form h2 {
  margin-bottom: 0;
}
.sign-up-form input {
  margin-bottom: 0 !important;
  margin-top: 30px;
  width: 100% !important;
  max-width: 100% !important;
  line-height: 30px;
  padding: 5px;
  border: 1px solid #bbbbbb;
  color: #4b4f4f;
  height: 42px;
}
.sign-up-form input:-webkit-autofill, .sign-up-form input:-webkit-autofill:hover, .sign-up-form input:-webkit-autofill:focus, .sign-up-form input:-webkit-autofill:active {
  background-clip: content-box !important;
  -webkit-text-fill-color: #4b4f4f;
  -webkit-box-shadow: inset 0 0 0px 5000px #000 inset;
  transition: background-color 5000s ease-in-out 0s;
}
.sign-up-form label {
  position: absolute;
  top: 5px;
  height: 25px;
  overflow: hidden;
  color: #4b4f4f;
}
.sign-up-form label.country-code {
  min-width: 150px;
}
.sign-up-form .l-name-wrapper {
  margin-left: 20px;
}
.sign-up-form input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #666;
}
.sign-up-form input::-moz-placeholder {
  /* Firefox 19+ */
  color: #666;
}
.sign-up-form input:-ms-input-placeholder {
  /* IE 10+ */
  color: #666;
}
.sign-up-form input:-moz-placeholder {
  /* Firefox 18- */
  color: #666;
}
.sign-up-form .prefix-wrapper {
  margin-top: 0;
}
.sign-up-form .prefix,
.sign-up-form .postfix {
  margin-top: 30px;
  width: 70px;
  line-height: 30px;
  padding: 5px;
  border-right: none;
  border-top: 1px solid #bbbbbb;
  border-left: 1px solid #bbbbbb;
  border-bottom: 1px solid #bbbbbb;
  border-right: 1px solid #fff;
  background: #f4f4f4;
  text-align: right;
  color: #343434;
  min-width: 60px;
  float: left;
}
.sign-up-form .postfix {
  padding: 0;
  width: 125px;
  border-left: 1px solid #fff;
  border-right: 1px solid #bbbbbb;
  z-index: 2;
  text-align: left;
}
.sign-up-form .prefix-field {
  float: left;
  border-radius: 0 !important;
  width: calc(100% - 195px) !important;
}
.sign-up-form .postfix-text {
  margin-top: 30px;
  line-height: 40px;
  float: left;
}
.sign-up-form .btn-trial {
  margin-top: 15px;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}
.sign-up-form .success-msg-wrapper {
  display: none;
  padding: 100px 0;
  text-align: center;
}
.sign-up-form .success-msg-wrapper h2 {
  font-weight: bold;
}
.sign-up-form .success-msg-wrapper a {
  display: inline-block;
  padding-bottom: 15px;
  font-weight: bold;
}
.sign-up-form .form-terms-copy {
  margin-top: 5px;
  font-size: 0.65em;
  display: inline-block;
}
.sign-up-form .row.align-justify {
  padding: 0;
}
.sign-up-form .error-msg {
  margin-bottom: 0;
  flex: 1 1 100%;
  min-height: 5px;
}
.sign-up-form [type=text]:focus,
.sign-up-form [type=password]:focus,
.sign-up-form [type=date]:focus,
.sign-up-form [type=datetime]:focus,
.sign-up-form [type=datetime-local]:focus,
.sign-up-form [type=month]:focus,
.sign-up-form [type=week]:focus,
.sign-up-form [type=email]:focus,
.sign-up-form [type=number]:focus,
.sign-up-form [type=search]:focus,
.sign-up-form [type=tel]:focus,
.sign-up-form [type=time]:focus,
.sign-up-form [type=url]:focus,
.sign-up-form [type=color]:focus,
.sign-up-form textarea:focus {
  border-color: #999999 !important;
}

.sign-up-form-wrapper.bkgd-white {
  background-color: #ffffff;
}

.not-valid,
.error-field-background {
  background-color: #ffe1e1 !important;
}

#slf-form-v2 input.not-valid,
.error-field-background {
  background-color: transparent !important;
}

/* Single Line Form !!v2 is below this */
.sltf-navigation {
  max-width: 300px;
  height: 45px;
  padding-top: 5px;
}
.sltf-navigation svg {
  width: 100%;
}

.nlp-slf-wrapper {
  text-align: center;
  background: #f4f4f4;
  padding: 25px;
  margin-bottom: 30px;
}

.single-line.sign-up-form {
  position: relative;
}
.single-line.sign-up-form .button-wrapper {
  height: 60px;
  width: 29%;
  margin-left: 1%;
  float: left;
  padding-top: 20px;
}
.single-line.sign-up-form .btn-trial {
  margin-top: 0;
  font-family: inherit;
  line-height: 0.5;
}
.single-line.sign-up-form .btn-trial.hover-state {
  background-color: rgb(3.4, 117.3, 30.6);
}
.single-line.sign-up-form input {
  box-shadow: none;
  margin-bottom: 0;
  margin-top: 15px;
  width: 100%;
  line-height: 36px;
  padding: 0px 15px 0px 15px;
  border-radius: 0;
  border: none;
  border-bottom: 2px solid #ccc;
  color: #4b4f4f;
  height: 40px;
  margin-top: 20px;
  font-weight: 400;
}
.single-line.sign-up-form .prefix {
  border-left: none;
}
.single-line.sign-up-form .prefix,
.single-line.sign-up-form .postfix {
  font-size: 14px;
  margin-top: 0;
  line-height: 75px;
  height: 50px;
  border-radius: 0;
  border-left: none;
  border-right: none;
  border-top: none;
  border-bottom: transparent;
  background: transparent;
  color: #454545 !important;
  font-weight: 600;
}
.single-line.sign-up-form .postfix {
  width: auto;
  text-align: left;
  border-right: none;
}
.single-line.sign-up-form .prefix-field {
  float: left;
  width: calc(100% - 200px);
}
.single-line.sign-up-form .postfix-text {
  float: left;
  padding-left: 5px;
}
.single-line.sign-up-form .line-item-wrapper {
  position: relative;
  height: 80px;
  width: 70%;
  float: left;
  display: block;
  overflow: hidden;
}
.single-line.sign-up-form {
  /*.inner-line-wrapper {
      height: 70px;
      width: 100%;
      top:0;
      left:0;
      overflow: hidden;
  }*/
}
.single-line.sign-up-form .line-item {
  position: absolute;
  height: 70px !important;
  width: 100%;
  left: 0;
  top: 80px;
  opacity: 1;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
  display: block;
}
.single-line.sign-up-form .slf-step-2,
.single-line.sign-up-form .slf-step-3,
.single-line.sign-up-form .slf-step-4 {
  transform: translateY(100px);
}
.single-line.sign-up-form .slf-step-1.active,
.single-line.sign-up-form .slf-step-2.active,
.single-line.sign-up-form .slf-step-3.active,
.single-line.sign-up-form .slf-step-4.active {
  transform: translateY(0);
}
.single-line.sign-up-form .slf-step-1.exited,
.single-line.sign-up-form .slf-step-2.exited,
.single-line.sign-up-form .slf-step-3.exited,
.single-line.sign-up-form .slf-step-4.exited {
  transform: translateY(-100px);
}
@media print, screen and (max-width: 39.99875em) {
  .single-line.sign-up-form .prefix {
    display: none;
  }
  .single-line.sign-up-form .prefix-field {
    float: left;
    width: calc(100% - 115px) !important;
  }
  .single-line.sign-up-form .postfix {
    width: 115px !important;
  }
  .single-line.sign-up-form .line-item-wrapper {
    width: 100%;
  }
  .single-line.sign-up-form .button-wrapper {
    height: 70px;
    width: 100%;
    margin-left: 0;
  }
}
.single-line.sign-up-form .line-item.active {
  opacity: 1;
  top: 0px;
  height: 80px !important;
}
.single-line.sign-up-form .line-item.top {
  top: -80px;
}
.single-line.sign-up-form .error-msg,
.single-line.sign-up-form #create-account-error-msg {
  position: absolute;
  top: 100%;
  color: #f82431;
  padding-left: 0;
  font-size: 0.85em;
  padding-top: 2px;
  height: auto;
}

.slf-step-2-line,
.slf-step-3-line,
.slf-step-4-line {
  stroke: #048a24;
  visibility: hidden;
  fill: none;
  stroke-width: 1.2px;
}

input:focus, input:hover, input:focus-within,
select:focus,
select:hover,
select:focus-within,
textarea:focus,
textarea:hover,
textarea:focus-within {
  box-shadow: none !important;
}
input::placeholder,
select::placeholder,
textarea::placeholder {
  color: transparent !important;
}

.single-line-v2.sign-up-form {
  min-height: 130px;
}
.single-line-v2.sign-up-form .field-group {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.single-line-v2.sign-up-form .field-group .button-wrapper {
  flex: 1 1 200px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.single-line-v2.sign-up-form .field-group .button-wrapper .button {
  width: 100%;
  padding: 1em 0;
}
.single-line-v2.sign-up-form .container {
  position: relative;
  opacity: 1;
  flex: 1 1 350px;
  margin-top: 5px;
  margin-bottom: 5px;
  transition: opacity 0.3s ease-in-out;
}
.single-line-v2.sign-up-form .container .slf-textfield,
.single-line-v2.sign-up-form .container .slf-textfield-last-name {
  box-shadow: none;
  margin: 0;
  height: 52px;
  border: none;
  width: 100% !important;
  padding: 0 5px;
  font-size: 20px;
  font-weight: bold;
  outline: 0;
  background: transparent;
  z-index: 2;
  position: relative;
}
.single-line-v2.sign-up-form .container .slf-textfield {
  display: inline-flex;
}
.single-line-v2.sign-up-form .container .slf-textfield-last-name {
  display: none;
}
.single-line-v2.sign-up-form .container .slf-textfield.first-name.step-1 {
  float: left;
}
.single-line-v2.sign-up-form .container .slf-textfield.step-1,
.single-line-v2.sign-up-form .container .slf-textfield-last-name.step-1 {
  width: calc(50% - 10px) !important;
  display: inline-flex;
}
.single-line-v2.sign-up-form .container .slf-textfield:focus,
.single-line-v2.sign-up-form .container .slf-textfield-last-name:focus {
  outline: none;
  box-shadow: none;
}
.single-line-v2.sign-up-form .container .slf-placeholder,
.single-line-v2.sign-up-form .container .slf-placeholder-last-name {
  opacity: 0;
  position: absolute;
  pointer-events: none;
  top: 8px;
  left: 5px;
  font-size: 20px;
  font-weight: bold;
  padding: 0 5px;
  transition: 0.2s ease-in-out, opacity 0.3s ease-in-out;
  height: 45px;
  text-align: left;
}
.single-line-v2.sign-up-form .container .slf-placeholder-last-name {
  right: 0;
  left: auto;
  width: calc(50% - 15px);
}
.single-line-v2.sign-up-form .container .slf-textfield:valid + .slf-placeholder,
.single-line-v2.sign-up-form .container .slf-textfield-last-name:valid + .slf-placeholder-last-name {
  top: -15px;
  font-size: 11px;
  font-weight: normal;
}
.single-line-v2.sign-up-form .container .slf-textfield:valid + .slf-placeholder {
  left: 0;
  width: 100%;
  word-break: break-all;
  height: 30px;
  line-height: 1.4;
}
.single-line-v2.sign-up-form .container .slf-textfield-last-name:valid + .slf-placeholder-last-name {
  left: calc(50% + 10px);
}
.single-line-v2.sign-up-form .container .slf-bottom-line {
  border-bottom: 2px solid #666666;
  width: 0;
  left: 5px;
  transition: width 0.6s ease-in-out;
  clear: both;
}
.single-line-v2.sign-up-form .container .wrong .slf-bottom-line {
  border-color: #f82431;
}
.single-line-v2.sign-up-form .slf-errors ul {
  margin: 5px 0 0 25px;
}
.single-line-v2.sign-up-form .slf-errors ul li {
  color: #f82431;
  font-size: 0.8rem;
}

.mktoForm {
  width: 100% !important;
}
.mktoForm .mktoFormRow {
  width: 100%;
}
.mktoForm .mktoFormRow .mktoFormCol {
  width: 100%;
}
.mktoForm .mktoFormRow .mktoOffset {
  width: 0 !important;
  margin: 0 !important;
}
.mktoForm .mktoFormRow .mktoFieldWrap {
  width: 100%;
}
.mktoForm .mktoFormRow .mktoFieldWrap label {
  width: 100% !important;
  font-weight: 400 !important;
  margin-bottom: 5px;
}
.mktoForm .mktoFormRow .mktoFieldWrap label strong {
  font-weight: 400 !important;
}
.mktoForm .mktoFormRow .mktoFieldWrap input,
.mktoForm .mktoFormRow .mktoFieldWrap select,
.mktoForm .mktoFormRow .mktoFieldWrap textarea {
  width: 100% !important;
  border-color: #999999;
  background-color: transparent !important;
  margin-bottom: 10px;
  border-radius: 0;
}
.mktoForm .mktoFormRow .mktoFieldWrap input:focus, .mktoForm .mktoFormRow .mktoFieldWrap input:hover, .mktoForm .mktoFormRow .mktoFieldWrap input:focus-within,
.mktoForm .mktoFormRow .mktoFieldWrap select:focus,
.mktoForm .mktoFormRow .mktoFieldWrap select:hover,
.mktoForm .mktoFormRow .mktoFieldWrap select:focus-within,
.mktoForm .mktoFormRow .mktoFieldWrap textarea:focus,
.mktoForm .mktoFormRow .mktoFieldWrap textarea:hover,
.mktoForm .mktoFormRow .mktoFieldWrap textarea:focus-within {
  box-shadow: none !important;
}
.mktoForm .mktoFormRow .mktoFieldWrap input::placeholder,
.mktoForm .mktoFormRow .mktoFieldWrap select::placeholder,
.mktoForm .mktoFormRow .mktoFieldWrap textarea::placeholder {
  color: transparent !important;
}
.mktoForm .mktoFormRow .mktoFieldWrap select {
  padding: 8px 24px 8px 8px;
  height: 44px !important;
}
.mktoForm .mktoFormRow .mktoFieldWrap .mktoGutter {
  width: 0 !important;
  height: 0 !important;
}
.mktoForm .mktoFormRow .mktoFieldWrap .mktoAsterix {
  display: none;
}
.mktoForm .mktoFormRow .mktoFieldWrap .mktoError {
  left: 10px;
  bottom: -28px !important;
}
.mktoForm .mktoFormRow .mktoFieldWrap .mktoError .mktoErrorArrow {
  background: #f82431;
  border: none;
}
.mktoForm .mktoFormRow .mktoFieldWrap .mktoError .mktoErrorMsg {
  border: none;
  background: #f82431;
  color: #ffffff;
  background-image: none;
  border-radius: 0;
  box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.5);
  text-shadow: none;
  padding: 0.6em 0.5em 0.6em 0.6em;
}
.mktoForm .mktoButtonRow {
  width: 100%;
}
.mktoForm .mktoButtonRow .mktoButtonWrap {
  width: 100%;
  margin: 0 !important;
}
.mktoForm .mktoButtonRow button, .mktoForm .mktoButtonRow button:hover {
  letter-spacing: 1px;
  padding: 1em 1.25em;
  line-height: 1.4;
  border: none !important;
  display: inline-block;
  vertical-align: middle;
  margin: inherit;
  font-family: inherit;
  font-size: 1rem !important;
  font-weight: 700;
  -webkit-appearance: none;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  background-color: #048a24 !important;
  color: #fff;
  text-transform: uppercase;
}

@media only screen and (max-width: 480px) {
  .mktoForm input[type=url],
  .mktoForm input[type=text],
  .mktoForm input[type=date],
  .mktoForm input[type=tel],
  .mktoForm input[type=email],
  .mktoForm input[type=number],
  .mktoForm textarea.mktoField,
  .mktoForm select.mktoField {
    height: 2.169em !important;
  }
}
.mktoRadioList {
  width: 100% !important;
}

.mktoForm .mktoFormRow .mktoFieldWrap input[type=radio] {
  margin-bottom: 0 !important;
  margin-top: 0.1em;
  float: left;
  clear: none;
  -webkit-appearance: none;
  width: 17px !important;
  height: 17px;
  border: 1px solid #4b4f4f;
  border-radius: 50%;
  outline: none;
  padding: 0 !important;
}

.mktoForm .mktoFormRow .mktoFieldWrap .mktoRadioList label {
  width: 25% !important;
  margin-left: 5px;
  float: left;
  clear: none;
}

.mktoForm .mktoFormRow .mktoFieldWrap input[type=radio]:before {
  content: "";
  display: block;
  width: 60%;
  height: 60%;
  margin: 20% auto;
  border-radius: 50%;
}

.mktoForm .mktoFormRow .mktoFieldWrap input[type=radio]:checked:before {
  background: #048a24;
}

/* Weekly Demo Form */
.demo-form-wrapper {
  background: #ffffff;
  padding: 40px 40px 40px 40px;
}
.demo-form-wrapper input {
  padding: 0 10px !important;
}
.demo-form-wrapper .mktoForm .mktoButtonWrap.mktoPurpleCandy .mktoButton {
  width: 50%;
  margin-top: 20px;
  margin-bottom: 0;
  border-radius: 0;
  text-transform: none !important;
  text-shadow: none !important;
  letter-spacing: 1px;
  border: 1px solid transparent;
  font-size: 0.9rem;
  line-height: 1;
  background-color: #048a24 !important;
  color: #ffffff;
}
.demo-form-wrapper .mktoForm .mktoButtonWrap.mktoPurpleCandy .mktoButton:hover {
  background-color: rgb(3.4, 117.3, 30.6) !important;
  border-color: rgb(3.4, 117.3, 30.6) !important;
  background-image: none !important;
  color: #ffffff !important;
}
.demo-form-wrapper .mktoForm .mktoButtonWrap.mktoPurpleCandy .mktoButton:focus {
  background-color: rgb(3.4, 117.3, 30.6) !important;
  border-color: rgb(3.4, 117.3, 30.6) !important;
  background-image: none !important;
  color: #ffffff !important;
}

/* Solutions child pages template */
#solutions .mktoForm {
  margin-bottom: 0;
}
#solutions .mktoFormRow:nth-child(2) .mktoFieldDescriptor,
#solutions .mktoFormRow:nth-child(3) .mktoFieldDescriptor {
  width: 50%;
}
#solutions .mktoFormRow:nth-child(2) .mktoFieldDescriptor:nth-child(1),
#solutions .mktoFormRow:nth-child(3) .mktoFieldDescriptor:nth-child(1) {
  padding-right: 10px;
}
#solutions .mktoFormRow:nth-child(2) .mktoFieldDescriptor:nth-child(2),
#solutions .mktoFormRow:nth-child(3) .mktoFieldDescriptor:nth-child(2) {
  padding-left: 10px;
}

.mkto-validation {
  /* Change Autocomplete styles in Chrome*/
  margin: auto;
}
.mkto-validation input:-webkit-autofill,
.mkto-validation input:-webkit-autofill:hover,
.mkto-validation input:-webkit-autofill:focus,
.mkto-validation textarea:-webkit-autofill,
.mkto-validation textarea:-webkit-autofill:hover,
.mkto-validation textarea:-webkit-autofill:focus,
.mkto-validation select:-webkit-autofill,
.mkto-validation select:-webkit-autofill:hover,
.mkto-validation select:-webkit-autofill:focus {
  transition: background-color 5000s ease-in-out 0s;
}
.mkto-validation label {
  padding: 2px 10px;
  transform: translate(0, -60px);
  display: inline-block;
  position: absolute;
  transition: 100ms all ease-in-out;
}
.mkto-validation form input,
.mkto-validation form textarea,
.mkto-validation form select {
  margin-bottom: 25px;
  box-shadow: none;
}
.mkto-validation form select option[disabled] {
  display: none;
}
.mkto-validation form select ~ label {
  position: absolute;
  top: 65px;
  left: 0;
}
.mkto-validation form select ~ label.active {
  top: 37px;
  left: -5px;
  font-size: 0.7em;
}
.mkto-validation form select:invalid ~ label.blurred {
  color: #f82431;
}
.mkto-validation form select:valid ~ label {
  color: #048a24;
}
.mkto-validation form textarea:not(:placeholder-shown) + label,
.mkto-validation form input[type=tel]:not(:placeholder-shown) + label,
.mkto-validation form input[type=text]:not(:placeholder-shown) + label,
.mkto-validation form input[type=email]:not(:placeholder-shown) + label,
.mkto-validation form input[type=password]:not(:placeholder-shown) + label,
.mkto-validation form input[type=tel]:not(:placeholder-shown) + label,
.mkto-validation form textarea:not(:placeholder-shown) + label {
  transform: translate(-5px, -87px);
  font-size: 0.7em;
}
.mkto-validation form textarea,
.mkto-validation form input[type=tel],
.mkto-validation form input[type=text],
.mkto-validation form input[type=email],
.mkto-validation form input[type=password],
.mkto-validation form input[type=tel],
.mkto-validation form textarea {
  /*
  * When input is...
  *   1. NOT empty
  *   2. NOT in focus
  *   3. NOT valid
  */
}
.mkto-validation form textarea:invalid:not(:placeholder-shown) + label,
.mkto-validation form input[type=tel]:invalid:not(:placeholder-shown) + label,
.mkto-validation form input[type=text]:invalid:not(:placeholder-shown) + label,
.mkto-validation form input[type=email]:invalid:not(:placeholder-shown) + label,
.mkto-validation form input[type=password]:invalid:not(:placeholder-shown) + label,
.mkto-validation form input[type=tel]:invalid:not(:placeholder-shown) + label,
.mkto-validation form textarea:invalid:not(:placeholder-shown) + label {
  color: #f82431;
}
.mkto-validation form textarea,
.mkto-validation form input[type=tel],
.mkto-validation form input[type=text],
.mkto-validation form input[type=email],
.mkto-validation form input[type=password],
.mkto-validation form input[type=tel],
.mkto-validation form textarea {
  /* When that invalid input becomes in focus (and also still isn't empty) */
}
.mkto-validation form textarea:invalid:not(:placeholder-shown),
.mkto-validation form input[type=tel]:invalid:not(:placeholder-shown),
.mkto-validation form input[type=text]:invalid:not(:placeholder-shown),
.mkto-validation form input[type=email]:invalid:not(:placeholder-shown),
.mkto-validation form input[type=password]:invalid:not(:placeholder-shown),
.mkto-validation form input[type=tel]:invalid:not(:placeholder-shown),
.mkto-validation form textarea:invalid:not(:placeholder-shown) {
  /* Show the more robust requirement instructions below. */
}
.mkto-validation form textarea:invalid:not(:placeholder-shown) ~ .requirements,
.mkto-validation form input[type=tel]:invalid:not(:placeholder-shown) ~ .requirements,
.mkto-validation form input[type=text]:invalid:not(:placeholder-shown) ~ .requirements,
.mkto-validation form input[type=email]:invalid:not(:placeholder-shown) ~ .requirements,
.mkto-validation form input[type=password]:invalid:not(:placeholder-shown) ~ .requirements,
.mkto-validation form input[type=tel]:invalid:not(:placeholder-shown) ~ .requirements,
.mkto-validation form textarea:invalid:not(:placeholder-shown) ~ .requirements {
  max-height: 200px;
  padding: 0 0px 25px 5px;
  margin-top: -20px;
  font-size: 0.8em;
}
.mkto-validation form textarea,
.mkto-validation form input[type=tel],
.mkto-validation form input[type=text],
.mkto-validation form input[type=email],
.mkto-validation form input[type=password],
.mkto-validation form input[type=tel],
.mkto-validation form textarea {
  /* show success! */
}
.mkto-validation form textarea:valid:not(:placeholder-shown) + label,
.mkto-validation form input[type=tel]:valid:not(:placeholder-shown) + label,
.mkto-validation form input[type=text]:valid:not(:placeholder-shown) + label,
.mkto-validation form input[type=email]:valid:not(:placeholder-shown) + label,
.mkto-validation form input[type=password]:valid:not(:placeholder-shown) + label,
.mkto-validation form input[type=tel]:valid:not(:placeholder-shown) + label,
.mkto-validation form textarea:valid:not(:placeholder-shown) + label {
  color: #048a24;
}
.mkto-validation form textarea:not(:required) + label,
.mkto-validation form input[type=tel]:not(:required) + label,
.mkto-validation form input[type=text]:not(:required) + label,
.mkto-validation form input[type=email]:not(:required) + label,
.mkto-validation form input[type=password]:not(:required) + label,
.mkto-validation form input[type=tel]:not(:required) + label,
.mkto-validation form textarea:not(:required) + label {
  color: #666666;
}
.mkto-validation form textarea {
  /*OVERRIDE */
}
.mkto-validation form textarea + label {
  transform: translate(0, 8px);
  top: 0;
}
.mkto-validation form textarea:not(:placeholder-shown) + label {
  transform: translate(-5px, 0px);
  font-size: 0.7em;
}
.mkto-validation form textarea:not(:placeholder-shown) + label {
  transform: translate(-5px, -25px) !important;
}
.mkto-validation form .requirements {
  padding: 0 5px;
  max-height: 0;
  transition: 0.28s;
  overflow: hidden;
  color: #f82431;
  font-style: italic;
}

/* == WordPress WYSIWYG Editor Styles == */
.entry-content img {
  margin: 0 0 1.5em 0;
}

.alignleft,
img.alignleft {
  margin-right: 1.5em;
  display: inline;
  float: left;
}

.alignright,
img.alignright {
  margin-left: 1.5em;
  display: inline;
  float: right;
}

.aligncenter,
img.aligncenter {
  margin-right: auto;
  margin-left: auto;
  display: block;
  clear: both;
}

.alignnone,
img.alignnone {
  /* not sure about this one */
}

.wp-caption {
  margin-bottom: 1.5em;
  text-align: center;
  padding-top: 5px;
}

.wp-caption img {
  border: 0 none;
  padding: 0;
  margin: 0;
}

.wp-caption p.wp-caption-text {
  line-height: 1.5;
  font-size: 10px;
  margin: 0;
}

.wp-smiley {
  margin: 0 !important;
  max-height: 1em;
}

/*
blockquote.left {
	margin-right: 20px;
	text-align: right;
	margin-left: 0;
	width: 33%;
	float: left;
	}
blockquote.right {
	margin-left: 20px;
	text-align: left;
	margin-right: 0;
	width: 33%;
	float: right;
	}
*/
#widgetized-area button.mktoButton {
  padding: 15px 30px !important;
  font-weight: 500;
}
#widgetized-area .widget-social-icons {
  padding-top: 15px !important;
  padding-left: 0;
}
#widgetized-area .widget-social-icons a {
  margin-top: 15px;
  margin-right: 10px;
  font-size: 25px !important;
}
#widgetized-area .eng-post-author,
#widgetized-area .eng-post-date {
  color: #efefef;
  font-size: 1em;
}
#widgetized-area h4 {
  font-weight: 500;
  margin-top: 10px;
  margin-bottom: 15px;
  color: #666666;
  font-size: 1em;
}
#widgetized-area .widget-spacer {
  width: 100%;
  margin: 30px 0;
  border-top: 1px solid #999999;
  display: block;
}
#widgetized-area .custom-html-widget .button {
  width: 100%;
}
#widgetized-area .arrow-right {
  padding-left: 0;
  position: absolute;
  left: -2em;
}

.widget_categories ul,
.pd_category_list_widget ul,
.pd_popular_posts ul,
.widget_recent_entries ul {
  list-style-type: none;
}
.widget_categories ul li,
.pd_category_list_widget ul li,
.pd_popular_posts ul li,
.widget_recent_entries ul li {
  line-height: 1.2em;
  margin-bottom: 10px;
  margin-left: 1em;
  position: relative;
}
.widget_categories option.first-opt,
.pd_category_list_widget option.first-opt,
.pd_popular_posts option.first-opt,
.widget_recent_entries option.first-opt {
  color: red !important;
}
.widget_categories select.pd-category-select-widget,
.pd_category_list_widget select.pd-category-select-widget,
.pd_popular_posts select.pd-category-select-widget,
.widget_recent_entries select.pd-category-select-widget {
  font-weight: 500;
  color: #666666;
}
.widget_categories select,
.pd_category_list_widget select,
.pd_popular_posts select,
.widget_recent_entries select {
  border: none;
  border-radius: 0;
  height: 50px;
  background-color: #f1f1f1;
  /*background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: #5ab1bb'></polygon></svg>")*/
}

select option:first-child {
  color: green !important;
}

.pd_search_form_widget button {
  padding: 0;
  width: 100%;
}
.pd_search_form_widget {
  /*.select_box {
    width: 200px;
    overflow: hidden;
    border: 1px solid #000;
    position: relative;
    padding: 10px 0;
  }
  .select_box:after {
    width: 0; 
    height: 0; 
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #f00;
    position: absolute;
    top: 40%;
    right: 5px;
    content: "";
    z-index: 98;
   }
  .select_box select {
    width: 220px;
    border: 0;
    position: relative;
    z-index: 99;
    background: none;
  }*/
}

.pd-widget-int-guide {
  border: 1px solid #999999;
  padding: 15px;
  display: block;
  margin-bottom: 15px;
  overflow: hidden;
}
.pd-widget-int-guide .widget-category {
  line-height: 1.3em;
  color: #4b4f4f;
}
.pd-widget-int-guide img {
  max-height: 60px;
  max-width: 30%;
  padding-right: 15px;
  margin-bottom: 15px;
  backface-visibility: initial;
  float: left;
}
.pd-widget-int-guide .int-widget-title {
  display: inline-block;
  max-width: 70%;
  font-weight: 500;
  text-transform: uppercase;
  color: #4b4f4f;
  font-size: 0.8em;
  padding-top: 10px;
}

@media print, screen and (max-width: 63.99875em) {
  .pd-widget-int-guide {
    border: none;
    padding: 15px;
    display: block;
    margin-bottom: 15px;
  }
  .pd-widget-int-guide .widget-category {
    font-size: 0.9em;
    line-height: 1.3em;
  }
  .pd-widget-int-guide img {
    display: none;
  }
  .pd-widget-int-guide h4 {
    color: green !important;
    font-size: 0.9em;
  }
}
.swiftype-widget .autocomplete {
  position: fixed !important;
  top: 80px !important;
}
.swiftype-widget .autocomplete .btn-close-swiftype {
  position: absolute;
  right: 10px;
  top: 8px;
  cursor: pointer;
  font-weight: 500;
}

/* Contact Form 7 Buttons */
.wpcf7-form-control.wpcf7-submit {
  color: white;
  border: 2px solid #00607f;
  background: #00607f;
  box-sizing: border-box;
  line-height: 40px;
  padding: 0 30px;
  text-align: center;
}

/* Buttons */
.button {
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 1em 1.25em;
  transition: all 0.2s ease;
  line-height: 1.4;
  border: 2px solid transparent;
  border-radius: 0.25rem;
}
.button.outline {
  border: 2px solid #048a24;
  background-color: transparent;
  color: #048a24;
}
.button.outline:hover {
  background-color: #048a24;
  color: #ffffff;
}
.button:focus {
  outline: 0;
}
.button.gz-black {
  color: #ffffff;
  background: #000000;
}
.button.gz-black:hover {
  color: rgb(216.75, 216.75, 216.75);
}
.button.gz-green {
  color: #ffffff !important;
  background: #048a24;
}
.button.gz-green-outline {
  color: #048a24 !important;
  border: 2px solid #048a24;
  background: none !important;
  box-sizing: border-box;
}
.button.gz-green-outline:hover {
  color: #ffffff !important;
  border: 2px solid #048a24;
  background-color: #048a24 !important;
}
.button.gz-yellow {
  color: #4b4f4f !important;
  background-color: #ffe664;
}
.button.gz-yellow:hover {
  background-color: rgb(255, 221.9838709677, 50.3);
}
.button.gz-yellow-outline {
  color: #ffe664 !important;
  border: 2px solid #ffe664;
  background: none !important;
  box-sizing: border-box;
}
.button.gz-yellow-outline:hover {
  color: #4b4f4f !important;
  border: 2px solid #ffe664;
  background-color: #ffe664 !important;
}
.button.gz-blue {
  color: #ffffff !important;
}
.button.gz-blue-outline {
  color: #00607f !important;
  border: 2px solid #00607f;
  background: none !important;
  box-sizing: border-box;
}
.button.gz-blue-outline:hover {
  color: #ffffff !important;
  border: 2px solid #00607f;
  background-color: #00607f !important;
}
.button.gz-teal-outline {
  color: #a5c6de !important;
  border: 2px solid #a5c6de;
  background: none !important;
  box-sizing: border-box;
}
.button.gz-teal-outline:hover {
  color: #ffffff !important;
  border: 2px solid #a5c6de;
  background-color: #a5c6de !important;
}
.button.gz-drk-gray {
  color: #ffffff !important;
}
.button.gz-drk-gray-outline {
  color: #4b4f4f !important;
  border: 2px solid #4b4f4f;
  background: none !important;
  box-sizing: border-box;
}
.button.gz-drk-gray-outline:hover {
  color: #ffffff !important;
  border: 2px solid #4b4f4f;
  background-color: #4b4f4f !important;
}
.button.gz-white:hover {
  color: #666666 !important;
  border: 2px solid rgb(244.8, 244.8, 244.8);
  background-color: rgb(244.8, 244.8, 244.8) !important;
}
.button.gz-navy-dark-blue {
  background-color: #1a1b71 !important;
  color: #ffe664 !important;
}
.button.gz-navy-dark-blue:hover {
  background-color: rgb(22.36, 23.22, 97.18);
}
.button.gz-navy-dark-blue-outline {
  color: #ffe664 !important;
  border: 2px solid #ffe664;
  background: none !important;
  box-sizing: border-box;
}
.button.gz-white {
  color: #666666 !important;
  border: 2px solid #ffffff;
  background: #ffffff !important;
  box-sizing: border-box;
}
.button.gz-white-outline {
  color: #ffffff !important;
  border: 2px solid #ffffff;
  background: transparent !important;
  box-sizing: border-box;
}
.button.gz-white-outline:hover {
  color: #666666 !important;
  border-color: #ffffff !important;
  background: #ffffff !important;
}
.button.square {
  border-radius: 0;
}
.button.square:hover {
  border-radius: 0;
}

.button:hover,
.button:focus {
  border-color: transparent;
}

a.btn-cool {
  display: inline-block;
  position: relative;
  outline: 0;
  font-style: normal;
  font-weight: 800;
  font-family: inherit;
  padding: 0 45px;
  padding-left: 60px;
  font-size: 13px;
  line-height: 48px;
  height: 48px;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-top: 2px solid #f4f4f4;
  color: #f4f4f4;
  -webkit-transition: color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out;
  transition: color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out;
  -webkit-box-sizing: initial;
  -moz-box-sizing: initial;
  box-sizing: initial;
  -webkit-backface-visibility: hidden;
}
a.btn-cool .fa {
  position: absolute;
  left: 30px;
  top: 48%;
  transform: translateY(-50%) !important;
  font-size: 28px;
  line-height: 18px;
}

a.btn-cool:hover {
  border-top: 2px solid #048a24;
  color: #048a24;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.marvel-device {
  display: inline-block;
  position: relative;
  box-sizing: content-box !important;
}
.marvel-device .screen {
  width: 100%;
  position: relative;
  height: 100%;
  z-index: 2;
  background: white;
  overflow: hidden;
  display: block;
  border-radius: 1px;
  box-shadow: 0 0 0 3px #111;
}
.marvel-device .top-bar,
.marvel-device .bottom-bar {
  height: 3px;
  background: black;
  width: 100%;
  display: block;
}
.marvel-device .middle-bar {
  width: 3px;
  height: 4px;
  top: 0px;
  left: 90px;
  background: black;
  position: absolute;
}
.marvel-device.iphone8 {
  width: 375px;
  height: 667px;
  padding: 105px 24px;
  background: #d9dbdc;
  border-radius: 56px;
  box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.2);
}
.marvel-device.iphone8:before {
  width: calc(100% - 12px);
  height: calc(100% - 12px);
  position: absolute;
  top: 6px;
  content: "";
  left: 6px;
  border-radius: 50px;
  background: #f8f8f8;
  z-index: 1;
}
.marvel-device.iphone8:after {
  width: calc(100% - 16px);
  height: calc(100% - 16px);
  position: absolute;
  top: 8px;
  content: "";
  left: 8px;
  border-radius: 48px;
  box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.1), inset 0 0 6px 3px #ffffff;
  z-index: 2;
}
.marvel-device.iphone8 .home {
  border-radius: 100%;
  width: 68px;
  height: 68px;
  position: absolute;
  left: 50%;
  margin-left: -34px;
  bottom: 22px;
  z-index: 3;
  background: rgb(48, 50, 51);
  background: linear-gradient(135deg, rgb(48, 50, 51) 0%, rgb(181, 183, 185) 50%, rgb(240, 242, 242) 69%, rgb(48, 50, 51) 100%);
}
.marvel-device.iphone8 .home:before {
  background: #f8f8f8;
  position: absolute;
  content: "";
  border-radius: 100%;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  top: 4px;
  left: 4px;
}
.marvel-device.iphone8 .top-bar {
  height: 14px;
  background: #bfbfc0;
  position: absolute;
  top: 68px;
  left: 0;
}
.marvel-device.iphone8 .bottom-bar {
  height: 14px;
  background: #bfbfc0;
  position: absolute;
  bottom: 68px;
  left: 0;
}
.marvel-device.iphone8 .sleep {
  position: absolute;
  top: 190px;
  right: -4px;
  width: 4px;
  height: 66px;
  border-radius: 0px 2px 2px 0px;
  background: #d9dbdc;
}
.marvel-device.iphone8 .volume {
  position: absolute;
  left: -4px;
  top: 188px;
  z-index: 0;
  height: 66px;
  width: 4px;
  border-radius: 2px 0px 0px 2px;
  background: #d9dbdc;
}
.marvel-device.iphone8 .volume:before {
  position: absolute;
  left: 2px;
  top: -78px;
  height: 40px;
  width: 2px;
  border-radius: 2px 0px 0px 2px;
  background: inherit;
  content: "";
  display: block;
}
.marvel-device.iphone8 .volume:after {
  position: absolute;
  left: 0px;
  top: 82px;
  height: 66px;
  width: 4px;
  border-radius: 2px 0px 0px 2px;
  background: inherit;
  content: "";
  display: block;
}
.marvel-device.iphone8 .camera {
  background: #3c3d3d;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 24px;
  left: 50%;
  margin-left: -6px;
  border-radius: 100%;
  z-index: 3;
}
.marvel-device.iphone8 .sensor {
  background: #3c3d3d;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 49px;
  left: 134px;
  z-index: 3;
  border-radius: 100%;
}
.marvel-device.iphone8 .speaker {
  background: #292728;
  width: 70px;
  height: 6px;
  position: absolute;
  top: 54px;
  left: 50%;
  margin-left: -35px;
  border-radius: 6px;
  z-index: 3;
}
.marvel-device.iphone8.gold {
  background: #f9e7d3;
}
.marvel-device.iphone8.gold .top-bar,
.marvel-device.iphone8.gold .bottom-bar {
  background: white;
}
.marvel-device.iphone8.gold .sleep,
.marvel-device.iphone8.gold .volume {
  background: #f9e7d3;
}
.marvel-device.iphone8.gold .home {
  background: rgb(206, 187, 169);
  background: linear-gradient(135deg, rgb(206, 187, 169) 0%, rgb(249, 231, 211) 50%, rgb(206, 187, 169) 100%);
}
.marvel-device.iphone8.black {
  background: #464646;
  box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.7);
}
.marvel-device.iphone8.black:before {
  background: #080808;
}
.marvel-device.iphone8.black:after {
  box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.1), inset 0 0 6px 3px #212121;
}
.marvel-device.iphone8.black .top-bar,
.marvel-device.iphone8.black .bottom-bar {
  background: #212121;
}
.marvel-device.iphone8.black .volume,
.marvel-device.iphone8.black .sleep {
  background: #464646;
}
.marvel-device.iphone8.black .camera {
  background: #080808;
}
.marvel-device.iphone8.black .home {
  background: rgb(8, 8, 8);
  background: linear-gradient(135deg, rgb(8, 8, 8) 0%, rgb(70, 70, 70) 50%, rgb(8, 8, 8) 100%);
}
.marvel-device.iphone8.black .home:before {
  background: #080808;
}
.marvel-device.iphone8.landscape {
  padding: 24px 105px;
  height: 375px;
  width: 667px;
}
.marvel-device.iphone8.landscape .sleep {
  top: 100%;
  border-radius: 0px 0px 2px 2px;
  right: 190px;
  height: 4px;
  width: 66px;
}
.marvel-device.iphone8.landscape .volume {
  width: 66px;
  height: 4px;
  top: -4px;
  left: calc(100% - 188px - 66px);
  border-radius: 2px 2px 0px 0px;
}
.marvel-device.iphone8.landscape .volume:before {
  width: 40px;
  height: 2px;
  top: 2px;
  right: -78px;
  left: auto;
  border-radius: 2px 2px 0px 0px;
}
.marvel-device.iphone8.landscape .volume:after {
  left: -82px;
  width: 66px;
  height: 4px;
  top: 0;
  border-radius: 2px 2px 0px 0px;
}
.marvel-device.iphone8.landscape .top-bar {
  width: 14px;
  height: 100%;
  left: calc(100% - 68px - 14px);
  top: 0;
}
.marvel-device.iphone8.landscape .bottom-bar {
  width: 14px;
  height: 100%;
  left: 68px;
  top: 0;
}
.marvel-device.iphone8.landscape .home {
  top: 50%;
  margin-top: -34px;
  margin-left: 0;
  left: 22px;
}
.marvel-device.iphone8.landscape .sensor {
  top: 134px;
  left: calc(100% - 49px - 16px);
}
.marvel-device.iphone8.landscape .speaker {
  height: 70px;
  width: 6px;
  left: calc(100% - 54px - 6px);
  top: 50%;
  margin-left: 0px;
  margin-top: -35px;
}
.marvel-device.iphone8.landscape .camera {
  left: calc(100% - 32px);
  top: 50%;
  margin-left: 0px;
  margin-top: -5px;
}
.marvel-device.iphone8plus {
  width: 414px;
  height: 736px;
  padding: 112px 26px;
  background: #d9dbdc;
  border-radius: 56px;
  box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.2);
}
.marvel-device.iphone8plus:before {
  width: calc(100% - 12px);
  height: calc(100% - 12px);
  position: absolute;
  top: 6px;
  content: "";
  left: 6px;
  border-radius: 50px;
  background: #f8f8f8;
  z-index: 1;
}
.marvel-device.iphone8plus:after {
  width: calc(100% - 16px);
  height: calc(100% - 16px);
  position: absolute;
  top: 8px;
  content: "";
  left: 8px;
  border-radius: 48px;
  box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.1), inset 0 0 6px 3px #ffffff;
  z-index: 2;
}
.marvel-device.iphone8plus .home {
  border-radius: 100%;
  width: 68px;
  height: 68px;
  position: absolute;
  left: 50%;
  margin-left: -34px;
  bottom: 24px;
  z-index: 3;
  background: rgb(48, 50, 51);
  background: linear-gradient(135deg, rgb(48, 50, 51) 0%, rgb(181, 183, 185) 50%, rgb(240, 242, 242) 69%, rgb(48, 50, 51) 100%);
}
.marvel-device.iphone8plus .home:before {
  background: #f8f8f8;
  position: absolute;
  content: "";
  border-radius: 100%;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  top: 4px;
  left: 4px;
}
.marvel-device.iphone8plus .top-bar {
  height: 14px;
  background: #bfbfc0;
  position: absolute;
  top: 68px;
  left: 0;
}
.marvel-device.iphone8plus .bottom-bar {
  height: 14px;
  background: #bfbfc0;
  position: absolute;
  bottom: 68px;
  left: 0;
}
.marvel-device.iphone8plus .sleep {
  position: absolute;
  top: 190px;
  right: -4px;
  width: 4px;
  height: 66px;
  border-radius: 0px 2px 2px 0px;
  background: #d9dbdc;
}
.marvel-device.iphone8plus .volume {
  position: absolute;
  left: -4px;
  top: 188px;
  z-index: 0;
  height: 66px;
  width: 4px;
  border-radius: 2px 0px 0px 2px;
  background: #d9dbdc;
}
.marvel-device.iphone8plus .volume:before {
  position: absolute;
  left: 2px;
  top: -78px;
  height: 40px;
  width: 2px;
  border-radius: 2px 0px 0px 2px;
  background: inherit;
  content: "";
  display: block;
}
.marvel-device.iphone8plus .volume:after {
  position: absolute;
  left: 0px;
  top: 82px;
  height: 66px;
  width: 4px;
  border-radius: 2px 0px 0px 2px;
  background: inherit;
  content: "";
  display: block;
}
.marvel-device.iphone8plus .camera {
  background: #3c3d3d;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 29px;
  left: 50%;
  margin-left: -6px;
  border-radius: 100%;
  z-index: 3;
}
.marvel-device.iphone8plus .sensor {
  background: #3c3d3d;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 54px;
  left: 154px;
  z-index: 3;
  border-radius: 100%;
}
.marvel-device.iphone8plus .speaker {
  background: #292728;
  width: 70px;
  height: 6px;
  position: absolute;
  top: 59px;
  left: 50%;
  margin-left: -35px;
  border-radius: 6px;
  z-index: 3;
}
.marvel-device.iphone8plus.gold {
  background: #f9e7d3;
}
.marvel-device.iphone8plus.gold .top-bar,
.marvel-device.iphone8plus.gold .bottom-bar {
  background: white;
}
.marvel-device.iphone8plus.gold .sleep,
.marvel-device.iphone8plus.gold .volume {
  background: #f9e7d3;
}
.marvel-device.iphone8plus.gold .home {
  background: rgb(206, 187, 169);
  background: linear-gradient(135deg, rgb(206, 187, 169) 0%, rgb(249, 231, 211) 50%, rgb(206, 187, 169) 100%);
}
.marvel-device.iphone8plus.black {
  background: #464646;
  box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.7);
}
.marvel-device.iphone8plus.black:before {
  background: #080808;
}
.marvel-device.iphone8plus.black:after {
  box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.1), inset 0 0 6px 3px #212121;
}
.marvel-device.iphone8plus.black .top-bar,
.marvel-device.iphone8plus.black .bottom-bar {
  background: #212121;
}
.marvel-device.iphone8plus.black .volume,
.marvel-device.iphone8plus.black .sleep {
  background: #464646;
}
.marvel-device.iphone8plus.black .camera {
  background: #080808;
}
.marvel-device.iphone8plus.black .home {
  background: rgb(8, 8, 8);
  background: linear-gradient(135deg, rgb(8, 8, 8) 0%, rgb(70, 70, 70) 50%, rgb(8, 8, 8) 100%);
}
.marvel-device.iphone8plus.black .home:before {
  background: #080808;
}
.marvel-device.iphone8plus.landscape {
  padding: 26px 112px;
  height: 414px;
  width: 736px;
}
.marvel-device.iphone8plus.landscape .sleep {
  top: 100%;
  border-radius: 0px 0px 2px 2px;
  right: 190px;
  height: 4px;
  width: 66px;
}
.marvel-device.iphone8plus.landscape .volume {
  width: 66px;
  height: 4px;
  top: -4px;
  left: calc(100% - 188px - 66px);
  border-radius: 2px 2px 0px 0px;
}
.marvel-device.iphone8plus.landscape .volume:before {
  width: 40px;
  height: 2px;
  top: 2px;
  right: -78px;
  left: auto;
  border-radius: 2px 2px 0px 0px;
}
.marvel-device.iphone8plus.landscape .volume:after {
  left: -82px;
  width: 66px;
  height: 4px;
  top: 0;
  border-radius: 2px 2px 0px 0px;
}
.marvel-device.iphone8plus.landscape .top-bar {
  width: 14px;
  height: 100%;
  left: calc(100% - 68px - 14px);
  top: 0;
}
.marvel-device.iphone8plus.landscape .bottom-bar {
  width: 14px;
  height: 100%;
  left: 68px;
  top: 0;
}
.marvel-device.iphone8plus.landscape .home {
  top: 50%;
  margin-top: -34px;
  margin-left: 0;
  left: 24px;
}
.marvel-device.iphone8plus.landscape .sensor {
  top: 154px;
  left: calc(100% - 54px - 16px);
}
.marvel-device.iphone8plus.landscape .speaker {
  height: 70px;
  width: 6px;
  left: calc(100% - 59px - 6px);
  top: 50%;
  margin-left: 0px;
  margin-top: -35px;
}
.marvel-device.iphone8plus.landscape .camera {
  left: calc(100% - 29px);
  top: 50%;
  margin-left: 0px;
  margin-top: -5px;
}
.marvel-device.iphone5s, .marvel-device.iphone5c {
  padding: 105px 22px;
  background: #2c2b2c;
  width: 320px;
  height: 568px;
  border-radius: 50px;
}
.marvel-device.iphone5s:before, .marvel-device.iphone5c:before {
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  position: absolute;
  top: 4px;
  content: "";
  left: 4px;
  border-radius: 46px;
  background: #1e1e1e;
  z-index: 1;
}
.marvel-device.iphone5s .sleep, .marvel-device.iphone5c .sleep {
  position: absolute;
  top: -4px;
  right: 60px;
  width: 60px;
  height: 4px;
  border-radius: 2px 2px 0px 0px;
  background: #282727;
}
.marvel-device.iphone5s .volume, .marvel-device.iphone5c .volume {
  position: absolute;
  left: -4px;
  top: 180px;
  z-index: 0;
  height: 27px;
  width: 4px;
  border-radius: 2px 0px 0px 2px;
  background: #282727;
}
.marvel-device.iphone5s .volume:before, .marvel-device.iphone5c .volume:before {
  position: absolute;
  left: 0px;
  top: -75px;
  height: 35px;
  width: 4px;
  border-radius: 2px 0px 0px 2px;
  background: inherit;
  content: "";
  display: block;
}
.marvel-device.iphone5s .volume:after, .marvel-device.iphone5c .volume:after {
  position: absolute;
  left: 0px;
  bottom: -64px;
  height: 27px;
  width: 4px;
  border-radius: 2px 0px 0px 2px;
  background: inherit;
  content: "";
  display: block;
}
.marvel-device.iphone5s .camera, .marvel-device.iphone5c .camera {
  background: #3c3d3d;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 32px;
  left: 50%;
  margin-left: -5px;
  border-radius: 5px;
  z-index: 3;
}
.marvel-device.iphone5s .sensor, .marvel-device.iphone5c .sensor {
  background: #3c3d3d;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 60px;
  left: 160px;
  z-index: 3;
  margin-left: -32px;
  border-radius: 5px;
}
.marvel-device.iphone5s .speaker, .marvel-device.iphone5c .speaker {
  background: #292728;
  width: 64px;
  height: 10px;
  position: absolute;
  top: 60px;
  left: 50%;
  margin-left: -32px;
  border-radius: 5px;
  z-index: 3;
}
.marvel-device.iphone5s.landscape, .marvel-device.iphone5c.landscape {
  padding: 22px 105px;
  height: 320px;
  width: 568px;
}
.marvel-device.iphone5s.landscape .sleep, .marvel-device.iphone5c.landscape .sleep {
  right: -4px;
  top: calc(100% - 120px);
  height: 60px;
  width: 4px;
  border-radius: 0px 2px 2px 0px;
}
.marvel-device.iphone5s.landscape .volume, .marvel-device.iphone5c.landscape .volume {
  width: 27px;
  height: 4px;
  top: -4px;
  left: calc(100% - 180px);
  border-radius: 2px 2px 0px 0px;
}
.marvel-device.iphone5s.landscape .volume:before, .marvel-device.iphone5c.landscape .volume:before {
  width: 35px;
  height: 4px;
  top: 0px;
  right: -75px;
  left: auto;
  border-radius: 2px 2px 0px 0px;
}
.marvel-device.iphone5s.landscape .volume:after, .marvel-device.iphone5c.landscape .volume:after {
  bottom: 0px;
  left: -64px;
  z-index: 999;
  height: 4px;
  width: 27px;
  border-radius: 2px 2px 0px 0px;
}
.marvel-device.iphone5s.landscape .sensor, .marvel-device.iphone5c.landscape .sensor {
  top: 160px;
  left: calc(100% - 60px);
  margin-left: 0px;
  margin-top: -32px;
}
.marvel-device.iphone5s.landscape .speaker, .marvel-device.iphone5c.landscape .speaker {
  height: 64px;
  width: 10px;
  left: calc(100% - 60px);
  top: 50%;
  margin-left: 0px;
  margin-top: -32px;
}
.marvel-device.iphone5s.landscape .camera, .marvel-device.iphone5c.landscape .camera {
  left: calc(100% - 32px);
  top: 50%;
  margin-left: 0px;
  margin-top: -5px;
}
.marvel-device.iphone5s .home {
  border-radius: 36px;
  width: 68px;
  box-shadow: inset 0 0 0 4px #2c2b2c;
  height: 68px;
  position: absolute;
  left: 50%;
  margin-left: -34px;
  bottom: 19px;
  z-index: 3;
}
.marvel-device.iphone5s .top-bar {
  top: 70px;
  position: absolute;
  left: 0;
}
.marvel-device.iphone5s .bottom-bar {
  bottom: 70px;
  position: absolute;
  left: 0;
}
.marvel-device.iphone5s.landscape .home {
  left: 19px;
  bottom: 50%;
  margin-bottom: -34px;
  margin-left: 0px;
}
.marvel-device.iphone5s.landscape .top-bar {
  left: 70px;
  top: 0px;
  width: 3px;
  height: 100%;
}
.marvel-device.iphone5s.landscape .bottom-bar {
  right: 70px;
  left: auto;
  bottom: 0px;
  width: 3px;
  height: 100%;
}
.marvel-device.iphone5s.silver {
  background: #bcbcbc;
}
.marvel-device.iphone5s.silver:before {
  background: #fcfcfc;
}
.marvel-device.iphone5s.silver .volume,
.marvel-device.iphone5s.silver .sleep {
  background: #d6d6d6;
}
.marvel-device.iphone5s.silver .top-bar,
.marvel-device.iphone5s.silver .bottom-bar {
  background: #eaebec;
}
.marvel-device.iphone5s.silver .home {
  box-shadow: inset 0 0 0 4px #bcbcbc;
}
.marvel-device.iphone5s.gold {
  background: #f9e7d3;
}
.marvel-device.iphone5s.gold:before {
  background: #fcfcfc;
}
.marvel-device.iphone5s.gold .volume,
.marvel-device.iphone5s.gold .sleep {
  background: #f9e7d3;
}
.marvel-device.iphone5s.gold .top-bar,
.marvel-device.iphone5s.gold .bottom-bar {
  background: white;
}
.marvel-device.iphone5s.gold .home {
  box-shadow: inset 0 0 0 4px #f9e7d3;
}
.marvel-device.iphone5c {
  background: white;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
}
.marvel-device.iphone5c .top-bar,
.marvel-device.iphone5c .bottom-bar {
  display: none;
}
.marvel-device.iphone5c .home {
  background: #242324;
  border-radius: 36px;
  width: 68px;
  height: 68px;
  z-index: 3;
  position: absolute;
  left: 50%;
  margin-left: -34px;
  bottom: 19px;
}
.marvel-device.iphone5c .home:after {
  width: 20px;
  height: 20px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 4px;
  position: absolute;
  display: block;
  content: "";
  top: 50%;
  left: 50%;
  margin-top: -11px;
  margin-left: -11px;
}
.marvel-device.iphone5c.landscape .home {
  left: 19px;
  bottom: 50%;
  margin-bottom: -34px;
  margin-left: 0px;
}
.marvel-device.iphone5c .volume,
.marvel-device.iphone5c .sleep {
  background: #dddddd;
}
.marvel-device.iphone5c.red {
  background: #f96b6c;
}
.marvel-device.iphone5c.red .volume,
.marvel-device.iphone5c.red .sleep {
  background: #ed5758;
}
.marvel-device.iphone5c.yellow {
  background: #f2dc60;
}
.marvel-device.iphone5c.yellow .volume,
.marvel-device.iphone5c.yellow .sleep {
  background: #e5ce4c;
}
.marvel-device.iphone5c.green {
  background: #97e563;
}
.marvel-device.iphone5c.green .volume,
.marvel-device.iphone5c.green .sleep {
  background: #85d94d;
}
.marvel-device.iphone5c.blue {
  background: #33a2db;
}
.marvel-device.iphone5c.blue .volume,
.marvel-device.iphone5c.blue .sleep {
  background: #2694cd;
}
.marvel-device.iphone4s {
  padding: 129px 27px;
  width: 320px;
  height: 480px;
  background: #686868;
  border-radius: 54px;
}
.marvel-device.iphone4s:before {
  content: "";
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  position: absolute;
  top: 4px;
  left: 4px;
  z-index: 1;
  border-radius: 50px;
  background: #1e1e1e;
}
.marvel-device.iphone4s .top-bar {
  top: 60px;
  position: absolute;
  left: 0;
}
.marvel-device.iphone4s .bottom-bar {
  bottom: 90px;
  position: absolute;
  left: 0;
}
.marvel-device.iphone4s .camera {
  background: #3c3d3d;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 72px;
  left: 134px;
  z-index: 3;
  margin-left: -5px;
  border-radius: 100%;
}
.marvel-device.iphone4s .speaker {
  background: #292728;
  width: 64px;
  height: 10px;
  position: absolute;
  top: 72px;
  left: 50%;
  z-index: 3;
  margin-left: -32px;
  border-radius: 5px;
}
.marvel-device.iphone4s .sensor {
  background: #292728;
  width: 40px;
  height: 10px;
  position: absolute;
  top: 36px;
  left: 50%;
  z-index: 3;
  margin-left: -20px;
  border-radius: 5px;
}
.marvel-device.iphone4s .home {
  background: #242324;
  border-radius: 100%;
  width: 72px;
  height: 72px;
  z-index: 3;
  position: absolute;
  left: 50%;
  margin-left: -36px;
  bottom: 30px;
}
.marvel-device.iphone4s .home:after {
  width: 20px;
  height: 20px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 4px;
  position: absolute;
  display: block;
  content: "";
  top: 50%;
  left: 50%;
  margin-top: -11px;
  margin-left: -11px;
}
.marvel-device.iphone4s .sleep {
  position: absolute;
  top: -4px;
  right: 60px;
  width: 60px;
  height: 4px;
  border-radius: 2px 2px 0px 0px;
  background: #4d4d4d;
}
.marvel-device.iphone4s .volume {
  position: absolute;
  left: -4px;
  top: 160px;
  height: 27px;
  width: 4px;
  border-radius: 2px 0px 0px 2px;
  background: #4d4d4d;
}
.marvel-device.iphone4s .volume:before {
  position: absolute;
  left: 0px;
  top: -70px;
  height: 35px;
  width: 4px;
  border-radius: 2px 0px 0px 2px;
  background: inherit;
  content: "";
  display: block;
}
.marvel-device.iphone4s .volume:after {
  position: absolute;
  left: 0px;
  bottom: -64px;
  height: 27px;
  width: 4px;
  border-radius: 2px 0px 0px 2px;
  background: inherit;
  content: "";
  display: block;
}
.marvel-device.iphone4s.landscape {
  padding: 27px 129px;
  height: 320px;
  width: 480px;
}
.marvel-device.iphone4s.landscape .bottom-bar {
  left: 90px;
  bottom: 0px;
  height: 100%;
  width: 3px;
}
.marvel-device.iphone4s.landscape .top-bar {
  left: calc(100% - 60px);
  top: 0px;
  height: 100%;
  width: 3px;
}
.marvel-device.iphone4s.landscape .camera {
  top: 134px;
  left: calc(100% - 72px);
  margin-left: 0;
}
.marvel-device.iphone4s.landscape .speaker {
  top: 50%;
  margin-left: 0;
  margin-top: -32px;
  left: calc(100% - 72px);
  width: 10px;
  height: 64px;
}
.marvel-device.iphone4s.landscape .sensor {
  height: 40px;
  width: 10px;
  left: calc(100% - 36px);
  top: 50%;
  margin-left: 0;
  margin-top: -20px;
}
.marvel-device.iphone4s.landscape .home {
  left: 30px;
  bottom: 50%;
  margin-left: 0;
  margin-bottom: -36px;
}
.marvel-device.iphone4s.landscape .sleep {
  height: 60px;
  width: 4px;
  right: -4px;
  top: calc(100% - 120px);
  border-radius: 0px 2px 2px 0px;
}
.marvel-device.iphone4s.landscape .volume {
  top: -4px;
  left: calc(100% - 187px);
  height: 4px;
  width: 27px;
  border-radius: 2px 2px 0px 0px;
}
.marvel-device.iphone4s.landscape .volume:before {
  right: -70px;
  left: auto;
  top: 0px;
  width: 35px;
  height: 4px;
  border-radius: 2px 2px 0px 0px;
}
.marvel-device.iphone4s.landscape .volume:after {
  width: 27px;
  height: 4px;
  bottom: 0px;
  left: -64px;
  border-radius: 2px 2px 0px 0px;
}
.marvel-device.iphone4s.silver {
  background: #bcbcbc;
}
.marvel-device.iphone4s.silver:before {
  background: #fcfcfc;
}
.marvel-device.iphone4s.silver .home {
  background: #fcfcfc;
  box-shadow: inset 0 0 0 1px #bcbcbc;
}
.marvel-device.iphone4s.silver .home:after {
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.marvel-device.iphone4s.silver .volume,
.marvel-device.iphone4s.silver .sleep {
  background: #d6d6d6;
}
.marvel-device.nexus5 {
  padding: 50px 15px 50px 15px;
  width: 320px;
  height: 568px;
  background: #1e1e1e;
  border-radius: 20px;
}
.marvel-device.nexus5:before {
  border-radius: 600px/50px;
  background: inherit;
  content: "";
  top: 0;
  position: absolute;
  height: 103.1%;
  width: calc(100% - 26px);
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.marvel-device.nexus5 .top-bar {
  width: calc(100% - 8px);
  height: calc(100% - 6px);
  position: absolute;
  top: 3px;
  left: 4px;
  border-radius: 20px;
  background: #181818;
}
.marvel-device.nexus5 .top-bar:before {
  border-radius: 600px/50px;
  background: inherit;
  content: "";
  top: 0;
  position: absolute;
  height: 103%;
  width: calc(100% - 26px);
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.marvel-device.nexus5 .bottom-bar {
  display: none;
}
.marvel-device.nexus5 .sleep {
  width: 3px;
  position: absolute;
  left: -3px;
  top: 110px;
  height: 100px;
  background: inherit;
  border-radius: 2px 0px 0px 2px;
}
.marvel-device.nexus5 .volume {
  width: 3px;
  position: absolute;
  right: -3px;
  top: 70px;
  height: 45px;
  background: inherit;
  border-radius: 0px 2px 2px 0px;
}
.marvel-device.nexus5 .camera {
  background: #3c3d3d;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 18px;
  left: 50%;
  z-index: 3;
  margin-left: -5px;
  border-radius: 100%;
}
.marvel-device.nexus5 .camera:before {
  background: #3c3d3d;
  width: 6px;
  height: 6px;
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: -100px;
  z-index: 3;
  border-radius: 100%;
}
.marvel-device.nexus5.landscape {
  padding: 15px 50px 15px 50px;
  height: 320px;
  width: 568px;
}
.marvel-device.nexus5.landscape:before {
  width: 103.1%;
  height: calc(100% - 26px);
  border-radius: 50px/600px;
}
.marvel-device.nexus5.landscape .top-bar {
  left: 3px;
  top: 4px;
  height: calc(100% - 8px);
  width: calc(100% - 6px);
}
.marvel-device.nexus5.landscape .top-bar:before {
  width: 103%;
  height: calc(100% - 26px);
  border-radius: 50px/600px;
}
.marvel-device.nexus5.landscape .sleep {
  height: 3px;
  width: 100px;
  left: calc(100% - 210px);
  top: -3px;
  border-radius: 2px 2px 0px 0px;
}
.marvel-device.nexus5.landscape .volume {
  height: 3px;
  width: 45px;
  right: 70px;
  top: 100%;
  border-radius: 0px 0px 2px 2px;
}
.marvel-device.nexus5.landscape .camera {
  top: 50%;
  left: calc(100% - 18px);
  margin-left: 0;
  margin-top: -5px;
}
.marvel-device.nexus5.landscape .camera:before {
  top: -100px;
  left: 2px;
}
.marvel-device.s5 {
  padding: 60px 18px;
  border-radius: 42px;
  width: 320px;
  height: 568px;
  background: #bcbcbc;
}
.marvel-device.s5:before, .marvel-device.s5:after {
  width: calc(100% - 52px);
  content: "";
  display: block;
  height: 26px;
  background: inherit;
  position: absolute;
  border-radius: 500px/40px;
  left: 50%;
  transform: translateX(-50%);
}
.marvel-device.s5:before {
  top: -7px;
}
.marvel-device.s5:after {
  bottom: -7px;
}
.marvel-device.s5 .bottom-bar {
  display: none;
}
.marvel-device.s5 .top-bar {
  border-radius: 37px;
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  top: 5px;
  left: 5px;
  background: radial-gradient(rgba(0, 0, 0, 0.02) 20%, transparent 60%) 0 0, radial-gradient(rgba(0, 0, 0, 0.02) 20%, transparent 60%) 3px 3px;
  background-color: white;
  background-size: 4px 4px;
  background-position: center;
  z-index: 2;
  position: absolute;
}
.marvel-device.s5 .top-bar:before, .marvel-device.s5 .top-bar:after {
  width: calc(100% - 48px);
  content: "";
  display: block;
  height: 26px;
  background: inherit;
  position: absolute;
  border-radius: 500px/40px;
  left: 50%;
  transform: translateX(-50%);
}
.marvel-device.s5 .top-bar:before {
  top: -7px;
}
.marvel-device.s5 .top-bar:after {
  bottom: -7px;
}
.marvel-device.s5 .sleep {
  width: 3px;
  position: absolute;
  left: -3px;
  top: 100px;
  height: 100px;
  background: #cecece;
  border-radius: 2px 0px 0px 2px;
}
.marvel-device.s5 .speaker {
  width: 68px;
  height: 8px;
  position: absolute;
  top: 20px;
  display: block;
  z-index: 3;
  left: 50%;
  margin-left: -34px;
  background-color: #bcbcbc;
  background-position: top left;
  border-radius: 4px;
}
.marvel-device.s5 .sensor {
  display: block;
  position: absolute;
  top: 20px;
  right: 110px;
  background: #3c3d3d;
  border-radius: 100%;
  width: 8px;
  height: 8px;
  z-index: 3;
}
.marvel-device.s5 .sensor:after {
  display: block;
  content: "";
  position: absolute;
  top: 0px;
  right: 12px;
  background: #3c3d3d;
  border-radius: 100%;
  width: 8px;
  height: 8px;
  z-index: 3;
}
.marvel-device.s5 .camera {
  display: block;
  position: absolute;
  top: 24px;
  right: 42px;
  background: black;
  border-radius: 100%;
  width: 10px;
  height: 10px;
  z-index: 3;
}
.marvel-device.s5 .camera:before {
  width: 4px;
  height: 4px;
  background: #3c3d3d;
  border-radius: 100%;
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  margin-top: -2px;
  margin-left: -2px;
}
.marvel-device.s5 .home {
  position: absolute;
  z-index: 3;
  bottom: 17px;
  left: 50%;
  width: 70px;
  height: 20px;
  background: white;
  border-radius: 18px;
  display: block;
  margin-left: -35px;
  border: 2px solid black;
}
.marvel-device.s5.landscape {
  padding: 18px 60px;
  height: 320px;
  width: 568px;
}
.marvel-device.s5.landscape:before, .marvel-device.s5.landscape:after {
  height: calc(100% - 52px);
  width: 26px;
  border-radius: 40px/500px;
  transform: translateY(-50%);
}
.marvel-device.s5.landscape:before {
  top: 50%;
  left: -7px;
}
.marvel-device.s5.landscape:after {
  top: 50%;
  left: auto;
  right: -7px;
}
.marvel-device.s5.landscape .top-bar:before, .marvel-device.s5.landscape .top-bar:after {
  width: 26px;
  height: calc(100% - 48px);
  border-radius: 40px/500px;
  transform: translateY(-50%);
}
.marvel-device.s5.landscape .top-bar:before {
  right: -7px;
  top: 50%;
  left: auto;
}
.marvel-device.s5.landscape .top-bar:after {
  left: -7px;
  top: 50%;
  right: auto;
}
.marvel-device.s5.landscape .sleep {
  height: 3px;
  width: 100px;
  left: calc(100% - 200px);
  top: -3px;
  border-radius: 2px 2px 0px 0px;
}
.marvel-device.s5.landscape .speaker {
  height: 68px;
  width: 8px;
  left: calc(100% - 20px);
  top: 50%;
  margin-left: 0;
  margin-top: -34px;
}
.marvel-device.s5.landscape .sensor {
  right: 20px;
  top: calc(100% - 110px);
}
.marvel-device.s5.landscape .sensor:after {
  left: -12px;
  right: 0px;
}
.marvel-device.s5.landscape .camera {
  top: calc(100% - 42px);
  right: 24px;
}
.marvel-device.s5.landscape .home {
  width: 20px;
  height: 70px;
  bottom: 50%;
  margin-bottom: -35px;
  margin-left: 0;
  left: 17px;
}
.marvel-device.s5.black {
  background: #1e1e1e;
}
.marvel-device.s5.black .speaker {
  background: black;
}
.marvel-device.s5.black .sleep {
  background: #1e1e1e;
}
.marvel-device.s5.black .top-bar {
  background: radial-gradient(rgba(0, 0, 0, 0.05) 20%, transparent 60%) 0 0, radial-gradient(rgba(0, 0, 0, 0.05) 20%, transparent 60%) 3px 3px;
  background-color: #2c2b2c;
  background-size: 4px 4px;
}
.marvel-device.s5.black .home {
  background: #2c2b2c;
}
.marvel-device.lumia920 {
  padding: 80px 35px 125px 35px;
  background: #ffdd00;
  width: 320px;
  height: 533px;
  border-radius: 40px/3px;
}
.marvel-device.lumia920 .bottom-bar {
  display: none;
}
.marvel-device.lumia920 .top-bar {
  width: calc(100% - 24px);
  height: calc(100% - 32px);
  position: absolute;
  top: 16px;
  left: 12px;
  border-radius: 24px;
  background: black;
  z-index: 1;
}
.marvel-device.lumia920 .top-bar:before {
  background: #1e1e1e;
  display: block;
  content: "";
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  top: 2px;
  left: 2px;
  position: absolute;
  border-radius: 22px;
}
.marvel-device.lumia920 .volume {
  width: 3px;
  position: absolute;
  top: 130px;
  height: 100px;
  background: #1e1e1e;
  right: -3px;
  border-radius: 0px 2px 2px 0px;
}
.marvel-device.lumia920 .volume:before {
  width: 3px;
  position: absolute;
  top: 190px;
  content: "";
  display: block;
  height: 50px;
  background: inherit;
  right: 0px;
  border-radius: 0px 2px 2px 0px;
}
.marvel-device.lumia920 .volume:after {
  width: 3px;
  position: absolute;
  top: 460px;
  content: "";
  display: block;
  height: 50px;
  background: inherit;
  right: 0px;
  border-radius: 0px 2px 2px 0px;
}
.marvel-device.lumia920 .camera {
  background: #3c3d3d;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 34px;
  right: 130px;
  z-index: 5;
  border-radius: 5px;
}
.marvel-device.lumia920 .speaker {
  background: #292728;
  width: 64px;
  height: 10px;
  position: absolute;
  top: 38px;
  left: 50%;
  margin-left: -32px;
  border-radius: 5px;
  z-index: 3;
}
.marvel-device.lumia920.landscape {
  padding: 35px 80px 35px 125px;
  height: 320px;
  width: 568px;
  border-radius: 2px/100px;
}
.marvel-device.lumia920.landscape .top-bar {
  height: calc(100% - 24px);
  width: calc(100% - 32px);
  left: 16px;
  top: 12px;
}
.marvel-device.lumia920.landscape .volume {
  height: 3px;
  right: 130px;
  width: 100px;
  top: 100%;
  border-radius: 0px 0px 2px 2px;
}
.marvel-device.lumia920.landscape .volume:before {
  height: 3px;
  right: 190px;
  top: 0px;
  width: 50px;
  border-radius: 0px 0px 2px 2px;
}
.marvel-device.lumia920.landscape .volume:after {
  height: 3px;
  right: 430px;
  top: 0px;
  width: 50px;
  border-radius: 0px 0px 2px 2px;
}
.marvel-device.lumia920.landscape .camera {
  right: 30px;
  top: calc(100% - 140px);
}
.marvel-device.lumia920.landscape .speaker {
  width: 10px;
  height: 64px;
  top: 50%;
  margin-left: 0;
  margin-top: -32px;
  left: calc(100% - 48px);
}
.marvel-device.lumia920.black {
  background: black;
}
.marvel-device.lumia920.white {
  background: white;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
}
.marvel-device.lumia920.blue {
  background: #00acdd;
}
.marvel-device.lumia920.red {
  background: #cc3e32;
}
.marvel-device.htc-one {
  padding: 72px 25px 100px 25px;
  width: 320px;
  height: 568px;
  background: #bebebe;
  border-radius: 34px;
}
.marvel-device.htc-one:before {
  content: "";
  display: block;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  position: absolute;
  top: 2px;
  left: 2px;
  background: #adadad;
  border-radius: 32px;
}
.marvel-device.htc-one:after {
  content: "";
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  position: absolute;
  top: 4px;
  left: 4px;
  background: #eeeeee;
  border-radius: 30px;
}
.marvel-device.htc-one .top-bar {
  width: calc(100% - 4px);
  height: 635px;
  position: absolute;
  background: #424242;
  top: 50px;
  z-index: 1;
  left: 2px;
}
.marvel-device.htc-one .top-bar:before {
  content: "";
  position: absolute;
  width: calc(100% - 4px);
  height: 100%;
  position: absolute;
  background: black;
  top: 0px;
  z-index: 1;
  left: 2px;
}
.marvel-device.htc-one .bottom-bar {
  display: none;
}
.marvel-device.htc-one .speaker {
  height: 16px;
  width: 216px;
  display: block;
  position: absolute;
  top: 22px;
  z-index: 2;
  left: 50%;
  margin-left: -108px;
  background: radial-gradient(#343434 25%, transparent 50%) 0 0, radial-gradient(#343434 25%, transparent 50%) 4px 4px;
  background-size: 4px 4px;
  background-position: top left;
}
.marvel-device.htc-one .speaker:after {
  content: "";
  height: 16px;
  width: 216px;
  display: block;
  position: absolute;
  top: 676px;
  z-index: 2;
  left: 50%;
  margin-left: -108px;
  background: inherit;
}
.marvel-device.htc-one .camera {
  display: block;
  position: absolute;
  top: 18px;
  right: 38px;
  background: #3c3d3d;
  border-radius: 100%;
  width: 24px;
  height: 24px;
  z-index: 3;
}
.marvel-device.htc-one .camera:before {
  width: 8px;
  height: 8px;
  background: black;
  border-radius: 100%;
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  margin-top: -4px;
  margin-left: -4px;
}
.marvel-device.htc-one .sensor {
  display: block;
  position: absolute;
  top: 29px;
  left: 60px;
  background: #3c3d3d;
  border-radius: 100%;
  width: 8px;
  height: 8px;
  z-index: 3;
}
.marvel-device.htc-one .sensor:after {
  display: block;
  content: "";
  position: absolute;
  top: 0px;
  right: 12px;
  background: #3c3d3d;
  border-radius: 100%;
  width: 8px;
  height: 8px;
  z-index: 3;
}
.marvel-device.htc-one.landscape {
  padding: 25px 72px 25px 100px;
  height: 320px;
  width: 568px;
}
.marvel-device.htc-one.landscape .top-bar {
  height: calc(100% - 4px);
  width: 635px;
  left: calc(100% - 685px);
  top: 2px;
}
.marvel-device.htc-one.landscape .speaker {
  width: 16px;
  height: 216px;
  left: calc(100% - 38px);
  top: 50%;
  margin-left: 0px;
  margin-top: -108px;
}
.marvel-device.htc-one.landscape .speaker:after {
  width: 16px;
  height: 216px;
  left: calc(100% - 692px);
  top: 50%;
  margin-left: 0;
  margin-top: -108px;
}
.marvel-device.htc-one.landscape .camera {
  right: 18px;
  top: calc(100% - 38px);
}
.marvel-device.htc-one.landscape .sensor {
  left: calc(100% - 29px);
  top: 60px;
}
.marvel-device.htc-one.landscape .sensor :after {
  right: 0;
  top: -12px;
}
.marvel-device.ipad {
  width: 576px;
  height: 768px;
  padding: 90px 25px;
  background: #242324;
  border-radius: 44px;
}
.marvel-device.ipad:before {
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  position: absolute;
  content: "";
  display: block;
  top: 4px;
  left: 4px;
  border-radius: 40px;
  background: #1e1e1e;
}
.marvel-device.ipad .camera {
  background: #3c3d3d;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 44px;
  left: 50%;
  margin-left: -5px;
  border-radius: 100%;
}
.marvel-device.ipad .top-bar,
.marvel-device.ipad .bottom-bar {
  display: none;
}
.marvel-device.ipad .home {
  background: #242324;
  border-radius: 36px;
  width: 50px;
  height: 50px;
  position: absolute;
  left: 50%;
  margin-left: -25px;
  bottom: 22px;
}
.marvel-device.ipad .home:after {
  width: 15px;
  height: 15px;
  margin-top: -8px;
  margin-left: -8px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 4px;
  position: absolute;
  display: block;
  content: "";
  top: 50%;
  left: 50%;
}
.marvel-device.ipad.landscape {
  height: 576px;
  width: 768px;
  padding: 25px 90px;
}
.marvel-device.ipad.landscape .camera {
  left: calc(100% - 44px);
  top: 50%;
  margin-left: 0;
  margin-top: -5px;
}
.marvel-device.ipad.landscape .home {
  top: 50%;
  left: 22px;
  margin-left: 0;
  margin-top: -25px;
}
.marvel-device.ipad.silver {
  background: #bcbcbc;
}
.marvel-device.ipad.silver:before {
  background: #fcfcfc;
}
.marvel-device.ipad.silver .home {
  background: #fcfcfc;
  box-shadow: inset 0 0 0 1px #bcbcbc;
}
.marvel-device.ipad.silver .home:after {
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.marvel-device.macbook {
  width: 960px;
  height: 600px;
  padding: 44px 44px 76px;
  margin: 0 auto;
  background: #bebebe;
  border-radius: 34px;
}
.marvel-device.macbook:before {
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  position: absolute;
  content: "";
  display: block;
  top: 4px;
  left: 4px;
  border-radius: 30px;
  background: #1e1e1e;
}
.marvel-device.macbook .top-bar {
  width: calc(100% + 140px);
  height: 40px;
  position: absolute;
  content: "";
  display: block;
  top: 680px;
  left: -70px;
  border-bottom-left-radius: 90px 18px;
  border-bottom-right-radius: 90px 18px;
  background: #bebebe;
  box-shadow: inset 0px -4px 13px 3px rgba(34, 34, 34, 0.6);
}
.marvel-device.macbook .top-bar:before {
  width: 100%;
  height: 24px;
  content: "";
  display: block;
  top: 0;
  left: 0;
  background: #f0f0f0;
  border-bottom: 2px solid #aaa;
  border-radius: 5px;
  position: relative;
}
.marvel-device.macbook .top-bar:after {
  width: 16%;
  height: 14px;
  content: "";
  display: block;
  top: 0;
  background: #ddd;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  border-radius: 0 0 20px 20px;
  box-shadow: inset 0px -3px 10px #999;
}
.marvel-device.macbook .bottom-bar {
  background: transparent;
  width: calc(100% + 140px);
  height: 26px;
  position: absolute;
  content: "";
  display: block;
  top: 680px;
  left: -70px;
}
.marvel-device.macbook .bottom-bar:before, .marvel-device.macbook .bottom-bar:after {
  height: calc(100% - 2px);
  width: 80px;
  content: "";
  display: block;
  top: 0;
  position: absolute;
}
.marvel-device.macbook .bottom-bar:before {
  left: 0;
  background: #f0f0f0;
  background: linear-gradient(to right, #747474 0%, #c3c3c3 5%, #ebebeb 14%, #979797 41%, #f0f0f0 80%, #f0f0f0 100%, #f0f0f0 100%);
}
.marvel-device.macbook .bottom-bar:after {
  right: 0;
  background: #f0f0f0;
  background: linear-gradient(to right, #f0f0f0 0%, #f0f0f0 0%, #f0f0f0 20%, #979797 59%, #ebebeb 86%, #c3c3c3 95%, #747474 100%);
}
.marvel-device.macbook .camera {
  background: #3c3d3d;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 20px;
  left: 50%;
  margin-left: -5px;
  border-radius: 100%;
}
.marvel-device.macbook .home {
  display: none;
}
.marvel-device.iphone-x {
  width: 375px;
  height: 812px;
  padding: 26px;
  background: #fdfdfd;
  box-shadow: inset 0 0 11px 0 black;
  border-radius: 66px;
}
.marvel-device.iphone-x .overflow {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 66px;
  overflow: hidden;
}
.marvel-device.iphone-x .shadow {
  border-radius: 100%;
  width: 90px;
  height: 90px;
  position: absolute;
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.6) 0%, rgba(255, 255, 255, 0) 60%);
}
.marvel-device.iphone-x .shadow--tl {
  top: -20px;
  left: -20px;
}
.marvel-device.iphone-x .shadow--tr {
  top: -20px;
  right: -20px;
}
.marvel-device.iphone-x .shadow--bl {
  bottom: -20px;
  left: -20px;
}
.marvel-device.iphone-x .shadow--br {
  bottom: -20px;
  right: -20px;
}
.marvel-device.iphone-x:before {
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  position: absolute;
  top: 5px;
  content: "";
  left: 5px;
  border-radius: 61px;
  background: black;
  z-index: 1;
}
.marvel-device.iphone-x .inner-shadow {
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  position: absolute;
  top: 10px;
  overflow: hidden;
  left: 10px;
  border-radius: 56px;
  box-shadow: inset 0 0 15px 0 rgba(255, 255, 255, 0.66);
  z-index: 1;
}
.marvel-device.iphone-x .inner-shadow:before {
  box-shadow: inset 0 0 20px 0 #ffffff;
  width: 100%;
  height: 116%;
  position: absolute;
  top: -8%;
  content: "";
  left: 0;
  border-radius: 200px/112px;
  z-index: 2;
}
.marvel-device.iphone-x .screen {
  border-radius: 40px;
  box-shadow: none;
}
.marvel-device.iphone-x .top-bar,
.marvel-device.iphone-x .bottom-bar {
  width: 100%;
  position: absolute;
  height: 8px;
  background: rgba(0, 0, 0, 0.1);
  left: 0;
}
.marvel-device.iphone-x .top-bar {
  top: 80px;
}
.marvel-device.iphone-x .bottom-bar {
  bottom: 80px;
}
.marvel-device.iphone-x .volume,
.marvel-device.iphone-x .volume:before,
.marvel-device.iphone-x .volume:after,
.marvel-device.iphone-x .sleep {
  width: 3px;
  background: #b5b5b5;
  position: absolute;
}
.marvel-device.iphone-x .volume {
  left: -3px;
  top: 116px;
  height: 32px;
}
.marvel-device.iphone-x .volume:before {
  height: 62px;
  top: 62px;
  content: "";
  left: 0;
}
.marvel-device.iphone-x .volume:after {
  height: 62px;
  top: 140px;
  content: "";
  left: 0;
}
.marvel-device.iphone-x .sleep {
  height: 96px;
  top: 200px;
  right: -3px;
}
.marvel-device.iphone-x .camera {
  width: 6px;
  height: 6px;
  top: 9px;
  border-radius: 100%;
  position: absolute;
  left: 154px;
  background: #0d4d71;
}
.marvel-device.iphone-x .speaker {
  height: 6px;
  width: 60px;
  left: 50%;
  position: absolute;
  top: 9px;
  margin-left: -30px;
  background: #171818;
  border-radius: 6px;
}
.marvel-device.iphone-x .notch {
  position: absolute;
  width: 210px;
  height: 30px;
  top: 26px;
  left: 108px;
  z-index: 3;
  background: black;
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
}
.marvel-device.iphone-x .notch:before, .marvel-device.iphone-x .notch:after {
  content: "";
  height: 8px;
  position: absolute;
  top: 0;
  width: 8px;
}
.marvel-device.iphone-x .notch:after {
  background: radial-gradient(circle at bottom left, transparent 0, transparent 70%, black 70%, black 100%);
  left: -8px;
}
.marvel-device.iphone-x .notch:before {
  background: radial-gradient(circle at bottom right, transparent 0, transparent 70%, black 70%, black 100%);
  right: -8px;
}
.marvel-device.iphone-x.landscape {
  height: 375px;
  width: 812px;
}
.marvel-device.iphone-x.landscape .top-bar,
.marvel-device.iphone-x.landscape .bottom-bar {
  width: 8px;
  height: 100%;
  top: 0;
}
.marvel-device.iphone-x.landscape .top-bar {
  left: 80px;
}
.marvel-device.iphone-x.landscape .bottom-bar {
  right: 80px;
  bottom: auto;
  left: auto;
}
.marvel-device.iphone-x.landscape .volume,
.marvel-device.iphone-x.landscape .volume:before,
.marvel-device.iphone-x.landscape .volume:after,
.marvel-device.iphone-x.landscape .sleep {
  height: 3px;
}
.marvel-device.iphone-x.landscape .inner-shadow:before {
  height: 100%;
  width: 116%;
  left: -8%;
  top: 0;
  border-radius: 112px/200px;
}
.marvel-device.iphone-x.landscape .volume {
  bottom: -3px;
  top: auto;
  left: 116px;
  width: 32px;
}
.marvel-device.iphone-x.landscape .volume:before {
  width: 62px;
  left: 62px;
  top: 0;
}
.marvel-device.iphone-x.landscape .volume:after {
  width: 62px;
  left: 140px;
  top: 0;
}
.marvel-device.iphone-x.landscape .sleep {
  width: 96px;
  left: 200px;
  top: -3px;
  right: auto;
}
.marvel-device.iphone-x.landscape .camera {
  left: 9px;
  bottom: 154px;
  top: auto;
}
.marvel-device.iphone-x.landscape .speaker {
  width: 6px;
  height: 60px;
  left: 9px;
  top: 50%;
  margin-top: -30px;
  margin-left: 0;
}
.marvel-device.iphone-x.landscape .notch {
  height: 210px;
  width: 30px;
  left: 26px;
  bottom: 108px;
  top: auto;
  border-top-right-radius: 24px;
  border-bottom-right-radius: 24px;
  border-bottom-left-radius: 0;
}
.marvel-device.iphone-x.landscape .notch:before, .marvel-device.iphone-x.landscape .notch:after {
  left: 0;
}
.marvel-device.iphone-x.landscape .notch:after {
  background: radial-gradient(circle at bottom right, transparent 0, transparent 70%, black 70%, black 100%);
  bottom: -8px;
  top: auto;
}
.marvel-device.iphone-x.landscape .notch:before {
  background: radial-gradient(circle at top right, transparent 0, transparent 70%, black 70%, black 100%);
  top: -8px;
}
.marvel-device.note8 {
  width: 400px;
  height: 822px;
  background: black;
  border-radius: 34px;
  padding: 45px 10px;
}
.marvel-device.note8 .overflow {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 34px;
  overflow: hidden;
}
.marvel-device.note8 .speaker {
  height: 8px;
  width: 56px;
  left: 50%;
  position: absolute;
  top: 25px;
  margin-left: -28px;
  background: #171818;
  z-index: 1;
  border-radius: 8px;
}
.marvel-device.note8 .camera {
  height: 18px;
  width: 18px;
  left: 86px;
  position: absolute;
  top: 18px;
  background: #212b36;
  z-index: 1;
  border-radius: 100%;
}
.marvel-device.note8 .camera:before {
  content: "";
  height: 8px;
  width: 8px;
  left: -22px;
  position: absolute;
  top: 5px;
  background: #212b36;
  z-index: 1;
  border-radius: 100%;
}
.marvel-device.note8 .sensors {
  height: 10px;
  width: 10px;
  left: 120px;
  position: absolute;
  top: 22px;
  background: #1d233b;
  z-index: 1;
  border-radius: 100%;
}
.marvel-device.note8 .sensors:before {
  content: "";
  height: 10px;
  width: 10px;
  left: 18px;
  position: absolute;
  top: 0;
  background: #1d233b;
  z-index: 1;
  border-radius: 100%;
}
.marvel-device.note8 .more-sensors {
  height: 16px;
  width: 16px;
  left: 285px;
  position: absolute;
  top: 18px;
  background: #33244a;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1);
  z-index: 1;
  border-radius: 100%;
}
.marvel-device.note8 .more-sensors:before {
  content: "";
  height: 11px;
  width: 11px;
  left: 40px;
  position: absolute;
  top: 4px;
  background: #214a61;
  z-index: 1;
  border-radius: 100%;
}
.marvel-device.note8 .sleep {
  width: 2px;
  height: 56px;
  background: black;
  position: absolute;
  top: 288px;
  right: -2px;
}
.marvel-device.note8 .volume {
  width: 2px;
  height: 120px;
  background: black;
  position: absolute;
  top: 168px;
  left: -2px;
}
.marvel-device.note8 .volume:before {
  content: "";
  top: 168px;
  width: 2px;
  position: absolute;
  left: 0;
  background: black;
  height: 56px;
}
.marvel-device.note8 .inner {
  width: 100%;
  height: calc(100% - 8px);
  position: absolute;
  top: 2px;
  content: "";
  left: 0px;
  border-radius: 34px;
  border-top: 2px solid #9fa0a2;
  border-bottom: 2px solid #9fa0a2;
  background: black;
  z-index: 1;
  box-shadow: inset 0 0 6px 0 rgba(255, 255, 255, 0.5);
}
.marvel-device.note8 .shadow {
  box-shadow: inset 0 0 60px 0 white, inset 0 0 30px 0 rgba(255, 255, 255, 0.5), 0 0 20px 0 white, 0 0 20px 0 rgba(255, 255, 255, 0.5);
  height: 101%;
  position: absolute;
  top: -0.5%;
  content: "";
  width: calc(100% - 20px);
  left: 10px;
  border-radius: 38px;
  z-index: 5;
  pointer-events: none;
}
.marvel-device.note8 .screen {
  border-radius: 14px;
  box-shadow: none;
}
.marvel-device.note8.landscape {
  height: 400px;
  width: 822px;
  padding: 10px 45px;
}
.marvel-device.note8.landscape .speaker {
  height: 56px;
  width: 8px;
  top: 50%;
  margin-top: -28px;
  margin-left: 0;
  right: 25px;
  left: auto;
}
.marvel-device.note8.landscape .camera {
  top: 86px;
  right: 18px;
  left: auto;
}
.marvel-device.note8.landscape .camera:before {
  top: -22px;
  left: 5px;
}
.marvel-device.note8.landscape .sensors {
  top: 120px;
  right: 22px;
  left: auto;
}
.marvel-device.note8.landscape .sensors:before {
  top: 18px;
  left: 0;
}
.marvel-device.note8.landscape .more-sensors {
  top: 285px;
  right: 18px;
  left: auto;
}
.marvel-device.note8.landscape .more-sensors:before {
  top: 40px;
  left: 4px;
}
.marvel-device.note8.landscape .sleep {
  bottom: -2px;
  top: auto;
  right: 288px;
  width: 56px;
  height: 2px;
}
.marvel-device.note8.landscape .volume {
  width: 120px;
  height: 2px;
  top: -2px;
  right: 168px;
  left: auto;
}
.marvel-device.note8.landscape .volume:before {
  right: 168px;
  left: auto;
  top: 0;
  width: 56px;
  height: 2px;
}
.marvel-device.note8.landscape .inner {
  height: 100%;
  width: calc(100% - 8px);
  left: 2px;
  top: 0;
  border-top: 0;
  border-bottom: 0;
  border-left: 2px solid #9fa0a2;
  border-right: 2px solid #9fa0a2;
}
.marvel-device.note8.landscape .shadow {
  width: 101%;
  height: calc(100% - 20px);
  left: -0.5%;
  top: 10px;
}

/* Default Variables

/* Slick icon entity codes outputs the following
/* "\2190" outputs ascii character "←"
/* "\2192" outputs ascii character "→"
/* "\2022" outputs ascii character "•"
*/
/* Slider */
.slick-loading .slick-list {
  background: #fff url("../assets/img/ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  src: url("../fonts/slick.eot");
  src: url("../fonts/slick.eot?#iefix") format("embedded-opentype"), url("../fonts/slick.woff") format("woff"), url("../fonts/slick.ttf") format("truetype"), url("../fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 10px;
  width: 10px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 10px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "←";
}
[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}
[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir=rtl] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 0;
}

.slick-dots {
  position: absolute;
  bottom: 10px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 10px;
  width: 10px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 10px;
  width: 10px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 10px;
  height: 10px;
  font-family: "slick";
  font-size: 10px;
  line-height: 10px;
  text-align: center;
  color: white;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: #048a24;
  opacity: 0.75;
}

/* Global Styles */
html {
  position: relative;
}

/* Foundation Extended Classes */
/* DEPRICATED, DO NOT USE */
.row.full-width {
  width: 100% !important;
  margin-left: auto;
  margin-right: auto;
  max-width: initial;
}

* {
  backface-visibility: hidden;
}

.hide {
  display: none;
}

/* STICK FOOTER TO BOTTOM WHEN PAGE IS TOO SHORT - To use this you must add a section tag with the class of site-stretch to the end of your header AFTER <header> and a closing tag to the top of your footer BEFORE the <footer> */
body {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  overflow-x: hidden;
}

body.modal-open {
  overflow: hidden;
}

.site-stretch {
  flex: 1;
  -ms-flex: none;
}

footer {
  overflow-x: hidden;
}

/* Accordians */
.accordion-title,
.accordion-title::before {
  font-size: 0.9rem;
}

/* PRODUCTS DEVICES */
.device-block {
  overflow: hidden;
}

.device img {
  min-width: 1280px;
}

.device-left img {
  min-width: 1280px;
  float: right;
}

.device-stagger-container {
  position: relative;
  height: 550px;
}

.device-stagger {
  width: 800px;
  height: 550px;
  position: absolute;
  top: 0;
}
.device-stagger img {
  width: 100%;
}

.device-stagger-right {
  left: 0;
}

.device-stagger-left {
  right: 0;
}

@media print, screen and (max-width: 39.99875em) {
  .device-stagger-container {
    height: auto;
  }
  .device-stagger {
    width: auto;
    height: auto;
    position: relative;
  }
  .device-stagger img {
    width: 100%;
  }
}
pre.prettyprint {
  color: #efefef;
  border: none !important;
  border-left: 2px solid #cccccc !important;
  padding-left: 15px !important;
  padding-top: 20px !important;
  padding-bottom: 20px !important;
  overflow-x: scroll;
  background: #454545 !important;
  margin-bottom: 15px;
}
pre.prettyprint code {
  background: none;
  border: none;
}

pre xmp {
  font-size: 1.3rem !important;
  margin: 0 !important;
}

/* Page Default Styles */
#hero {
  width: 100%;
  min-height: 400px;
  background-size: cover;
  position: relative;
  background-position: center center;
  /*.hero-copy {
  	width: 90%;
  	max-width: 550px;
  	position: absolute;
  	top:50%;
  	left: 50%;
  	text-align: center;
  	color: $gz-white;
  	transform: translate(-50%,-50%);
  		img.hero-logo {
  		max-width: 400px;
  		width: 90%;
  		margin-left:5%;
  	}
  }*/
}

/* Pagination */
.pagination {
  padding-bottom: 30px;
}
.pagination .page-numbers {
  display: inline-block;
  text-transform: uppercase;
  font-size: 16px;
  color: #666666;
  padding: 3px 5px 0 5px;
}
.pagination .page-numbers.current {
  color: #048a24;
  padding: 3px 7px 0 7px;
}
.pagination .current {
  border-radius: 4px;
}
.pagination .screen-reader-text {
  display: none;
}

/* Quotes Styles*/
.customer-quote-left {
  max-width: 1908px;
  background-position: center center !important;
  margin: auto;
  text-align: left;
}

.hanging-quote {
  margin-left: -18px;
}

.opening-quotation-mark {
  background: url("https://cdn.pagerduty.com/wp-content/uploads/2017/11/quote.png") no-repeat;
  position: relative;
  top: -40%;
  left: 10%;
  opacity: 0.3;
  width: 100px;
  height: 100px;
}

.quote {
  font-size: 1.5em;
  position: relative;
  top: 50%;
  text-align: center;
}

.quotee {
  font-size: 0.65em;
}

/* Features list styles */
.features-list ul {
  margin: 0 !important;
}
.features-list ul li {
  display: block;
  width: 100%;
  float: left;
  margin: 20px 0;
  padding-bottom: 20px;
  list-style: none;
  font-weight: 400;
  border-bottom: 1px solid #cccccc; /*$gz-med-gray;*/
}
.features-list ul li h3 {
  float: left;
  width: 300px;
  font-size: 1.4em; /*22px*/
  padding-right: 15px;
}
.features-list ul li p {
  /*border-bottom:2px solid green;*/
  width: 70%;
  float: left;
  color: #454545;
}
@media print, screen and (max-width: 63.99875em) {
  .features-list ul li h3 {
    display: block;
    width: 100%;
    float: none;
  }
  .features-list ul li p {
    /*border-bottom:2px solid green;*/
    width: 100%;
  }
}
.features-list ul li:nth-last-child(1) {
  border: none !important;
}

/* Slick Sliders */
.pd-universal-slick-slider {
  /*display: none;*/
  background-color: #343434;
  min-height: 450px;
}

.pd-universal-slick-slider-inner {
  display: none;
}

/* Template Globals */
.gz-post-filter {
  position: relative;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1;
}
.gz-post-filter .gz-hero {
  z-index: 555;
  position: relative;
}

.tags-sidebar-wrapper a.tag-single {
  word-wrap: break-word;
}
.tags-sidebar-wrapper a.tag-single code {
  border-radius: 2px;
  color: #666666;
  margin: 0 2px;
  background: #f9f9f9;
  border-color: #cccccc;
}
.tags-sidebar-wrapper a.tag-single:hover code {
  color: #048a24;
}

.sidebar-category-wrapper li.categories {
  font-weight: 600;
  list-style-type: none;
}
.sidebar-category-wrapper li.categories ul {
  list-style-type: none;
  margin-left: 0;
  margin-top: 10px;
  padding-right: 60px;
}
.sidebar-category-wrapper li.categories ul li {
  font-weight: 400;
  padding: 5px 0;
  border-bottom: 1px dotted #efefef;
}
.sidebar-category-wrapper li.categories ul li a {
  color: #666666;
}
.sidebar-category-wrapper li.categories ul li a:hover {
  color: #048a24;
}

.btn-sidebar-search {
  border-radius: 0 4px 4px 0;
  height: 44px;
  border: none;
}

.post-standard-single {
  border-bottom: 1px solid #efefef;
  padding-bottom: 30px;
  margin-bottom: 70px;
  margin-right: 30px;
}
.post-standard-single .fa-tag,
.post-standard-single .fa-user,
.post-standard-single .fa-navicon {
  color: #cccccc;
}

.post-date {
  color: #666666;
  font-weight: 600;
  font-size: 0.825em;
}

.post-author,
.post-cats,
.post-tags {
  color: #666666;
}

.post-cats {
  padding: 0 5px;
}

.post-cat-link,
.post-cat-link:focus {
  outline: none;
}

.fa-navicon {
  padding-left: 10px;
}

.slick-wrapper {
  background-color: #efefef;
  height: 450px;
}

.pd-blog-slick-slider {
  display: none;
}

.pd-slide {
  background-size: cover;
  background-position: center center;
  height: 450px;
  width: 100%;
}

ul.sidebar-nav {
  list-style-type: none;
}
ul.sidebar-nav li {
  line-height: 25px;
  margin-left: 1em !important;
}
ul.sidebar-nav li:first-child h5 {
  margin-top: 0;
}
ul.sidebar-nav li a {
  font-weight: 600;
  font-size: 16px;
  line-height: inherit;
}
ul.sidebar-nav li ul {
  font-size: 1em !important;
}
ul.sidebar-nav h5,
ul.sidebar-nav h6 {
  margin-top: 1.2rem;
  margin-bottom: 0.8rem;
}

/* Foundation Overrides */
@media only screen and (max-width: 480px) {
  .lead {
    font-size: 100%;
  }
}

/* Utility */
.overlay-dk:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
}

.text-bottom-centered {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
  z-index: 10;
  padding: 1rem 0;
  text-align: center;
}

.no-top-pad {
  padding-top: 0 !important;
}
.no-top-pad .content-wrap {
  padding-top: 0 !important;
}

.no-bottom-pad {
  padding-bottom: 0 !important;
}
.no-bottom-pad .content-wrap {
  padding-bottom: 0 !important;
}

/* Adapted Theme Classes */
.subtitle {
  display: block;
  font-size: 1.15rem;
  line-height: 1.508em;
}

.separator {
  border-color: #f2f2f2;
  border-style: solid;
  width: 100%;
  border-width: 1px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  /*     border-bottom: 1px solid #b2b2b2; */
  margin: 10px 0;
}

.max-height-450 .row {
  max-height: 450px;
  overflow: hidden;
}

/* Flex Content Pages */
.content-wrap {
  padding-top: 3.125rem;
  padding-bottom: 3.125rem;
  position: relative;
  z-index: 10;
}

.inner {
  margin-bottom: 1.5rem;
  float: left;
  width: 100%;
  padding-right: 0.625rem;
  padding-left: 0.625rem;
}
@media print, screen and (min-width: 40em) {
  .inner {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
.inner, .inner:last-child:not(:first-child) {
  float: left;
  clear: none;
}
.inner:last-child:not(:first-child) {
  float: right;
}
.inner .content-wrap {
  padding: 2rem 0;
}

section.align-center > .content-wrap {
  justify-content: center;
}

section.align-middle > .content-wrap {
  align-items: center;
  height: 100%;
}

.flex-page.nested-sections {
  padding-bottom: 2rem;
}

.full-width {
  padding: 3rem 0 2rem;
}

.flex-content .full-bleed {
  margin: 0;
  padding: 0;
}

.flex-content .no-top-pad .content-wrap,
.flex-content .no-top-pad .full-width {
  padding: 0 0 4rem;
}

.outer-wrap {
  padding: 3rem 4rem;
  background: white;
  max-width: 75rem;
  margin-right: auto;
  margin-left: auto;
}
.outer-wrap::before, .outer-wrap::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
.outer-wrap::after {
  clear: both;
}
.outer-wrap {
  float: left;
  width: 100%;
  padding-right: 0.625rem;
  padding-left: 0.625rem;
}
@media print, screen and (min-width: 40em) {
  .outer-wrap {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
.outer-wrap, .outer-wrap:last-child:not(:first-child) {
  float: left;
  clear: none;
}
.outer-wrap:last-child:not(:first-child) {
  float: right;
}
.outer-wrap, .outer-wrap:last-child {
  float: none;
}
.outer-wrap:last-child:not(:first-child) {
  float: none;
}
.outer-wrap {
  margin-bottom: 4rem !important;
}

.skinny-pad .content-wrap {
  padding: 3rem 0;
}

.tabs-content {
  border: none;
  padding-top: 3rem;
}

/*
.tabs li a {
	color: $gz-drk-gray;
}
*/
.tabs-title > a:focus,
.tabs-title > a[aria-selected=true] {
  background: #efefef;
  border: 1px solid rgba(204, 204, 204, 0.75);
}

.col-tabs {
  border: none;
}
@media print, screen and (min-width: 40em) {
  .col-tabs {
    max-width: 75rem;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: stretch;
  }
}
@media print, screen and (min-width: 40em) {
  .col-tabs li {
    min-width: 0;
    flex: 1 1 0px;
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }
}
@media print, screen and (min-width: 40em) and (min-width: 40em) {
  .col-tabs li {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
.col-tabs li {
  text-align: center;
}
.col-tabs li .tab-title,
.col-tabs li .accordion-title {
  font-size: 125%;
  border: 1px solid #cccccc;
}
.col-tabs li .tab-title:hover,
.col-tabs li .accordion-title:hover {
  background: #efefef;
}

.newsroom .card img {
  width: auto;
  height: 4rem;
}

section.white-block .img-wrap {
  background: white;
  padding: 0.75rem;
}

.block-grid-wrap h2 {
  text-align: center;
}

.column-block {
  text-align: center;
}

.img-wrap {
  text-align: center;
  position: relative;
  padding: 0.75rem;
}

/* Sign Up Section */
section.sign-up-bar > .content-wrap {
  max-width: none;
  margin-right: auto;
  margin-left: auto;
}
section.sign-up-bar > .content-wrap::before, section.sign-up-bar > .content-wrap::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
section.sign-up-bar > .content-wrap::after {
  clear: both;
}
section.sign-up-bar > .content-wrap {
  padding: 0;
}
section.sign-up-bar > .content-wrap > .column,
section.sign-up-bar > .content-wrap .columns {
  padding-right: 0;
  padding-left: 0;
}

@media only screen and (max-width: 640px) {
  .logo-wrapper img {
    width: 130px;
  }
  .yelp-copy h1 {
    font-size: 24px !important;
  }
}
#mobile-hero {
  display: none;
}

.orig-hero {
  position: relative;
  background-position: top left;
}

.hero-padding,
.summit-copy {
  padding-top: 50px;
}

.hero-padding h1,
.summit-copy h1 {
  font-size: 48px !important;
}

/* Specific Pages */
/* Contact Page */
.tabs-content .tabs-panel form .box-form .row {
  margin-bottom: 0;
}
.tabs-content .tabs-panel form .box-form input,
.tabs-content .tabs-panel form textarea,
.tabs-content .tabs-panel form select {
  width: 100%;
  height: auto;
}
.tabs-content .tabs-panel form .mktoButtonRow > span > button {
  width: 100% !important;
}

/* Home Page*/
.logo-strip {
  /* 	background-image:url ('https://pdrelaunch.staging.wpengine.com/wp-content/uploads/2017/03/logostrip-1500.png'); */
  background-position: center top;
  background-repeat: no-repeat;
  background-color: #363636;
  padding: 3.85rem 0;
}

h2.sign-up {
  margin-bottom: 0 !important;
  padding: 0;
}

/* LayerSlider */
.yelp-copy {
  text-align: center;
}

.hero-copy-wrapper {
  max-width: 700px;
  margin: auto;
  text-align: center;
  padding: 50px 0 0 0;
}

.logo-wrapper {
  color: #ffffff;
  font-size: 2.2em;
}

.logo-wrapper img {
  width: 200px;
}

img.yelp-logo {
  margin-bottom: 20px;
}

img.pd-logo {
  padding: 20px !important;
}

.yelp-copy h1 {
  font-size: 34px !important;
  color: #ffffff;
  margin-bottom: 40px !important;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .logo-strip {
    background-image: url(https://cdn.pagerduty.com/wp-content/uploads/2017/03/logostrip-1500@2x.png);
  }
}
@media only screen and (max-width: 1024px) {
  .logo-strip {
    background-image: url(https://cdn.pagerduty.com/wp-content/uploads/2017/03/logostrip-1024.png);
  }
  .hero-padding,
  .summit-copy {
    padding-top: 80px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  .logo-strip {
    background-image: url(https://cdn.pagerduty.com/wp-content/uploads/2017/03/logostrip-1024@2x.png);
  }
}
@media only screen and (max-width: 415px) {
  .logo-strip {
    background-image: url(https://cdn.pagerduty.com/wp-content/uploads/2017/03/logostrip-415.png);
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 415px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 415px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 415px), only screen and (min-device-pixel-ratio: 2) and (max-width: 415px), only screen and (min-resolution: 192dpi) and (max-width: 415px), only screen and (min-resolution: 2dppx) and (max-width: 415px) {
  .logo-strip {
    background-image: url(https://cdn.pagerduty.com/wp-content/uploads/2017/03/logostrip-415@2x.png);
  }
}
/* Brand */
.download-assets {
  padding: 2rem 0;
  margin: 1rem 0 2rem;
}

.usage-wrapper {
  padding: 0 4rem 4rem;
}

/* Company */
.awards-wrap .content-wrap {
  padding: 3.25rem 0 3rem;
}

.logo-wrap {
  padding: 1rem;
}

/* Foundation */
.foundation.overlay-dk:after {
  background: rgba(0, 0, 0, 0.55);
}

/* Partner with PagerDuty */
/* Green Boxes */
.box-wrap {
  padding: 0.75rem;
}

.green-box {
  padding: 1rem 1rem;
  background: #048a24;
  border-radius: 4px;
}

.green-box .pgd-button-white-outline:hover {
  color: #06ac38 !important;
}

.green-box p {
  font-size: 1.25rem;
}

.green-box h2 {
  letter-spacing: normal;
  font-size: 28px;
  padding: 0.25em 0 0.5em;
  border-bottom: 1px solid rgba(255, 255, 255, 0.6);
}

.page-template-template-flex-content .bkgd-shadow-quote:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+42,000000+100&0+42,1+100 */
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 42%, rgb(0, 0, 0) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 42%, rgb(0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 42%, rgb(0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}

/* Newsroom */
/* *****************************************************************************
/* Although we are switching to tailwind, some class names are generated by
/* wordpress
/* *****************************************************************************/
.footer_menu_no-link {
  text-transform: uppercase;
}

/* *****************************************************************************
/* All the styles in .footer are deprecated
/* Replace them with tailwind versions
/* ****************************************************************************/
.footer {
  max-width: 75rem;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 9rem;
}
.footer_menu, .footer_extra {
  display: flex;
  flex: 1 1 100%;
  flex-wrap: wrap;
}
.footer_menu {
  margin: 0 auto;
}
.footer_menu_group {
  list-style-type: none;
  margin: 0;
}
.footer_menu_group_level-0 {
  flex: 1 1 25%;
  margin: 2rem 1rem 0;
  text-transform: uppercase;
}
.footer_menu_group_level-1 {
  margin: 15px 0;
  font-size: 87.5%;
  text-transform: none;
  color: #4b4f4f;
  color: #94b2a5;
}
.footer_menu_group_level-1 a {
  color: #666666;
}
.footer_menu_group_level-1 a:hover {
  color: #048a24;
}
.footer_menu_link, .footer_menu_no-link {
  display: inline-block;
  padding: 0.25rem 0;
}
.footer_menu_no-link, .footer_menu_no-link:hover {
  cursor: default;
  color: #343434;
}
.footer_extra, .footer_terms {
  margin-top: 3rem;
  font-size: 87.5%;
  justify-content: space-between;
  margin: 2rem 1rem 0;
}
.footer_terms {
  margin: 1rem auto 0;
}
.footer_lang-selector {
  color: #00607f;
  display: flex;
  align-items: center;
}
.footer_lang-selector > select {
  margin: 0 0 0 0.5em;
  border: none;
}
.footer_social-links, .footer_copyright, .footer_terms {
  color: #00607f;
}
.footer_social-links a, .footer_copyright a, .footer_terms a {
  color: #666666;
}
.footer_social-links a:hover, .footer_copyright a:hover, .footer_terms a:hover {
  color: #048a24;
}
.footer_social-links .fa {
  padding: 0.5em;
}
.footer_social-links > a > span {
  display: none;
}
.footer_copyright {
  text-align: center;
}
.footer_terms {
  text-align: center;
}

/* pd-video-virt-summit-17-modal */
.pd-video-virt-summit-17-modal .modal-html {
  display: none;
}
.pd-video-virt-summit-17-modal .vid-bkgd {
  height: 250px;
  width: 100%;
  /*background-size: 101% auto;*/
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  margin-top: 25px;
}
.pd-video-virt-summit-17-modal .video {
  display: none;
}
.pd-video-virt-summit-17-modal .overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.2);
}
.pd-video-virt-summit-17-modal .playhead {
  max-height: 50px;
  max-width: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 0.5;
  transform: translate(-50%, -50%);
  transition: opacity 200ms ease;
}
.pd-video-virt-summit-17-modal .overlay:hover .playhead {
  opacity: 1;
}
.pd-video-virt-summit-17-modal .copy-wrapper {
  text-align: center;
  color: #454545;
  min-height: 205px;
}
.pd-video-virt-summit-17-modal .copy-wrapper .name-pos {
  margin-top: 15px;
  min-height: 22px;
  font-size: 0.9em;
}
.pd-video-virt-summit-17-modal .copy-wrapper .title {
  margin-top: 0;
  min-height: 50px;
  font-size: 1.2em;
  text-transform: uppercase;
}
.pd-video-virt-summit-17-modal .copy-wrapper .blurb {
  margin-top: 5px;
  min-height: 80px;
}
.pd-video-virt-summit-17-modal .copy-wrapper p {
  margin-bottom: 5px;
}
@media only screen and (max-width: 640px) {
  .pd-video-virt-summit-17-modal .copy-wrapper .name-pos,
  .pd-video-virt-summit-17-modal .copy-wrapper .title,
  .pd-video-virt-summit-17-modal .copy-wrapper .blurb {
    min-height: 0;
  }
}
@media only screen and (max-width: 700px) {
  .pd-video-virt-summit-17-modal .copy-wrapper {
    min-height: 225px;
  }
}
@media only screen and (max-width: 640px) {
  .pd-video-virt-summit-17-modal .copy-wrapper {
    min-height: 0;
  }
}

.virt-summit-modal {
  position: absolute;
  bottom: 10%;
  height: 80%;
  background: #f4f4f4;
  width: 90%;
  left: 5%;
}
.virt-summit-modal .virt-summit-modal-inner {
  padding: 50px 10px;
  overflow: auto;
  height: 100%;
}
.virt-summit-modal .yt-video {
  display: none;
}
.virt-summit-modal .mkto-form-wrapper {
  display: none;
}
.virt-summit-modal .mkto-form {
  border: 1px solid #ccc;
  padding: 10px;
  background: #f0f0f0;
}
.virt-summit-modal p.cookie-alert {
  padding: 10px;
  display: none;
  background: #f9cfcf;
  border-radius: 4px;
  border: 1px solid #767676;
}

.comp-bottom-image-wrappers {
  position: relative;
  text-align: center;
  height: 200px;
  overflow: hidden;
  font-size: 12px;
  margin: 20px 0px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.comp-bottom-image-wrappers:hover {
  color: #048a24;
  cursor: pointer;
}

.comp-bottom-image-wrappers img {
  max-height: 100px;
  position: absolute;
  display: block;
  padding: 20px;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, 50%);
}

.comp-bottom-image-capt {
  line-height: 1.2em;
  position: absolute;
  bottom: 40px;
  left: 50%;
  top: 75%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, 50%);
  display: block;
  padding: 0px 5px;
  width: 100%;
}

/* Logo bar */
.logo-bar.container {
  background: #232323;
  display: block;
  position: relative;
  padding: 30px 0;
}
.logo-bar.container img {
  height: 35px;
  margin: auto;
  width: 100%;
}
.logo-bar.container .lbl-customer-count h6 {
  margin: 0;
}
.logo-bar.container a.lb-link,
.logo-bar.container a.lb-link img,
.logo-bar.container a.lb-link h3 {
  transition: 1s cubic-bezier(0.19, 1, 0.22, 1);
  will-change: transform;
  filter: blur(0);
  display: block;
}
.logo-bar.container a.lb-link:hover {
  transform: scale(0.95);
}
.logo-bar.container a.lb-link:hover h3,
.logo-bar.container a.lb-link:hover h5 {
  filter: blur(20px);
}
.logo-bar.container a.lb-link:hover img {
  filter: blur(20px);
  opacity: 0.6;
}
.logo-bar.container a.lb-link:hover h5 {
  filter: blur(1px);
  opacity: 0.7;
}
.logo-bar.container .view-cust-cta {
  position: absolute;
  margin: auto;
  text-align: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1);
  transition: 1s cubic-bezier(0.19, 1, 0.22, 1);
  opacity: 0;
  border: 2px solid #fff;
  border-radius: 4px;
  background: #fff;
  color: #343434;
  padding: 5px 15px;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
  z-index: 999;
  cursor: pointer;
}
.logo-bar.container .view-cust-cta:hover {
  opacity: 1;
  display: block;
}
.logo-bar.container .view-cust-cta:hover + a.lb-link {
  transform: scale(0.95);
}
.logo-bar.container .view-cust-cta:hover + a.lb-link h3,
.logo-bar.container .view-cust-cta:hover + a.lb-link img {
  filter: blur(20px);
  opacity: 0.6;
}
.logo-bar.container .view-cust-cta:hover + a.lb-link h5 {
  filter: blur(1px);
  opacity: 0.7;
}
.logo-bar.container .staples-padding {
  padding: 8px 0;
}
@media only screen and (max-width: 640px) {
  .logo-bar.container .hide-tablet-down {
    display: none;
  }
}
@media only screen and (max-width: 480px) {
  .logo-bar.container .hide-mbl-down {
    display: none;
  }
}

.logo-bar.container:hover .view-cust-cta {
  opacity: 1;
  display: block;
}

.logo-bar.container.green {
  background-color: #048a24;
}
.logo-bar.container.green img {
  filter: blur(0) brightness(0) invert(1) !important;
}

/* video-single-modal */
.tp-video-single {
  background-color: #343434;
  position: relative;
  min-height: 321px;
}
.tp-video-single .vid-bkgd {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #454545;
  background-size: cover;
  background-position: center center;
  float: left;
}
.tp-video-single .vid-bkgd .lrg-playhead {
  -webkit-transition: all ease-out 0.3s;
  -moz-transition: all ease-out 0.3s;
  -o-transition: all ease-out 0.3s;
  transition: all ease-out 0.3s;
  -moz-box-sizing: initial;
  box-sizing: initial;
  -webkit-backface-visibility: hidden;
  opacity: 0.6;
  position: absolute;
  width: 50px;
  left: 50%;
  top: 35%;
  transform: translate(-50%, -50%);
}
.tp-video-single .vid-bkgd .quote {
  color: #fff;
  position: absolute;
  top: 50%;
  width: 80%;
  left: 10%;
  font-style: italic;
  opacity: 0.6;
  -webkit-transition: all ease-out 0.3s;
  -moz-transition: all ease-out 0.3s;
  -o-transition: all ease-out 0.3s;
  transition: all ease-out 0.3s;
  text-align: center;
}
.tp-video-single .vid-bkgd:hover .lrg-playhead,
.tp-video-single .vid-bkgd:hover .quote {
  opacity: 0.8;
}
.tp-video-single .copy-wrapper {
  padding-top: 150px;
  padding-bottom: 20px;
}
.tp-video-single {
  /* Foundation Breakpoint */
}
@media only screen and (max-width: 640px) {
  .tp-video-single .vid-bkgd {
    position: relative;
    bottom: 0;
    left: 0;
    height: 250px;
    width: 100%;
    background-color: #454545;
    background-size: cover;
    background-position: center center;
    float: none;
  }
  .tp-video-single .copy-wrapper {
    padding-top: 50px;
    padding-bottom: 20px;
  }
}

.video-single-modal-modal {
  max-width: 815px;
  max-height: 458px;
  width: 90%;
  height: 90%;
  position: absolute;
  display: block;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.video-single-modal-modal .btn-close-modal {
  position: absolute;
  top: -60px;
  right: 20px;
  height: 50px;
  width: 50px;
  text-align: center;
  display: block;
}
.video-single-modal-modal .btn-close-modal .fa-close {
  line-height: 50px;
  font-size: 3.4em;
  color: #fff;
}
.video-single-modal-modal .btn-close-modal .fa-close:hover {
  color: #eee;
  cursor: default;
}

/* video-half-stack */
.pd-video-half-stack {
  position: relative;
  min-height: 400px;
}
.pd-video-half-stack .vid-bkgd {
  height: 100%;
  min-height: 35rem;
  width: 100%;
  background-color: #e7ddcf;
  background-size: cover;
  background-position: center center;
  float: left;
  filter: brightness(0.5);
}
.pd-video-half-stack .lrg-playhead.btn-play {
  position: absolute;
  width: 100px;
  height: 100px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.pd-video-half-stack .lrg-playhead:hover {
  opacity: 0.8;
}
.pd-video-half-stack h4.caption {
  font-size: 1rem;
  margin-left: 1rem;
  position: absolute;
  bottom: 1rem;
  color: white;
}
.pd-video-half-stack .copy-wrapper {
  padding-top: 150px;
  padding-bottom: 20px;
}
.pd-video-half-stack {
  /* Foundation Breakpoint */
}
@media only screen and (max-width: 640px) {
  .pd-video-half-stack .vid-bkgd {
    position: relative;
    bottom: 0;
    left: 0;
    height: 250px;
    width: 100%;
    background-color: #454545;
    background-size: cover;
    background-position: center center;
    float: none;
  }
  .pd-video-half-stack .copy-wrapper {
    padding-top: 50px;
    padding-bottom: 20px;
  }
}

.pd-video-half-stack-modal {
  max-width: 815px;
  max-height: 458px;
  width: 90%;
  height: 90%;
  position: absolute;
  display: block;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.pd-video-half-stack-modal .btn-close-modal {
  position: absolute;
  top: -60px;
  right: 20px;
  height: 50px;
  width: 50px;
  text-align: center;
  display: block;
}
.pd-video-half-stack-modal .btn-close-modal .fa-close {
  line-height: 50px;
  font-size: 3.4em;
  color: #fff;
}
.pd-video-half-stack-modal .btn-close-modal .fa-close:hover {
  color: #eee;
  cursor: default;
}

/* pd-video-repeater */
.pd-video-repeater {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.pd-video-repeater .vid-bkgd {
  position: relative;
  height: 150px;
  background-size: cover;
  background-position: center center;
  margin-bottom: 15px;
}
.pd-video-repeater .vid-bkgd .logo {
  width: 50%;
  max-width: 180px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.pd-video-repeater .vid-bkgd .overlay {
  opacity: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6);
}
.pd-video-repeater .vid-bkgd .overlay .lrg-playhead {
  width: 50px;
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.pd-video-repeater .vid-bkgd .overlay:hover {
  opacity: 1;
}
.pd-video-repeater .copy-wrapper {
  overflow: visible;
  padding-bottom: 30px;
}
.pd-video-repeater .copy-wrapper img {
  margin-top: 10px;
  width: 40%;
}
.pd-video-repeater .copy-wrapper h2 {
  font-size: 1em;
  margin-top: 0px;
  padding: 5px;
}

/* video-collection */
.pd-video-collection {
  width: 100%;
  position: relative;
  height: 650px;
  background: #454545;
  /*margin-top: 100px;*/
  overflow: hidden;
}

.bkgd-video-single {
  display: none;
  background-size: cover;
  background-position: center center;
  width: 100%;
  height: 100%;
  position: absolute;
}

.video-holder {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.video-holder iframe {
  width: 100%;
  /*
  max-width: 1100px;
  height: 650px;
  left:50%;
  transform: translateX(-50%);
  */
}
.video-holder {
  /*
  .fluidvids {
    top: 100%;
    transform: translateY(-100%);
    margin: auto;
  }
  */
}
.video-holder .close-video {
  position: absolute;
  padding-top: 8px;
  top: 40px;
  right: 10px;
  font-size: 2.5em;
  width: 50px;
  height: 50px;
  background: url(/assets/img/bkgd-blk-70-percent.png) repeat;
  display: inline-block;
  text-align: center;
  color: #fff;
  z-index: 9999999;
  cursor: pointer;
}

.video-copy-wrapper {
  display: table;
  height: 100%;
}

.video-copy {
  vertical-align: middle;
  display: table-cell;
  text-align: center;
  max-width: 750px;
  margin: auto;
}
.video-copy p {
  color: #fff;
  font-weight: bold;
}
.video-copy p.vid-quotee {
  text-transform: uppercase;
  color: #fff;
}
.video-copy img.lrg-playhead {
  width: 75px;
  opacity: 0.7;
  padding: 20px 0;
}
.video-copy img.lrg-playhead:hover {
  opacity: 1;
}

.video-buttons {
  z-index: 555;
  text-align: center;
  margin-top: -40px;
  position: relative;
}
.video-buttons .video-icon-wrapper {
  display: inline-block;
  width: 100px;
  height: 120px;
}
.video-buttons .video-icon-wrapper .video-icon {
  display: inline-block;
  background-size: 75px, 75px;
  background-position: center, center;
  width: 75px;
  height: 75px;
  border-radius: 50%;
  border: 2px solid #fff;
}
.video-buttons .video-icon-wrapper .video-icon img.video-button {
  width: 71px;
  height: 71px;
  border-radius: 50%;
  opacity: 0.4;
}
.video-buttons .video-icon-wrapper .video-icon img.video-button:hover {
  opacity: 0.2;
}
.video-buttons .video-icon-wrapper .video-icon img.video-button.is-active {
  opacity: 0;
}
.video-buttons .video-icon-wrapper img.video-logo {
  width: 90px;
  height: 30px;
  margin-top: 10px;
}

.bkgd-video-single.is-active {
  display: block;
}

/* Foundation Breakpoint */
@media only screen and (max-width: 640px) {
  .pd-video-collection {
    height: 350px;
  }
  .video-buttons .video-icon-wrapper {
    display: inline-block;
    width: 80px;
  }
  .video-copy img.lrg-playhead {
    width: 50px;
    padding: 10px 0;
  }
}
/* sign-up-form / trial-form*/
.hide-title .sign-up-form h2 {
  display: none;
}

.sect-sign-up-form.bkgd-drk-gray h3,
.sect-sign-up-form.bkgd-drk-gray p {
  color: #ffffff;
}

.bkgd-drk-gray .sign-up-form .form-terms-copy {
  color: #ffffff;
}

.sect-sign-up-form.bkgd-space-gray h3,
.sect-sign-up-form.bkgd-space-gray p {
  color: #ffffff;
}

.bkgd-space-gray .sign-up-form .form-terms-copy {
  color: #ffffff;
}

/* Sign Up Bar */
.sign-up-bar {
  display: block;
  overflow: auto;
}
.sign-up-bar h2 {
  display: inline-block;
  margin: 0;
}
.sign-up-bar a {
  margin: 20px;
}
.sign-up-bar .bar-inner {
  text-align: center;
}

.sign-up-bar.green {
  background: #048a24;
}

/* GZ Layout Component - Video Box Slider */
.video-slider-wrapper .slides-holder-wrapper {
  position: relative;
}
.video-slider-wrapper .slides-holder-wrapper .btn-slide-nav {
  position: absolute;
  background-color: #454545;
  width: calc(10% - 10px);
  height: calc(100% - 10px);
  top: 5px;
  display: none;
  cursor: pointer;
}
.video-slider-wrapper .slides-holder-wrapper .btn-slide-nav .fa {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 4em;
  color: white;
}
.video-slider-wrapper .slides-holder-wrapper .btn-prev {
  left: 5px;
}
.video-slider-wrapper .slides-holder-wrapper .btn-next {
  right: 5px;
}
.video-slider-wrapper .slides-holder {
  height: 125px;
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: row;
  align-content: stretch;
  overflow-x: auto;
  position: relative;
}
.video-slider-wrapper .slides-holder.with-nav {
  width: 80%;
  margin-left: 10%;
}
.video-slider-wrapper .slides-holder::-webkit-scrollbar {
  display: none;
}
.video-slider-wrapper .slide.thumb {
  height: 100%;
  padding: 5px;
  flex: 1 0 25%;
}
.video-slider-wrapper .slide.thumb .slide-inner {
  width: 100%;
  height: 100%;
}
@media print, screen and (max-width: 39.99875em) {
  .video-slider-wrapper .slide.thumb {
    flex: 1 0 50%;
  }
}
.video-slider-wrapper .slide.main {
  height: 300px;
  padding: 5px;
}
.video-slider-wrapper .slide.main .slide-main-inner {
  height: 100%;
  width: 100%;
  position: relative;
}
.video-slider-wrapper .playhead {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px;
  height: 50px;
  transform: translate(-50%, -50%);
}

.border-left-1px {
  border-left: 1px solid #4b4f4f;
}

/* gz-layout tile-repeater */
#tile-repeater {
  padding-top: 50px;
  padding-bottom: 80px;
}
#tile-repeater .tile-wrapper {
  border: 1px solid #666666;
  padding: 35px;
  margin: 15px 0 15px;
  width: 100%;
  flex-direction: column;
  display: flex;
}
#tile-repeater .tile-wrapper .tile-icon {
  padding: 15px 0;
  height: 80px;
}
#tile-repeater .tile-wrapper .tile-icon img {
  height: 50px;
}
#tile-repeater .tile-wrapper .tile-words {
  color: #4b4f4f;
}
#tile-repeater .tile-wrapper .tile-words .text-space {
  height: 140px;
  min-height: 100px;
}
#tile-repeater .tile-wrapper .show-modal {
  flex: 1 1 auto;
}
#tile-repeater .tile-wrapper h3 {
  padding-top: 0px;
  margin-bottom: 0;
  font-size: 1.75em;
  height: 85px;
}
#tile-repeater .tile-wrapper .tile-cta {
  text-decoration: none;
  letter-spacing: 1.5px;
  font-weight: 600;
  color: #048a24;
}

/* only effects medium and larger */
/* Feature Hub Templates */
.feature-hub-template .tp-video-single {
  min-height: 0 !important;
}
.feature-hub-template .btn-feature-main-vid {
  cursor: pointer;
}
@media print, screen and (min-width: 40em) {
  .feature-hub-template .tp-video-single {
    min-height: 400px !important;
  }
}
.feature-hub-template .pillar-inner {
  padding: 20px;
}
.feature-hub-template .pillar-inner h4 {
  color: #048a24;
  margin-top: 10px;
  margin-bottom: 20px;
}
.feature-hub-template .feature-icn-holder {
  height: 75px;
}
.feature-hub-template .feature-icn-holder img {
  height: 65px;
}

.bkgd-slanted {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-color: #048a24;
  height: auto;
  right: 0;
  transform: skewY(-12deg);
  pointer-events: none;
  z-index: -1;
}

.feature-slide {
  padding: 0 50px;
}
.feature-slide .row {
  min-height: 400px;
}
.feature-slide p {
  text-align: left;
}
.feature-slide img {
  margin-top: 5px;
  border-radius: 4px;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.36);
}
.feature-slide {
  outline: none;
  border: none;
}

.feature-slide:active,
.feature-slide:focus,
.feature-slide:hover {
  outline: none;
  border: none;
}

ul.pd-feature-slick-slider-nav {
  list-style-type: none;
  padding-top: 20px;
}
ul.pd-feature-slick-slider-nav li a {
  display: block;
  margin-bottom: 30px;
  text-transform: uppercase;
}
ul.pd-feature-slick-slider-nav li a.feature-slide-nav:hover {
  color: #048a24;
}
ul.pd-feature-slick-slider-nav li a:not(.active) {
  color: #4b4f4f;
}

/* Integration Guides
/* FIXME(leo): Separate into its own file
*/
.template-integration-guide img {
  display: block !important;
  margin: 15px 0 30px 0;
  border: 1px solid #efefef;
}
.template-integration-guide {
  /*  FIXME(leo): Use function to calculate the scale */
}
.template-integration-guide h2 {
  font-size: 40px; /*  FIXME(leo): corresponds to $header-styles small h1 */
  line-height: 1;
  margin-top: 1.25em;
}
.template-integration-guide h2:first-child {
  margin-top: 0;
}
.template-integration-guide h4 {
  font-size: 25px; /*  FIXME(leo): corresponds to $header-styles small h3 */
  line-height: 1.1;
  margin-top: 2em;
}
.template-integration-guide h2 + h4 {
  margin-top: 1em;
}

.int-guide-menu {
  width: 100%;
  height: 100vh;
  background: #efefef;
  padding: 15px 15px 0 15px;
  overflow: auto;
}
.int-guide-menu .int-guide-logo {
  width: 180px;
  margin-top: 0px;
  margin-bottom: 35px;
  margin-left: auto;
  margin-right: auto;
}
.int-guide-menu a.ig-sidebar-list-item {
  color: #666666;
  font-size: 0.925em;
  transition: all 0.2s ease;
}
.int-guide-menu a.ig-sidebar-list-item:hover {
  color: #048a24;
  padding-left: 3px;
  font-weight: 600;
}

.ig-search,
.ig-crumbs {
  display: block;
  padding: 0px 0;
}

.ig-crumbs {
  padding-top: 10px;
  border-bottom: solid 1px #efefef;
}

@media print, screen and (max-width: 74.99875em) {
  .ig-crumbs {
    border-bottom: none;
  }
}
.ig-search {
  position: relative;
  border-bottom: solid 1px #efefef;
}
.ig-search input:focus {
  outline: none;
}
.ig-search input {
  width: calc(100% - 2px);
  margin-left: 1px;
  padding-bottom: 2px;
}
.ig-search input[type=text] {
  border: 0;
  cursor: text;
}
.ig-search .underline {
  background-color: #048a24;
  transition: width 0.2s, background 0.3s, border 0.3s, text-shadow 0.3s;
  z-index: 0;
  height: 2px;
  display: block;
  bottom: 0;
  position: absolute;
  z-index: 7777;
  width: 0;
  left: 0;
  opacity: 0.7;
}
.ig-search input:focus ~ .underline {
  width: 100%;
}
.ig-search .ig-search-results-holder {
  position: absolute;
  width: 100%;
  padding: 30px;
  background: #ffffff;
  border: 1px solid #048a24;
  top: 100%;
  height: inherit;
  overflow: auto;
  display: none;
}
@media print, screen and (min-width: 64em) {
  .ig-search .ig-search-results-holder {
    padding: 30px 50px;
  }
}

a.ig-result-list {
  color: #454545;
}
a.ig-result-list span.highlite {
  display: inline-block;
  padding: 2px 0;
  background: #dbffe5;
}

.icon-ig-search {
  position: absolute;
  width: 20px;
  height: 15px;
  top: 50%;
  left: 50px;
  transform: translateY(-50%);
  color: #cccccc;
  transition: left 0.2s ease-in-out;
}

.icon-ig-search.active {
  left: 20px;
}

#int-guide-searchbox {
  padding-left: 75px;
}

#int-guide-searchbox::placeholder {
  color: #cccccc;
  /*padding-left:24px;*/
}

.searchbox-stripped {
  background: #f9f9f9;
  border: none;
  width: 100%;
  height: 50px;
  box-shadow: none;
  margin: 0;
  border-radius: 0;
}

.searchbox-stripped:focus {
  background: #f9f9f9;
  border: none;
  outline: none;
  box-shadow: none;
  height: inherit;
  height: 50px;
}

.input-underline-wrapper {
  display: inline-block;
  width: 100%;
}

ul.int-guide-nav {
  list-style-type: none;
  margin: 0;
}
ul.int-guide-nav li {
  display: inline-block;
  padding: 5px 15px;
  font-weight: 600;
}

.int-guide-toc-wrapper {
  height: 100vh;
}

.int-guide-toc {
  height: 100vh;
  width: 100%;
  max-width: none;
  padding-left: 15px;
}

@media print, screen and (max-width: 63.99875em) {
  .int-guide-toc {
    height: auto;
    background: #f9f9f9;
  }
}
ul.int-guide-toc-holder {
  list-style-type: none;
  margin-left: 0;
}
ul.int-guide-toc-holder li {
  margin-bottom: 10px;
  line-height: 1.3em;
}
ul.int-guide-toc-holder li a {
  color: #666666;
  transition: color 0.2s ease;
  font-weight: 600;
  font-size: 0.825em;
}
ul.int-guide-toc-holder li a:hover {
  color: #048a24;
}

.int-guide-footer {
  width: 100%;
  border-top: 1px #efefef solid;
}

.single-integration-guide {
  padding: 0 15px;
}

.int-guide-middle-pad {
  padding: 0 50px;
}

@media print, screen and (max-width: 74.99875em) {
  .int-guide-middle-pad {
    padding: 0 30px;
  }
}
.ig-mid-pad-bottom {
  padding-bottom: 50px !important;
}

/* SEM LP - Single Topic 2017 */
#sem-lp-single-topic #nav {
  position: absolute;
  top: 0;
  padding-top: 15px;
}
#sem-lp-single-topic #nav img {
  width: 200px;
}
#sem-lp-single-topic #hero {
  padding-top: 30px;
  padding-bottom: 20px;
}
#sem-lp-single-topic #sign-up {
  background: #efefef;
}
#sem-lp-single-topic #sign-up .columns {
  padding-left: 0.9375rem;
}
#sem-lp-single-topic .form-wrapper {
  padding-left: 0;
}
#sem-lp-single-topic .device {
  position: relative;
}
#sem-lp-single-topic .device img {
  position: absolute;
  bottom: 80px;
  left: 20px;
  min-width: 950px;
  width: 950px;
}
#sem-lp-single-topic #sub-copy {
  padding: 50px 0;
  text-align: center;
}
#sem-lp-single-topic #other-resources,
#sem-lp-single-topic #other-blogs {
  padding: 50px 0;
}
#sem-lp-single-topic #other-resources h4,
#sem-lp-single-topic #other-blogs h4 {
  font-family: Plain, "Helvetica Neue", Helvetica, Franklin Gothic Medium, Franklin Gothic, ITC Franklin Gothic, sans-serif !important;
  font-weight: 400;
  color: #454545;
}
#sem-lp-single-topic .single-resource-item {
  position: relative;
  margin-bottom: 20px;
  height: 400px;
  padding: 20px !important;
  backface-visibility: hidden;
  background-position: center center;
}
#sem-lp-single-topic .single-resource-item h4.res-type,
#sem-lp-single-topic .single-resource-item h5.res-type {
  color: #fff !important;
  padding: 20px 0;
  font-family: Plain, "Helvetica Neue", Helvetica, Franklin Gothic Medium, Franklin Gothic, ITC Franklin Gothic, sans-serif !important;
  font-weight: 700;
}
#sem-lp-single-topic .single-resource-item.overlay-dk:after {
  background: rgba(0, 0, 0, 0.45);
}
#sem-lp-single-topic .single-resource-item div {
  position: relative;
  z-index: 9;
  height: 100%;
}
#sem-lp-single-topic .single-resource-item h5 {
  font-size: 1em;
}
#sem-lp-single-topic .single-resource-item h3 {
  color: #fff;
  font-weight: 400 !important;
}
#sem-lp-single-topic .single-resource-item h3:hover {
  color: #eee;
}
#sem-lp-single-topic .single-resource-item.res-type::first-letter {
  text-transform: uppercase;
}
#sem-lp-single-topic .single-resource-item .button {
  position: absolute;
  color: #048a24 !important;
  bottom: 0;
  margin-top: 1em;
}
#sem-lp-single-topic #other-blogs {
  background: #f4f4f4;
}
#sem-lp-single-topic #other-blogs .single-blog-item {
  padding: 0 15px;
}
#sem-lp-single-topic #other-blogs .single-blog-item h4 {
  font-size: 1.4rem;
}
#sem-lp-single-topic .resource-copy {
  text-align: left;
}
#sem-lp-single-topic #trending-topics {
  padding: 50px 0;
  background: #555555;
}
#sem-lp-single-topic #trending-topics .title-holder {
  height: 90px;
  margin-bottom: 10px;
  overflow: hidden;
}
#sem-lp-single-topic #trending-topics h3 a,
#sem-lp-single-topic #trending-topics h2,
#sem-lp-single-topic #trending-topics h4 a {
  color: #ffffff;
}
#sem-lp-single-topic #trending-topics h3 a:hover,
#sem-lp-single-topic #trending-topics h4 a:hover {
  color: #048a24;
}
@media only screen and (max-width: 640px) {
  #sem-lp-single-topic .device img {
    min-width: 200px;
    display: none;
  }
  #sem-lp-single-topic .device-left img {
    min-width: 200px;
    float: right;
  }
}

.three-pillars .columns {
  padding: 30px 80px;
  border-right: 1px solid #999999;
}
.three-pillars .columns:last-child {
  border-right: none !important;
}

@media print, screen and (min-width: 40em) {
  #platform-parent .platform-resonse-copy {
    border-left: 2px solid #999999;
  }
}
#platform-parent .platform-slider .blurb-holder,
#platform-parent .platform-slider .slide {
  display: none;
}
@media print, screen and (min-width: 64em) {
  #platform-parent .platform-slider .img-mbl {
    display: none;
  }
}
#platform-parent .platform-slider .slide.active {
  display: block;
}
#platform-parent .platform-slider ul.pd-slide-nav {
  list-style-type: none;
}
#platform-parent .platform-slider .slide-nav a {
  position: relative;
  padding-top: 10px;
  display: block;
}
#platform-parent .platform-slider .slide-nav .fa {
  position: absolute;
  left: -25px;
  top: 15px;
}
#platform-parent .platform-slider .slide-nav .h5 {
  margin-bottom: 10px;
}
#platform-parent .platform-slider .slide-nav:last-of-type {
  border-bottom: none;
}
#platform-parent .platform-slider .slide-nav.active .blurb-holder {
  display: block;
}
#platform-parent .best-in-class-pillar {
  text-align: center;
}
@media print, screen and (min-width: 40em) {
  #platform-parent .best-in-class-pillar {
    text-align: left;
  }
}
#platform-parent .best-in-class-pillar {
  display: flex;
  flex-direction: column;
  padding: 5px;
  padding-bottom: 30px;
  height: 100%;
}
#platform-parent .best-in-class-pillar svg {
  margin-bottom: 15px;
  margin-left: auto;
  margin-right: auto;
}
#platform-parent .best-in-class-pillar p {
  flex-grow: 1;
}
#platform-parent .best-in-class-pillar a {
  display: inline-block;
  margin: auto;
  margin-bottom: 30px;
}
@media print, screen and (min-width: 40em) {
  #platform-parent .best-in-class-pillar svg {
    margin-left: 0;
  }
  #platform-parent .best-in-class-pillar a {
    margin-left: 0;
    display: block;
  }
}
#platform-parent article.platform-chart {
  border: none;
}
#platform-parent .logos a.wrapper {
  padding: 15px;
  display: block;
}
#platform-parent .logos .svg-wrapper {
  height: 150px;
  display: flex;
  padding: 15px;
}
@media print, screen and (min-width: 40em) {
  #platform-parent .logos .svg-wrapper {
    padding: 0;
  }
}
@media print, screen and (min-width: 64em) {
  #platform-parent .logos .svg-wrapper {
    padding: 15px;
  }
}
#platform-parent .logos .svg-wrapper svg {
  width: 100%;
}

/* Product Child template */
#product-platform-child h6.asset-type {
  font-size: 0.9em;
  text-transform: uppercase;
  padding: 1rem 0;
  margin: 0;
}
#product-platform-child .resources-3-column img {
  width: auto;
  height: 300px;
  background-size: cover;
}

/* Use Cases Template */
#use-cases .use-case-type {
  margin-bottom: 80px;
}
#use-cases .square-image {
  position: relative;
}
#use-cases img.logo {
  height: 50px;
  width: auto;
}
#use-cases .arrow-right {
  position: absolute;
  bottom: 0;
  right: 0;
  background: white;
  width: 50px;
  height: 50px;
}
#use-cases .arrow-right::before {
  top: 25%;
  left: 25%;
  filter: brightness(120%) sepia(1) hue-rotate(120deg) saturate(9);
}
#use-cases .quote {
  top: 0;
  text-align: left;
  font-style: italic;
  margin: 0;
}
#use-cases .asset-type {
  font-size: 0.9em;
  text-transform: uppercase;
  padding: 1rem 0;
  margin: 0;
}
#use-cases .two-side-split .row {
  height: 40rem;
}
@media print, screen and (min-width: 40em) {
  #use-cases .columns.pd-orange h1 {
    width: 300px;
  }
}

/* PagerDuty.org template */
#pagerduty-org .image-wrapper,
#careers .image-wrapper {
  width: 110px;
  height: 80px;
  float: left;
  position: relative;
  margin: 10px 18px;
}
#pagerduty-org .pledge-1-percent h4,
#careers .pledge-1-percent h4 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
}
#pagerduty-org .pledge-1-percent .diagonal-lines-bg img,
#careers .pledge-1-percent .diagonal-lines-bg img {
  width: 50%;
}
#pagerduty-org .pledge-1-percent .diagonal-lines-bg,
#careers .pledge-1-percent .diagonal-lines-bg {
  background: url(https://cdn.pagerduty.com/wp-content/uploads/2019/08/diagonal-lines-bg.svg) no-repeat;
  background-size: 100%;
  width: 377px;
  height: 377px;
  position: relative;
}
#pagerduty-org .image-wrapper img,
#pagerduty-org .diagonal-lines-bg img,
#careers .image-wrapper img,
#careers .diagonal-lines-bg img {
  position: absolute;
  transform: translate(50%, 50%);
  top: 0%;
  left: 0%;
}
#pagerduty-org .image-wrapper img,
#careers .image-wrapper img {
  transform: translateY(-50%);
}
#pagerduty-org,
#careers {
  /*  This is needed for the caption section */
}
#pagerduty-org .arrow-right:before,
#careers .arrow-right:before {
  position: absolute;
  top: 0px;
}
#pagerduty-org .bkgd-img .columns,
#careers .bkgd-img .columns {
  height: 650px;
  background-size: cover;
}
#pagerduty-org .video-slider-wrapper .slide.main,
#careers .video-slider-wrapper .slide.main {
  height: 500px;
}
#pagerduty-org .video-slider-wrapper .slides-holder.with-nav,
#careers .video-slider-wrapper .slides-holder.with-nav {
  width: 100%;
  margin-left: 0%;
}
#pagerduty-org .video-slider-wrapper .slide.main,
#careers .video-slider-wrapper .slide.main {
  padding: 0;
}
#pagerduty-org .video-slider-wrapper .slide.thumb,
#careers .video-slider-wrapper .slide.thumb {
  height: 100px;
  padding: 5px 3px 0;
  flex: 1 0 20%;
  width: 100px;
}
#pagerduty-org .video-slider-wrapper .slide.thumb:first-child,
#careers .video-slider-wrapper .slide.thumb:first-child {
  padding-left: 0;
}
#pagerduty-org .video-slider-wrapper .slide.thumb:last-child,
#careers .video-slider-wrapper .slide.thumb:last-child {
  padding-right: 0;
}
#pagerduty-org .text-details:not(.active),
#careers .text-details:not(.active) {
  display: none;
}
#pagerduty-org .text-details.active,
#careers .text-details.active {
  margin-left: 2rem;
}
#pagerduty-org .text-details p,
#careers .text-details p {
  max-width: 350px;
}
@media print, screen and (max-width: 39.99875em) {
  #pagerduty-org .intro .row.expanded .columns,
  #pagerduty-org .customer-stories h3,
  #pagerduty-org #impact-pricing > .row > .columns:first-child,
  #pagerduty-org .pledge-1-percent .columns,
  #pagerduty-org .inclusivity-diversity-equity .columns,
  #careers .intro .row.expanded .columns,
  #careers .customer-stories h3,
  #careers #impact-pricing > .row > .columns:first-child,
  #careers .pledge-1-percent .columns,
  #careers .inclusivity-diversity-equity .columns {
    padding: 0 10px;
  }
  #pagerduty-org .customer-stories .row:last-child,
  #careers .customer-stories .row:last-child {
    padding: 0;
  }
  #pagerduty-org .details-show-here,
  #careers .details-show-here {
    padding: 2em 0;
  }
  #pagerduty-org .diagonal-lines-bg,
  #careers .diagonal-lines-bg {
    background-position: center;
  }
  #pagerduty-org .pledge-1-percent h4,
  #careers .pledge-1-percent h4 {
    padding: 10px;
    position: relative;
  }
  #pagerduty-org .pledge-1-percent .diagonal-lines-bg,
  #careers .pledge-1-percent .diagonal-lines-bg {
    background-size: 60%;
    transform: translate(-30%, 0%);
    left: 50%;
  }
  #pagerduty-org .pledge-1-percent .diagonal-lines-bg img,
  #careers .pledge-1-percent .diagonal-lines-bg img {
    width: 30%;
  }
}

/* Careers template */
#careers .columns.bkgd-white {
  position: relative;
  margin: 2rem;
  padding: 3rem;
}
#careers .value-block {
  width: 20%;
  float: left;
  height: 420px;
  padding: 20px 15px;
}
#careers .value-block > .columns > .h4 {
  height: 100px;
  margin: 0;
}
#careers .value-block .pagey-wrapper {
  height: 200px;
}
#careers .value-block .pagey-wrapper img {
  height: 65%;
  width: 100%;
  vertical-align: middle;
}
#careers .people-first .columns {
  padding: 2em 0.9375rem;
}
#careers .people-first .columns svg {
  width: 50px;
  height: 50px;
  float: left;
  margin-right: 1em;
}
#careers .people-first .columns h5 {
  position: relative;
  top: 0.5em;
  width: 75%;
}
#careers .social-feed .logos img {
  margin: 0 auto 2em;
  display: block;
  max-height: 120px;
}
#careers span.rating {
  position: absolute;
  top: 4.25em;
  width: 100%;
  text-align: center;
}
#careers .location-icon {
  -webkit-mask: url(https://cdn.pagerduty.com/wp-content/uploads/2019/08/icon-location-1.svg) no-repeat 50% 50%;
  mask: url(https://cdn.pagerduty.com/wp-content/uploads/2019/08/icon-location-1.svg) no-repeat 50% 50%;
}
#careers h5.office {
  color: #4b4f4f;
  padding-left: 35px;
}
#careers h5.office:hover {
  color: #048a24;
}
#careers .jobs-cta a {
  position: absolute;
  right: 0;
  bottom: 2em;
}
#careers .check-us-out img {
  max-width: 200px;
  margin: 2.5em;
  filter: brightness(0);
}
#careers .check-us-out img:first-child {
  margin-left: 0;
}
#careers .check-us-out .diagonal-lines-bg {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Cdefs%3E%3Cpattern%20id%3D%27diagonalHatch%27%20width%3D%2710%27%20height%3D%2710%27%20patternTransform%3D%27rotate(45%200%200)%27%20patternUnits%3D%27userSpaceOnUse%27%3E%3Cline%20x1%3D%270%27%20y1%3D%270%27%20x2%3D%270%27%20y2%3D%2710%27%20style%3D%27stroke%3Awhite%3B%20stroke-width%3A5%27%20%2F%3E%3C%2Fpattern%3E%3C%2Fdefs%3E%3Crect%20x%3D%270%27%20y%3D%270%27%20width%3D%27100%25%27%20height%3D%27100%25%27%20style%3D%27fill%3A%20url(%23diagonalHatch)%3B%27%20%2F%3E%3C%2Fsvg%3E");
}
@media print, screen and (max-width: 63.99875em) {
  #careers .our-values.sect-padding, #careers .our-values .row.sect-padding-bottom {
    padding-bottom: 0;
  }
  #careers .our-values .value-block {
    width: 100%;
    height: 300px;
    position: relative;
  }
  #careers .our-values .value-block > .columns > .h4 {
    height: 50px;
  }
  #careers .our-values .value-block.pagey-wrapper {
    height: 130px;
  }
  #careers .our-values .value-block p {
    position: absolute;
    bottom: 1rem;
  }
  #careers .people-first .columns h5 {
    width: 100%;
  }
  #careers .jobs-cta a {
    position: relative;
    bottom: 0;
  }
  #careers .social-feed .columns:last-child {
    padding-top: 1em;
  }
}

.resource-container .square-image {
  position: relative;
  padding-bottom: 100%;
  height: 0;
}
.resource-container .square-image .arrow-right {
  position: absolute;
  bottom: 0;
  right: 0;
  background: #fff;
  width: 50px;
  height: 50px;
}
.resource-container .square-image .arrow-right::before {
  top: 25%;
  left: 25%;
  filter: brightness(120%) sepia(1) hue-rotate(120deg) saturate(9);
}

.bg-recent-blog-bookmark {
  background: rgb(255, 255, 255);
  background: linear-gradient(135deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 50%, rgb(6, 172, 56) 50%, rgb(6, 172, 56) 100%);
}

ul.pd-blog-menu {
  list-style-type: none;
  margin-bottom: 0;
  margin-left: 0;
  text-transform: uppercase;
  z-index: 99;
  position: relative;
}
ul.pd-blog-menu .blog-menu-helper {
  position: absolute;
  left: 0;
  top: -15px;
  width: 150px;
  text-align: left;
  font-size: 14px;
}
ul.pd-blog-menu .blog-link-more {
  position: relative;
  padding-right: 10px;
}
ul.pd-blog-menu .icn-more-button {
  padding-left: 10px;
  font-weight: bold;
  color: #666666;
}
ul.pd-blog-menu a {
  color: #666666;
}
ul.pd-blog-menu li {
  display: inline-block;
  padding: 15px 0;
}
ul.pd-blog-menu li a {
  padding: 3px 15px 0 15px;
  display: block;
  border-right: 2px solid #cccccc;
  line-height: 14px;
  font-size: 14px;
  font-weight: 600;
}
ul.pd-blog-menu li a:hover {
  color: #048a24;
}
ul.pd-blog-menu li .second {
  position: relative;
}
ul.pd-blog-menu li ul {
  top: 20px;
  width: 280px;
  position: absolute;
  background: white;
  margin-left: 0;
  right: -10px;
  border: 1px solid #f4f4f4;
  display: none;
  text-align: left;
  line-height: 19px;
  box-shadow: 0 0px 1px rgba(0, 0, 0, 0.12), 0 0px 1px rgba(0, 0, 0, 0.24);
}
ul.pd-blog-menu li li {
  width: 300px;
  padding: 5px 0;
}
ul.pd-blog-menu li li a {
  line-height: 22px;
}
ul.pd-blog-menu li li:first-of-type a {
  padding-left: 15px;
}
ul.pd-blog-menu li li:last-of-type {
  background: transparent;
  /*background: red;*/
}
ul.pd-blog-menu li:first-of-type a {
  padding-left: 0;
}
ul.pd-blog-menu li:last-of-type {
  /*background: red;*/
}
ul.pd-blog-menu li:last-of-type a {
  border-right: none;
}

.post-grid-item {
  margin-bottom: 30px;
}

.post-grid-image {
  width: 100%;
  height: 220px;
  background-size: cover;
  margin-bottom: 15px;
}

.blog-logo-wrapper {
  position: absolute;
  left: 30px;
  top: 30px;
  z-index: 8888;
  width: 120px;
  height: 50px;
}

img.pd-blog-logo {
  width: 100%;
}

.blog-trial-button {
  position: absolute;
  right: 30px;
  top: 30px;
  z-index: 8888;
}

.blog-menu-wrapper {
  position: relative;
  padding-right: 110px;
  display: block;
}

.blog-search.active {
  width: 100%;
}

.blog-search {
  position: absolute;
  right: 0px;
  top: 16px;
  font-size: 14px;
  width: 100px;
}
.blog-search .underline {
  background-color: #048a24;
  transition: width 0.2s, background 0.3s, border 0.3s, text-shadow 0.3s;
  z-index: 0;
  height: 2px;
  display: block;
  bottom: -11px;
  position: absolute;
  z-index: 7777;
  width: 0;
  right: 0;
  opacity: 0.7;
}
.blog-search .underline.active {
  width: 100%;
}

.blog-spinner {
  position: absolute;
  height: 20px;
  width: 20px;
  top: 0;
  font-size: 1em;
  left: -15px;
  z-index: 99999;
  color: #cccccc;
  animation-name: rotate;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  display: none;
}

.blog-spinner.active {
  display: block;
}

#blog-search-field {
  position: absolute;
  right: 0;
  top: -10px;
  border: none;
  /*background: orange !important;*/
  /*background: red !important;*/
  z-index: 9999;
  width: 100px;
  box-shadow: none;
  border-radius: 0;
  transition: all 0.2s;
  opacity: 0;
}

#blog-search-field.active {
  width: calc(100% - 100px) !important;
  z-index: 99;
  right: 100px;
  background: #ffffff !important;
  opacity: 1;
}

.blog-search-label {
  cursor: pointer;
  position: absolute;
  right: 5px;
  top: -3px;
  font-size: 14px;
  color: #666666;
  /*background:green;*/
  z-index: 9999;
  display: block;
}

.icn-blog-search {
  padding: 0 5px;
  color: #666666;
}

.blog-search-results-holder {
  width: 100%;
  background: #ffffff;
  position: absolute;
  left: 0;
  z-index: 999;
  box-shadow: 0px 0px 4px #cccccc;
  overflow: auto;
  max-height: 500px;
  padding: 30px;
  display: none;
}

a.blog-result-list {
  color: #454545;
  text-align: left;
}
a.blog-result-list span.highlite {
  display: inline-block;
  padding: 2px 0;
  background: #dbffe5;
}

a.blog-result-list:hover {
  color: #048a24;
}

.blog-single-result {
  text-align: left !important;
  /*.inner {
  	padding: 5px 15px;
  }*/
}

#blog-content-wrapper ul.breadcrumbs {
  display: inline-block;
  margin: 0 0 10px 0;
}
#blog-content-wrapper ul.breadcrumbs a, #blog-content-wrapper ul.breadcrumbs i, #blog-content-wrapper ul.breadcrumbs li:not(:last-child)::after {
  color: #048a24;
}
#blog-content-wrapper ul.breadcrumbs li:not(:last-child)::after {
  content: "/";
  color: #048a24 !important;
}
#blog-content-wrapper ul.breadcrumbs li:last-child {
  color: #4b4f4f;
  text-transform: none;
}

.related-posts a.related-cat {
  display: block;
  margin-top: 20px;
  margin-bottom: 15px;
  color: #666666;
}
.related-posts .related-post-img {
  height: 350px;
  width: 100%;
  background-size: cover;
  background-position: center center;
  display: block;
}

@media only screen and (max-width: 1080px) {
  .blog-search-results-holder {
    top: 30px;
  }
  .blog-search {
    top: -10px;
  }
  .pd-blog-menu {
    display: none;
  }
}
/* Blog Authors grid */
.author-grid-section .author img {
  border-radius: 50%;
}
.author-grid-section .author-single-wrapper {
  text-align: center;
}
.author-grid-section .author-single-wrapper img {
  border-radius: 50%;
  margin: 1em auto;
}
.author-grid-section h4 {
  font-size: 1em;
  margin: 0;
}

@media print, screen and (max-width: 39.99875em) {
  .author-grid-section header {
    padding: 10%;
    text-align: center !important;
  }
  .author-grid-section .author img {
    display: block;
    margin: 0 auto;
  }
}
.blog-hero-outer-wrapper {
  background-color: #454545;
}

.eng-blog-content {
  padding-bottom: 50px;
}
.eng-blog-content h1.page-title {
  margin-bottom: 5px;
}
.eng-blog-content .post-author-info {
  margin-bottom: 30px;
}
.eng-blog-content .get-social {
  margin-top: 10px;
}
.eng-blog-content .get-social h5 {
  color: #666666;
  margin-bottom: 5px;
  font-weight: 600;
}
.eng-blog-content .get-social .social-icon {
  margin-left: 0;
  width: auto !important;
  margin-right: 20px;
}

img.logo-blog {
  width: 150px;
}

#eng-blog-nav-wrapper {
  background-color: #00607f;
}

#eng-blog-nav-wrapper.green {
  background-color: #048a24;
}

.eng-blog-cat {
  line-height: 1em;
  margin-bottom: 10px;
}
.eng-blog-cat a {
  color: #666666 !important;
  display: inline-block;
  text-transform: uppercase;
  font-size: 0.9em;
}
.eng-blog-cat a:hover {
  color: #048a24 !important;
}

ul.eng-blog-nav {
  list-style-type: none;
  margin-left: 0;
  margin-bottom: 0;
}
ul.eng-blog-nav li {
  display: inline-block;
  padding: 10px 10px;
  font-weight: 600;
}
ul.eng-blog-nav li a {
  padding: 2px 10px;
}

.single-post-guts {
  padding: 30px 30px 50px 30px;
  margin-top: 30px;
}

.archive-list-meta-box .square-image,
.more-posts .square-image {
  width: 100%;
  height: 350px;
  position: relative;
}
.archive-list-meta-box .square-image .arrow-right,
.more-posts .square-image .arrow-right {
  position: absolute;
  bottom: 0;
  right: 0;
  background: white;
  width: 50px;
  height: 50px;
}
.archive-list-meta-box .square-image .arrow-right::before,
.more-posts .square-image .arrow-right::before {
  top: 25%;
  left: 25%;
}
.archive-list-meta-box a.btn-eng-blog-post,
.more-posts a.btn-eng-blog-post {
  margin-top: 10px;
}
.archive-list-meta-box .post-standard-single-blog,
.more-posts .post-standard-single-blog {
  margin-bottom: 40px;
  background-color: #ffffff;
}
.archive-list-meta-box .post-standard-single-blog .post-standard-inner,
.more-posts .post-standard-single-blog .post-standard-inner {
  padding: 15px;
}
.archive-list-meta-box .post-standard-single-blog hr,
.more-posts .post-standard-single-blog hr {
  border-color: #999999;
}
.archive-list-meta-box .post-standard-single-blog .post-image,
.more-posts .post-standard-single-blog .post-image {
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: center center;
  margin-right: 50px;
}
.archive-list-meta-box .post-standard-single-blog .post-image.first,
.more-posts .post-standard-single-blog .post-image.first {
  height: 350px;
  float: none;
}
.archive-list-meta-box h3.eng-post-title,
.more-posts h3.eng-post-title {
  margin-bottom: 0;
}
.archive-list-meta-box h3.eng-post-title a,
.more-posts h3.eng-post-title a {
  text-transform: capitalize;
  margin-bottom: 5px;
}

@media print, screen and (max-width: 39.99875em) {
  .archive-list-meta-box .post-standard-single {
    margin-right: 0;
  }
}
#widgetized-area .mktoButtonWrap.mktoCupidGreen {
  font-size: 16px;
  margin-right: 0 !important;
}
#widgetized-area label {
  color: #666666;
}
#widgetized-area .social-icon {
  width: 20px !important;
  margin-left: 0 !important;
  font-size: 25px !important;
}

.sidebar-wrapper {
  padding: 30px 15px;
  border: 1px solid #999999;
  margin-top: 2em;
}

.more-posts {
  border: 1px solid #cccccc;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.more-posts .more-post-content {
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 15px;
  flex: 1;
}
.more-posts .read-more {
  margin: 10px 0;
  display: block;
}

/* 
Applies to sticky posts
*/
.post.sticky {
  border-bottom: 2px solid #048a24;
  margin: 2em 1em;
}
.post.sticky::before {
  content: "Featured";
  position: absolute;
  top: -1em;
  left: -1em;
  padding: 10px;
  z-index: 100;
  background: #048a24;
  color: white;
}

.sticky:not(.post.sticky) {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.resource-single-header,
.minified {
  height: 60px;
  position: fixed;
  z-index: 99;
  background-color: transparent;
  transition: background-color 1s ease;
  width: 100%;
}
.resource-single-header.minified--light,
.minified.minified--light {
  background-color: white;
}

.row.header-minified {
  height: 60px;
  background: white;
}
@media screen and (min-width: 87.5em) {
  .row.header-minified {
    background: transparent;
  }
}
.row.header-minified a.button {
  margin-bottom: 0;
}
.row.header-minified .pd-logo {
  padding-top: 5px;
}
.row.header-minified .nav-hider {
  opacity: 0;
  transition: opacity 300ms ease;
}
.row.header-minified .nav-hider.visible {
  opacity: 1;
}

.resource-min-vh {
  flex: 1 grow;
}

.resource.conversion {
  background-color: #efefef;
  padding-top: 3rem;
}
@media print, screen and (max-width: 39.99875em) {
  .resource.conversion {
    padding-top: 2.5rem;
    padding-bottom: 0;
  }
}
@media print, screen and (max-width: 39.99875em) {
  .resource.conversion h1,
  .resource.conversion h2,
  .resource.conversion h3,
  .resource.conversion h4 {
    margin: 1.5rem 0;
    text-align: center;
  }
}
@media print, screen and (max-width: 39.99875em) {
  .resource.conversion .sect-padding {
    padding-top: 0;
  }
}
.resource.conversion .form-wrap {
  background-color: #ffffff;
  border-radius: 10px;
}

.resource .single-resource-item {
  position: relative;
  height: 17.5rem;
  padding: 1.25rem;
  padding-bottom: 0;
  background-position: center center;
}
.resource .single-resource-item h5 {
  font-size: 1rem;
}
.resource .single-resource-item h3 {
  font-size: 1.375rem;
}
.resource .single-resource-item h3,
.resource .single-resource-item h5,
.resource .single-resource-item a {
  color: white;
}
.resource .single-resource-item.overlay-dk:after {
  background: rgba(0, 0, 0, 0.45);
}
.resource .single-resource-item .button {
  position: absolute;
  bottom: 1.25rem;
}
.resource .single-resource-item .inner-resrc {
  position: relative;
  height: 100%;
  z-index: 9;
}
.resource.overlay-dk:after {
  background: rgba(0, 0, 0, 0.5);
}
.resource .headline-wrap {
  padding-right: 3rem;
}
.resource .headline-wrap h4,
.resource .headline-wrap .resrc-headline {
  line-height: 1.25;
  margin-bottom: 0;
}
@media print, screen and (max-width: 39.99875em) {
  .resource .headline-wrap {
    padding: 1rem;
  }
  .resource .headline-wrap .resrc-headline {
    margin-bottom: 1rem;
  }
}
@media print, screen and (min-width: 40em) and (max-width: 63.99875em) {
  .resource h2,
  .resource .h2 {
    font-size: 2rem;
    line-height: 1.25;
    margin-top: 0.75rem;
  }
}
@media only screen and (max-width: 480px) {
  .resource h2,
  .resource .h2 {
    font-size: 1.65rem;
    line-height: 1.25;
    margin-top: 0.75rem;
  }
}
@media print, screen and (min-width: 40em) and (max-width: 63.99875em) {
  .resource h3,
  .resource .h3 {
    font-size: 1.65rem;
  }
}
@media only screen and (max-width: 480px) {
  .resource h3,
  .resource .h3 {
    font-size: 1.425rem;
  }
}
.resource .social-wrap {
  border-top: 1px solid #efefef;
  padding: 1rem 0;
}
.resource .social-wrap .addeventatc {
  margin-top: 0.65rem;
}
.resource .single-resource .social-icon,
.resource .thank-you .social-icon {
  margin: 0px !important;
}
.resource .in-grid p:first-child {
  padding: 1.25rem 0 0;
}
.resource .in-grid .column, .resource .in-grid .columns {
  padding: 0;
}
.resource .asset-img {
  margin: 1rem 0;
}
.resource .asset-type {
  display: inline-block;
  border-bottom: 1px solid #ffffff;
  font-size: 1rem;
  text-transform: uppercase;
}
.resource .infographic .asset-img,
.resource .img-crop .asset-img {
  max-height: 26.5625rem;
  overflow: hidden;
  border: 1px solid #cccccc;
}
.resource .no-side-pad {
  padding-left: 0;
  padding-right: 0;
}
.resource .light-gray-bg .columns.unexpanded {
  margin: 5vh auto;
}
@media print, screen and (max-width: 39.99875em) {
  .resource .light-gray-bg .columns.unexpanded {
    margin: 0 !important;
  }
}

#article .article-body {
  padding-right: 1.5rem;
}
#article .addl-resources {
  border-left: 1px solid #efefef;
  padding-left: 1.5rem;
  padding-bottom: 3.125rem;
}
#article .sidebar-list li {
  margin: 1rem 0;
}
#article #breadcrumbs {
  padding: 1.25rem 0;
}
#article .article-image {
  margin-bottom: 1.5rem;
}
#article .blog-posts {
  padding-top: 1.5rem;
}
#article .blog-posts h3 {
  margin-bottom: 0.5rem;
}

.addl-res-col {
  border-left: 1px solid #f4f4f4;
  padding: 1rem;
}
.addl-res-col ul {
  list-style-type: none;
  margin-left: 0;
  margin-bottom: 1rem;
  border-bottom: 1px solid #f4f4f4;
}
.addl-res-col ul li {
  margin: 0.65rem 0;
}

.speakers h4,
.speakers h5 {
  margin-bottom: 0;
  font-size: 1rem;
  margin: 20px 0 10px;
  font-weight: bolder;
}

.speaker-img-wrap {
  overflow: hidden;
}

.left-content {
  padding-right: 1.5rem;
}
@media print, screen and (max-width: 39.99875em) {
  .left-content {
    padding-right: 0.625rem;
  }
}

.button.large {
  font-size: 1.1rem;
}

.button-wrap {
  padding: 1rem 0;
}
.button-wrap .button.large {
  font-size: 1.1rem;
}

.ty-headline {
  background: #048a24;
  color: white;
  padding: 1rem;
}

.thank-you .social {
  padding-top: 1rem;
  border-bottom: 1px solid #f4f4f4;
}

#btn-li-autofill {
  margin-top: 10px;
}

.resource .form-wrap {
  margin: 0 auto;
}
@media print, screen and (max-width: 63.99875em) {
  .resource .form-wrap {
    padding: 2rem 0.75rem 1rem;
    width: 100%;
  }
}
.resource .form-title {
  margin-bottom: 50px;
  font-size: 1.85rem;
}
.resource .mktoForm .mktoButton {
  width: 100% !important;
  padding: 1rem !important;
  background-image: none !important;
  background-color: #048a24;
  margin-top: 2rem !important;
}
.resource .mktoForm .mktoButton, .resource .mktoForm .mktoButton:hover {
  border: none !important;
}

/* Elements */
#page-elements h4.heading-divider,
#page-elements h2.heading-divider {
  display: block;
  border-top: #efefef solid 1px;
  margin-top: 50px;
  padding-top: 20px;
}
#page-elements .base-color {
  border: 1px solid #cccccc;
}
#page-elements .palette-box {
  height: 100px;
}

/* Swiftype Search Results */
#swifty {
  border: none;
  border-bottom: 2px solid #4b4f4f;
  box-shadow: none;
  padding-left: 55px;
  padding-bottom: 10px;
  padding-top: 0;
  font-size: 30px;
  color: #4b4f4f;
  background: transparent;
  height: 50px;
}

input#swifty::placeholder {
  color: #999999 !important;
  font-size: 0.9em;
  visibility: visible;
  display: inline;
  letter-spacing: 1px;
  padding-left: 5px;
}

ul.search-result-list li + li {
  border-top: 1px solid #efefef;
}

li.search-result-item p em {
  background-color: #ccefff;
  padding: 0 4px;
  border-radius: 2px;
}

/*HOME PAGE */
.hm-pg-slider-hero {
  height: 470px;
}

.hm-how-pd-works .dash,
.hm-how-pd-works .dottedLine {
  fill: none;
  stroke: #979797;
  stroke-width: 1.5px;
  stroke-dasharray: 5;
}
.hm-how-pd-works .mask {
  fill: none;
  stroke: #fff;
  stroke-width: 2px;
  stroke-dasharray: 10;
}
.hm-how-pd-works .pulsingDot {
  width: 100px;
  height: 100px;
  fill: none;
  stroke: #c0c0c0;
  stroke-width: 1px;
}
@media only screen and (max-width: 640px) {
  .hm-how-pd-works .mobile-divider .dash {
    stroke: #c0c0c0;
    stroke-width: 0.5px;
    stroke-dasharray: 2;
  }
  .hm-how-pd-works .mobile-divider .mobile-divider {
    stroke-width: 0.5px;
  }
}

.hm-customer-quotes .columns::before {
  content: url("https://cdn.pagerduty.com/wp-content/uploads/2018/09/quote.svg");
  display: block;
  background-size: 20px 20px;
  font-size: 50px;
  width: 100px;
  height: 100px;
  background-color: #048a24;
  color: white;
  border-radius: 50%;
  border: 10px solid white;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  position: absolute;
  left: 50px;
  top: -65px;
  padding-left: 15px;
}
.hm-customer-quotes .columns {
  position: relative;
  margin: 20px !important;
  max-width: 90%;
  padding: 20px 30px;
}
.hm-customer-quotes img {
  display: block;
  height: 50px;
  padding: 10px;
  margin: 20px 0;
}
.hm-customer-quotesp:not(.customer-quote) {
  font-size: 0.9em;
  padding-top: 10px;
}

@media only screen and (min-width: 640px) {
  .hm-customer-quotes .columns {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}
@media only screen and (max-width: 640px) {
  .hm-customer-quotes .columns {
    margin: 40px auto !important;
    max-width: 90% !important;
  }
}
/* digital-operations-management */
#digital-operations-management #hero h1 {
  margin-bottom: 15px;
}
#digital-operations-management #hero .hero-copy {
  text-align: center;
  margin-bottom: 30px;
}
#digital-operations-management #hero {
  background: #f4f4f4;
}
#digital-operations-management .state-of-dig-ops {
  text-align: right;
}
#digital-operations-management .state-of-dig-ops img {
  width: 100%;
  max-width: 360px;
  padding: 15px;
}
@media only screen and (max-width: 640px) {
  #digital-operations-management .state-of-dig-ops {
    text-align: center;
  }
  #digital-operations-management .state-of-dig-ops-copy {
    text-align: center;
  }
}
#digital-operations-management .video-quote {
  padding: 15px;
}
#digital-operations-management .video-quote h3 {
  font-style: italic;
}
#digital-operations-management #marketecture {
  background: #fff;
}
#digital-operations-management #cust-video {
  background: #f4f4f4;
}
#digital-operations-management .tp-video-single .vid-bkgd .lrg-playhead {
  top: 50% !important;
}

.search-results .input-group {
  padding-right: 30px;
}
.search-results .signup-widget-logo {
  display: none;
}
.search-results #opt-in-form-title h4 {
  margin-top: 0;
}

.search-term {
  text-transform: uppercase;
  font-size: 1.8em;
}

/** Home Page **/
.hp-globe {
  top: 20px;
  width: 70%;
  max-width: 820px;
  height: 100%;
  position: absolute;
  left: 30%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left top;
  z-index: -1;
}

.webp-lossy .hp-globe {
  background-image: url(https://cdn.pagerduty.com/wp-content/uploads/2019/03/globe.webp);
}

.no-webp-lossy .hp-globe {
  background-image: url(https://cdn.pagerduty.com/wp-content/uploads/2019/03/globe.png);
}

.hp-integtrations {
  position: relative;
}

.hp-integrations-copy {
  min-height: 400px;
  padding-top: 190px;
  padding-bottom: 190px;
}

@media print, screen and (min-width: 40em) and (max-width: 63.99875em) {
  .hp-globe {
    width: 80%;
    height: 520px;
    position: relative;
    background-size: cover;
    background-position: center;
    min-height: 537px;
  }
  .hp-globe .logo-hero {
    position: absolute;
    left: 50%;
    top: 100px;
  }
  .ev-lp-full-width-hero-nav-logo-email-section nav ul.nav li {
    padding: 5px 30px;
    line-height: 45px;
  }
  nav a.nav-link-no-button:hover {
    color: #048a24;
  }
  .pgd-button-white-outline:hover {
    color: #343434 !important;
  }
  .nav-link-no-button:hover {
    color: #343434;
  }
  .hero {
    height: 1000px;
  }
  .fc-button {
    color: #1b1c22;
    border-color: #1b1c22;
  }
  .social-icons {
    display: none;
  }
  #what {
    width: 100%;
    padding: 50px 0px 20px 0px;
    background: #252525;
  }
  .icon-fc {
    text-align: center;
  }
  .icon-fc img {
    width: 100%;
    max-width: 150px;
    padding-bottom: 20px;
  }
  .what-copy h2,
  .what-copy p {
    color: #fff;
  }
  .what-copy {
    padding-bottom: 50px;
  }
  #bus-card {
    background-image: url(https://cdn.pagerduty.com/wp-content/uploads/2016/08/fc-cards.png);
    background-position: left center;
    background-size: cover;
    height: 350px;
  }
  #why {
    width: 100%;
    padding: 50px 0px;
    background: #ebebeb;
  }
  #why h2,
  #why p,
  #why h3 {
    color: #343434;
  }
  #when {
    width: 100%;
    padding: 50px 0;
    color: #ffffff;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#191c3c+0,6a5289+100 */
    background: rgb(25, 28, 60); /* Old browsers */
    background: -moz-linear-gradient(top, rgb(25, 28, 60) 0%, rgb(106, 82, 137) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgb(25, 28, 60) 0%, rgb(106, 82, 137) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgb(25, 28, 60) 0%, rgb(106, 82, 137) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#191c3c', endColorstr='#6a5289',GradientType=0 ); /* IE6-9 */
  }
  #when h2,
  #when p,
  #when h3,
  #when td {
    color: #ffffff;
  }
  #when .agenda .row {
    margin-bottom: 15px;
  }
  #when table td {
    text-align: left;
    padding: 0 5px !important;
  }
  #when table td.ta-right {
    text-align: right;
  }
  #when h2 {
    margin-bottom: 5px;
  }
  #forest {
    background-image: url(https://cdn.pagerduty.com/wp-content/uploads/2016/11/vegas.png);
    background-position: left top;
    background-size: cover;
    text-align: center;
    padding: 150px 0px;
  }
  #forest .pd-logo-white {
    max-width: 250px;
    padding: 20px 0px;
  }
  #forest .fc-logo-block-text {
    max-width: 400px;
  }
  #forest .re-invent-logo {
    width: 250px;
  }
  #mkto-form-wrapper {
    width: 100%;
    /*background: #252525;*/
    background: #252525;
    padding: 0px 0px 50px 0px;
  }
  #mkto-form-wrapper h2,
  #mkto-form-wrapper p {
    color: #ffffff !important;
  }
  #mkto-form-wrapper .attending-block,
  #mkto-form-wrapper .not-attending-block {
    padding: 50px 0px;
    display: none;
    text-align: center;
  }
  #mkto-form-wrapper .mktoForm .mktoButtonWrap.mktoInset .mktoButton {
    box-shadow: none;
    padding: 1em;
    margin-left: -125px !important;
  }
  #mkto-form-wrapper .mktoForm .mktoFormCol {
    width: 90% !important;
    padding: 10px;
    margin-left: 5%;
  }
  #mkto-form-wrapper .mktoButton {
    width: 49% !important;
    background: #f4f4f4 !important;
    color: #343434 !important;
    border: none !important;
    margin-left: 25% !important;
  }
  #mkto-form-wrapper .mktoField {
    background: #ffffff;
    color: #343434;
    box-shadow: none !important;
    border: 2px solid #fff;
    padding-left: 5px;
    border-radius: 2px;
  }
  #mkto-form-wrapper .mktoLabel {
    color: #ffffff;
    font-weight: 400;
  }
  #mkto-form-wrapper {
    /*label[for="attendingSummit"] {
      text-align: right;
    }
    .mktoCheckboxList:first-of-type {
      float: right !important;
    }*/
  }
  .summit-section {
    background: #f4f4f4;
    padding-top: 50px;
  }
  .summit-section h2 {
    text-align: center;
  }
  #main-speaker-wrapper {
    background: #f4f4f4;
  }
  #main-speaker-wrapper h2 {
    display: none;
  }
  .mktoForm.mktoLayoutAbove .mktoRadioList,
  .mktoForm.mktoLayoutAbove .mktoCheckboxList {
    width: auto !important;
    float: left !important;
    clear: none !important;
  }
  .accept-header {
    text-align: center;
    padding-top: 50px;
    padding-bottom: 20px;
  }
  .mobile-schedule {
    display: block;
  }
  .sum16-agenda {
    background: #eee;
  }
}
@media only screen and (min-width: 40em) and (max-width: 63.99875em) and (max-width: 1040px) {
  #mkto-form-wrapper .mktoButton {
    width: 90% !important;
    margin-left: 5% !important;
  }
}
@media only screen and (min-width: 40em) and (max-width: 63.99875em) and (max-width: 640px) {
  #bus-card {
    height: 150px;
    background-position: center;
  }
  .icon-fc {
    display: none;
  }
  #forest .fc-logo-block-text {
    max-width: 300px;
  }
  .ev-lp-full-width-hero-nav-logo-email-section {
    position: relative;
    min-height: 380px;
    height: 380px;
    background-size: 1900px, 300px;
    background-position: 35% 0px;
    background-attachment: fixed;
  }
  .ev-lp-full-width-hero-nav-logo-email-section .logo-hero {
    position: absolute;
    left: 50%;
    top: 100px;
    width: 200px;
    transform: translateX(-50%);
  }
}
/*HOME PAGE */
.hm-pg-slider-hero {
  height: 470px;
}

.hm-how-pd-works .dash,
.hm-how-pd-works .dottedLine {
  fill: none;
  stroke: #979797;
  stroke-width: 1.5px;
  stroke-dasharray: 5;
}
.hm-how-pd-works .mask {
  fill: none;
  stroke: #fff;
  stroke-width: 2px;
  stroke-dasharray: 10;
}
.hm-how-pd-works .pulsingDot {
  width: 100px;
  height: 100px;
  fill: none;
  stroke: #c0c0c0;
  stroke-width: 1px;
}
@media only screen and (max-width: 640px) {
  .hm-how-pd-works .mobile-divider .dash {
    stroke: #c0c0c0;
    stroke-width: 0.5px;
    stroke-dasharray: 2;
  }
  .hm-how-pd-works .mobile-divider .mobile-divider {
    stroke-width: 0.5px;
  }
}

.hm-customer-quotes .columns::before {
  content: url("https://cdn.pagerduty.com/wp-content/uploads/2018/09/quote.svg");
  display: block;
  background-size: 20px 20px;
  font-size: 50px;
  width: 100px;
  height: 100px;
  background-color: #048a24;
  color: white;
  border-radius: 50%;
  border: 10px solid white;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  position: absolute;
  left: 50px;
  top: -65px;
  padding-left: 15px;
}
.hm-customer-quotes .columns {
  position: relative;
  margin: 20px !important;
  max-width: 90%;
  padding: 20px 30px;
}
.hm-customer-quotes img {
  display: block;
  height: 50px;
  padding: 10px;
  margin: 20px 0;
}
.hm-customer-quotesp:not(.customer-quote) {
  font-size: 0.9em;
  padding-top: 10px;
}

@media only screen and (min-width: 640px) {
  .hm-customer-quotes .columns {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}
@media only screen and (max-width: 640px) {
  .hm-customer-quotes .columns {
    margin: 40px auto !important;
    max-width: 90% !important;
  }
}
/* digital-operations-management */
#digital-operations-management #hero h1 {
  margin-bottom: 15px;
}
#digital-operations-management #hero .hero-copy {
  text-align: center;
  margin-bottom: 30px;
}
#digital-operations-management #hero {
  background: #f4f4f4;
}
#digital-operations-management .state-of-dig-ops {
  text-align: right;
}
#digital-operations-management .state-of-dig-ops img {
  width: 100%;
  max-width: 360px;
  padding: 15px;
}
@media only screen and (max-width: 640px) {
  #digital-operations-management .state-of-dig-ops {
    text-align: center;
  }
  #digital-operations-management .state-of-dig-ops-copy {
    text-align: center;
  }
}
#digital-operations-management .video-quote {
  padding: 15px;
}
#digital-operations-management .video-quote h3 {
  font-style: italic;
}
#digital-operations-management #marketecture {
  background: #fff;
}
#digital-operations-management #cust-video {
  background: #f4f4f4;
}
#digital-operations-management .tp-video-single .vid-bkgd .lrg-playhead {
  top: 50% !important;
}

.search-results .input-group {
  padding-right: 30px;
}
.search-results .signup-widget-logo {
  display: none;
}
.search-results #opt-in-form-title h4 {
  margin-top: 0;
}

.search-term {
  text-transform: uppercase;
  font-size: 1.8em;
}

/** Home Page **/
.hp-globe {
  top: 20px;
  width: 70%;
  max-width: 820px;
  height: 100%;
  position: absolute;
  left: 30%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left top;
  z-index: -1;
}

.webp-lossy .hp-globe {
  background-image: url(https://cdn.pagerduty.com/wp-content/uploads/2019/03/globe.webp);
}

.no-webp-lossy .hp-globe {
  background-image: url(https://cdn.pagerduty.com/wp-content/uploads/2019/03/globe.png);
}

.hp-integtrations {
  position: relative;
}

.hp-integrations-copy {
  min-height: 400px;
  padding-top: 190px;
  padding-bottom: 190px;
}

@media print, screen and (min-width: 40em) and (max-width: 63.99875em) {
  .hp-globe {
    width: 80%;
    height: 520px;
    position: relative;
    left: 10%;
    z-index: -1;
    background-position: top right;
  }
  .hp-integrations-copy {
    min-height: 0;
    padding-top: 50px;
    padding-bottom: 0;
  }
}
@media print, screen and (min-width: 64em) {
  .hp-globe {
    width: 50%;
    max-width: 820px;
    height: 100%;
    position: absolute;
    left: 50%;
    height: calc(100% + 30px);
  }
}
@media print, screen and (max-width: 39.99875em) {
  .hp-globe {
    top: 0;
    width: 100%;
    height: 420px;
    position: relative;
    left: 0%;
    z-index: 1;
    background-position: top right;
  }
  .hp-integrations-copy {
    min-height: 0;
    padding-top: 50px;
    padding-bottom: 0;
  }
}
.btn-hp-video {
  display: block;
  padding: 15px 50px 0 10px;
}

.hp-play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60px;
  height: 60px;
  transform: translate(-50%, -50%);
}

.hm-how-pd-works {
  padding-bottom: 180px;
}
@media print, screen and (max-width: 63.99875em) {
  .hm-how-pd-works {
    padding-bottom: 50px;
  }
}
.hm-how-pd-works h4 {
  margin-bottom: 10px;
}
.hm-how-pd-works .svg-text {
  position: absolute;
  width: 18%;
  text-align: center;
}
.hm-how-pd-works .connect-text {
  top: 70%;
  left: 0;
}
.hm-how-pd-works .understand-text {
  top: 96%;
  left: 16%;
}
.hm-how-pd-works .quantify-text {
  top: 70%;
  left: 33%;
}
.hm-how-pd-works .engage-text {
  top: 96%;
  left: 49%;
}
.hm-how-pd-works .automate-text {
  top: 70%;
  left: 65%;
}
.hm-how-pd-works .improve-text {
  top: 96%;
  left: 82%;
}

.hp-how-it-works {
  min-height: 450px;
}
@media screen and (min-width: 42.5em) {
  .hp-how-it-works {
    min-height: 480px;
  }
}
@media screen and (min-width: 45.625em) {
  .hp-how-it-works {
    min-height: 530px;
  }
}
@media screen and (min-width: 48.75em) {
  .hp-how-it-works {
    min-height: 570px;
  }
}
@media screen and (min-width: 51.875em) {
  .hp-how-it-works {
    min-height: 600px;
  }
}
@media screen and (min-width: 55.625em) {
  .hp-how-it-works {
    min-height: 650px;
  }
}
@media screen and (min-width: 58.75em) {
  .hp-how-it-works {
    min-height: 700px;
  }
}
@media screen and (min-width: 62.5em) {
  .hp-how-it-works {
    min-height: 740px;
  }
}
@media screen and (min-width: 65em) {
  .hp-how-it-works {
    min-height: 770px;
  }
}
@media screen and (min-width: 68.125em) {
  .hp-how-it-works {
    min-height: 800px;
  }
}
@media screen and (min-width: 71.25em) {
  .hp-how-it-works {
    min-height: 840px;
  }
}
@media screen and (min-width: 74.375em) {
  .hp-how-it-works {
    min-height: 890px;
  }
}

.hp-quotes .quote-bubble {
  background: #ffffff;
  top: 0;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  padding: 10px;
  position: absolute;
}
.hp-quotes .quote-bubble .quote-bubble-inner {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #048a24;
  overflow: hidden;
}
.hp-quotes .quote-bubble .quote-bubble-inner .hanging-quote {
  width: 40px;
  height: 40px;
  margin: 10px;
  padding: 5px;
}
.hp-quotes .quote-body-wrapper .quote-logo {
  height: 100px;
}
@media print, screen and (max-width: 39.99875em) {
  .hp-quotes .quote-body-wrapper {
    margin-top: 90px;
    margin-bottom: 50px;
  }
}
@media print, screen and (min-width: 40em) {
  .hp-quotes .quote-body-wrapper {
    margin-left: 110px;
  }
  .hp-quotes .quote-body-wrapper .quote-quote {
    min-height: 90px;
    padding-right: 50px;
  }
}

/** leadership **/
.leadership {
  position: relative;
}
.leadership .hero {
  padding-bottom: 50px;
  width: 100%;
  height: 400px;
  background: url(https://cdn.pagerduty.com/wp-content/uploads/2018/05/web-about-hero.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.leadership h2 {
  padding-top: 2.5rem;
  padding-bottom: 1rem;
}
.leadership h4.subtitle {
  text-align: center;
}
.leadership .leaders .leader-info,
.leadership .board .leader-info,
.leadership .advisors .leader-info {
  width: 100%;
}
.leadership .leaders .leader-info h3,
.leadership .board .leader-info h3,
.leadership .advisors .leader-info h3 {
  font-size: 1.4em;
  padding-top: 20px;
}
.leadership .leaders .leader-info a,
.leadership .board .leader-info a,
.leadership .advisors .leader-info a {
  text-decoration: none;
}
.leadership .leaders .bio,
.leadership .board .bio,
.leadership .advisors .bio {
  display: none;
}
.leadership .leaders p.title,
.leadership .board p.title,
.leadership .advisors p.title {
  font-size: 15px;
}
.leadership .leaders .title {
  min-height: 60px;
}
.leadership .investors {
  padding-bottom: 50px;
}
@media only screen and (max-width: 639px) {
  .leadership .leadership .hero img {
    height: 100px;
  }
  .leadership .leaders p.title {
    height: 40px;
  }
}

.leadership .exec-img,
.modal-leadership .exec-img {
  width: 100%;
  padding-bottom: 100%;
  background-size: cover;
  background-position: 50%;
}

.modal-bkgd {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  background: #a5c6de;
  z-index: 999999;
  top: 0px;
}

.modal-leadership {
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  width: 90%;
  max-height: 92%;
  background: #fff;
  padding: 20px 5px;
  position: absolute;
  z-index: 9000;
  overflow-y: scroll;
}
.modal-leadership .social-icons {
  text-align: right;
  margin-top: 0.5rem;
}
.modal-leadership .social-icons .fa {
  font-size: 15px;
  padding: 10px;
  margin: 2px;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background: #cccccc;
  color: #ffffff;
}
.modal-leadership .social-icons .fa:hover {
  background: #048a24;
}

.close-leader-bio {
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 2em !important;
  z-index: 9000;
  background-color: rgba(255, 255, 255, 0.7);
}

h3.exec-name-holder {
  margin-bottom: 5px;
}

.exec-title-holder {
  text-transform: uppercase !important;
}

/* Use Cases **/
#use-cases-container .bkgd-lt-gray {
  background-color: #f4f4f4;
}
#use-cases-container #hero.use-cases {
  background-color: #efefef;
}
#use-cases-container #hero.use-cases .icons h6 {
  min-height: 55px;
  margin-bottom: 0;
}
#use-cases-container #hero.use-cases h1,
#use-cases-container #hero.use-cases h6 {
  color: #343434;
}
#use-cases-container #hero.use-cases h6 {
  font-weight: 600 !important;
  margin-bottom: 0;
}
#use-cases-container #hero.use-cases .platform {
  background: #0099e8;
}
#use-cases-container #hero.use-cases .platform h4 {
  text-align: center;
  color: #fff;
  margin: 10px 0;
  font-weight: 600 !important;
}
#use-cases-container #hero.use-cases .img-use-case {
  max-width: 130px;
  max-height: 130px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#use-cases-container #hero.use-cases .img-use-case:hover {
  transform: scale(1.2);
}
#use-cases-container #hero.use-cases p {
  text-align: center;
  padding: 15px 0;
}
#use-cases-container #use-cases .pgd-button {
  margin-bottom: 25px;
}
#use-cases-container img.img-quote {
  margin: auto;
  margin-bottom: 15px;
  max-height: 100px;
  max-width: 200px;
}
#use-cases-container .sect-title {
  padding-top: 50px;
}
#use-cases-container h4.quote {
  font-style: italic;
  margin-bottom: 15px;
  font-size: 14px;
  color: #555;
  padding: 0 15px;
}
#use-cases-container .icn-use-case-inline {
  width: 61px;
  padding: 0 0 5px 0;
}
@media only screen and (max-width: 1024px) {
  #use-cases-container #hero.use-cases {
    background-color: #f4f4f4;
  }
}
@media only screen and (max-width: 640px) {
  #use-cases-container .tp-video-single {
    min-height: 250px !important;
  }
}

/* features - product-overview **/
.hero-wrapper {
  margin: 0 auto;
  max-width: 1200px;
  padding: 0px 15px;
}
.hero-wrapper h3 {
  font-size: 18px;
  margin-bottom: 0px;
}
.hero-wrapper h4 {
  font-size: 12px;
}
.hero-wrapper .use-cases-wrapper,
.hero-wrapper .solutions-wrapper {
  border-bottom: 1px dotted black;
}
.hero-wrapper .use-cases-wrapper,
.hero-wrapper .solutions-wrapper {
  padding: 5px 165px;
  position: relative;
  width: 100%;
}
.hero-wrapper .solutions-wrapper {
  padding-bottom: 0px;
}
.hero-wrapper .platform-wrapper {
  padding: 5px 75px;
  position: relative;
  width: 100%;
}
.hero-wrapper .solutions-wrapper img,
.hero-wrapper .platform-wrapper img {
  height: 40px;
  width: auto;
}
.hero-wrapper .section-label {
  text-transform: uppercase;
  position: absolute;
  left: 0px;
}
.hero-wrapper .use-cases-wrapper .section-label {
  top: 57px;
}
.hero-wrapper .solutions-wrapper .section-label {
  top: 80px;
}
.hero-wrapper .platform-wrapper .section-label {
  top: 72px;
}
.hero-wrapper .use-cases-row,
.hero-wrapper .solutions-row,
.hero-wrapper .platform-row-stretched {
  text-align: center;
  width: 100%;
}
.hero-wrapper .solutions-row h3,
.hero-wrapper .solutions-row h4,
.hero-wrapper .platform-row h3,
.hero-wrapper .platform-row h4 {
  color: white;
}
.hero-wrapper .use-cases-row ul {
  color: black;
  list-style-type: none;
  margin: 0px;
}
.hero-wrapper .use-cases-row li {
  background-color: #e9e9e9;
  display: inline-block;
  vertical-align: top;
  width: 16%;
}
.hero-wrapper .use-cases-row li:hover {
  background-color: #d0d0d0;
}
.hero-wrapper .use-cases-row li:hover h4 {
  background-color: #959595;
}
.hero-wrapper .use-cases-row img {
  display: block;
  margin: 0 auto;
  padding: 15px 0px;
  height: 58px;
}
.hero-wrapper .use-cases-row h4 {
  background-color: #d5d5d5;
  margin-bottom: 0px;
  padding: 10px 0px;
  height: 40%;
  width: 100%;
}
.hero-wrapper .solutions-row-border {
  border: 1px solid #399d8e;
  margin: 0px 5px 5px 5px;
  padding-top: 5px;
  width: calc(100% - 10px);
}
.hero-wrapper .solutions-row > div {
  display: inline-block;
  width: 49%;
}
.hero-wrapper .solutions-row-image,
.hero-wrapper .solutions-row-header {
  display: inline-block;
  height: 70px;
  vertical-align: middle;
}
.hero-wrapper .solutions-row-image {
  float: left;
  line-height: 70px;
  width: 35%;
}
.hero-wrapper .solutions-row-image .eye {
  color: white;
  font-size: 2em;
}
.hero-wrapper .solutions-row-header {
  float: right;
  padding-right: 75px;
  width: 65%;
}
.hero-wrapper .solutions-row-header h3 {
  line-height: 70px;
}
.hero-wrapper .solutions-incident-response .solutions-row-header {
  padding-top: 10px;
}
.hero-wrapper .solutions-incident-response .solutions-row-header h3 {
  line-height: 1.3;
}
.hero-wrapper .solutions-analytics {
  background-color: #277b8d;
}
.hero-wrapper .solutions-analytics:hover {
  background-color: rgb(27.95, 88.15, 101.05);
}
.hero-wrapper .solutions-business-visibility {
  background-color: #2b9787;
}
.hero-wrapper .solutions-business-visibility .solutions-row-image {
  line-height: 85px;
}
.hero-wrapper .solutions-business-visibility:hover {
  background-color: rgb(31.6958762887, 111.3041237113, 99.5103092784);
}
.hero-wrapper .solutions-event-intelligence {
  background-color: #3f84c5;
}
.hero-wrapper .solutions-event-intelligence:hover {
  background-color: rgb(48.488, 106.172, 160.512);
}
.hero-wrapper .solutions-incident-response {
  background-color: #42b4e6;
}
.hero-wrapper .solutions-incident-response:hover {
  background-color: rgb(25.6425233645, 142.5724299065, 193.8574766355);
}
.hero-wrapper .platform-row {
  margin: 0px 96px;
  text-align: center;
  height: 80px;
  width: calc(100% - 192px);
}
.hero-wrapper .platform-row-image,
.hero-wrapper .platform-row-header {
  display: inline-block;
  height: 80px;
}
.hero-wrapper .platform-row-image {
  float: left;
  line-height: 80px;
  padding-left: 165px;
  width: 33%;
}
.hero-wrapper .platform-row-header {
  float: right;
  text-align: left;
  padding-left: 20px;
  width: 66%;
}
.hero-wrapper .platform-on-call-management {
  background-color: #3cac3a;
  margin-bottom: 3px;
}
.hero-wrapper .platform-on-call-management:hover {
  background-color: rgb(46.6956521739, 133.8608695652, 45.1391304348);
}
.hero-wrapper .platform-on-call-management .platform-row-header h3 {
  line-height: 80px;
}
.hero-wrapper .platform-enterprise-class {
  background-color: #8d8d8d;
}
.hero-wrapper .platform-enterprise-class:hover {
  background-color: rgb(115.5, 115.5, 115.5);
}
.hero-wrapper .platform-enterprise-class .platform-row-header {
  padding-top: 15px;
}
.hero-wrapper .platform-enterprise-class h3 {
  line-height: 1.4;
}
.hero-wrapper .platform-enterprise-class h4 {
  text-transform: uppercase;
}
.hero-wrapper .platform-integrations {
  background: #4b798a;
  background-size: 100%;
  height: 50px;
  margin-top: 3px;
}
.hero-wrapper .platform-integrations:hover {
  opacity: 0.75;
}
.hero-wrapper .platform-integrations a {
  display: inline-block;
  height: 100%;
  width: 100%;
  color: white;
  font-size: 22px;
  font-weight: bold;
  padding-top: 10px;
}
@media (max-width: 1024px) {
  .hero-wrapper h3 {
    font-size: 17px;
  }
  .hero-wrapper h4 {
    font-size: 11px;
  }
  .hero-wrapper .solutions-wrapper img,
  .hero-wrapper .hero-wrapper .platform-wrapper img {
    height: 30px;
  }
  .hero-wrapper .solutions-wrapper {
    padding: 5px 0px 5px 110px;
  }
  .hero-wrapper .use-cases-wrapper {
    padding: 5px 90px 5px 110px;
  }
  .hero-wrapper .solutions-row {
    width: calc(100% - 90px);
  }
  .hero-wrapper .solutions-row.solutions-row-border {
    width: calc(100% - 100px);
  }
  .hero-wrapper .platform-wrapper {
    padding: 5px 0 5px 20px;
  }
}
@media (max-width: 860px) {
  .hero-wrapper h3 {
    font-size: 16px;
  }
  .hero-wrapper .use-cases-wrapper,
  .hero-wrapper .solutions-wrapper {
    padding: 5px 0px;
  }
  .hero-wrapper .use-cases-wrapper .section-label,
  .hero-wrapper .solutions-wrapper .section-label {
    display: none;
  }
  .hero-wrapper .use-cases-wrapper .use-cases-row li,
  .hero-wrapper .solutions-wrapper .use-cases-row li {
    width: 15%;
  }
  .hero-wrapper .use-cases-row li h4 {
    min-height: 52px;
  }
  .hero-wrapper .solutions-row {
    width: 100%;
  }
  .hero-wrapper .solutions-row.solutions-row-border {
    width: 100%;
    margin: 0px 0px 5px 0px;
  }
  .hero-wrapper .platform-wrapper {
    padding: 5px 0;
  }
  .hero-wrapper .platform-wrapper .section-label {
    display: none;
  }
  .hero-wrapper .platform-wrapper .platform-row {
    width: 100%;
    margin: 0;
  }
  .hero-wrapper .platform-row-image {
    padding-left: 100px;
  }
}
@media (max-width: 640px) {
  .hero-wrapper .platform-wrapper {
    padding: 5px 0;
  }
  .hero-wrapper .platform-wrapper .section-label {
    display: none;
  }
  .hero-wrapper .platform-wrapper .platform-row .platform-row-image {
    padding-left: 0;
  }
}

#product-overview .bkgd-lt-gray {
  background-color: #f4f4f4;
}
#product-overview .device img,
#product-overview .device-left img {
  min-width: 800px;
}
#product-overview a.feature-title {
  color: #4b4f4f;
}
#product-overview a.feature-title:hover {
  color: #048a24;
}
@media only screen and (max-width: 640px) {
  #product-overview .device img,
  #product-overview .device-left img {
    min-width: 100%;
  }
}
#product-overview #hero.product-overview {
  background-color: #efefef;
}
#product-overview #hero.product-overview p,
#product-overview #hero.product-overview h1 {
  color: #343434;
}
#product-overview #hero.product-overview .top-copy {
  text-align: center;
  padding: 15px 0;
}
@media only screen and (max-width: 640px) {
  #product-overview #hero.product-overview .patty-outer-wrapper {
    padding: 0 15px;
  }
}
#product-overview #hero.product-overview .patty {
  height: 100px;
  margin-bottom: 5px;
  border-radius: 4px;
  display: block;
  position: relative;
}
#product-overview #hero.product-overview .patty i {
  font-size: 2em;
}
#product-overview #hero.product-overview .patty p {
  color: #fff;
  line-height: 1em;
  font-weight: 600 !important;
}
#product-overview #hero.product-overview .patty p.copy {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1.3em;
}
@media only screen and (max-width: 640px) {
  #product-overview #hero.product-overview .patty p.copy {
    font-size: 1em;
  }
}
#product-overview #hero.product-overview .patty img.patty-icon {
  margin-bottom: 5px;
  max-width: 40px;
}
#product-overview #hero.product-overview .patty img.patty-icon.aside {
  position: absolute;
  left: 0px;
}
#product-overview #hero.product-overview .patty img.patty-icon.phone {
  max-width: 30px;
}
#product-overview #hero.product-overview .patty img.patty-icon.people {
  max-width: 50px;
}
#product-overview #hero.product-overview .patty p.gears {
  padding-left: 50px;
}
#product-overview #hero.product-overview .patty p.gears img {
  top: -18px;
  max-width: 45px;
}
#product-overview #hero.product-overview .patty p.laptop {
  padding-left: 65px;
}
#product-overview #hero.product-overview .patty p.laptop img {
  top: -13px;
  max-width: 60px;
}
#product-overview #hero.product-overview .patty p.server {
  padding-left: 85px;
}
#product-overview #hero.product-overview .patty p.server img {
  top: -17px;
  max-width: 80px;
}
#product-overview #hero.product-overview .patty .patty-inner {
  display: block;
  position: relative;
  height: 100px;
}
#product-overview #hero.product-overview .patty .puzzle-piece {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 50%;
  left: -3px;
  background: #40b3e6;
  border-radius: 50%;
  border: 3px solid #efefef;
  transform: translateY(-50%);
}
#product-overview #hero.product-overview .patty .puzzle-piece .block {
  position: absolute;
  left: -5px;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 6px;
  background: #40b3e6;
}
#product-overview #hero.product-overview .patty .puzzle-piece.right {
  right: -3px;
  left: auto;
  transform: translateY(-50%) rotate(180deg);
}
#product-overview #hero.product-overview .patty.platform {
  background-color: #40b655;
}
#product-overview #hero.product-overview .patty.analytics {
  background-color: #28a599;
}
#product-overview #hero.product-overview .patty.intel {
  background-color: #40b3e6;
}
#product-overview #hero.product-overview .patty.intel .intelligence {
  border-left: 3px #efefef solid;
  border-right: 3px #efefef solid;
}
#product-overview #hero.product-overview .patty.enterprise {
  background-color: #9f9f9f;
}
#product-overview #hero.product-overview .patty-inner p.copy {
  width: 90%;
}
#product-overview p.helper-text {
  position: absolute;
  bottom: 40%;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  padding: 15px;
  max-width: 400px;
  z-index: 99999;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.6s ease, bottom 0.6s ease;
  -moz-transition: opacity 0.6s ease, bottom 0.6s ease;
  transition: opacity 0.6s ease, bottom 0.6s ease;
}
#product-overview {
  /*p.helper-text.active {
    opacity: 1;
    bottom:80%;
  }*/
}
#product-overview li.show-it {
  position: relative;
  display: block;
}
#product-overview li.show-it a:hover + p.helper-text {
  visibility: visible;
  opacity: 1;
  bottom: 60%;
}
#product-overview #feature-sets {
  overflow: hidden;
}

/* devops **/
#devops #hero {
  padding: 50px 0;
  text-align: center;
  background-size: cover;
  background-position: center center;
}
#devops #hero h1 {
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 30px;
  display: block;
}
#devops #hero h3 {
  color: #fff;
}
#devops #intro h3 {
  text-align: center;
}
#devops #process {
  background: #454545;
}
#devops #process p,
#devops #process h2 {
  color: #fff;
}
#devops #trek a.track-box {
  margin: 20px 0;
  padding: 30px 15px;
  min-height: 230px;
  background: #f1f1f1;
  text-align: center;
  display: block;
  border-radius: 2px;
}
#devops #trek .fa {
  font-size: 3em;
  padding: 10px 0;
  display: block;
  text-align: center;
}
#devops #trek h2 {
  text-align: left;
  display: inline-block;
}
#devops #trek h2 .box-title {
  font-weight: 600;
  font-size: 0.8em !important;
  margin-bottom: 0;
  color: #454545;
}
@media print, screen and (min-width: 64em) {
  #devops p.getting-started {
    column-count: 3;
    column-gap: 30px;
  }
  #devops .devops-bullets {
    padding: 0 35px;
    column-count: 2;
    column-gap: 60px;
  }
}

/* Newsroom */
.news-article-box p {
  padding: 20px 40px;
}
.news-article-box img {
  position: relative;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
}

/* Events */
.event-single {
  position: relative;
}

.event-single-inner {
  margin-top: 30px;
  padding-bottom: 40px;
  position: relative;
}
.event-single-inner img {
  margin: auto;
  width: 100%;
  max-width: 365px;
  display: block;
}

.event-single-remainder {
  margin-top: 30px;
  margin-bottom: 30px;
  position: relative;
  width: 100%;
  padding: 15px 0;
}

.event-title h3 {
  font-size: 22px;
  letter-spacing: 0.015em;
  font-weight: 500;
  line-height: 1.4em;
  padding: 15px 0 0 0;
  color: #000000;
  margin: 0 !important;
}

#event-search {
  padding-left: 30px;
}

/* Integrations Page */
.top-integration-item {
  padding: 0 5px;
  flex: 0 0 20%;
  max-width: 20%;
}

@media (max-width: 639px) {
  .top-integration-item {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
.view-all-integrations {
  width: 100%;
  margin: 40px 0;
  text-align: center;
}

@media only screen and (max-width: 640px) {
  .partners-grid .top-integrations {
    padding: 0 !important;
  }
}
@media only screen and (min-width: 1024px) {
  .partners-grid .top-integrations {
    margin: 0.25em;
  }
}
.top-integrations {
  margin-bottom: 30px;
}
.top-integrations a {
  margin: 0;
}
.top-integrations .comp-logo {
  max-width: 100%;
}

.top-integrations .partner-integration-single img {
  padding-top: 50px;
  max-width: 100px;
  position: relative;
  top: auto;
  left: auto;
}

.top-integrations .partner-integration-single {
  max-height: 220px;
}

.top-integrations .partner-integration-single {
  margin: 5px 0px;
  text-align: center;
  font-size: 12px;
  line-height: 1.2em;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
}

.top-integrations .partner-integration-single:hover {
  background: #f1f1f1;
}

.top-integrations .partner-integration-single a.part-name {
  color: #333;
  position: absolute;
  top: 82%;
  display: block;
  left: 0px;
  width: 100%;
}

/* Individual Integration Pages */
.int-partner-blurb {
  margin: auto;
  margin-top: -150px;
  margin-bottom: 30px;
  display: inline-block;
}

.int-partner-hero {
  padding-bottom: 180px;
}
.int-partner-hero img.int-logo {
  max-width: 280px;
  padding: 20px;
  filter: brightness(0) invert(1);
}

.int-partner-resource-single {
  width: 100%;
  height: 100%;
  padding: 20px;
}
.int-partner-resource-single .int-resource-icon img {
  height: 50px;
  margin-bottom: 30px;
}
.int-partner-resource-single .guide-type {
  display: inline-block;
  margin-bottom: 5px;
}
.int-partner-resource-single .int-guide-copy {
  color: #666666;
}
.int-partner-resource-single .int-resource-cta .fa-angle-right {
  font-size: 1.2em;
  padding-left: 5px;
}

.int-dir-title {
  padding-left: 10px;
}
.int-dir-title h2 {
  padding-right: 20px;
}
.int-dir-title h2,
.int-dir-title .verified-partner {
  display: inline-block;
}

.verified-partner {
  position: relative;
  font-size: 16px;
  margin-bottom: 20px;
}
.verified-partner img {
  width: 30px;
}

.top-integrations .featured-integrations h6,
.top-integrations .featured-integrations p {
  padding-left: 0.8em;
}
.top-integrations .featured-integrations h6 {
  margin: 0.5em 0 !important;
}
.top-integrations .featured-integrations p {
  font-size: 0.8em;
  margin: 0;
  padding: 1em;
}
.top-integrations .featured-integrations hr {
  margin: 0 !important;
}
.top-integrations .featured-integrations .comp-logo img {
  padding: 10px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 100%;
}

.int-hero-cta {
  text-decoration: underline;
}

.int-hero-cta:hover {
  color: #f4f4f4;
}

/* Partners Grid */
#pd-partners-integration-title {
  border-bottom: 1px solid #ccc;
}

.int-tab-button-wrapper {
  margin-bottom: 20px;
  border-bottom: 2px #ccc solid;
}

#guides-grid .columns {
  padding: 0;
}

.int-tab-button-wrapper .columns {
  padding: 5px;
}
.int-tab-button-wrapper i {
  font-size: 3em;
  margin-bottom: 15px;
}
.int-tab-button-wrapper i.selected {
  color: #048a24;
}
.int-tab-button-wrapper p {
  padding: 10px 45px;
}

.int-tab-button {
  width: 100% !important;
  margin: 0px !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
  text-align: center;
  background-color: #ccc !important;
  border: none !important;
  color: #333 !important;
  border-radius: 4px 4px 0px 0px !important;
}

.int-tab-button:hover {
  background-color: #06ac38 !important;
  color: #fff !important;
}

.int-tab-button.selected {
  background-color: #06ac38 !important;
  border-color: #ccc !important;
  color: #fff !important;
  display: block;
}

.extenstions-list {
  display: none;
}

.int-blurb {
  height: 100px;
}

.loading-partners {
  position: relative;
  text-align: center;
  margin: 50px auto 50px auto;
  height: 150px;
  padding-bottom: 60px;
  color: #cccccc;
}

.loading-partners img {
  width: 50px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  top: 30px;
}

.pd-partner-cats-holder {
  max-width: 95%;
  display: none;
  margin-top: 50px;
  padding-left: 10px;
}

ul.partner-categories {
  margin-left: 20px;
  cursor: default;
}
ul.partner-categories li {
  margin-left: 0px;
}

@media print, screen and (min-width: 40em) {
  .int-guide-grid-air {
    padding-left: 10px;
  }
}
h2#integrations {
  padding-left: 10px;
}

.integrations-list {
  position: relative;
  padding: 5px;
}

.integration-search-filter {
  padding: 0 10px;
}

.columns.top-integrations {
  padding-left: 0;
  padding-right: 0;
}

i.disclose-int-cats {
  font-size: 1.8em;
  color: #048a24;
  top: -6px;
  position: absolute;
  top: -5px;
  left: 115px;
}

.cat-mbl-nav {
  display: none;
}

@media print, screen and (min-width: 40em) {
  .cat-mbl-nav {
    display: block;
  }
}
.btn-int-cats {
  display: inline-block;
  margin-bottom: 15px;
}

.btn-int-cats:hover {
  color: #cccccc !important;
}

.partner-single {
  margin: 10px;
  text-align: center;
  line-height: 1.2em;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  background: #ffffff;
}
.partner-single .name,
.partner-single .cta {
  text-align: left;
  padding: 15px;
  font-size: 0.95em;
}
.partner-single .name {
  color: #666666;
}
.partner-single .name p {
  margin: 0;
  height: 37px;
  line-height: 1.2;
  vertical-align: middle;
  display: table-cell;
}
.partner-single .cta p {
  margin: 0;
}
.partner-single .icon {
  height: 140px;
  width: 100%;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  position: relative;
}
.partner-single .icon img.partner-icon {
  max-width: 75%;
  max-height: 75%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.partner-single .certified {
  position: absolute;
  bottom: 5px;
  right: 5px;
  width: 25px;
  height: 25px;
  font-size: 1.2em;
  display: none;
}
.partner-single .certified svg {
  width: 100%;
  height: 100%;
}
.partner-single .certified.show {
  display: block;
}

.partner-single a.part-name {
  color: #333;
  position: absolute;
  top: 77%;
  display: block;
  left: 0px;
  width: 100%;
}

.partner-single .button {
  position: absolute !important;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  width: 220px;
}

.int-pillars img {
  height: 80px !important;
}
.int-pillars h5 {
  font-weight: 600;
  color: #666666;
}

/* Partner Single Pop Up Element */
.partner-single-popup {
  position: absolute;
  display: none;
  padding: 20px;
  padding-bottom: 80px;
  background: #f1f1f1;
  z-index: 50;
  top: 150px;
  text-align: left;
  color: #333 !important;
  font-size: 13px;
  line-height: 1.2em;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #f2f2f2;
}

.partner-popup-logo {
  text-align: left;
  position: absolute;
  left: 50%;
  top: 60px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  max-width: 150px;
  display: block;
  z-index: 400;
  min-width: 100px;
  min-height: 100px;
}

.partner-popup-logo img {
  max-width: 100%;
}

.partner-single .arrow-up {
  width: 100%;
  height: 11px;
  position: absolute;
  z-index: 20;
  display: none;
  background-image: url("/wp-content/themes/citizens-band/assets/img/arrow-up.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

.partner-search-bar {
  position: relative;
}

#partners-search::-webkit-search-cancel-button {
  -webkit-appearance: none;
  width: 8px;
  height: 8px;
  padding: 5px;
  border-radius: 9999;
  background-repeat: no-repeat;
  background-attachment: #999999;
  background-size: contain;
  cursor: default;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4.82 4.82'%3E%3Cdefs%3E%3Cstyle%3E.ff132f7b-93b1-439a-9e51-c1b9d17107ad%7Bfill:%23919191;%7D.b0d5756f-cb98-4145-acb0-6759ae914a79%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cg id='f92664a5-3bbd-4c89-82cd-94b72de363a8' data-name='Layer 2'%3E%3Cg id='eb85d736-b44a-42d7-a9bb-f36cc4833e7a' data-name='Layer 1'%3E%3Ccircle class='ff132f7b-93b1-439a-9e51-c1b9d17107ad' cx='2.41' cy='2.41' r='2.41'/%3E%3Cpath class='b0d5756f-cb98-4145-acb0-6759ae914a79' d='M1,3.9,2.24,2.38c-.38-.46-.81-1-1.17-1.45h.32c.53.69.85,1.08,1,1.27.28-.34.71-.9,1-1.27H3.7c-.37.44-.74.93-1.15,1.42L3.82,3.9H3.48L2.38,2.54c-.46.57-.75,1-1.07,1.36Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.partners-search-field {
  height: 40px;
  margin: 0px;
  width: 100%;
  padding: 5px;
  padding-left: 30px;
  border: none;
  border-bottom: 1px solid #616161;
  color: #616161;
  line-height: 1em;
  font-size: 22px;
  margin-bottom: 25px;
  box-shadow: none;
  padding-bottom: 9px;
}

.partners-search-field:hover,
.partners-search-field:focus,
.partners-search-field:active {
  border: none;
  border-bottom: 1px solid #4b4f4f;
  box-shadow: none;
}

.partners-search-field::placeholder {
  color: #cccccc !important;
  font-size: 24px;
}

.partners-search-field-icon {
  position: absolute;
  top: 6px;
  left: 10px;
  color: #999;
}

.partner-single-popup h3 {
  margin-bottom: 10px;
}

.partner-single-popup p {
  padding-bottom: 30px;
  width: 100%;
  text-align: left !important;
  height: 120px;
  z-index: 500;
}

#guides-grid li.selected:before {
  content: "\f192";
}

#guides-grid li:before {
  content: "\f1db";
  font-family: "FontAwesome";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  padding-right: 10px;
  margin-left: -25px;
  color: #048a24;
  font-size: 1.3em;
}

#guides-grid li:hover:before {
  content: "\f140";
}

#guides-grid li {
  list-style-type: none;
  padding: 5px 15px 5px 5px;
  font-size: 15px;
}

#guides-grid li a {
  color: #666;
}

#guides-grid li:hover {
  background: #f1f1f1;
}

.integration-guide-container pre {
  background: #eee !important;
  display: block !important;
  padding: 15px !important;
  margin: 10px 0px;
}

.integration-guide-container ol li {
  margin-top: 15px !important;
  list-style-position: outside;
  margin-left: 15px;
  font-size: 15px;
  font-weight: 400;
  color: #333;
}

.popular-content {
  position: relative;
}

.popular-guides h3 {
  margin-top: 0px;
}

.popular-guides img {
  width: 100%;
  max-width: 100px;
  margin-top: 0px !important;
  padding: 10px;
  border-radius: 50%;
}

.popular-guides h4 {
  color: #666;
  position: absolute;
  top: 50%;
  left: 0px;
  display: block;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.partner-height {
  height: 100px;
  margin-bottom: 10px;
}

.ig-important {
  color: #db4c4c !important;
  font-weight: bold;
}

.card {
  padding: 30px;
  display: block;
}

.red-border {
  border: 1px solid #db4c4c;
}

/* Customers Grid */
ul.customer-nav {
  border-bottom: 1px solid #ccc;
  display: inline-block;
  padding-right: 0;
  margin-bottom: 0;
  width: 100%;
}

li.customer-filter {
  display: inline-block;
  padding: 5px 20px;
  cursor: pointer;
  text-transform: uppercase;
}

.customers-grid {
  margin-top: 30px;
}

.customer-single {
  padding: 10px;
  margin-top: 10px;
  margin-bottom: 20px;
  text-align: center;
  line-height: 1.2em;
  position: relative;
  width: 96%;
  margin-left: 2%;
  margin-right: 2%;
}

@media print, screen and (min-width: 40em) {
  .customer-single {
    width: 46%;
    margin-left: 2%;
    margin-right: 2%;
  }
}
@media print, screen and (min-width: 64em) {
  .customer-single {
    width: 29.33%;
    margin-left: 2%;
    margin-right: 2%;
  }
}
.customer-single-old {
  padding: 10px;
  margin-top: 10px;
  margin-bottom: 70px;
  text-align: center;
  line-height: 1.2em;
  position: relative;
  width: 96%;
  margin-left: 2%;
  margin-right: 2%;
}

@media print, screen and (min-width: 40em) {
  .customer-single-old {
    width: 46%;
    margin-left: 2%;
    margin-right: 2%;
  }
}
@media print, screen and (min-width: 64em) {
  .customer-single-old {
    width: 29.33%;
    margin-left: 2%;
    margin-right: 2%;
  }
}
.customer-single-inner-old {
  border: 1px solid #f1f1f1;
  padding: 10px 10px 70px 10px;
  position: relative;
  -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
  height: 300px;
  background-color: #fff;
}
.customer-single-inner-old h6.term {
  font-size: 0.9em;
  padding-top: 15px;
  height: 35px;
  overflow: visible;
}
.customer-single-inner-old .company-excerpt a {
  bottom: 20px;
  position: absolute;
  left: 20px;
  right: 20px;
}

.customer-single-inner {
  border: 1px solid #f1f1f1;
  padding: 0;
  position: relative;
  display: block;
  background-color: #fff;
}
.customer-single-inner h6.term {
  font-size: 0.9em;
  padding-top: 15px;
  height: 35px;
  overflow: visible;
}

a.cust-grid-link {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding: 10px 10px 70px 10px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

a.cust-grid-link:hover {
  box-shadow: 0 7px 24px rgba(0, 0, 0, 0.25), 0 5px 5px rgba(0, 0, 0, 0.24);
}

.comp-logo {
  height: 90px;
  text-align: center;
  position: relative;
}

.comp-logo img {
  max-height: 80px;
  padding-left: 10px;
  padding-right: 10px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 170px;
}

.cust-button {
  position: absolute;
  bottom: 20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 50%;
}

.customer-filter.selected {
  color: #fa640a;
}

.customer-filter:hover {
  color: #e7931c !important;
}

ul.customer-categories {
  margin-top: 20px;
}

.customer-categories li {
  list-style-type: none;
  cursor: default;
}

.customer-categories li.selected {
  color: #048a24;
}

.customer-single-inner-remainder {
  width: 100%;
  height: 150px;
  position: relative;
  /* border: 1px solid #CCC;
   background: #FFF;*/
}

.customer-single-inner-remainder img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, 50%);
  transform: translate(-50%, -50%);
  padding: 20px;
  max-height: 75px;
  max-width: 170px;
}

.customer-single .company-excerpt {
  height: 100px;
}
.customer-single .company-excerpt h6 {
  padding: 5px 15px;
}
.customer-single .company-excerpt p.read-more {
  padding: 10px 0;
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: 10px;
  margin: 0;
}

/* devops **/
#devops #hero {
  padding: 50px 0;
  text-align: center;
  background-size: cover;
  background-position: center center;
}
#devops #hero h1 {
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 30px;
  display: block;
}
#devops #hero h3 {
  color: #fff;
}
#devops #intro h3 {
  text-align: center;
}
#devops #process {
  background: #454545;
}
#devops #process p,
#devops #process h2 {
  color: #fff;
}
#devops #trek a.track-box {
  margin: 20px 0;
  padding: 30px 15px;
  min-height: 230px;
  background: #f1f1f1;
  text-align: center;
  display: block;
  border-radius: 2px;
}
#devops #trek .fa {
  font-size: 3em;
  padding: 10px 0;
  display: block;
  text-align: center;
}
#devops #trek h3 {
  text-align: left;
  display: inline-block;
}
#devops #trek h3 .box-title {
  font-weight: 600;
  font-size: 0.8em !important;
  margin-bottom: 0;
  color: #454545;
}

/** IT Operations / it-ops **/
#it-operations .gz-hero h1 {
  margin-bottom: 0;
}
#it-operations .gz-hero h3 {
  font-style: italic;
  text-transform: uppercase;
}

#developer .gz-hero h1 {
  font-weight: 600;
  text-transform: uppercase;
}

/** Features - Operations Command Console **/
#applications-wrapper #hero {
  /*padding-bottom:50px;*/
  width: 100%;
  /*background: url(https://cdn.pagerduty.com/wp-content/uploads/2016/11/hero-occ.png);
   background-size: cover;*/
  min-height: 400px;
  background: #454545;
}
#applications-wrapper #hero .hero-inner {
  padding-top: 50px;
  max-width: 1200px !important;
  text-align: center;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.4+0,0+100 */
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
#applications-wrapper #hero .hero-inner h1 {
  padding: 20px;
  color: #fefdce;
  color: #fff;
  line-height: 1.3em;
}
#applications-wrapper #hero .hero-inner h1 .font-reg {
  font-weight: 400;
}
#applications-wrapper #hero .hero-inner h1 .font-spaced {
  letter-spacing: 1vw;
}
#applications-wrapper #hero .hero-inner img {
  width: 100%;
}
#applications-wrapper .device-stagger {
  width: 1200px;
}
@media print, screen and (max-width: 39.99875em) {
  #applications-wrapper .device-stagger {
    width: 100%;
  }
}
#applications-wrapper #applications {
  padding-top: 50px;
  text-align: center;
}
#applications-wrapper .guts {
  overflow: hidden;
}
#applications-wrapper #topview {
  padding: 70px 0;
  text-align: center;
}
#applications-wrapper #topview .copy {
  padding-bottom: 30px;
}
#applications-wrapper #topview .pillar img {
  width: 70px;
  margin-bottom: 20px;
}
#applications-wrapper #topview .pillar h4,
#applications-wrapper #topview .pillar p {
  color: #343434;
}
#applications-wrapper #topview .pillar h4 {
  font-weight: 400;
}
#applications-wrapper .occ-demo {
  height: 800px;
}
#applications-wrapper .icons {
  padding-bottom: 30px;
}
#applications-wrapper .icon-wrapper {
  padding: 10px;
  font-size: 1.5em;
  text-align: center;
}
#applications-wrapper .icon-wrapper .fa {
  color: #999;
}
#applications-wrapper .icon-wrapper .app-link h3 {
  color: #343434 !important;
}
#applications-wrapper .icon-wrapper .app-link:hover h3 {
  color: #06ac38 !important;
}
#applications-wrapper .contact-strip {
  padding: 50px 0;
  background: #666;
}
#applications-wrapper .contact-strip h2 {
  padding: 0;
  margin: 0;
  color: #fff;
  text-align: center;
}
#applications-wrapper .device-wrapper {
  padding: 50px 0;
}
#applications-wrapper .device-wrapper .copy {
  float: left;
}
#applications-wrapper .device-wrapper .copy-right {
  float: right;
}
#applications-wrapper .device-wrapper .copy-inner {
  padding: 0px 10px;
  max-width: 550px;
}
#applications-wrapper .device-wrapper .ft-right {
  float: right;
}
#applications-wrapper .module-hero {
  padding-top: 70px;
  padding-bottom: 0px;
  background: #343434;
}
#applications-wrapper .module-hero h2,
#applications-wrapper .module-hero p {
  color: #fff;
}
#applications-wrapper .bkgd-ipad {
  background: url(https://cdn.pagerduty.com/wp-content/uploads/2016/11/bkgd-ipad.png);
  background-size: cover;
  background-position: center center;
  min-height: 500px;
  padding: 50px;
}
#applications-wrapper .fr-fifty-full {
  width: 50%;
  float: right;
}
#applications-wrapper #quote {
  background: url(https://cdn.pagerduty.com/wp-content/uploads/2016/11/quote-bottom.png);
  background-size: cover;
  background-position: center center;
  min-height: 450px;
  padding: 90px 0;
  text-align: left;
}
#applications-wrapper #quote h2 {
  font-size: 1.7em;
}
#applications-wrapper .contact {
  padding: 50px 0;
  text-align: left;
}
#applications-wrapper .contact .start-trial-header {
  display: none;
}
#applications-wrapper .contact .fa-dashboard {
  font-size: 48px;
}
#applications-wrapper .bottom-break {
  border-bottom: 1px solid #ccc;
  /*background: #f4f4f4;*/
}
#applications-wrapper .border-top {
  border-top: 1px solid #ccc;
}
#applications-wrapper .icon-wrapper i {
  font-size: 2em;
  margin-bottom: 10px;
}
#applications-wrapper {
  /*@media only screen and (min-width: 1350px) {
    #hero {
      .hero-inner {
        h1 {
          font-size: 100px !important;
        }
      }
    }
  }*/
}
@media only screen and (max-width: 1024px) {
  #applications-wrapper #hero .hero-inner {
    padding-top: 20px;
  }
  #applications-wrapper .occ-demo {
    height: 700px;
  }
}
@media only screen and (max-width: 860px) {
  #applications-wrapper .occ-demo {
    height: 600px;
  }
}
@media only screen and (max-width: 765px) {
  #applications-wrapper .interactive-demo {
    display: none;
  }
}
@media only screen and (max-width: 480px) {
  #applications-wrapper #hero .hero-inner h1 {
    font-size: 20px;
    line-height: 1.1em;
  }
}

/* Modal window with youtube video */
.bkgd-black-out {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  bottom: 0px;
  left: 0px;
  z-index: 12000;
}
.bkgd-black-out .btn-close-modal {
  position: absolute;
  top: -60px;
  right: 0px;
  height: 50px;
  width: 50px;
  text-align: center;
  display: block;
  z-index: 99999999;
  cursor: pointer;
}
.bkgd-black-out .btn-close-modal .fa-close {
  line-height: 50px;
  font-size: 3.4em;
  color: #fff;
  cursor: pointer;
}
.bkgd-black-out .btn-close-modal .fa-close:hover {
  color: #eee;
  cursor: default;
}

/* !Important ..to make .fa-close clickable on iPhone */
.fa-close,
.btn-close-modal {
  cursor: pointer;
}

.hide-on-mbl {
  display: block;
}

.show-for-mbl-only {
  display: none;
}

@media only screen and (max-width: 640px) {
  .bkgd-black-out .btn-close-modal {
    top: 10px;
    right: 10px;
  }
  .hide-on-mbl {
    display: none;
  }
  .show-for-mbl-only {
    display: block;
  }
}
/* Resources Hub Page */
/* Resource Slider */
.pd-resource-slick-slider-wrapper {
  min-height: 450px;
}

.pd-resource-slick-slider {
  display: none;
}

/* Resource Library */
.single-resource-wrapper a.img-single-resource {
  display: block;
  width: 100%;
  height: 200px;
  background-size: cover;
  background-position: center center;
}

.resource-slick-wrapper {
  margin-top: 30px;
  margin-bottom: 30px;
}

.picker-wrapper {
  margin-bottom: 15px;
}
.picker-wrapper select {
  margin-bottom: 5px;
}
.picker-wrapper .shrink {
  padding: 0;
}

.resource-filters,
.resource-search {
  margin: 0 !important;
}

@media print, screen and (max-width: 39.99875em) {
  .resource-filters,
  .resource-search {
    margin: 0 0 10px 0 !important;
  }
}
#resource-search-tf {
  height: 2.4375rem;
}

.resources-grid {
  position: relative;
}

.resources-grid-item {
  width: 100%;
  padding: 15px;
  padding-bottom: 30px;
  position: relative;
}
.resources-grid-item a {
  display: block;
  width: 100%;
}

@media screen and (min-width: 25em) {
  .resources-grid-item {
    width: 50%;
  }
}
@media print, screen and (min-width: 40em) {
  .resources-grid-item {
    width: 33.333%;
  }
}
@media print, screen and (min-width: 64em) {
  .resources-grid-item {
    width: 25%;
  }
}
h2.resources-header {
  padding-top: 50px;
  text-align: center;
  text-transform: uppercase;
}

ul.resources-nav {
  list-style-type: none;
  text-align: center;
}
ul.resources-nav li {
  display: inline-block;
  text-transform: uppercase;
  cursor: pointer;
  padding: 2px 5px;
}
ul.resources-nav li.active,
ul.resources-nav li:hover {
  color: #048a24;
}

h2.resources-header {
  padding-top: 50px;
  text-align: center;
  text-transform: uppercase;
}

ul.resources-nav {
  list-style-type: none;
  text-align: center;
}
ul.resources-nav li {
  display: inline-block;
  text-transform: uppercase;
  cursor: pointer;
  padding: 2px 5px;
}
ul.resources-nav li.active,
ul.resources-nav li:hover {
  color: #048a24;
}

/* Press Releases */
.press-release-content-wrapper {
  padding: 20px 10px;
}

@media print, screen and (min-width: 64em) {
  .press-release-content-wrapper {
    margin-top: -60px;
    padding: 50px;
    margin-bottom: 100px;
    border: 1px solid #454545;
  }
}
/* Support Page */
.green-border {
  border: 1px solid green;
  margin: 0 auto 2em;
  text-align: center;
}
.green-border h3,
.green-border h4 {
  padding: 0.65em 1.5em 0.15em;
}

.green-border a {
  text-transform: uppercase;
}

/* Partner portal pages */
#partners-portal-nav {
  padding: 15px 0;
}

.pdlogo-partner-logo-wrapper {
  float: left;
}

.partner-logo-wrapper {
  height: 30px;
  float: left;
  clear: none;
  padding: 0 20px;
}
.partner-logo-wrapper img {
  border-left: 2px solid #cccccc;
  padding: 0 20px;
  height: 30px;
}

/* START PagerDuty 10 Year Anniversary - One-off Page */
.ten-year-anniv {
  background: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

.ten-year-anniv .wrap-inner {
  margin: 100px auto;
  overflow: visible;
  position: relative;
  width: 1083px;
}

@media only screen and (max-width: 1083px) {
  .ten-year-anniv .wrap-inner {
    width: 975px;
  }
}
@media only screen and (max-width: 975px) {
  .ten-year-anniv .wrap-inner {
    width: 778px;
  }
}
@media only screen and (max-width: 778px) {
  .ten-year-anniv .wrap-inner {
    width: 700px;
  }
}
@media only screen and (max-width: 700px) {
  .ten-year-anniv .wrap-inner {
    width: 86%;
  }
}
.ten-year-anniv .section {
  width: 100%;
}
.ten-year-anniv .section .twitt {
  height: 400px;
}

.ten-year-anniv .twitt {
  height: 400px;
}

.ten-year-anniv .section-grid {
  display: -ms-flexbox;
  display: flex;
}

@media only screen and (max-width: 700px) {
  .ten-year-anniv .section-grid {
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.ten-year-anniv .section-grid .grid-column {
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  min-height: 100vh;
}

@media only screen and (max-width: 700px) {
  .ten-year-anniv .section-grid .grid-column {
    min-height: 60vh;
    width: 100%;
  }
}
.ten-year-anniv .section-grid .grid-column .column-inner-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: start;
  justify-content: flex-start;
  text-align: center;
  width: 541.5px;
}

@media only screen and (max-width: 1083px) {
  .ten-year-anniv .section-grid .grid-column .column-inner-wrap {
    width: 487.5px;
  }
}
@media only screen and (max-width: 975px) {
  .ten-year-anniv .section-grid .grid-column .column-inner-wrap {
    width: 389px;
  }
}
@media only screen and (max-width: 700px) {
  .ten-year-anniv .section-grid .grid-column .column-inner-wrap {
    width: 100%;
  }
}
.ten-year-anniv .section-grid .grid-column:nth-child(odd) {
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.ten-year-anniv .section-grid .grid-column:nth-child(even) {
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.ten-year-anniv .block-number {
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-item-align: start;
  align-self: flex-start;
  display: -ms-flexbox;
  display: flex;
  height: 95px;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto;
  text-align: center;
  width: 95px;
  color: #ffffff;
  font-size: 28px;
  border: 1px solid #ffffff;
  border-top: 0;
}

.ten-year-anniv .block-copy {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 60px;
}
.ten-year-anniv .block-copy .bold-sub {
  font-size: 1.1em;
  font-weight: 900;
  letter-spacing: 1px;
  margin-bottom: 0em;
  text-shadow: 1.5px 0;
}
.ten-year-anniv .block-copy .block-title {
  font-weight: 600;
}
.ten-year-anniv .block-copy .button {
  background-color: rgba(255, 255, 255, 0.2);
  padding: 0.5em 1em;
}
.ten-year-anniv .block-copy .button .txt-in-btn {
  color: #ffffff !important;
  letter-spacing: 0.1px;
  font-family: "Arial Narrow", Arial, sans-serif;
  font-size: 1.4em;
  font-weight: 900;
  text-shadow: 0.75px 0;
}
.ten-year-anniv .block-copy .devsecops {
  text-align: left;
}
.ten-year-anniv .block-copy .digital-ops {
  text-align: left;
}
.ten-year-anniv .block-copy .hybrid-ops {
  text-align: center;
  padding-top: 20px;
}
.ten-year-anniv .block-copy .parent-ops {
  text-align: right;
  max-width: 425px;
}
.ten-year-anniv .block-copy .dev-ops {
  text-align: left;
}
.ten-year-anniv .block-copy .h-ops {
  text-align: left;
}
.ten-year-anniv .block-copy .aiops {
  text-align: right;
  min-height: 350px;
}
.ten-year-anniv .block-copy .support-ops {
  text-align: left;
  min-height: 350px;
}
.ten-year-anniv .block-copy .cloud-ops {
  text-align: center;
  padding-top: 100px;
  margin-left: 100px;
  margin-right: 100px;
}
.ten-year-anniv .block-copy .real-ops {
  text-align: center;
  padding-top: 150px;
}
.ten-year-anniv .block-copy .twitt-copy {
  text-align: center;
}
.ten-year-anniv .block-copy .twitt-copy .img {
  max-width: 40%;
}

@media only screen and (max-width: 975px) {
  .ten-year-anniv .block-copy {
    padding: 50px;
  }
}
@media only screen and (max-width: 700px) {
  .ten-year-anniv .block-copy {
    padding: 40px;
  }
}
.ten-year-anniv .block-header {
  color: #03363d;
  font: 48px/1.1 SHSN;
  margin: 0 0 30px;
}

@media only screen and (max-width: 975px) {
  .ten-year-anniv .block-header {
    font-size: 36px;
  }
}
@media only screen and (max-width: 700px) {
  .ten-year-anniv .block-header {
    font-size: 28px;
  }
}
.ten-year-anniv .block-paragraph {
  color: #3d5154;
  font: 16px/1.4 PNR;
  margin: 0;
  padding: 0 55px;
}

@media only screen and (max-width: 975px) {
  .ten-year-anniv .block-paragraph {
    padding: 0 30px;
  }
}
@media only screen and (max-width: 700px) {
  .ten-year-anniv .block-paragraph {
    padding: 0;
  }
}
.ten-year-anniv .handhelds-show {
  display: none;
  color: #ffffff;
}

@media only screen and (max-width: 700px) {
  .ten-year-anniv .handhelds-show {
    display: block;
  }
}
.ten-year-anniv .handhelds-hide {
  display: block;
}

@media only screen and (max-width: 700px) {
  .ten-year-anniv .handhelds-hide {
    display: none;
  }
}
.ten-year-anniv .section-hero {
  background: linear-gradient(0deg, #1a4727, #048a24);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
}

.ten-year-anniv .section-hero .wrap-inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  padding: 100px 0 0 0;
}

@media only screen and (max-width: 700px) {
  .ten-year-anniv .section-hero .wrap-inner {
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 60px 0;
  }
}
.ten-year-anniv .section-hero .hero-number {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  justify-content: flex-start;
  text-align: center;
  width: 50%;
}

@media only screen and (max-width: 700px) {
  .ten-year-anniv .section-hero .hero-number {
    height: auto;
    width: 100%;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.ten-year-anniv .section-hero .hero-number-image {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  width: 100%;
}

@media only screen and (max-width: 700px) {
  .ten-year-anniv .section-hero .hero-number-image {
    margin: 40px auto;
    max-width: 70%;
  }
}
.ten-year-anniv .section-hero .hero-logo {
  margin: 0 auto 30px;
  width: 300px;
}

@media only screen and (max-width: 700px) {
  .ten-year-anniv .section-hero .hero-logo {
    margin-bottom: 30px;
  }
}
.ten-year-anniv .section-hero .hero-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: top;
  text-align: left;
  width: 50%;
  padding-top: 10px;
}

@media only screen and (max-width: 700px) {
  .ten-year-anniv .section-hero .hero-content {
    padding: 20px 0;
    width: 100%;
  }
}
.ten-year-anniv .section-hero .hero-content .hero-copy {
  color: #ffffff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}

.ten-year-anniv .section-hero .hero-content .hero-copy .hero-heading {
  font: 32px/1.2;
  margin: 0;
}

@media only screen and (max-width: 700px) {
  .ten-year-anniv .section-hero .hero-content .hero-copy .hero-heading {
    font-size: 22px;
  }
}
.ten-year-anniv .section-hero .hero-content .hero-copy .hero-paragraph {
  margin: 0 auto;
  margin-top: 15px;
  margin-left: 0px;
  width: 82%;
}

@media only screen and (max-width: 975px) {
  .ten-year-anniv .section-hero .hero-content .hero-copy .hero-paragraph {
    width: 82%;
  }
}
.ten-year-anniv .section-intro .block-header {
  margin: 0 auto;
  width: 40%;
}

@media only screen and (max-width: 700px) {
  .ten-year-anniv .section-intro .block-header {
    width: 80%;
  }
}
.ten-year-anniv .section-lesson-2 {
  background: #00607f;
}

.ten-year-anniv .section-lesson-2 .grid-column:nth-child(odd) {
  background: #00607f;
}

.ten-year-anniv .section-lesson-2 .grid-column:nth-child(even) {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  max-width: 100%;
}

.ten-year-anniv .section-lesson-2a .grid-column:nth-child(odd) {
  background-color: #f2c524;
}

.ten-year-anniv .section-lesson-2a .grid-column:nth-child(even) {
  background-image: url("https://cdn.pagerduty.com/wp-content/uploads/2019/03/02-digital@1x.jpg");
  background-size: cover;
}

@media only screen and (max-width: 700px) {
  .ten-year-anniv .section-lesson-2a .wrap-inner {
    padding: 30px;
  }
}
.ten-year-anniv .section-lesson-2a .lesson-content {
  background: #e9f6d5;
  margin: 0 auto;
  padding: 0 30px 50px;
  width: 700px;
}

@media only screen and (max-width: 975px) {
  .ten-year-anniv .section-lesson-2a .lesson-content {
    width: auto;
  }
}
.ten-year-anniv .section-lesson-2a .block-header {
  font: 32px/1.2 SHSN;
  margin: 30px auto 0;
  width: 80%;
}

@media only screen and (max-width: 700px) {
  .ten-year-anniv .section-lesson-2a .block-header {
    font-size: 22px;
    width: 100%;
  }
}
.ten-year-anniv .section-lesson-2a .block-copy {
  padding: 75px;
  text-align: center;
}

@media only screen and (max-width: 975px) {
  .ten-year-anniv .section-lesson-2a .block-copy {
    padding: 0 50px;
  }
}
@media only screen and (max-width: 700px) {
  .ten-year-anniv .section-lesson-2a .block-copy {
    padding: 20px;
  }
}
.ten-year-anniv .section-lesson-2a .block-paragraph {
  margin: 30px auto 0;
  width: 55%;
}

@media only screen and (max-width: 700px) {
  .ten-year-anniv .section-lesson-2a .block-paragraph {
    width: 100%;
  }
}
.ten-year-anniv .section-lesson-3 {
  background-image: url("https://cdn.pagerduty.com/wp-content/uploads/2019/03/03-hybridops@1x.jpg");
  background-size: cover;
  -ms-flex-align: center;
  align-items: center;
  background-position: center;
  background-repeat: no-repeat;
  display: -ms-flexbox;
  display: flex;
  min-height: 90vh;
}

@media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .ten-year-anniv .section-lesson-3 {
    background-size: cover;
  }
}
@media only screen and (max-width: 700px) {
  .ten-year-anniv .section-lesson-3 .wrap-inner {
    padding: 30px;
  }
}
.ten-year-anniv .section-lesson-3 .lesson-content {
  background: #999999;
  margin: 0 auto;
  padding: 0 30px 50px;
  width: 800px;
}

@media only screen and (max-width: 975px) {
  .ten-year-anniv .section-lesson-3 .lesson-content {
    width: auto;
  }
}
.ten-year-anniv .section-lesson-3 .block-header {
  font: 32px/1.2;
  margin: 30px auto 0;
  width: 80%;
}

@media only screen and (max-width: 700px) {
  .ten-year-anniv .section-lesson-3 .block-header {
    font-size: 22px;
    width: 100%;
  }
}
.ten-year-anniv .section-lesson-3 .block-copy {
  padding: 0 70px;
  text-align: center;
}

@media only screen and (max-width: 975px) {
  .ten-year-anniv .section-lesson-3 .block-copy {
    padding: 0 50px;
  }
}
@media only screen and (max-width: 700px) {
  .ten-year-anniv .section-lesson-3 .block-copy {
    padding: 20px 0;
  }
}
.ten-year-anniv .section-lesson-3 .block-paragraph {
  margin: 30px auto 0;
  width: 100%;
}

@media only screen and (max-width: 700px) {
  .ten-year-anniv .section-lesson-3 .block-paragraph {
    width: 100%;
  }
}
.ten-year-anniv .section-lesson-4-5 .grid-column:nth-child(odd) {
  background: #1e9131;
  padding-right: 50px;
}

.ten-year-anniv .section-lesson-4-5 .grid-column:nth-child(even) {
  background: #3cbdc4;
  padding-left: 50px;
}

.ten-year-anniv .section-lesson-6 .grid-column:nth-child(odd) {
  background: #164a62;
}

@media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .ten-year-anniv .section-lesson-6 .grid-column:nth-child(odd) {
    background: #164a62;
  }
}
.ten-year-anniv .section-lesson-6 .grid-column:nth-child(even) {
  background: #164a62;
}
.ten-year-anniv .section-lesson-6 .grid-column:nth-child(even) .block-paragraph {
  color: #ffffff;
}

.ten-year-anniv .section-lesson-7-8 .grid-column:nth-child(odd) {
  background-image: url("https://cdn.pagerduty.com/wp-content/uploads/2019/03/07-aiops@1x.png");
  background-size: cover;
  background-position: right;
}

.ten-year-anniv .section-lesson-7-8 .grid-column:nth-child(even) {
  background-image: url("https://cdn.pagerduty.com/wp-content/uploads/2019/03/08-support@1x.jpg");
  background-size: cover;
  background-position: left;
}

.ten-year-anniv .section-lesson-9a {
  background-color: #6dc5ca;
  background-image: url("https://cdn.pagerduty.com/wp-content/uploads/2019/03/09-cloud-ops@1x.png");
  background-size: cover;
  -ms-flex-align: center;
  align-items: center;
  background-position: center;
  background-repeat: no-repeat;
  display: -ms-flexbox;
  display: flex;
}
.ten-year-anniv .section-lesson-9a .wr-single {
  margin: 0 auto;
  overflow: visible;
  position: relative;
  width: 1083px;
  height: 800px;
}

@media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .ten-year-anniv .section-lesson-9a {
    background-size: cover;
  }
}
@media only screen and (max-width: 700px) {
  .ten-year-anniv .section-lesson-9a .wrap-inner {
    padding: 30px;
  }
}
@media only screen and (max-width: 975px) {
  .ten-year-anniv .section-lesson-9a .lesson-content {
    width: auto;
  }
}
.ten-year-anniv .section-lesson-9a .block-header {
  font: 32px/1.2;
  margin: 30px auto 0;
  width: 80%;
}

@media only screen and (max-width: 700px) {
  .ten-year-anniv .section-lesson-9a .block-header {
    font-size: 22px;
    width: 100%;
  }
}
.ten-year-anniv .section-lesson-9a .block-copy {
  padding: 70px 70px;
  text-align: center;
}

@media only screen and (max-width: 975px) {
  .ten-year-anniv .section-lesson-9a .block-copy {
    padding: 0 50px;
  }
}
@media only screen and (max-width: 700px) {
  .ten-year-anniv .section-lesson-9a .block-copy {
    padding: 20px 0;
  }
}
.ten-year-anniv .section-lesson-9a .block-paragraph {
  margin: 30px auto 0;
  width: 55%;
}

.ten-year-anniv .section-lesson-9a {
  background-color: #77d3d8;
  background-image: url("https://cdn.pagerduty.com/wp-content/uploads/2019/03/09-cloud-ops@1x.png");
  background-size: cover;
  -ms-flex-align: center;
  align-items: center;
  background-position: center;
  background-repeat: no-repeat;
  display: -ms-flexbox;
  display: flex;
}

@media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .ten-year-anniv .section-lesson-9b {
    background-size: cover;
  }
}
@media only screen and (max-width: 700px) {
  .ten-year-anniv .section-lesson-9b .wrap-inner {
    padding: 30px;
  }
}
@media only screen and (max-width: 975px) {
  .ten-year-anniv .section-lesson-9b .lesson-content {
    width: auto;
  }
}
.ten-year-anniv .section-lesson-9b .block-header {
  font: 32px/1.2 SHSN;
  margin: 30px auto 0;
  width: 80%;
}

@media only screen and (max-width: 700px) {
  .ten-year-anniv .section-lesson-9b .block-header {
    font-size: 22px;
    width: 100%;
  }
}
.ten-year-anniv .section-lesson-9b .block-copy {
  padding: 0 70px;
  padding-bottom: 100px;
  text-align: center;
}

@media only screen and (max-width: 975px) {
  .ten-year-anniv .section-lesson-9b .block-copy {
    padding: 0 50px;
  }
}
@media only screen and (max-width: 700px) {
  .ten-year-anniv .section-lesson-9b .block-copy {
    padding: 20px 0;
  }
}
.ten-year-anniv .section-lesson-9b .block-paragraph {
  margin: 30px auto 0;
  width: 55%;
}

.ten-year-anniv .section-lesson-9b {
  background-image: url("https://cdn.pagerduty.com/wp-content/uploads/2019/03/10-realtime@1x.jpg");
  background-size: cover;
  -ms-flex-align: center;
  align-items: center;
  background-position: center;
  background-repeat: no-repeat;
  display: -ms-flexbox;
  display: flex;
}
.ten-year-anniv .section-lesson-9b .wr-single {
  margin: 0 auto;
  overflow: visible;
  position: relative;
  width: 1083px;
  height: 800px;
}

.ten-year-anniv .twitt {
  background-color: #26a4f2;
  background-image: url("https://cdn.pagerduty.com/wp-content/uploads/2019/03/11-footer-twitter@1x.png");
  background-size: cover;
  -ms-flex-align: center;
  align-items: center;
  background-position: center;
  background-repeat: no-repeat;
  display: -ms-flexbox;
  display: flex;
}

.twitt {
  height: 400px;
}

/* END OF ^^ PagerDuty 10 Year Anniversary - One-off Page */
#about span.quote {
  font-style: italic;
  font-size: 1.75em;
  font-weight: 300;
  margin: 0;
}
#about .pagerduty-people .description {
  min-height: 110px;
}
#about .pagerduty-people .image-quote {
  width: calc(100% + 60px);
  position: relative;
  left: -30px;
  top: 0;
}
#about .pagerduty-people .image-quote img {
  width: 100%;
}
#about .pagerduty-people .image-quote .bkgd-clay {
  padding: 20px 30px;
}
#about .pagerduty-people .cta {
  height: 20px;
  width: 100%;
  text-align: right;
}
#about .stats .columns {
  padding-left: 60px !important;
}
#about .stats .columns:not(:last-child) {
  border-right: 1px solid #333;
}
#about .awards img {
  margin: 3em auto 1em;
  display: block;
  max-height: 120px;
}
@media print, screen and (max-width: 63.99875em) {
  #about .pd-nav-padding.sect-padding-bottom {
    padding-bottom: 0;
  }
  #about .pagerduty-people .columns {
    padding: 0;
  }
  #about .pagerduty-people > .row.sect-padding {
    padding-top: 0;
  }
  #about .pagerduty-people, #about .pagerduty-people .sect-padding,
  #about .pagerduty-people .sect-padding-bottom {
    padding-bottom: 0;
  }
  #about .pagerduty-people .row:first-child {
    padding: 0 2em;
  }
  #about .pagerduty-people .row:nth-child(2) .large-4.columns:not(:first-child) {
    margin: 0;
  }
  #about h2 {
    font-size: 2em;
  }
  #about .stats .columns:not(:last-child) {
    border: none;
  }
}

/* Industry template */
#industry #pillars img {
  height: 50px;
}
#industry #healthcare-logos img {
  margin: 1em 0;
}

#cost-efficiency #intro .green-hatch {
  position: absolute;
  width: 100%;
  height: 20px;
  margin-top: -10px;
  background: url("https://cdn.pagerduty.com/wp-content/uploads/2020/05/green-hatch.svg");
}

/* Digital Pressures 2020 template */
@media only screen and (min-width: 640px) {
  .bkgd-dig-pressure-2020 {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTM5OC4wNjEgNjg3LjA5IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogICAgPGRlZnM+CiAgICAgICAgPHN0eWxlPgogICAgICAgICAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOjk2MHB4KSB7CiAgICAgICAgICAgICAgICAuaGlkZSB7CiAgICAgICAgICAgICAgICAgICAgZGlzcGxheTogbm9uZQogICAgICAgICAgICAgICAgfQogICAgICAgICAgICB9CiAgICAgICAgPC9zdHlsZT4KICAgIDwvZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iYSI+CiAgICAgICAgPHBhdGggZD0iTTAtOC43MjFoMTM5OC4wNjF2Njk1LjgxSDB6IiAvPgogICAgPC9jbGlwUGF0aD4KICAgIDxzd2l0Y2g+CiAgICAgICAgPGc+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0tMS4yMDIgMGgxNDAwLjQ2NXY2ODguMTA5SC0xLjIwMnoiIGZpbGw9IiNmZmM1YjIiIC8+CiAgICAgICAgICAgIDxnIGZpbGw9IiNmYTY0MGEiIG9wYWNpdHk9Ii4zIj4KICAgICAgICAgICAgICAgIDxjaXJjbGUgY2xhc3M9ImhpZGUiIGNsaXAtcGF0aD0idXJsKCNhKSIgY3g9IjY5OC42NzIiIGN5PSI3MDIuOTcxIiBvcGFjaXR5PSIuNSIgcj0iNDQzLjUxMyIgLz4KICAgICAgICAgICAgICAgIDxjaXJjbGUgY2xhc3M9ImhpZGUiIGNsaXAtcGF0aD0idXJsKCNhKSIgY3g9IjY5OC42NzIiIGN5PSI3MDIuOTcxIiBvcGFjaXR5PSIuNSIgcj0iMzM1LjAyIiAvPgogICAgICAgICAgICAgICAgPGNpcmNsZSBjbGFzcz0iaGlkZSIgY2xpcC1wYXRoPSJ1cmwoI2EpIiBjeD0iNjk4LjY3MiIgY3k9IjcwMi45NzEiIG9wYWNpdHk9Ii42IiByPSIyMjYuNTI4IiAvPgogICAgICAgICAgICAgICAgPGNpcmNsZSBjbGFzcz0iaGlkZSIgY2xpcC1wYXRoPSJ1cmwoI2EpIiBjeD0iNjk4LjY3MiIgY3k9IjcwMi45NzEiIG9wYWNpdHk9Ii40IiByPSI2ODIuMzE0IiAvPgogICAgICAgICAgICAgICAgPGNpcmNsZSBjbGFzcz0iaGlkZSIgY2xpcC1wYXRoPSJ1cmwoI2EpIiBjeD0iNjk4LjY3MiIgY3k9IjcwMi45NzEiIG9wYWNpdHk9Ii40IiByPSI1NTIuMDA1IiAvPgogICAgICAgICAgICAgICAgPGNpcmNsZSBjbGFzcz0iaGlkZSIgY2xpcC1wYXRoPSJ1cmwoI2EpIiBjeD0iNjk4LjY3MiIgY3k9IjcwMi45NzEiIHI9IjExOC4wMzUiIC8+CiAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPGcgY2xhc3M9ImhpZGUiPgogICAgICAgICAgICAgICAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIgogICAgICAgICAgICAgICAgICAgIGQ9Ik0xMjAuMiA3OS4wMzhjMS4wMDYtMS44MjggMi41MS0zLjAwOSA0LjUxLTMuNTQxIDItLjUzMyAzLjkwOC0uMjYgNS43Mi44MTggMS43OTEgMS4xMTcgMi45NjUgMi43MiAzLjUyMSA0LjgxMS41NTcgMi4wOS4zMzIgNC4wNS0uNjc1IDUuODc5LTEuMDI4IDEuODY4LTIuNTQzIDMuMDY4LTQuNTQ0IDMuNi0yIC41MzMtMy44OTYuMjQtNS42ODctLjg3Ny0xLjgxMy0xLjA3OC0yLjk5Ny0yLjY2Mi0zLjU1NC00Ljc1Mi0uNTU2LTIuMDktLjMyLTQuMDcuNzA4LTUuOTM4ek05NS42MDEgMjgyLjIzNGMyLS41MzMgMy45MDctLjI2IDUuNzIuODE3IDEuNzkgMS4xMTggMi45NjUgMi43MjIgMy41MjEgNC44MTIuNTU3IDIuMDkuMzMyIDQuMDUtLjY3NSA1Ljg3OC0xLjAyOSAxLjg2OC0yLjU0MyAzLjA2OS00LjU0NCAzLjYwMS0yIC41MzMtMy44OTYuMjQtNS42ODgtLjg3Ny0xLjgxMi0xLjA3OC0yLjk5Ni0yLjY2Mi0zLjU1My00Ljc1My0uNTU2LTIuMDktLjMyLTQuMDcuNzA4LTUuOTM3IDEuMDA3LTEuODI4IDIuNTEtMy4wMDkgNC41MS0zLjU0MXpNMTgxLjU5NCA3MS4xNGwtMy44NjctNC40NjVjLTEuODc4LTIuMTgtMS43OTMtNC4yMzguMjU2LTYuMTc0bDYuMDY1LTUuNjYgMy4zNDMgMy44NjdjMi4yNTYgMi42MjMgMi4xNDcgNS4wNzctLjMyOSA3LjM2NGwtNS40NjggNS4wNjgtNi44MzIgNi4zNDdjLTIuNDY2IDIuMzE5LTQuODI4IDIuMTY3LTcuMDg0LS40NTVsLTExLjI2LTEzLjAzYy0yLjI4Ni0yLjYxMy0yLjE5Ni01LjA3OS4yNy03LjM5N2wxMi4zLTExLjQxNWMyLjQ3Ni0yLjI4OCA0Ljg1Ny0yLjEyNCA3LjE0My40OWw3LjkxNyA5LjE2MS02LjA2NSA1LjY2Yy0yLjA1IDEuOTM2LTIuMTM0IDMuOTk0LS4yNTYgNi4xNzR6bS01MS4wODggNzguNjIzYzEuMTAxLjcyNSAxLjgyNSAxLjczNiAyLjE3MSAzLjAzNS4zNTQgMS4zMy4yMjkgMi41NjgtLjM3NSAzLjcxMi0uNjY1IDEuMTYxLTEuNjM0IDEuOTExLTIuOTA3IDIuMjUtMS4yNDMuMzMtMi40MjcuMTU0LTMuNTUtLjUzLTEuMTU0LS42NzctMS45MDgtMS42OC0yLjI2Mi0zLjAxLS4zNDYtMS4zLS4xOS0yLjU0NS40NjYtMy43MzguNjM0LTEuMTUyIDEuNTczLTEuODk0IDIuODE2LTIuMjI0IDEuMjczLS4zNCAyLjQ4Ny0uMTcxIDMuNjQuNTA1eiIKICAgICAgICAgICAgICAgICAgICBmaWxsPSIjZmZjNWIyIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiAvPgogICAgICAgICAgICAgICAgPHBhdGgKICAgICAgICAgICAgICAgICAgICBkPSJNODkuOTk2IDE1Ny45NThjLS43MTUgMC0xLjQyLS4yMDktMi4wOTQtLjYyLTEuMDUzLS42MTctMS43MTctMS41MDItMi4wMzktMi43MTEtLjMxNC0xLjE4LS4xNzYtMi4yODIuNDItMy4zNjcuNTcyLTEuMDM4IDEuMzkyLTEuNjg2IDIuNTA4LTEuOTgzLjM4MS0uMTAxLjc2LS4xNTMgMS4xMjctLjE1My43MjggMCAxLjQ0NS4yMDQgMi4xMzIuNjA3Ljk4My42NDcgMS42MjUgMS41NDUgMS45NCAyLjczMi4zMjUgMS4yMTUuMjE1IDIuMzExLS4zMzMgMy4zNS0uNTkzIDEuMDM0LTEuNDQ0IDEuNjk0LTIuNTk0IDJhNC4xNyA0LjE3IDAgMDEtMS4wNjcuMTQ1ek00ODguODk1IDc5LjA1Yy0uNzE1IDAtMS40Mi0uMjA4LTIuMDk0LS42Mi0xLjA1My0uNjE2LTEuNzE3LTEuNTAyLTIuMDQtMi43MS0uNDQyLTEuNjY2LjAxNS0zLjIwMiAxLjM5OS00LjY5Ni45MjEtLjUzNiAxLjgxNS0uODA3IDIuNjU2LS44MDcuNzI4IDAgMS40NDUuMjA0IDIuMTMyLjYwNi45ODMuNjQ3IDEuNjI1IDEuNTQ2IDEuOTQyIDIuNzMyLjMyMyAxLjIxNi4yMTQgMi4zMTItLjMzNSAzLjM1LS41OTMgMS4wMzUtMS40NDQgMS42OTQtMi41OTMgMi0uMzYxLjA5Ni0uNzIuMTQ1LTEuMDY3LjE0NXptLTEwOC4xLTU1LjE4N2MtLjcxNSAwLTEuNDItLjIwOC0yLjA5My0uNjItMS4wNTMtLjYxNi0xLjcxNy0xLjUwMi0yLjA0LTIuNzEtLjMxNC0xLjE4LS4xNzYtMi4yODIuNDIxLTMuMzY3LjU3MS0xLjAzOCAxLjM5Mi0xLjY4NyAyLjUwOC0xLjk4NGE0LjM5IDQuMzkgMCAwMTEuMTI1LS4xNTJjLjcyOCAwIDEuNDQ1LjIwNCAyLjEzMy42MDcuOTg0LjY0NyAxLjYyNiAxLjU0NSAxLjk0MSAyLjczMS4zMjQgMS4yMTYuMjE1IDIuMzEyLS4zMzQgMy4zNTEtLjU5MyAxLjAzNS0xLjQ0NCAxLjY5My0yLjU5MyAxLjk5OWE0LjE2IDQuMTYgMCAwMS0xLjA2OC4xNDV6IgogICAgICAgICAgICAgICAgICAgIGZpbGw9IiNmZmM1YjIiIC8+CiAgICAgICAgICAgICAgICA8cGF0aAogICAgICAgICAgICAgICAgICAgIGQ9Ik0zODAuNzE3IDE1LjUzYy42MzggMCAxLjI0Ni4xNzIgMS44NTguNTI3Ljg4NS41ODggMS40NTIgMS4zODcgMS43MzIgMi40NDEuMjkgMS4wODguMTk0IDIuMDY2LS4yNzcgMi45NTgtLjUzLjkyOC0xLjI4MiAxLjUxLTIuMjk2IDEuNzgtLjMyLjA4NS0uNjM1LjEyOC0uOTQuMTI4LS42MyAwLTEuMjMtLjE3OC0xLjg0Ny0uNTU1LS45MjYtLjU0Mi0xLjUxNS0xLjMyOS0xLjgwMS0yLjQwNC0uMjgtMS4wNS0uMTU3LTIuMDMuMzc2LTIuOTk3LjUwMS0uOTEyIDEuMjItMS40ODIgMi4xOTctMS43NDJhMy45IDMuOSAwIDAxLjk5OC0uMTM2bTEwOC4xIDU1LjE4OGMuNjM4IDAgMS4yNDYuMTcxIDEuODU2LjUyNS44ODYuNTg5IDEuNDUzIDEuMzg4IDEuNzMzIDIuNDQyLjI5IDEuMDg4LjE5NCAyLjA2Ni0uMjc3IDIuOTU4LS41MzEuOTI4LTEuMjgyIDEuNTEtMi4yOTYgMS43OC0uMzIuMDg1LS42MzUuMTI4LS45MzkuMTI4LS42MyAwLTEuMjMtLjE3OC0xLjg0OC0uNTU1LS45MjYtLjU0My0xLjUxNS0xLjMzLTEuODAxLTIuNDA0LS4zOS0xLjQ2Ni4wMTItMi44MzEgMS4yMzEtNC4xNzIuODItLjQ2NiAxLjYwOC0uNzAyIDIuMzQtLjcwMk04OS45MTcgMTQ5LjYyNGMuNjQgMCAxLjI0Ny4xNzIgMS44NTguNTI2Ljg4NS41ODkgMS40NTIgMS4zODggMS43MzMgMi40NDIuMjkgMS4wODguMTk0IDIuMDY1LS4yNzcgMi45NTctLjUzMS45MjgtMS4yODIgMS41MS0yLjI5NiAxLjc4LS4zMi4wODYtLjYzNS4xMjktLjk0LjEyOS0uNjMgMC0xLjIzLS4xOC0xLjg0Ny0uNTU1LS45MjYtLjU0My0xLjUxNS0xLjMzLTEuODAyLTIuNDA1LS4yOC0xLjA1LS4xNTYtMi4wMy4zNzYtMi45OTcuNTAyLS45MTEgMS4yMi0xLjQ4IDIuMTk4LTEuNzQxLjMzOS0uMDkuNjc0LS4xMzYuOTk3LS4xMzZtMjkwLjgtMTM1LjA5NGMtLjQxMiAwLS44My4wNTctMS4yNTUuMTctMS4yNDMuMzMtMi4xODIgMS4wNzMtMi44MTcgMi4yMjYtLjY1NiAxLjE5Mi0uODExIDIuNDM3LS40NjYgMy43MzYuMzU1IDEuMzMgMS4xMDkgMi4zMzQgMi4yNjMgMy4wMS43NTcuNDYyIDEuNTQxLjY5MiAyLjM1My42OTJhNC42MyA0LjYzIDAgMDAxLjE5Ni0uMTYyYzEuMjc0LS4zMzkgMi4yNDItMS4wODggMi45MDctMi4yNDkuNjA1LTEuMTQ0LjczLTIuMzgxLjM3Ni0zLjcxMi0uMzQ2LTEuMjk5LTEuMDctMi4zMS0yLjE3Mi0zLjAzNC0uNzY5LS40NTEtMS41NjQtLjY3Ny0yLjM4Ni0uNjc3em0xMDguMDk5IDU1LjE4OGMtLjk1NSAwLTEuOTQ2LjMwNC0yLjk3Mi45MTItMS41MzYgMS42MzItMi4wNTcgMy4zNzItMS41NjYgNS4yMTkuMzU0IDEuMzMgMS4xMDggMi4zMzMgMi4yNjIgMy4wMS43NTguNDYyIDEuNTQyLjY5MiAyLjM1NC42OTJhNC42MyA0LjYzIDAgMDAxLjE5Ni0uMTYyYzEuMjczLS4zMzggMi4yNDItMS4wODggMi45MDctMi4yNS42MDUtMS4xNDQuNzMtMi4zOC4zNzYtMy43MTEtLjM0Ni0xLjI5OS0xLjA3LTIuMzEtMi4xNzItMy4wMzUtLjc2OS0uNDUtMS41NjQtLjY3NS0yLjM4NS0uNjc1ek04OS45MTcgMTQ4LjYyNGMtLjQxMSAwLS44My4wNTYtMS4yNTUuMTctMS4yNDMuMzMtMi4xODEgMS4wNzItMi44MTYgMi4yMjUtLjY1NiAxLjE5Mi0uODEyIDIuNDM4LS40NjYgMy43MzYuMzU0IDEuMzMgMS4xMDggMi4zMzQgMi4yNjIgMy4wMS43NTguNDYyIDEuNTQyLjY5MyAyLjM1NC42OTMuMzkyIDAgLjc5LS4wNTQgMS4xOTYtLjE2MiAxLjI3My0uMzM5IDIuMjQyLTEuMDg5IDIuOTA3LTIuMjUuNjA0LTEuMTQ0LjczLTIuMzgxLjM3NS0zLjcxMi0uMzQ1LTEuMjk4LTEuMDctMi4zMS0yLjE3LTMuMDM0LS43Ny0uNDUtMS41NjUtLjY3Ni0yLjM4Ny0uNjc2eiIgLz4KICAgICAgICAgICAgICAgIDxwYXRoIGNsaXAtcnVsZT0iZXZlbm9kZCIKICAgICAgICAgICAgICAgICAgICBkPSJNMzI1Ljg2NiAxNi4wNDVjMS43OSAxLjExNyAyLjk2NCAyLjcyMSAzLjUyIDQuODEyLjU1OCAyLjA5LjMzMyA0LjA1LS42NzQgNS44NzgtMS4wMjkgMS44NjgtMi41NDMgMy4wNjgtNC41NDQgMy42MDEtMiAuNTMzLTMuODk3LjI0LTUuNjg3LS44NzctMS44MTMtMS4wNzgtMi45OTctMi42NjItMy41NTQtNC43NTMtLjU1Ny0yLjA5LS4zMi00LjA3LjcwOC01LjkzNyAxLjAwNy0xLjgyOSAyLjUxLTMuMDEgNC41MTEtMy41NDIgMi0uNTMzIDMuOTA3LS4yNiA1LjcyLjgxOHoiCiAgICAgICAgICAgICAgICAgICAgZmlsbD0iI2ZmYzViMiIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgLz4KICAgICAgICAgICAgICAgIDxwYXRoCiAgICAgICAgICAgICAgICAgICAgZD0iTTE5MS42NzcgODEuODYzYy0xLjM0MS4zNTctMy45ODYuNTA4LTYuNjIxLTIuNDg5bC05LjM2My0xMC44MDdjLTIuOTIzLTMuMzkxLTIuNzY5LTcuMjA1LjQwOC0xMC4yMDdsMTAuMjA1LTkuNDk2YzEuMDMxLS45NDUgMi4xMDItMS41NjYgMy4xOTMtMS44NTcgMS4zNjEtLjM2MiA0LjAzNi0uNTE1IDYuNjU5IDIuNTI4bDkuMzQ0IDEwLjc4NmMxLjQ1NiAxLjY1NiAyLjE2NCAzLjQyMiAyLjA5IDUuMjMtLjA3NiAxLjgxNS0uOTMgMy40ODItMi41NDEgNC45NThsLTEwLjE3IDkuNDYzYy0xLjAxLjk1NC0yLjA5MiAxLjU5NS0zLjIwNCAxLjg5em0tLjY5OC0yOS4yOTdjLS4xNDUuMDQtLjQ2My4xNzItLjk1OS42MjZsLTEwLjE2NyA5LjQ2MWMtLjkzMS44OC0uOTQzIDEuMTQtLjA4NyAyLjEzNGw5LjM0NCAxMC43ODVjLjIxLjIzOC43NjMuODE4IDEuMDg3LjczMi4xMTQtLjAzLjQzMS0uMTUyLjkzNC0uNjI3bDEwLjIwMS05LjQ5M2MuNTgtLjUzLjczNy0uODg3Ljc0Mi0xLjAwMy4wMDUtLjExNC0uMTItLjQ4Mi0uNjI3LTEuMDU4bC05LjM2Mi0xMC44MDdjLS4yNzctLjMyLS43OC0uODM2LTEuMTA2LS43NXptNDkzLjQ2OC0xMS4zOTNjLS44LjIxMi0xLjY4LjIwMy0yLjYyLS4wMjdsLTcuMzMyLTEuNjkzYy0xLjg2NC0uNDU3LTIuODItMS40ODMtMy4zLTIuMjYzLS40NzktLjc4LS45NjgtMi4xMDgtLjU3NS0zLjk5OGwxLjQ3LTcuNTgxYy41NTktMi44MjggMi4zMjUtMy42OTcgMy4zMy0zLjk2NC43OTMtLjIxMSAxLjY2OC0uMjAzIDIuNi4wMjZsNy4zMzIgMS42OTRjMi45OS43MzMgNC41MDUgMy4xOTQgMy44OTUgNi4yOGwtMS40NzcgNy42MDljLS41OCAyLjc5Ny0yLjMzIDMuNjUyLTMuMzIzIDMuOTE3em0tOC4zMjQtNy4xOTNsNi4zNDEgMS40NjQgMS4yODEtNi42LTYuMzQxLTEuNDY0eiIKICAgICAgICAgICAgICAgICAgICBmaWxsPSIjZmZjNWIyIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgLz4KICAgICAgICAgICAgICAgIDxwYXRoIGNsaXAtcnVsZT0iZXZlbm9kZCIKICAgICAgICAgICAgICAgICAgICBkPSJNMTIyNC44MSA2Ni4xMzRjLS4zMiAyLjEzOS0xLjMyMyAzLjg0NC0zLjAwNSA1LjExNi0xLjY1NiAxLjMxLTMuNTA4IDEuODEtNS41NTUgMS41MDItMi4wNDctLjMwOC0zLjY4Ni0xLjMzMy00LjkxNS0zLjA3NS0xLjIwMy0xLjcwNi0xLjY0My0zLjYyOC0xLjMyMi01Ljc2Ny4zMjItMi4xNCAxLjMxLTMuODY0IDIuOTY2LTUuMTczIDEuNjgzLTEuMjcyIDMuNTQ3LTEuNzU0IDUuNTk1LTEuNDQ2IDIuMDQ3LjMwNyAzLjY3MiAxLjMxNCA0Ljg3NSAzLjAyIDEuMjMgMS43NDIgMS42ODMgMy42ODMgMS4zNjIgNS44MjN6bTUwLjQ2OSAxOTYuNDE3YzEuMjI5IDEuNzQzIDEuNjgyIDMuNjgzIDEuMzYgNS44MjMtLjMyIDIuMTM5LTEuMzIzIDMuODQ1LTMuMDA0IDUuMTE2LTEuNjU3IDEuMzEtMy41MDkgMS44MS01LjU1NiAxLjUwMi0yLjA0Ny0uMzA3LTMuNjg2LTEuMzMyLTQuOTE0LTMuMDc1LTEuMjA0LTEuNzA2LTEuNjQ0LTMuNjI4LTEuMzIzLTUuNzY3LjMyMi0yLjE0IDEuMzEtMy44NjQgMi45NjctNS4xNzMgMS42ODItMS4yNzIgMy41NDYtMS43NTQgNS41OTQtMS40NDYgMi4wNDcuMzA4IDMuNjcyIDEuMzE0IDQuODc2IDMuMDJ6TTExNjQuOTA2IDU0LjM5NWMxLjYyNS0yLjM3NCAxLjMxMy00LjQxLS45MzgtNi4xMDdsLTYuNjU1LTQuOTUzIDYuODU0LTkuOTgzYzEuOTgyLTIuODUgNC4zMy0zLjI3NiA3LjA0NC0xLjI3N2wxMy40ODkgOS45ODJjMi43MDggMi4wMzEgMy4wNyA0LjQ3MiAxLjA4OCA3LjMyM2wtOS43NDcgMTQuMTk2Yy0xLjk1MiAyLjg1Ni00LjI4MyAzLjI2OC02Ljk5IDEuMjM3bC03LjQ5NC01LjU1MS01Ljk5NS00LjQzMWMtMi43MTQtMi0zLjA5NS00LjQyNi0xLjE0My03LjI4MmwyLjg5NC00LjIxNCA2LjY1NSA0Ljk1M2MyLjI1IDEuNjk4IDIuNTYzIDMuNzMzLjkzOCA2LjEwN2wtMy4zNDkgNC44Njd6bTU5LjY5NyA3Ni40NDFjMS4yNzIuMTkxIDIuMjg3LjgyNCAzLjA0NSAxLjkuNzg1IDEuMTEyIDEuMDc3IDIuMzMzLjg3NyAzLjY2Mi0uMjA0IDEuMzYxLS44NDMgMi40NDItMS45MTUgMy4yNDItMS4wNC44MDUtMi4xOTcgMS4xMTItMy40NjkuOTItMS4zMDMtLjE5NS0yLjM0OS0uODMzLTMuMTM4LTEuOTEzLS43MjctMS4wNzEtLjk4OS0yLjI4Ny0uNzg0LTMuNjQ4LjItMS4zMjkuODA3LTIuNDE1IDEuODIxLTMuMjU3IDEuMDcyLS44IDIuMjYtMS4xMDEgMy41NjMtLjkwNnoiCiAgICAgICAgICAgICAgICAgICAgZmlsbD0iI2ZmYzViMiIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgLz4KICAgICAgICAgICAgICAgIDxwYXRoCiAgICAgICAgICAgICAgICAgICAgZD0iTTEyNjEuNzc2IDEzNS40MjNhNC4yOSA0LjI5IDAgMDEtLjY0NS0uMDVjLTEuMTc2LS4xNzctMi4wOTUtLjczNy0yLjgwOC0xLjcxNC0uNjUtLjk1OC0uODgtMi4wMzQtLjY5My0zLjI3OC4xODItMS4yMTUuNzItMi4xNzggMS42NDYtMi45NDYuNzU5LS41NjYgMS41OC0uODQ5IDIuNDg3LS44NDkuMjIzIDAgLjQ1LjAxNy42ODEuMDUyIDEuMTQyLjE3MiAyLjAyOS43MjYgMi43MTEgMS42OTMuNzE1IDEuMDEzLjk3NCAyLjA5Mi43OTIgMy4zLS4xODYgMS4yMzctLjc0OSAyLjE5LTEuNzIgMi45MTUtLjc2NS41OTItMS41NjQuODc3LTIuNDUxLjg3N3ptLTQwNS4xODMtMzQuMjM2YTQuMzEgNC4zMSAwIDAxLS42NDYtLjA1Yy0xLjE3NS0uMTc2LTIuMDk0LS43MzctMi44MDgtMS43MTMtLjY1LS45NTgtLjg4LTIuMDM1LS42OTQtMy4yOC4xODMtMS4yMTQuNzIyLTIuMTc3IDEuNjQ3LTIuOTQ1Ljc2LS41NjYgMS41OC0uODQ5IDIuNDg4LS44NDkuNzA3IDAgMS40NzEuMTggMi4yNzMuNTMzIDEuNTQxIDEuMzMyIDIuMTY2IDIuODA5IDEuOTEgNC41MTItLjE4NiAxLjIzOC0uNzQ4IDIuMTkxLTEuNzIgMi45MTYtLjc2NC41OTEtMS41NjQuODc2LTIuNDUuODc2em0xMDEuMzItNjYuODIxYTQuMyA0LjMgMCAwMS0uNjQ1LS4wNWMtMS4xNzYtLjE3Ni0yLjA5NC0uNzM3LTIuODA4LTEuNzEzLS42NS0uOTU4LS44OC0yLjAzNS0uNjk0LTMuMjguMTgyLTEuMjEzLjcyMS0yLjE3NyAxLjY0Ny0yLjk0NS43Ni0uNTY2IDEuNTgtLjg0OSAyLjQ4OC0uODQ5LjIyMyAwIC40NS4wMTguNjguMDUyIDEuMTQyLjE3MiAyLjAyOS43MjUgMi43MTIgMS42OTQuNzE0IDEuMDEyLjk3MiAyLjA5MS43OSAzLjI5OS0uMTg1IDEuMjM3LS43NDcgMi4xOS0xLjcxOSAyLjkxNi0uNzY0LjU5LTEuNTY0Ljg3Ni0yLjQ1Ljg3NnoiCiAgICAgICAgICAgICAgICAgICAgZmlsbD0iI2ZmYzViMiIgLz4KICAgICAgICAgICAgICAgIDxwYXRoCiAgICAgICAgICAgICAgICAgICAgZD0iTTk1Ny45IDI2LjAyOWMuMTk3IDAgLjQwMS4wMTYuNjA3LjA0NyAxIC4xNSAxLjc3Ny42MzYgMi4zNzcgMS40ODcuNjM2LjkwMi44NjcgMS44NjIuNzA1IDIuOTM2LS4xNjUgMS4xLS42NjQgMS45NDgtMS41MzcgMi42LS42NjcuNTE2LTEuMzY2Ljc2Ny0yLjEzOC43NjctLjE4NSAwLS4zNzctLjAxNS0uNTcxLS4wNDQtMS4wMzgtLjE1Ni0xLjg0OS0uNjUyLTIuNDYtMS40ODctLjU4Ni0uODYyLS43OS0xLjgyMy0uNjIyLTIuOTM3LjE2Mi0xLjA3OS42MzctMS45MzUgMS40NTEtMi42MTguNjg0LS41MDYgMS40LS43NTEgMi4xODgtLjc1MU04NTYuNTggOTIuODVjLjYxNyAwIDEuMjkuMTU1IDIuMDAzLjQ2MSAxLjM2IDEuMTk4IDEuOTEgMi41MSAxLjY4NSA0LjAxLS4xNjUgMS4xLS42NjMgMS45NDctMS41MzcgMi42LS42NjcuNTE1LTEuMzY3Ljc2Ni0yLjEzOC43NjYtLjE4NSAwLS4zNzctLjAxNS0uNTcxLS4wNDQtMS4wMzctLjE1Ni0xLjg0OC0uNjUxLTIuNDYtMS40ODYtLjU4Ni0uODY0LS43OS0xLjgyNC0uNjIyLTIuOTM3LjE2Mi0xLjA4LjYzNy0xLjkzNyAxLjQ1Mi0yLjYyLjY4My0uNTA0IDEuNC0uNzUgMi4xODgtLjc1bTQwNS4xODQgMzQuMjM2Yy4xOTYgMCAuNC4wMTYuNjA2LjA0NiAxIC4xNSAxLjc3Ny42MzcgMi4zNzcgMS40ODguNjM2LjkwMi44NjcgMS44NjIuNzA2IDIuOTM2LS4xNjYgMS4xMDEtLjY2NCAxLjk0OC0xLjUzOCAyLjYtLjY2Ny41MTYtMS4zNjcuNzY3LTIuMTM4Ljc2Ny0uMTg1IDAtLjM3Ny0uMDE1LS41Ny0uMDQ0LTEuMDM5LS4xNTYtMS44NS0uNjUyLTIuNDYxLTEuNDg3LS41ODYtLjg2My0uNzktMS44MjMtLjYyMi0yLjkzNy4xNjItMS4wNzkuNjM3LTEuOTM1IDEuNDUxLTIuNjE5LjY4NC0uNTA1IDEuNC0uNzUgMi4xODktLjc1TTk1Ny45IDI1LjAyOWMtMS4wMSAwLTEuOTQ1LjMyMi0yLjgwNi45NjQtMS4wMTUuODQyLTEuNjIzIDEuOTI3LTEuODIyIDMuMjU2LS4yMDUgMS4zNjIuMDU3IDIuNTc4Ljc4NCAzLjY0OC43OSAxLjA4IDEuODM1IDEuNzE4IDMuMTM4IDEuOTE0LjI0NC4wMzYuNDg0LjA1NS43Mi4wNTUuOTkyIDAgMS45MDgtLjMyNSAyLjc1LS45NzUgMS4wNzEtLjggMS43MS0xLjg4MSAxLjkxNC0zLjI0My4yLTEuMzI5LS4wOTItMi41NS0uODc3LTMuNjYyLS43NTgtMS4wNzUtMS43NzQtMS43MDgtMy4wNDUtMS45YTUuMDcxIDUuMDcxIDAgMDAtLjc1Ni0uMDU3ek04NTYuNTggOTEuODVjLTEuMDEgMC0xLjk0Ni4zMjEtMi44MDcuOTY0LTEuMDE1Ljg0Mi0xLjYyMiAxLjkyOC0xLjgyMiAzLjI1Ny0uMjA1IDEuMzYuMDU3IDIuNTc3Ljc4NCAzLjY0OC43OSAxLjA4IDEuODM2IDEuNzE3IDMuMTM4IDEuOTEzLjI0NS4wMzcuNDg0LjA1NS43Mi4wNTUuOTkyIDAgMS45MDgtLjMyNSAyLjc1LS45NzYgMS4wNzItLjggMS43MS0xLjg4IDEuOTE0LTMuMjQxLjI4NC0xLjg5LS40MjctMy41NjItMi4xMzQtNS4wMTMtLjg5NC0uNDA0LTEuNzQyLS42MDctMi41NDMtLjYwN3ptNDA1LjE4NCAzNC4yMzZjLTEuMDEgMC0xLjk0Ni4zMjEtMi44MDguOTY0LTEuMDE0Ljg0Mi0xLjYyMSAxLjkyNy0xLjgyMSAzLjI1Ni0uMjA1IDEuMzYyLjA1NyAyLjU3OC43ODQgMy42NDguNzkgMS4wOCAxLjgzNiAxLjcxOCAzLjEzOCAxLjkxNC4yNDUuMDM2LjQ4NC4wNTUuNzIuMDU1Ljk5MiAwIDEuOTA4LS4zMjYgMi43NS0uOTc2IDEuMDcyLS44IDEuNzEtMS44OCAxLjkxNC0zLjI0Mi4yLTEuMzI5LS4wOTItMi41NS0uODc3LTMuNjYyLS43NTgtMS4wNzUtMS43NzMtMS43MDgtMy4wNDUtMS45YTUuMDY0IDUuMDY0IDAgMDAtLjc1NS0uMDU3eiIgLz4KICAgICAgICAgICAgICAgIDxnIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBmaWxsPSIjZmZjNWIyIj4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBjbGlwLXJ1bGU9ImV2ZW5vZGQiCiAgICAgICAgICAgICAgICAgICAgICAgIGQ9Ik0xMDEyLjA3IDIwLjQ4NmMtMS42NTYgMS4zMS0yLjY0NCAzLjAzMy0yLjk2NiA1LjE3My0uMzIxIDIuMTQuMTIgNC4wNjIgMS4zMjIgNS43NjcgMS4yMyAxLjc0MiAyLjg2OCAyLjc2OCA0LjkxNSAzLjA3NiAyLjA0Ny4zMDcgMy45LS4xOTQgNS41NTUtMS41MDIgMS42ODItMS4yNzIgMi42ODQtMi45NzggMy4wMDYtNS4xMTdzLS4xMzItNC4wOC0xLjM2Mi01LjgyM2MtMS4yMDMtMS43MDUtMi44MjgtMi43MTItNC44NzUtMy4wMi0yLjA0OC0uMzA4LTMuOTEyLjE3NS01LjU5NSAxLjQ0NnoiCiAgICAgICAgICAgICAgICAgICAgICAgIGZpbGwtcnVsZT0iZXZlbm9kZCIgLz4KICAgICAgICAgICAgICAgICAgICA8cGF0aAogICAgICAgICAgICAgICAgICAgICAgICBkPSJNMTE0OS4zMzEgNjkuNTEybC0xMS4xNTYtOC4yOGMtMS43NjQtMS4yODctMi43OTgtMi44NS0zLjA3NC00LjY0NC0uMjc1LTEuNzkuMjMzLTMuNjIzIDEuNDk4LTUuNDNsOC4wOTEtMTEuNzU1YzIuMjctMy4zMTUgNC45NDUtMy40NTkgNi4zMzgtMy4yNSAxLjExNy4xNjggMi4yNS42NjcgMy4zOCAxLjQ5MmwxMS4xOTQgOC4zMDdjMy40ODkgMi42MzEgNC4wNjUgNi40MDUgMS41MzYgMTAuMDk5bC04LjEwOSAxMS43NzhjLTIuMjg3IDMuMjctNC45MzIgMy40MTMtNi4zMDUgMy4yMDYtMS4xMzctLjE3LTIuMjg0LS42ODctMy4zOTMtMS41MjN6bS0uMTc0LTI2LjgwM2wtOC4xMDggMTEuNzc4Yy0uNDQuNjI4LS41MjMgMS4wMDgtLjUwNiAxLjEyLjAxOC4xMTYuMjE1LjQ1My44NDkuOTE2bDExLjE5IDguMzA0Yy41NTIuNDE3Ljg4MS41MDIuOTk3LjUyLjMzMi4wNS44MTgtLjU4OSAxLS44NDhsOC4wOTEtMTEuNzUzYy43NDEtMS4wODMuNy0xLjM0LS4zMjItMi4xMTFsLTExLjE1My04LjI3OGMtLjU0My0uMzk2LS44NzMtLjQ5My0xLjAyMi0uNTE1LS4zMzMtLjA1LS43NzcuNTE4LTEuMDE2Ljg2N3ptLTg1NC41MTEgNzcuOTgzaDI4LjcxdjI4LjcxaC0yOC43MXptMTAzLjQyOCA5NC40NTZsLTExLjIyNi02Ljk2OGE3Ljc0OCA3Ljc0OCAwIDAxLTIuNDk3LTEwLjY3bDYuOTY5LTExLjIyNmE3Ljc0OCA3Ljc0OCAwIDAxMTAuNjY5LTIuNDk3bDExLjIyNiA2Ljk3YTcuNzQ4IDcuNzQ4IDAgMDEyLjQ5NyAxMC42NjhsLTYuOTY5IDExLjIyN2E3Ljc0OCA3Ljc0OCAwIDAxLTEwLjY2OSAyLjQ5NnptLTguMTA4LTEzMi4zNTlsLTEuNzAyLTEuMDU3YTcuNzQ4IDcuNzQ4IDAgMDEtMi40OTctMTAuNjY5bDEuMDU3LTEuNzAyYTcuNzQ4IDcuNzQ4IDAgMDExMC42NjktMi40OTdsMS43MDIgMS4wNTdhNy43NDggNy43NDggMCAwMTIuNDk2IDEwLjY2OWwtMS4wNTYgMS43MDJhNy43NDggNy43NDggMCAwMS0xMC42NyAyLjQ5N3pNNjEuNTU3IDIzMy4zMzlsLTEuNzAyLTEuMDU3YTcuNzQ4IDcuNzQ4IDAgMDEtMi40OTctMTAuNjY5bDEuMDU3LTEuNzAyYTcuNzQ4IDcuNzQ4IDAgMDExMC42NjktMi40OTdsMS43MDIgMS4wNTdhNy43NDggNy43NDggMCAwMTIuNDk2IDEwLjY2OWwtMS4wNTYgMS43MDJhNy43NDggNy43NDggMCAwMS0xMC42NyAyLjQ5N3ptODk5Ljc5OC0xMDcuODM2bC0xLjcwMS0xLjA1N2E3Ljc0OCA3Ljc0OCAwIDAxLTIuNDk3LTEwLjY2OWwxLjA1Ni0xLjcwMmE3Ljc0OCA3Ljc0OCAwIDAxMTAuNjctMi40OTZsMS43MDEgMS4wNTZhNy43NDggNy43NDggMCAwMTIuNDk3IDEwLjY3bC0xLjA1NyAxLjcwMWE3Ljc0OCA3Ljc0OCAwIDAxLTEwLjY2OSAyLjQ5N3ptMjI4Ljk3NiA4OC45MjlsLTEuNzAxLTEuMDU2YTcuNzQ4IDcuNzQ4IDAgMDEtMi40OTctMTAuNjdsMS4wNTYtMS43MDFhNy43NDggNy43NDggMCAwMTEwLjY3LTIuNDk3bDEuNzAxIDEuMDU3YTcuNzQ4IDcuNzQ4IDAgMDEyLjQ5NyAxMC42NjlsLTEuMDU3IDEuNzAyYTcuNzQ4IDcuNzQ4IDAgMDEtMTAuNjY5IDIuNDk2em0xODIuNjY1LTEyMS44NGwtMS43MDItMS4wNTdhNy43NDggNy43NDggMCAwMS0yLjQ5Ny0xMC42NjlsMS4wNTctMS43MDJhNy43NDggNy43NDggMCAwMTEwLjY2OS0yLjQ5NmwxLjcwMiAxLjA1NmE3Ljc0OCA3Ljc0OCAwIDAxMi40OTcgMTAuNjdsLTEuMDU3IDEuNzAxYTcuNzQ4IDcuNzQ4IDAgMDEtMTAuNjY5IDIuNDk3em0tMzIuMjAyLTc2LjkzNWgyOC43MXYyOC43MWgtMjguNzF6TTEwNjQuMDU4IDk4Ljc1bDEzLjY4MyA4LjQ5My04LjQ5NCAxMy42ODQtMTMuNjgzLTguNDk0ek0yMTYuMDc2IDE4LjkyM2wxMy42ODQgOC40OTQtOC40OTQgMTMuNjgzLTEzLjY4My04LjQ5NHpNMjYuNTIgNTMuOTkxbDE4LjUyOCAxMS41MDJMMzMuNTQ3IDg0LjAybC0xOC41MjgtMTEuNXptNTY5LjE1MiA4LjE3NGgwYy01LjExNi0zLjE3Ni02LjY5LTkuODk4LTMuNTEzLTE1LjAxNXYwYzMuMTc2LTUuMTE2IDkuODk4LTYuNjkgMTUuMDE0LTMuNTEzaDBjNS4xMTcgMy4xNzYgNi42OSA5Ljg5OCAzLjUxNCAxNS4wMTR2MGMtMy4xNzYgNS4xMTctOS44OTggNi42OS0xNS4wMTUgMy41MTR6bTQ3My4zNTggOC40MDN2MGMtNS4xMTctMy4xNzYtNi42OS05Ljg5OS0zLjUxNC0xNS4wMTV2MGMzLjE3Ni01LjExNiA5Ljg5OC02LjY5IDE1LjAxNS0zLjUxNHYwYzUuMTE2IDMuMTc2IDYuNjkgOS44OTkgMy41MTMgMTUuMDE1djBjLTMuMTc2IDUuMTE3LTkuODk4IDYuNjktMTUuMDE0IDMuNTE0em0tODAyLjQ2NyAzMC44MWgwYy01LjExNi0zLjE3Ni02LjY5LTkuODk4LTMuNTEzLTE1LjAxNXYwYzMuMTc1LTUuMTE2IDkuODk4LTYuNjkgMTUuMDE0LTMuNTEzaDBjNS4xMTcgMy4xNzYgNi42OSA5Ljg5OCAzLjUxNCAxNS4wMTR2MGMtMy4xNzYgNS4xMTctOS44OTggNi42OS0xNS4wMTUgMy41MTR6TTE5Ni41NCAyMDEuNDZoMGMtNS4xMTctMy4xNzYtNi42OS05Ljg5OC0zLjUxNC0xNS4wMTVoMGMzLjE3Ni01LjExNiA5Ljg5OS02LjY5IDE1LjAxNS0zLjUxM2gwYzUuMTE2IDMuMTc2IDYuNjkgOS44OTggMy41MTQgMTUuMDE0aDBjLTMuMTc2IDUuMTE3LTkuODk5IDYuNjktMTUuMDE1IDMuNTE0em0xMTM4LjU3OCA3LjA1NGMtNS4xMTctMy4xNzYtNi42OS05Ljg5OS0zLjUxNC0xNS4wMTV2MGMzLjE3Ni01LjExNyA5Ljg5OC02LjY5IDE1LjAxNS0zLjUxNHYwYzUuMTE2IDMuMTc2IDYuNjkgOS44OTggMy41MTQgMTUuMDE1djBjLTMuMTc2IDUuMTE2LTkuODk5IDYuNjktMTUuMDE1IDMuNTE0em0tNjYuNzY0LTE3OC4zNDF2MGMtNS4xMTYtMy4xNzYtNi42OS05Ljg5OS0zLjUxMy0xNS4wMTV2MGMzLjE3NS01LjExNiA5Ljg5OC02LjY5IDE1LjAxNC0zLjUxNHYwYzUuMTE3IDMuMTc2IDYuNjkgOS44OTkgMy41MTQgMTUuMDE1aDBjLTMuMTc2IDUuMTE3LTkuODk4IDYuNjktMTUuMDE1IDMuNTE0em0tNDA3LjIyLTE1LjkxN2gxMy4zMDV2MTMuMzA1aC0xMy4zMDV6IiAvPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9zd2l0Y2g+Cjwvc3ZnPg==);
  }
}
.sign-up-page.sign-up-form-wrapper {
  border: 1px solid #999999;
  padding: 30px;
  position: relative;
  background-color: #ffffff;
  margin: auto;
  width: 100%;
  margin-bottom: 50px;
  z-index: 999;
}

@media print, screen and (min-width: 40em) {
  .sign-up-page.sign-up-form-wrapper {
    max-width: 85%;
  }
}
@media print, screen and (min-width: 64em) {
  .sign-up-page.sign-up-form-wrapper {
    position: absolute;
    min-height: 800px;
    margin-left: 30px;
    margin-right: 30px;
  }
}
@media screen and (min-width: 75em) {
  .sign-up-page.sign-up-form-wrapper {
    padding: 50px;
    max-width: 90%;
  }
}
.logo-sign-up {
  padding: 20px 5px;
}

.sign-up-page-logos {
  background-color: #f4f4f4;
}

.bottom-white {
  width: 100%;
  position: absolute;
  height: 70%;
  left: 0;
  bottom: 0;
  background-color: #ffffff;
  z-index: 0;
}

.bkgd-green-white {
  background: #048a24; /* Old browsers */
  background: linear-gradient(to bottom, #06ac38 0%, #06ac38 44%, #ffffff 44%, #ffffff 100%);
}

@media screen and (max-width: 68.5em) {
  .bkgd-green-white {
    background: linear-gradient(to bottom, #06ac38 0%, #06ac38 50%, #ffffff 50%, #ffffff 100%);
  }
}
@media screen and (max-width: 55em) {
  .bkgd-green-white {
    background: linear-gradient(to bottom, #06ac38 0%, #06ac38 52%, #ffffff 52%, #ffffff 100%);
  }
}
@media screen and (max-width: 52.5em) {
  .bkgd-green-white {
    background: linear-gradient(to bottom, #06ac38 0%, #06ac38 55%, #ffffff 55%, #ffffff 100%);
  }
}
.account-signup-failure {
  display: none;
}

.single-line.sign-up-form .account-signup-failure .error-msg {
  position: relative;
  margin-bottom: 5px;
}

.terms h4 {
  margin-bottom: 1rem;
}
.terms li {
  margin-bottom: 15px;
}

/**pd-summit-17**/
/** and the micropages **/
#pd-summit-17 .bkgd-black-out .btn-close-modal .fa-close {
  color: #343434 !important;
  cursor: pointer;
}
#pd-summit-17 * {
  -webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */
  backface-visibility: hidden;
}
#pd-summit-17 p,
#pd-summit-17 .mktoForm,
#pd-summit-17 li,
#pd-summit-17 label,
#pd-summit-17 input {
  font-size: 1rem !important;
}
#pd-summit-17 h1,
#pd-summit-17 h2,
#pd-summit-17 h3,
#pd-summit-17 h4,
#pd-summit-17 p,
#pd-summit-17 a,
#pd-summit-17 label,
#pd-summit-17 input,
#pd-summit-17 #mktoForm_2321,
#pd-summit-17 li {
  font-family: "Roboto Condensed", sans-serif !important;
}
#pd-summit-17 h2 {
  text-transform: uppercase;
}
#pd-summit-17 h2.drk {
  color: #343434;
  font-weight: normal;
}
#pd-summit-17 .summit-green {
  color: #4caf50;
}
#pd-summit-17 .bkgd-summit-pink {
  background-color: #e91e63;
}
#pd-summit-17 .bkgd-summit-gray {
  background-color: #8fa4ae;
}
#pd-summit-17 .bkgd-summit-gunmetal {
  background-color: #5f7d8c;
}
#pd-summit-17 .bkgd-summit-blue {
  background-color: #0099e8;
}
#pd-summit-17 .bkgd-summit-lt-blue {
  background-color: #29b6f6;
}
#pd-summit-17 .bkgd-summit-green {
  background-color: #4caf50;
}
#pd-summit-17 .bkgd-summit-lt-green {
  background-color: #8bc34a;
}
#pd-summit-17 .bkgd-summit-orange {
  background-color: #ff9800;
}
#pd-summit-17 .bkgd-summit-purple {
  background-color: #9575cd;
}
#pd-summit-17 a.summit-button {
  display: inline-block;
  position: relative;
  outline: 0;
  font-style: normal;
  font-weight: 800;
  font-family: inherit;
  padding: 0 35px;
  font-size: 13px;
  line-height: 48px;
  height: 48px;
  text-transform: uppercase;
  letter-spacing: 3px;
  border: 2px solid #343434;
  color: #343434;
  -webkit-transition: color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out;
  transition: color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out;
  -webkit-box-sizing: initial;
  -moz-box-sizing: initial;
  box-sizing: initial;
}
#pd-summit-17 a.summit-button:hover {
  border: 2px solid #343434;
  background: #343434;
  color: #fff;
}
#pd-summit-17 a.sb-white {
  color: #fff;
  border-color: #fff;
}
#pd-summit-17 a.sb-white:hover {
  color: #343434;
  border-color: #fff;
  background: #fff;
}
#pd-summit-17 a.sb-dark {
  color: #fff;
  border-color: #fff;
  background-color: #343434;
  margin: 10px 0;
}
#pd-summit-17 a.sb-dark:hover {
  color: #343434;
  border-color: #fff;
  background: #fff;
}
#pd-summit-17 #primary-nav-wrapper {
  background: #343434;
  width: 100%;
  height: 80px;
  position: fixed;
  z-index: 9999999;
  top: 0;
  left: 0;
}
#pd-summit-17 nav.primary-nav {
  z-index: 999999;
  position: fixed;
  width: 100%;
  height: 80px;
  max-width: 1100px;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
#pd-summit-17 nav.primary-nav .hamburger {
  display: none;
  position: absolute;
  color: #fff;
  top: 0px;
  right: 0px;
  width: 50px;
  height: 80px;
  font-size: 2em;
  text-align: center;
  padding: 0;
  z-index: 9999999;
}
#pd-summit-17 nav.primary-nav .hamburger i {
  line-height: 80px;
}
#pd-summit-17 nav.primary-nav .buttons-wrapper {
  width: 100%;
  height: 80px;
}
#pd-summit-17 nav.primary-nav .buttons-wrapper ul {
  text-align: right;
  margin-bottom: 0;
  height: 80px;
  list-style-type: none;
}
#pd-summit-17 nav.primary-nav .buttons-wrapper ul .mbl-menu {
  display: none;
}
#pd-summit-17 nav.primary-nav .buttons-wrapper ul li {
  float: right;
  margin: 0;
  padding: 0;
  height: 80px;
}
#pd-summit-17 nav.primary-nav .buttons-wrapper ul li a.btn-nav {
  line-height: 80px;
  color: #f4f4f4;
  display: block;
  padding: 0 25px;
  font-weight: bold;
  text-transform: uppercase;
}
#pd-summit-17 nav.primary-nav .buttons-wrapper ul li a.btn-nav:hover {
  background: #454545;
}
#pd-summit-17 nav.primary-nav .buttons-wrapper .mbl.summit-button {
  display: none;
}
#pd-summit-17 nav.primary-nav .buttons-wrapper .summit-button {
  margin-top: 14px;
  margin-left: 25px;
  margin-right: 10px;
}
@media only screen and (max-width: 1000px) {
  #pd-summit-17 nav.primary-nav .hamburger {
    display: block;
  }
  #pd-summit-17 nav.primary-nav .buttons-wrapper .dt.summit-button {
    display: none;
  }
  #pd-summit-17 nav.primary-nav .buttons-wrapper .mbl.summit-button {
    display: inline-block;
  }
  #pd-summit-17 nav.primary-nav .buttons-wrapper ul .dt-menu {
    display: none;
  }
  #pd-summit-17 nav.primary-nav .buttons-wrapper ul .mbl-menu {
    display: none;
    background: #343434;
    text-align: left;
    z-index: 888888;
    overflow: auto;
    clear: both;
  }
  #pd-summit-17 nav.primary-nav .buttons-wrapper ul li {
    float: none;
    clear: both;
    width: 100%;
    display: block;
  }
  #pd-summit-17 nav.primary-nav .buttons-wrapper ul li a.btn-nav {
    width: 100%;
    display: block;
  }
}
#pd-summit-17 .nav-logo-wrapper {
  position: absolute;
  left: 10px;
  top: 20px;
  width: 150px;
  height: 42px;
  padding-left: 10px;
}
#pd-summit-17 .logo-wrapper {
  width: 350px;
  height: 400px;
  position: fixed;
  left: 50%;
  top: 140px;
  transform: translateX(-50%);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-perspective: 1000px;
  perspective: 1000px;
}
#pd-summit-17 #hero {
  position: relative;
  min-height: 700px;
  background-position: center right;
  background-size: cover;
  background-color: #454545;
  background-repeat: no-repeat;
}
#pd-summit-17 #hero .hero-filter {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
#pd-summit-17 #hero .hero-filter.breakathon {
  background: rgba(239, 243, 64, 0.7);
}
#pd-summit-17 #hero .hero-filter.inclusion {
  background: rgba(255, 152, 0, 0.8);
}
#pd-summit-17 #hero .hero-filter.university {
  background: rgba(95, 125, 140, 0.8);
}
#pd-summit-17 #hero .hero-filter.sessions {
  background: rgba(76, 175, 80, 0.8);
}
#pd-summit-17 #hero .bkgd-heading {
  clear: both;
  background-color: rgba(37, 37, 37, 0.9);
  display: inline-block;
  padding: 10px;
}
#pd-summit-17 #hero .bkgd-heading.lt-gray {
  clear: both;
  background-color: rgba(255, 255, 255, 0.85);
  display: inline-block;
  padding: 10px;
  margin: auto;
  color: #252525;
}
#pd-summit-17 #hero .boxy {
  padding: 6px;
  border-radius: 50%;
  position: absolute;
  z-index: 9999999;
  width: 35px;
  height: 35px;
  background: #fff;
}
#pd-summit-17 #hero .boxy .fa {
  font-size: 1.6em;
  color: #343434;
}
#pd-summit-17 #hero .hero-copy {
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-top: 180px;
}
#pd-summit-17 #hero .hero-copy .hero-copy-date {
  color: #4caf50;
  padding-top: 0;
}
#pd-summit-17 #hero .hero-copy h1 {
  font-weight: normal;
  padding-left: 20px;
  padding-right: 20px;
  letter-spacing: 6px;
  margin-bottom: 20px;
  position: relative;
}
#pd-summit-17 #hero .hero-copy h1 .event-text {
  position: absolute;
  top: 100%;
  right: 40px;
}
#pd-summit-17 #hero .hero-copy h1 .event-text h4 {
  font-size: 16px;
  margin: 0;
  color: #fff;
}
@media print, screen and (min-width: 64em) {
  #pd-summit-17 #hero .hero-copy h1 {
    font-size: 5em;
  }
}
#pd-summit-17 #hero .hero-copy h3 {
  letter-spacing: 3px;
  line-height: 1.2em;
  margin: 0;
  margin-left: 15px;
  font-size: 2em;
}
#pd-summit-17 #hero .hero-copy h1,
#pd-summit-17 #hero .hero-copy h3 {
  color: #fff;
}
#pd-summit-17 #hero .hero-copy .hero-btn-holder {
  margin-left: 15px;
  padding: 20px;
  margin-top: 35px;
}
@media only screen and (max-width: 960px) {
  #pd-summit-17 #hero .hero-copy h1.inclusion {
    font-size: 3.3em;
  }
}
@media only screen and (max-width: 640px) {
  #pd-summit-17 #hero .hero-copy {
    margin-top: 130px;
  }
  #pd-summit-17 #hero .hero-copy h3,
  #pd-summit-17 #hero .hero-copy .hero-btn-holder {
    margin-left: 0px;
  }
}
#pd-summit-17 #hero.inclusion-hero {
  background-position: top center;
}
#pd-summit-17 #guts {
  width: 100%;
  position: relative;
  background: #fff;
}
#pd-summit-17 #guts h1 {
  text-align: center;
  color: #fff;
}
#pd-summit-17 #guts #schedule-reg-wrapper {
  background: #f4f4f4;
}
#pd-summit-17 #guts .session-details {
  margin-bottom: 2em;
}
#pd-summit-17 #guts #sessions h2 {
  display: inline;
}
#pd-summit-17 #guts #pdu-agenda,
#pd-summit-17 #guts #sessions,
#pd-summit-17 #guts #sessions-lt-grey-bg {
  background: #343434;
}
#pd-summit-17 #guts #pdu-agenda h2,
#pd-summit-17 #guts #pdu-agenda h3,
#pd-summit-17 #guts #pdu-agenda h4,
#pd-summit-17 #guts #pdu-agenda p,
#pd-summit-17 #guts #sessions h2,
#pd-summit-17 #guts #sessions h3,
#pd-summit-17 #guts #sessions h4,
#pd-summit-17 #guts #sessions p,
#pd-summit-17 #guts #sessions-lt-grey-bg h2,
#pd-summit-17 #guts #sessions-lt-grey-bg h3,
#pd-summit-17 #guts #sessions-lt-grey-bg h4,
#pd-summit-17 #guts #sessions-lt-grey-bg p {
  color: #fff;
}
#pd-summit-17 #guts #pdu-agenda h3,
#pd-summit-17 #guts #sessions h3,
#pd-summit-17 #guts #sessions-lt-grey-bg h3 {
  font-size: 1em;
  margin-top: 2em;
}
#pd-summit-17 #guts #pdu-agenda h3 span,
#pd-summit-17 #guts #sessions h3 span,
#pd-summit-17 #guts #sessions-lt-grey-bg h3 span {
  font-size: 1.5em;
}
#pd-summit-17 #guts #sessions-lt-grey-bg {
  background: #454545 !important;
}
#pd-summit-17 #guts #overview {
  width: 100%;
  height: 550px;
  background-color: #252525;
  position: relative;
}
#pd-summit-17 #guts #overview .overview-content {
  width: 50%;
  height: 100%;
  left: 0;
  right: 0;
  position: absolute;
  float: right;
}
#pd-summit-17 #guts #overview .overview-content .oc-half h2 {
  color: #fff;
  text-transform: uppercase;
}
#pd-summit-17 #guts #overview .overview-content .oc-half p {
  color: #fff;
}
#pd-summit-17 #guts #overview .overview-content .oc-half {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  padding: 20px;
  width: 100%;
  max-width: 550px;
  float: right;
}
#pd-summit-17 #guts #overview .overview-image {
  background-color: #343434;
  background-image: url("https://cdn.pagerduty.com/wp-content/uploads/2017/07/bkgd-conference-goers-2.jpg");
  background-size: cover;
  width: 50%;
  height: 100%;
  bottom: 0;
  right: 0;
  position: absolute;
  float: right;
}
#pd-summit-17 #guts #overview .overview-image.breakathon {
  background-image: url("https://cdn.pagerduty.com/wp-content/uploads/2017/07/server-outage.jpg");
  background-position: center right;
  background-size: cover;
}
#pd-summit-17 #guts #overview .overview-image.inclusion {
  background: url("https://cdn.pagerduty.com/wp-content/uploads/2017/07/inclusion-girl.jpg");
  background-position: center center;
}
#pd-summit-17 #guts section#tracks-overview .row {
  color: #fff;
}
#pd-summit-17 #guts section#tracks-overview p em {
  font-size: 0.8rem;
}
#pd-summit-17 #guts section#tracks-overview .course-details h4,
#pd-summit-17 #guts section#tracks-overview .course-details p {
  margin: 0px;
}
#pd-summit-17 #guts section#tracks-overview .course-details h4 {
  margin-top: 10px;
  text-transform: uppercase;
}
#pd-summit-17 #guts section#tracks-overview .course-details li {
  margin-left: 1em;
}
@media only screen and (max-width: 1100px) {
  #pd-summit-17 #guts #overview {
    height: 720px;
  }
}
@media only screen and (max-width: 640px) {
  #pd-summit-17 #guts #overview {
    height: auto;
    padding: 50px 0;
    overflow: auto;
  }
  #pd-summit-17 #guts #overview .overview-content {
    width: 100%;
    height: auto;
    position: relative;
  }
  #pd-summit-17 #guts #overview .overview-content .oc-half {
    position: relative;
    transform: none;
    width: 100%;
    max-width: 100%;
    float: none;
    padding: 0px 15px;
  }
  #pd-summit-17 #guts #overview .overview-image {
    display: none;
  }
}
#pd-summit-17 #guts #the-week {
  background-color: #363636;
}
#pd-summit-17 #guts #the-week h2,
#pd-summit-17 #guts #the-week p {
  color: #fff;
}
#pd-summit-17 #guts #the-week .wrapper-lbl-times {
  height: 300px;
  border-right: 1px solid #aaa;
  padding-right: 10px;
  position: relative;
}
#pd-summit-17 #guts #the-week .lbl-time {
  text-align: right;
  position: absolute;
  bottom: 0;
  right: 10px;
  width: 100%;
  height: 25px;
}
#pd-summit-17 #guts #the-week .lt-33 {
  bottom: 30%;
}
#pd-summit-17 #guts #the-week .lt-66 {
  bottom: 60%;
}
#pd-summit-17 #guts #the-week .lt-99 {
  bottom: 90%;
}
#pd-summit-17 #guts #the-week .header {
  height: 35px;
}
#pd-summit-17 #guts #the-week .header h4 {
  color: #fff;
  text-align: center;
  margin: 0;
  line-height: 1.3em;
}
#pd-summit-17 #guts #the-week .day-section {
  border-right: 1px solid #aaa;
  height: 300px;
  position: relative;
  padding: 5px;
  width: 100%;
}
#pd-summit-17 #guts #the-week .day-section .time-block {
  min-height: 8%;
  bottom: 3px;
  left: 3px;
  right: 3px;
  position: absolute;
  border: 2px solid #363636;
  border-radius: 4px;
  display: block;
}
#pd-summit-17 #guts #the-week .day-section .time-block p {
  padding: 10px;
  color: #fff;
}
#pd-summit-17 #guts #the-week .day-section h4.mbl-day {
  color: #fff;
  display: none;
}
#pd-summit-17 #guts #the-week .day-section .hr-1 {
  height: 8%;
}
#pd-summit-17 #guts #the-week .day-section .hr-2 {
  height: 16%;
}
#pd-summit-17 #guts #the-week .day-section .hr-3 {
  height: 24%;
}
#pd-summit-17 #guts #the-week .day-section .hr-4 {
  height: 32%;
}
#pd-summit-17 #guts #the-week .day-section .hr-6 {
  height: 48%;
}
#pd-summit-17 #guts #the-week .day-section .hr-8 {
  height: 64%;
}
#pd-summit-17 #guts #the-week .day-section .hr-12 {
  height: 96%;
}
#pd-summit-17 #guts #the-week .day-section {
  /*End Times For Time blocks*/
}
#pd-summit-17 #guts #the-week .day-section .et-1 {
  bottom: calc(32% + 3px);
}
#pd-summit-17 #guts #the-week .day-section .et-7 {
  bottom: calc(8% + 3px);
}
@media only screen and (max-width: 640px) {
  #pd-summit-17 #guts #the-week .header {
    display: none;
  }
  #pd-summit-17 #guts #the-week .day-section {
    border-right: none;
    height: auto;
    position: relative;
    overflow: auto;
    padding: 5px;
    width: 100%;
  }
  #pd-summit-17 #guts #the-week .day-section .time-block {
    position: relative;
    left: 0;
    height: 120px;
  }
  #pd-summit-17 #guts #the-week .day-section h4.mbl-day {
    display: block;
  }
}
#pd-summit-17 #guts #summit-contest {
  position: relative;
  min-height: 400px;
  background: url(https://cdn.pagerduty.com/wp-content/uploads/2017/08/bkgd-contest-water-2.jpg);
  background-size: cover;
}
#pd-summit-17 #guts #summit-contest h2,
#pd-summit-17 #guts #summit-contest p {
  color: #fff;
}
#pd-summit-17 #guts #summit-contest p.bottom {
  position: absolute;
  bottom: 20px;
  width: 100%;
  margin: auto;
  display: block;
}
@media only screen and (max-width: 321px) {
  #pd-summit-17 #guts #summit-contest {
    min-height: 470px;
  }
}
#pd-summit-17 #guts #why-attend,
#pd-summit-17 #guts #session-details,
#pd-summit-17 #guts #sessions-lt-grey-bg {
  background-color: #363636;
}
#pd-summit-17 #guts #why-attend .square,
#pd-summit-17 #guts #session-details .square,
#pd-summit-17 #guts #sessions-lt-grey-bg .square {
  width: 20px;
  height: 15px;
  display: inline-block;
  margin-right: 10px;
}
#pd-summit-17 #guts #why-attend h3,
#pd-summit-17 #guts #session-details h3,
#pd-summit-17 #guts #sessions-lt-grey-bg h3 {
  color: #ccc;
  display: inline-block;
  clear: both;
  font-size: 1.4em;
  margin-bottom: 25px;
}
#pd-summit-17 #guts #why-attend h3 .boom,
#pd-summit-17 #guts #session-details h3 .boom,
#pd-summit-17 #guts #sessions-lt-grey-bg h3 .boom {
  text-transform: uppercase;
  color: #fff;
  font-size: 1.3em !important;
}
#pd-summit-17 #guts #why-attend h3 .boom-deets,
#pd-summit-17 #guts #session-details h3 .boom-deets,
#pd-summit-17 #guts #sessions-lt-grey-bg h3 .boom-deets {
  margin-left: 30px;
  font-size: 0.8em;
}
#pd-summit-17 #guts #why-attend p.reason-detail,
#pd-summit-17 #guts #session-details p.reason-detail,
#pd-summit-17 #guts #sessions-lt-grey-bg p.reason-detail {
  margin: 0 40px;
  margin-bottom: 20px;
}
#pd-summit-17 #guts #why-attend h2,
#pd-summit-17 #guts #why-attend p,
#pd-summit-17 #guts #why-attend li,
#pd-summit-17 #guts #session-details h2,
#pd-summit-17 #guts #session-details p,
#pd-summit-17 #guts #session-details li,
#pd-summit-17 #guts #sessions-lt-grey-bg h2,
#pd-summit-17 #guts #sessions-lt-grey-bg p,
#pd-summit-17 #guts #sessions-lt-grey-bg li {
  color: #fff;
}
#pd-summit-17 #guts .strike {
  text-decoration: line-through;
  color: #c00;
}
#pd-summit-17 #guts #pd-university,
#pd-summit-17 #guts #breakathon {
  background-color: #5f7d8c;
  background: url(https://cdn.pagerduty.com/wp-content/uploads/2017/07/bkgd-pd-u.jpg);
  background-size: cover;
}
#pd-summit-17 #guts #pd-university .reg-button,
#pd-summit-17 #guts #breakathon .reg-button {
  display: inline-block;
}
#pd-summit-17 #guts #pd-university,
#pd-summit-17 #guts #breakathon {
  /*#pd-u-details {
  	display: none;
  }*/
}
#pd-summit-17 #guts #pd-university a.btn-pdu-deets,
#pd-summit-17 #guts #pd-university a.btn-pdu-deets:hover,
#pd-summit-17 #guts #breakathon a.btn-pdu-deets,
#pd-summit-17 #guts #breakathon a.btn-pdu-deets:hover {
  color: #fff;
}
#pd-summit-17 #guts #pd-university h2,
#pd-summit-17 #guts #pd-university h3,
#pd-summit-17 #guts #pd-university p,
#pd-summit-17 #guts #breakathon h2,
#pd-summit-17 #guts #breakathon h3,
#pd-summit-17 #guts #breakathon p {
  color: #fff;
}
#pd-summit-17 #guts #pd-university h3,
#pd-summit-17 #guts #breakathon h3 {
  text-align: center;
}
#pd-summit-17 #guts #pd-university .pd-u-box,
#pd-summit-17 #guts #breakathon .pd-u-box {
  background: #fff;
  padding: 20px;
}
#pd-summit-17 #guts #pd-university .pd-u-box h2,
#pd-summit-17 #guts #breakathon .pd-u-box h2 {
  margin-bottom: 5px;
}
#pd-summit-17 #guts #pd-university .pd-u-box h2,
#pd-summit-17 #guts #pd-university .pd-u-box h3,
#pd-summit-17 #guts #breakathon .pd-u-box h2,
#pd-summit-17 #guts #breakathon .pd-u-box h3 {
  color: #343434;
}
#pd-summit-17 #guts #pd-university .pd-u-box h4,
#pd-summit-17 #guts #pd-university .pd-u-box li,
#pd-summit-17 #guts #pd-university .pd-u-box p,
#pd-summit-17 #guts #breakathon .pd-u-box h4,
#pd-summit-17 #guts #breakathon .pd-u-box li,
#pd-summit-17 #guts #breakathon .pd-u-box p {
  color: #454545;
}
#pd-summit-17 #guts #pd-university .pd-u-box h3,
#pd-summit-17 #guts #breakathon .pd-u-box h3 {
  text-align: left;
  border-bottom: 1px solid #ccc;
}
#pd-summit-17 #guts #pd-university .u-copy h3,
#pd-summit-17 #guts #breakathon .u-copy h3 {
  margin-bottom: 5px;
  text-transform: uppercase;
}
#pd-summit-17 #guts #pd-university .u-copy h4,
#pd-summit-17 #guts #breakathon .u-copy h4 {
  color: #454545;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 5px;
}
#pd-summit-17 #guts #pd-university .u-copy p,
#pd-summit-17 #guts #breakathon .u-copy p {
  text-align: center;
}
#pd-summit-17 #guts #pd-university .u-copy ul,
#pd-summit-17 #guts #breakathon .u-copy ul {
  margin-top: 5px;
  padding-top: 15px;
  list-style-type: none;
}
#pd-summit-17 #guts #pd-university .u-copy li,
#pd-summit-17 #guts #breakathon .u-copy li {
  color: #343434;
  margin-bottom: 10px;
}
#pd-summit-17 #guts #pd-university .sb-white-solid,
#pd-summit-17 #guts #breakathon .sb-white-solid {
  background: #fff;
  color: #343434;
  display: block;
  text-align: center;
  margin: 15px 0;
  border: none;
}
#pd-summit-17 #guts #breakathon {
  background-color: #9575cd;
  background: url(https://cdn.pagerduty.com/wp-content/uploads/2017/07/bkgd-breakathon-5.jpg);
}
#pd-summit-17 #guts #tracks {
  width: 100%;
  background: #363636;
  overflow: auto;
  display: block;
}
#pd-summit-17 #guts #tracks h4 {
  color: #fff;
  margin-bottom: 0;
  text-transform: uppercase;
  font-weight: bold;
}
#pd-summit-17 #guts #tracks h2,
#pd-summit-17 #guts #tracks p {
  color: #fff;
}
#pd-summit-17 #guts #tracks .box {
  background: #fff;
  padding: 20px;
  position: relative;
  min-height: 250px;
  margin-bottom: 15px;
  position: relative;
}
#pd-summit-17 #guts #tracks .box a.summit-button {
  position: absolute;
  bottom: 15px;
  right: 15px;
}
#pd-summit-17 #guts #tracks .box .box-move {
  position: absolute;
  width: 10px;
  height: 10px;
  background: yellow;
}
#pd-summit-17 #guts #tracks .box.track-devops {
  background-color: #4caf50;
}
#pd-summit-17 #guts #tracks .box.track-leadership {
  background-color: #0099e8;
}
@media only screen and (max-width: 1100px) {
  #pd-summit-17 #guts #tracks .box {
    min-height: 310px;
    padding-bottom: 20px;
  }
}
@media only screen and (max-width: 640px) {
  #pd-summit-17 #guts #tracks .box {
    min-height: 0;
    padding-bottom: 20px;
  }
}
#pd-summit-17 #guts #nav-bar {
  width: 100%;
  background: #fff;
}
#pd-summit-17 #guts #nav-bar .reg-button {
  padding: 15px 0;
  text-align: center;
}
#pd-summit-17 #guts #nav-bar .columns {
  text-align: center;
}
#pd-summit-17 #guts #nav-bar .nav-button {
  padding: 30px 50px 26px 50px;
  text-align: center;
  display: inline-block;
  text-transform: uppercase;
  color: #343434;
  border-bottom: 4px #fff solid;
}
#pd-summit-17 #guts #nav-bar .nav-button:hover {
  cursor: pointer;
}
#pd-summit-17 #guts #nav-bar .dev:hover {
  color: #048a24;
  border-bottom: 4px #06ac38 solid;
}
#pd-summit-17 #guts #nav-bar .it:hover {
  color: #c00;
  border-bottom: 4px #c00 solid;
}
#pd-summit-17 #guts #nav-bar .enterprise:hover {
  color: #e7b438;
  border-bottom: 4px #e7b438 solid;
}
#pd-summit-17 #guts #nav-bar .dev.selected {
  color: #048a24;
}
#pd-summit-17 #guts #nav-bar .it.selected {
  color: #c00;
}
#pd-summit-17 #guts #nav-bar .enterprise.selected {
  color: #e7b438;
}
#pd-summit-17 .bottom-row {
  position: relative;
}
#pd-summit-17 .bottom-row h2 {
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 4px;
}
#pd-summit-17 .bottom-row .side-logo {
  position: absolute;
  top: 0px;
  left: 0;
  width: 450px;
  height: 200px;
  z-index: 99999;
  transform: rotate(90deg);
  transform-origin: top left;
}
#pd-summit-17 .bottom-row .side-logo img {
  padding-left: 80px;
}
#pd-summit-17 .bottom-row .side-logo h2 {
  font-size: 8em;
  letter-spacing: 5px;
  margin: 0;
  padding: 0;
  margin-top: -20px;
}
#pd-summit-17 .bottom-row .side-logo .city {
  position: absolute;
  transform: rotate(-90deg);
  top: 30px;
  right: -15px;
  transform-origin: top right;
  color: #343434;
}
#pd-summit-17 .bottom-row .side-logo .date {
  position: absolute;
  top: 80px;
  right: -250px;
  font-size: 2em;
  color: #343434;
}
#pd-summit-17 .summit-button {
  line-height: 40px;
  text-transform: uppercase;
}
#pd-summit-17 .track-color {
  color: #343434;
}
#pd-summit-17 #speakers {
  width: 100%;
}
#pd-summit-17 .reg-button {
  display: block;
  text-align: center;
}
#pd-summit-17 .speaker-wrapper {
  position: relative;
  max-width: 300px;
}
#pd-summit-17 .speaker-wrapper .info-holder {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 70%, rgba(0, 0, 0, 0.84) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 70%, rgba(0, 0, 0, 0.84) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 70%, rgba(0, 0, 0, 0.84) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
  min-height: 100px;
  padding: 10px;
}
#pd-summit-17 .speaker-wrapper .info-holder .info-holder-inner {
  position: absolute;
  bottom: 10px;
  width: 100%;
  line-height: 18px;
}
#pd-summit-17 .speaker-wrapper .info-holder .name {
  color: #fff;
  display: block;
}
#pd-summit-17 .speaker-wrapper .info-holder .title {
  clear: both;
  color: #fff;
  padding-right: 10px;
  display: block;
}
#pd-summit-17 .speaker-wrapper .info-holder .company {
  clear: both;
  color: #fff;
  display: block;
}
#pd-summit-17 .agenda-time {
  width: 30%;
  float: left;
  position: relative;
}
#pd-summit-17 .agenda-time .inner {
  text-align: right;
  padding-right: 40px;
}
#pd-summit-17 .dot {
  position: absolute;
  right: -11px;
  top: 0;
  width: 21px;
  height: 21px;
  background: #4d7ea0;
  border-radius: 50%;
  z-index: 99999;
}
#pd-summit-17 .agenda .agenda-copy {
  width: 70%;
  float: left;
  border-left: 1px solid #ccc;
}
#pd-summit-17 .agenda .agenda-copy .inner {
  text-align: left;
  padding-left: 40px;
  padding-bottom: 35px;
}
#pd-summit-17 .agenda .agenda-copy .inner h2 {
  text-align: left;
}
#pd-summit-17 .agenda .agenda-copy .inner h3,
#pd-summit-17 .agenda .agenda-copy .inner p {
  margin-bottom: 0;
}
#pd-summit-17 .agenda .agenda-copy .inner h3 {
  margin-top: -5px;
}
#pd-summit-17 .agenda .agenda-copy .inner h3.title {
  margin-top: 10px;
}
#pd-summit-17 .agenda .agenda-copy .inner h4 {
  margin: 15px 0 0 0;
}
#pd-summit-17 .agenda .agenda-copy .inner p {
  color: #454545;
}
#pd-summit-17 .agenda .agenda-copy .inner .devops,
#pd-summit-17 .agenda .agenda-copy .inner .leadership,
#pd-summit-17 .agenda .agenda-copy .inner .pdu-track-1,
#pd-summit-17 .agenda .agenda-copy .inner .pdu-track-2 {
  min-height: 355px;
  padding: 20px;
}
#pd-summit-17 .agenda .agenda-copy .inner .devops h3,
#pd-summit-17 .agenda .agenda-copy .inner .leadership h3,
#pd-summit-17 .agenda .agenda-copy .inner .pdu-track-1 h3,
#pd-summit-17 .agenda .agenda-copy .inner .pdu-track-2 h3 {
  line-height: 25px;
  margin: 5px 0 10px 0;
  color: #fff;
}
#pd-summit-17 .agenda .agenda-copy .inner .devops p,
#pd-summit-17 .agenda .agenda-copy .inner .leadership p,
#pd-summit-17 .agenda .agenda-copy .inner .pdu-track-1 p,
#pd-summit-17 .agenda .agenda-copy .inner .pdu-track-2 p {
  color: #fff;
}
#pd-summit-17 .agenda .agenda-copy .inner .devops .slight-pad,
#pd-summit-17 .agenda .agenda-copy .inner .leadership .slight-pad,
#pd-summit-17 .agenda .agenda-copy .inner .pdu-track-1 .slight-pad,
#pd-summit-17 .agenda .agenda-copy .inner .pdu-track-2 .slight-pad {
  color: #fff;
  padding: 0.5em 0;
  font-weight: bold;
}
#pd-summit-17 .agenda .agenda-copy .inner .pdu-track-1,
#pd-summit-17 .agenda .agenda-copy .inner .pdu-track-2 {
  min-height: 300px;
}
#pd-summit-17 .agenda .agenda-copy .inner .pdu-track-1 ul,
#pd-summit-17 .agenda .agenda-copy .inner .pdu-track-2 ul {
  margin-left: 15px;
  margin-top: 15px;
}
#pd-summit-17 .agenda .agenda-copy .inner .pdu-track-1 ul li,
#pd-summit-17 .agenda .agenda-copy .inner .pdu-track-2 ul li {
  color: #fff;
}
#pd-summit-17 .agenda .agenda-copy .inner .devops {
  background-color: #4caf50;
  width: 369px;
  min-width: 369px;
  max-width: 369px;
  margin-left: 5px;
}
#pd-summit-17 .agenda .agenda-copy .inner .leadership {
  background-color: #0099e8;
  width: 369px;
  min-width: 369px;
  max-width: 369px;
  margin-left: 5px;
}
#pd-summit-17 .agenda .agenda-copy .inner .pdu-track-1 {
  background-color: #5f7d8c;
}
#pd-summit-17 .agenda .agenda-copy .inner .pdu-track-2 {
  background-color: #536b76;
  border-left: 5px solid #fff;
}
@media only screen and (max-width: 640px) {
  #pd-summit-17 .agenda .agenda-copy .inner .leadership {
    border-left: none;
    width: 100%;
    margin-left: 0;
  }
  #pd-summit-17 .agenda .agenda-copy .inner .pdu-track-2 {
    border-left: none;
  }
}
#pd-summit-17 .agenda .agenda-copy:last-child {
  border-left: none;
}
#pd-summit-17 #tracks-overview {
  background: #f4f4f4;
}
#pd-summit-17 #tracks-overview .pdu-track-1,
#pd-summit-17 #tracks-overview .pdu-track-2 {
  min-height: 230px;
  padding: 15px;
}
#pd-summit-17 #tracks-overview .pdu-track-1 h3,
#pd-summit-17 #tracks-overview .pdu-track-1 p,
#pd-summit-17 #tracks-overview .pdu-track-2 h3,
#pd-summit-17 #tracks-overview .pdu-track-2 p {
  color: #fff;
}
#pd-summit-17 #tracks-overview .pdu-track-1 {
  background-color: #5f7d8c;
}
#pd-summit-17 #tracks-overview .pdu-track-2 {
  background-color: #536b76;
}
#pd-summit-17 #summit-overview {
  background: #4caf50;
}
#pd-summit-17 #summit-overview h2,
#pd-summit-17 #summit-overview p,
#pd-summit-17 #summit-overview li {
  color: #fff;
}
#pd-summit-17 #summit-overview .summit-button {
  margin-bottom: 15px;
}
#pd-summit-17 #location {
  background: #4caf50;
}
#pd-summit-17 #location h2,
#pd-summit-17 #location p {
  color: #fff;
}
#pd-summit-17 #location img {
  padding-bottom: 15px;
}
#pd-summit-17 #location h3 {
  text-align: right;
  color: #fff;
  padding: 0;
  margin: 0;
  font-weight: bold;
  display: inline-block;
  text-transform: uppercase;
}
#pd-summit-17 #location a h3:hover {
  color: #f1f1f1;
}
#pd-summit-17 .msg {
  display: none;
}
#pd-summit-17 .msg-default {
  display: block;
}
#pd-summit-17 .thanks-for-registering {
  position: fixed;
  width: 90%;
  top: 5%;
  height: 90%;
  background: #454545;
  left: 5%;
  z-index: 999999999;
  text-align: center;
  background: url(https://cdn.pagerduty.com/wp-content/uploads/2016/08/bkgd-blk-80-percent.png) repeat;
}
#pd-summit-17 .thanks-for-registering-inner {
  padding: 150px 60px;
}
#pd-summit-17 .block-image-wrapper {
  position: relative;
}
#pd-summit-17 .block-image-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#pd-summit-17 .track-color-overlay {
  background: #4d6590;
  opacity: 0.4;
}
#pd-summit-17 #sponsors h3 {
  margin-top: 15px;
  margin-bottom: 10px;
}
#pd-summit-17 #sponsors h3 a {
  color: #048a24;
}
#pd-summit-17 #sponsors .img-holder {
  height: 150px;
  position: relative;
}
#pd-summit-17 #sponsors .img-holder img {
  width: 100%;
  max-width: 300px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
#pd-summit-17 #sponsors .lbl-sponsor {
  height: 150px;
  border-right: 1px solid #ccc;
}
#pd-summit-17 #sponsors .lbl-sponsor h3 {
  text-align: right;
  margin-top: 60px;
}
#pd-summit-17 .call-for-papers {
  padding-top: 50px;
  text-align: center;
}
#pd-summit-17 .call-for-papers h3 {
  margin-bottom: 1.5rem !important;
}
#pd-summit-17 .inclusion-speakers img {
  width: 200px;
  height: 200px;
  border-radius: 50%;
}
#pd-summit-17 #pricing {
  background: #343434;
}
#pd-summit-17 #pricing h2,
#pd-summit-17 #pricing h3,
#pd-summit-17 #pricing h4 {
  color: #fff;
  text-transform: uppercase;
  line-height: 1.1em;
  font-weight: bold;
}
#pd-summit-17 #pricing h2.weight-normal {
  font-weight: normal;
}
#pd-summit-17 #pricing h4 {
  margin-bottom: 0;
}
#pd-summit-17 #pricing h1 {
  float: right;
  display: inline-block;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 0;
  line-height: 1.1em;
}
#pd-summit-17 #pricing .flt-right {
  text-align: right;
  position: absolute;
  bottom: 0;
  right: 0;
}
#pd-summit-17 #pricing .flt-right .callout-sysadmin {
  z-index: 1000;
  background: #fff;
  text-align: right;
  padding: 10px;
  position: absolute;
  bottom: 125%;
  right: 0;
  width: 290px;
}
#pd-summit-17 #pricing .flt-right .callout-sysadmin h3 {
  color: #343434;
  margin-bottom: 0;
  display: block;
  z-index: 2000;
}
#pd-summit-17 #pricing .flt-right .arrow {
  width: 30px;
  height: 30px;
  background: #fff;
  position: absolute;
  top: -35px;
  right: 40px;
  transform: rotate(45deg);
  z-index: 500;
}
#pd-summit-17 #pricing p {
  color: #fff;
}
#pd-summit-17 #pricing ul {
  margin-left: 10px;
}
#pd-summit-17 #pricing ul li {
  color: #fff;
  margin-bottom: 10px;
}
#pd-summit-17 #pricing a.btn-pricing {
  display: inline-block;
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
  outline: 0;
  font-style: normal;
  font-weight: 800;
  font-family: inherit;
  padding: 8px 0;
  font-size: 13px;
  line-height: 18px;
  text-align: center;
  height: 40px;
  text-transform: uppercase;
  letter-spacing: 3px;
  border: 2px solid #fff;
  color: #fff;
  -webkit-transition: color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out;
  transition: color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out;
  -webkit-box-sizing: initial;
  -moz-box-sizing: initial;
  box-sizing: initial;
}
#pd-summit-17 #pricing a.btn-pricing:hover {
  border: 2px solid #fff;
  background-color: #fff;
  color: #343434;
}
#pd-summit-17 #pricing a.sold-out-button {
  line-height: 40px;
  border: 2px solid #c62828;
  background: #c62828;
}
#pd-summit-17 #pricing a.sold-out-button:hover {
  border: 2px solid #c62828;
  background: #c62828;
  color: #fff;
}
#pd-summit-17 #pricing .pricing-pdu-summit {
  padding: 20px;
  background: #5f7e8b;
}
#pd-summit-17 #pricing .pricing-pdu-summit h2 {
  position: relative;
  border-bottom: 1px solid #fff;
}
#pd-summit-17 #pricing .pricing-pdu-summit h1 {
  float: right;
}
#pd-summit-17 #pricing .pricing-pdu-summit p {
  clear: both;
}
#pd-summit-17 #pricing .pricing-pdu-summit .strike {
  color: #fff;
  font-size: 0.8em;
}
#pd-summit-17 #pricing .pricing-summit {
  min-height: 742px;
  position: relative;
  padding: 20px 20px 80px 20px;
  background: #4caf50;
}
#pd-summit-17 #pricing .pricing-summit h2 {
  position: relative;
  border-bottom: 1px solid #fff;
}
#pd-summit-17 #pricing .pricing-summit h1 {
  float: right;
}
#pd-summit-17 #pricing .pricing-course-1 {
  min-height: 500px;
  position: relative;
  overflow: hidden;
  padding: 20px 20px 80px 20px;
  background: #597581;
}
#pd-summit-17 #pricing .pricing-course-2 {
  min-height: 500px;
  position: relative;
  overflow: hidden;
  padding: 20px 20px 80px 20px;
  background: #536b76;
}
#pd-summit-17 .sold-out-banner {
  z-index: 99999;
  text-align: center;
  position: absolute;
  padding: 50px 100px 10px 100px;
  background-color: #c62828;
  color: #fff;
  top: -20px;
  right: -110px;
  transform: rotate(45deg);
}
#pd-summit-17 .sold-out-banner.sml {
  padding: 20px 100px 0px 100px;
  top: -6px;
  right: -111px;
  font-size: 0.8em;
}
#pd-summit-17 .pos-relative {
  overflow: hidden;
}
#pd-summit-17 #register {
  background: #f4f4f4;
  width: 100%;
  padding: 50px 0;
}
#pd-summit-17 #register .mktoForm .mktoFieldWrap {
  margin-bottom: 10px;
}
#pd-summit-17 #register .mktoRadioList {
  /*UN-COMMENT BELOW WHEN PAUL TURNS OFF PDU TRACK ONE*/
  /*background: -moz-linear-gradient(top, #536b76 0%, #536b76 50%, #4dae4f 50%, #4dae4f 100%);
  background: -webkit-linear-gradient(top, #536b76 0%,#536b76 50%,#4dae4f 50%,#4dae4f 100%);
  background: linear-gradient(to bottom,  #536b76 0%,#536b76 50%, #4dae4f 50%,#4dae4f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#597581', endColorstr='#4dae4f',GradientType=0 );*/
  /*	background: $summit-green;
  width: 100% !important;
  padding-left: 20px;

  #mktoRadio_23806_0, #mktoRadio_23806_1, #mktoRadio_23806_2 {
  	height: 116px;
  	padding-left:10px;
  }
  label {
  	height: 116px;
  	font-size: 16px;
     margin: 0;
     width: calc(100% - 30px);
     padding: 40px 20px 20px 20px;
     margin-left: 30px;
     color: #FFFFFF;
  }*/
  /*	label:nth-child(2) {
  	background: red;
  }
  label:nth-child(4) {
  	background: blue;
  }
  label:nth-child(6) {
  	background: green;
  }*/
}
#pd-summit-17 #register .mktoRadioList input {
  height: auto !important;
  width: 30px !important;
}
#pd-summit-17 #register h2 {
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 4px;
}
#pd-summit-17 #register .promo-code-wrapper {
  padding: 0;
  margin-bottom: 15px;
  padding-top: 0 !important;
  display: block;
}
#pd-summit-17 #register .promo-code-wrapper .promo-tf-wrapper {
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
  overflow: hidden;
}
#pd-summit-17 #register .promo-code {
  outline: none;
  border: none;
  box-shadow: none !important;
  background: #fff;
  width: 100%;
  height: 46px;
  padding: 5px;
}
#pd-summit-17 #register .btn-postfix {
  width: 100%;
  text-align: center;
  height: 46px;
  background: #343434;
  color: #fff;
  line-height: 46px;
  display: block;
  position: relative;
  -webkit-border-radius: 0 5px 5px 0 !important;
  -moz-border-radius: 0 5px 5px 0 !important;
  border-radius: 0 5px 5px 0 !important;
}
#pd-summit-17 #register .btn-postfix img.spinner {
  width: 20px;
  height: 20px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  display: none;
}
#pd-summit-17 #register .code-msg {
  padding: 5px 0;
}
#pd-summit-17 #register .code-msg.valid p {
  color: #4caf50;
}
#pd-summit-17 #register .code-msg.invalid p {
  color: #c00;
}
@media only screen and (max-width: 480px) {
  #pd-summit-17 #register .promo-code-wrapper {
    padding: 10px;
  }
  #pd-summit-17 #register .promo-code {
    height: 24px;
  }
  #pd-summit-17 #register .btn-postfix {
    height: 24px;
    line-height: 24px;
  }
}
@media only screen and (max-width: 776px) {
  #pd-summit-17 #register .mktoRadioList label {
    padding-top: 20px;
  }
}
@media only screen and (max-width: 420px) {
  #pd-summit-17 #register .mktoRadioList label {
    padding-top: 15px;
    font-size: 15px;
  }
}
@media only screen and (max-width: 330px) {
  #pd-summit-17 #register .mktoRadioList label {
    padding-top: 7px;
    font-size: 14px;
  }
}
#pd-summit-17 #bt-payment-form {
  position: relative;
}
#pd-summit-17 #bt-payment-form #payment-box {
  display: none;
  margin-bottom: 5px;
}
#pd-summit-17 #bt-payment-form .payment-field-wrapper {
  border: 1px solid #ccc;
  border-radius: 4px;
  clear: both;
  margin-top: 5px;
}
#pd-summit-17 #bt-payment-form .flasher {
  position: absolute;
  width: 98%;
  height: 100%;
  bottom: 0;
  left: 0;
  opacity: 0;
  background: #4caf50;
}
#pd-summit-17 #bt-payment-form .flasher.flash {
  -webkit-animation: 3s ease 0s normal forwards 1 flash;
  animation: 3s ease 0s normal forwards 1 flash;
}
@keyframes flash {
  0% {
    opacity: 0.4;
  }
  100% {
    opacity: 0;
  }
}
#pd-summit-17 #bt-payment-form .payment-title {
  background: #f9f9f9;
  border-bottom: 1px solid #ccc;
  width: 100%;
  padding: 5px 10px;
  top: 0;
  border-radius: 4px 4px 0 0;
}
#pd-summit-17 #bt-payment-form .payment-field-inner {
  background: #fff;
  padding: 10px;
  position: relative;
  border-radius: 4px;
  overflow: auto;
}
#pd-summit-17 #bt-payment-form #card-number-holder,
#pd-summit-17 #bt-payment-form #cvv-holder,
#pd-summit-17 #bt-payment-form #expiration-date-holder,
#pd-summit-17 #bt-payment-form #zip-holder {
  background: #fff;
  height: 40px;
  border: 1px solid #ccc;
  padding: 5px;
  margin-bottom: 10px;
}
#pd-summit-17 #bt-payment-form #card-number-holder.wrong,
#pd-summit-17 #bt-payment-form #cvv-holder.wrong,
#pd-summit-17 #bt-payment-form #expiration-date-holder.wrong,
#pd-summit-17 #bt-payment-form #zip-holder.wrong {
  background: #ffe2e2;
}
#pd-summit-17 #bt-payment-form .card-deets-wrapper {
  width: 49%;
  float: left;
  display: inline-block;
}
#pd-summit-17 #bt-payment-form .card-deets-wrapper.exp {
  margin-left: 2%;
}
#pd-summit-17 #bt-payment-form input[type=submit] {
  width: 100%;
  text-align: center;
  display: inline-block;
  position: relative;
  outline: 0;
  font-style: normal;
  font-weight: 800;
  font-family: inherit;
  padding: 0;
  font-size: 13px;
  line-height: 48px;
  height: 48px;
  text-transform: uppercase;
  letter-spacing: 1px;
  border: 2px solid #343434;
  background-color: #f4f4f4;
  color: #343434;
  -webkit-transition: color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out;
  transition: color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out;
  -webkit-box-sizing: initial;
  -moz-box-sizing: initial;
  box-sizing: initial;
}
#pd-summit-17 #bt-payment-form input[type=submit]:hover {
  background-color: #343434;
  color: #fff;
}
#pd-summit-17 #bt-payment-form .terms-cond {
  font-size: 14px;
  margin-bottom: 15px;
}
#pd-summit-17 #bt-payment-form .payment-recap .sub-info {
  position: relative;
}
#pd-summit-17 #bt-payment-form .payment-recap .sub-info p {
  margin-bottom: 0;
}
#pd-summit-17 #bt-payment-form .payment-recap .sub-info {
  width: calc(100% - 175px);
  float: left;
}
#pd-summit-17 #bt-payment-form .payment-recap a {
  width: 170px;
  float: left;
  display: inline-block;
}
#pd-summit-17 #bt-payment-form .payment-recap {
  display: block;
  width: 100%;
}
#pd-summit-17 #hf-error-msg {
  color: #c00;
}
#pd-summit-17 input[type=text],
#pd-summit-17 input[type=email],
#pd-summit-17 select,
#pd-summit-17 textarea {
  outline: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  border: none;
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
  background: #fff;
}
#pd-summit-17 input[type=text]:hover,
#pd-summit-17 input[type=email]:hover,
#pd-summit-17 select:hover,
#pd-summit-17 textarea:hover {
  /*		//box-shadow: 0 7px 24px rgba(0,0,0,0.25), 0 5px 5px rgba(0,0,0,0.22);
  */
}
#pd-summit-17 #summit-16-videos {
  background-color: #597581;
}
#pd-summit-17 #summit-16-videos h2,
#pd-summit-17 #summit-16-videos p {
  color: #fff;
}
@media only screen and (max-width: 639px) {
  #pd-summit-17 #guts #nav-bar .nav-button {
    padding: 30px 5px;
  }
  #pd-summit-17 #guts #nav-bar a.summit-button {
    display: inline-block;
    position: relative;
    outline: 0;
    font-style: normal;
    font-weight: 800;
    font-family: inherit;
    padding: 0 35px;
    font-size: 13px;
    line-height: 28px;
    height: 28px;
    letter-spacing: 1px;
    border: none;
    color: #048a24;
  }
  #pd-summit-17 #guts #nav-bar a.summit-button:hover {
    border: none;
    background: none;
    color: #048a24;
  }
}
#pd-summit-17 .title-holder img {
  width: 80px;
}
#pd-summit-17 .title-holder h3 {
  margin-top: 15px;
}

.virtual-summit a.nav-button {
  display: block;
  height: 100%;
  line-height: 80px;
  padding: 0 30px;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-style: normal;
  font-weight: 800;
  font-family: inherit;
  padding: 0 35px;
  font-size: 13px;
  -webkit-transition: color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out;
  transition: color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out;
  -webkit-box-sizing: initial;
  -moz-box-sizing: initial;
  box-sizing: initial;
}
@media only screen and (max-width: 1000px) {
  .virtual-summit a.nav-button {
    display: none;
  }
}
.virtual-summit #mkto-reg-form {
  background: none !important;
  padding: 20px !important;
}
.virtual-summit #mkto-reg-form .mktoFormCol {
  float: left;
  width: 48%;
  margin: 0 1%;
}
.virtual-summit #mkto-reg-form .mktoButtonRow {
  width: 100%;
}
.virtual-summit #mkto-reg-form .mktoButtonRow .mktoButtonWrap.mktoSimple {
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  margin: auto;
}
.virtual-summit .mkto-form-wrapper-parent {
  display: none;
}
.virtual-summit ul.virt-summit-menu {
  list-style-type: none;
}
.virtual-summit ul.virt-summit-menu li {
  display: inline-block;
}
.virtual-summit ul.virt-summit-menu li a {
  display: inline-block;
  margin-right: 10px;
  text-transform: uppercase;
}
.virtual-summit .sub-nav {
  display: none;
}
.virtual-summit .sub-nav ul li a {
  border: 2px solid #5287b8;
  border-radius: 4px;
  color: #5287b8;
  padding: 5px 10px;
}
.virtual-summit .sub-nav ul li a.active {
  background-color: #5287b8;
  color: #fff;
}
.virtual-summit #why-attend {
  background: #f4f4f4;
}
.virtual-summit #why-attend .boom {
  text-transform: uppercase;
}
.virtual-summit #why-attend .boom-deets {
  padding-left: 25px;
  font-size: 0.8em;
}
.virtual-summit a.pgd-button-outline {
  margin-bottom: 5px;
  border: 1px solid #048a24;
  border-radius: 5px;
  padding: 15px 10px; /*new */
}
.virtual-summit a.pgd-button-outline.active {
  background-color: #048a24;
  color: #fff;
}
.virtual-summit .v-sum17-grid-item {
  width: 31%;
  margin: 0 1% 20px 1%;
  float: left;
}
.virtual-summit .mktoButtonWrap.mktoSimple {
  margin-left: 0 !important;
  text-align: center !important;
}
.virtual-summit .mktoButtonWrap.mktoSimple button {
  margin: auto !important;
  float: none;
}
@media only screen and (max-width: 640px) {
  .virtual-summit .v-sum17-grid-item {
    width: 98%;
    margin: 0 1% 20px 1%;
    float: none;
  }
  .virtual-summit #mkto-reg-form {
    background: none !important;
    padding: 20px !important;
  }
  .virtual-summit #mkto-reg-form .mktoFormCol {
    width: 100%;
    margin: 0;
  }
  .virtual-summit #mkto-reg-form .mktoButtonRow {
    width: 100%;
    margin-left: 0;
  }
}

.yt-fake-modal {
  position: fixed;
  transition: all 0.2s ease-in-out;
  width: 0;
  height: 0;
  top: 50%;
  left: 50%;
  opacity: 0;
  z-index: 99999999;
  overflow: hidden;
}

.yt-fake-modal.active {
  opacity: 1;
  position: fixed;
  background: rgba(0, 0, 0, 0.7);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999999;
  overflow: auto;
}

.virt-summit-modal .mktoFieldWrap {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
.virt-summit-modal .btn-close-fake-modal {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 22px;
  height: 22px;
  z-index: 9999;
}
.virt-summit-modal .btn-close-fake-modal .fa {
  font-size: 2em;
}
.virt-summit-modal .row.virt-summit {
  margin: auto;
}
.virt-summit-modal .mktoFieldDescriptor {
  margin-bottom: 15px !important;
  padding-bottom: 0 !important;
}
.virt-summit-modal button.mktoButton {
  width: 100% !important;
  background-color: #048a24;
}
.virt-summit-modal input[type=text],
.virt-summit-modal input[type=email],
.virt-summit-modal select {
  outline: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  border: none;
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
  background: #fff;
  margin-bottom: 0;
}
.virt-summit-modal input[type=text]:hover,
.virt-summit-modal input[type=email]:hover,
.virt-summit-modal select:hover {
  box-shadow: 0 7px 24px rgba(0, 0, 0, 0.25), 0 5px 5px rgba(0, 0, 0, 0.22);
}
.virt-summit-modal .yt-fake-modal {
  background: blue;
}

#watch-livestream .mktoButtonRow {
  display: block;
}

.btn-show-bio:hover .bio-hover {
  opacity: 0.7;
  cursor: pointer;
}

.bio-hover {
  opacity: 0;
  transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  -webkit-transition: opacity 0.25s ease-in-out;
  z-index: 99999;
  background: #000;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.bio-hover .bio-dot {
  background: #fff;
  text-align: center;
  width: 80px;
  height: 80px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.bio-hover .bio-dot h3 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.summit-bio {
  display: none;
}

.summit-bio-inner {
  top: 50%;
  left: 50%;
  width: 80%;
  padding: 20px;
  max-width: 1000px;
  position: absolute;
  transform: translate(-50%, -50%);
}
.summit-bio-inner h3,
.summit-bio-inner p,
.summit-bio-inner h4 {
  color: #fff;
}
.summit-bio-inner h3 {
  margin-top: 20px;
  margin-bottom: 0;
}
.summit-bio-inner p {
  clear: both;
}
.summit-bio-inner img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
}

/* summit-series */
#summit-series #hero {
  position: relative;
  min-height: 1100px;
  background: url(https://cdn.pagerduty.com/wp-content/uploads/2017/04/goggles-default.jpg);
  background-size: cover;
  background-position: center;
}
#summit-series #hero .hero-image {
  position: absolute;
  /*background: url(https://cdn.pagerduty.com/wp-content/uploads/2017/04/goggles-london-opt.png);*/
  background-size: cover;
  background-position: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#summit-series #hero .logo .social-icon {
  color: #fff;
  border: 2px solid #fff;
}
#summit-series #hero .logo .social-icon:hover {
  background: none;
  color: #048a24;
  border: 2px solid #fff;
}
#summit-series #hero .logo {
  -webkit-backface-visibility: hidden;
  position: absolute;
  right: 20%;
  top: 100px;
  text-align: center;
  z-index: 99999;
}
#summit-series #hero .logo ul {
  list-style-type: none;
}
#summit-series #hero .logo ul li {
  margin-bottom: 25px;
}
#summit-series #hero .logo ul li a {
  display: inline-block;
  font-size: 1.2em;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 2px;
  cursor: pointer;
}
#summit-series #guts,
#summit-series #agenda {
  padding: 50px 0;
}
#summit-series #guts {
  background: #f4f4f4;
}
#summit-series #roadshow-title {
  position: absolute;
  bottom: 0;
  padding: 10px 0;
  text-align: center;
  background: #232323;
  width: 100%;
}
#summit-series #roadshow-title h2 {
  color: #fff;
  margin: 0;
  padding: 0;
}
#summit-series #date-bar {
  width: 100%;
  min-height: 120px;
  background: #343434;
  z-index: 999999;
}
#summit-series #date-bar .date-wrapper {
  padding: 20px 0;
  text-align: center;
  position: relative;
  min-height: 120px;
}
#summit-series #date-bar .date-wrapper h3 {
  display: block;
  color: #f9f9f9;
  border-right: 1px solid #f9f9f9;
  border-left: 1px solid #f9f9f9;
  margin-bottom: 0;
  padding: 0;
}
#summit-series #date-bar .date-wrapper p {
  color: #f9f9f9;
  margin-bottom: 10px;
}
#summit-series #date-bar .columns:first-child .date-wrapper h3 {
  border-left: none;
}
#summit-series #date-bar .columns:last-child .date-wrapper h3 {
  border-right: none;
}
#summit-series #date-bar .date-wrapper:hover {
  background: #454545;
  cursor: pointer;
}
#summit-series #date-bar .date-wrapper.selected {
  background: #454545;
}
#summit-series #date-bar .date-wrapper:hover .register {
  display: block;
}
#summit-series #date-bar .register {
  margin: 0;
  position: absolute;
  bottom: 5px;
  left: 50%;
  transform: translateX(-50%);
  display: none;
}
#summit-series #date-bar .selected .register {
  display: block;
  color: #048a24;
}
#summit-series .agenda-time {
  width: 30%;
  float: left;
  position: relative;
}
#summit-series .agenda-time .inner {
  text-align: right;
  padding-right: 40px;
}
#summit-series .dot {
  position: absolute;
  right: -11px;
  top: 0;
  width: 21px;
  height: 21px;
  background: #4d7ea0;
  border-radius: 50%;
}
#summit-series #agenda h2 {
  text-align: center;
  color: #048a24;
}
#summit-series .agenda-copy {
  width: 70%;
  float: left;
  border-left: 1px solid #ccc;
}
#summit-series .agenda-copy .inner {
  text-align: left;
  padding-left: 40px;
  padding-bottom: 15px;
}
#summit-series .agenda-copy .inner h3,
#summit-series .agenda-copy .inner p {
  margin-bottom: 0;
}
#summit-series .agenda .row:last-child .agenda-copy {
  border-left: none;
}
#summit-series .show-sign-up {
  min-height: 580px;
  background: #048a24;
  padding: 15px 20px;
  margin-bottom: 30px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
#summit-series .show-sign-up .mktoButtonRow > span > button {
  background: #fff !important;
  color: #06ac38 !important;
}
#summit-series .show-sign-up .mktoLabel {
  color: #fff;
}
#summit-series .show-sign-up .mktoForm .mktoFieldWrap {
  margin-bottom: 5px;
}
#summit-series .show-sign-up .mktoField {
  border: 1px solid #ccc;
  border-radius: 4px;
}
#summit-series .show-sign-up .mktoButtonRow {
  margin-top: 20px;
}
#summit-series .show-sign-up h2,
#summit-series .show-sign-up p {
  color: #fff;
}
#summit-series .cfp {
  margin-bottom: 20px;
  padding-top: 55px;
}
#summit-series .cfp img {
  padding: 10px 5px 25px 5px;
}
#summit-series .show-image {
  margin-bottom: 15px;
}
#summit-series .shades {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  background: #343434;
  z-index: 88888;
  opacity: 0.7;
}
#summit-series .speaker-image {
  text-align: center;
  padding: 10px;
}
#summit-series .speaker-image img {
  width: 120px;
  height: 120px;
  border-radius: 50%;
}
#summit-series .speaker-details {
  height: 90px;
  margin-bottom: 15px;
}
#summit-series .speaker-details .name {
  font-weight: bold;
}
#summit-series .speaker-details p {
  color: #454545;
  font-size: 0.825em;
  line-height: 15px;
}
@media only screen and (max-width: 1400px) {
  #summit-series #hero {
    min-height: 900px;
  }
  #summit-series #hero .logo {
    position: absolute;
    right: 15%;
    top: 150px;
    text-align: center;
    z-index: 99999;
  }
  #summit-series #hero .logo img {
    width: 300px;
  }
}
@media only screen and (max-width: 1024px) {
  #summit-series .speaker-image img {
    width: 130px;
    height: 130px;
  }
}
@media only screen and (max-width: 639px) {
  #summit-series #hero {
    min-height: 400px;
  }
  #summit-series #hero .logo {
    top: 50%;
    width: 100%;
    right: 50%;
    transform: translate(50%, -50%);
  }
  #summit-series #date-bar .columns:nth-child(even) .date-wrapper h3 {
    border-right: none;
  }
  #summit-series #date-bar .columns:nth-child(odd) .date-wrapper h3 {
    border-left: none;
  }
  #summit-series .show-sign-up {
    min-height: 500px;
  }
  #summit-series .cfp {
    padding-top: 0;
    text-align: center;
  }
  #summit-series .shades {
    display: block;
  }
  #summit-series ul.city-list {
    display: none;
  }
  #summit-series #sign-up h2 {
    text-align: center;
  }
  #summit-series .speaker-image img {
    width: 145px;
    height: 145px;
  }
}

/* Summit 18 */
/* Color palette */
.bkgd-sum18-fuchsia {
  background-color: #f50057;
}

.bkgd-sum18-teal {
  background-color: #30af8b;
}

.bkgd-sum18-green {
  background-color: #4caf50;
}

.bkgd-sum18-turq {
  background-color: #22cccb;
}

.text-sum18-fuchsia,
.text-fuschia {
  color: #f50057;
}

.text-sum18-teal {
  color: #30af8b;
}

.text-sum18-green {
  color: #4caf50;
}

.text-sum18-turq {
  color: #22cccb;
}

.bkgd-sum18-blu-fuch {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f50057+0,00aeef+100 */
  background: rgb(245, 0, 87); /* Old browsers */
  background: -moz-linear-gradient(45deg, rgb(245, 0, 87) 0%, rgb(0, 174, 239) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(45deg, rgb(245, 0, 87) 0%, rgb(0, 174, 239) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(45deg, rgb(245, 0, 87) 0%, rgb(0, 174, 239) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f50057', endColorstr='#00aeef',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.bkgd-sum18-green-blu {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4caf50+0,00aeef+100 */
  background: rgb(76, 175, 80); /* Old browsers */
  background: -moz-linear-gradient(45deg, rgb(76, 175, 80) 0%, rgb(0, 174, 239) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(45deg, rgb(76, 175, 80) 0%, rgb(0, 174, 239) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(45deg, rgb(76, 175, 80) 0%, rgb(0, 174, 239) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4caf50', endColorstr='#00aeef',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.button.sum18.fuchsia {
  margin: 0 !important;
  line-height: 60px;
  padding: 0 70px;
  background: #f50057;
}

.button.sum18.fuchsia:hover {
  background: #dd004f;
}

.bkgd-sum18-grey-gradient {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+88,000000+100&0.43+75,0+100 */
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.43) 75%, rgba(0, 0, 0, 0.21) 88%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.43) 75%, rgba(0, 0, 0, 0.21) 88%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.43) 75%, rgba(0, 0, 0, 0.21) 88%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6e000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}

.summit-18-nav li {
  padding: 0 !important;
}
.summit-18-nav li a {
  padding: 0 30px !important;
  margin: 0 !important;
  height: 60px;
  line-height: 60px !important;
}
.summit-18-nav li a:hover {
  color: #f50057 !important;
}
.summit-18-nav li:last-child {
  padding: 0 !important;
}
.summit-18-nav li:last-child a:hover {
  color: #ffffff !important;
}

.summit-18-hero h1 {
  font-size: 5.5rem;
  line-height: 1em;
}

@media print, screen and (min-width: 64em) and (max-width: 74.99875em) {
  .summit-18-hero h1 {
    font-size: 4rem;
  }
}
@media print, screen and (max-width: 63.99875em) {
  .summit-18-hero h1 {
    font-size: 2.7rem;
  }
}
.sum18-features {
  padding: 0 2px;
}
.sum18-features .columns {
  height: 200px;
  position: relative;
  overflow: hidden;
}
.sum18-features .sum18-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+47,000000+100&0+47,0.4+100 */
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 23%, rgb(0, 0, 0) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 23%, rgb(0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 23%, rgb(0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#66000000',GradientType=0 ); /* IE6-9 */
  border-top: 4px solid #ffffff;
  border-bottom: 4px solid #ffffff;
  border-left: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
}
.sum18-features .sum18-overlay h3 {
  position: absolute;
  bottom: 20px;
  left: 20px;
  font-weight: 800;
  margin: 0;
  max-width: 80%;
}
.sum18-features .columns .zoom {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  transition: 0.5s all ease-in-out;
}
.sum18-features .columns:hover .zoom {
  transform: scale(1.1);
}
@media print, screen and (max-width: 63.99875em) {
  .sum18-features {
    padding: 2px 2px;
  }
  .sum18-features .sum18-overlay {
    border-top: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    border-left: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
  }
}

.logo-summit-18 {
  height: 60px;
  width: 220px;
  background: #22cccb;
}
.logo-summit-18 a {
  height: 100%;
  width: 100% !important;
  position: relative;
}
.logo-summit-18 img {
  position: absolute;
  left: 50%;
  top: 50%;
  max-width: 150px;
  max-height: 60px;
  transform: translate(-50%, -50%);
}

.logo-summit-18:hover {
  background: #0fbab9;
}

.summit-18-bg-dark-gray {
  background: #2a2d2b;
}

.summit-18-bg-light-gray {
  background: #f6f6f6;
}

.font-bold {
  font-weight: bold;
}

.summit-18 .lh-1-3 {
  line-height: 1.3;
}
.summit-18 .lh-1 {
  line-height: 1;
}
.summit-18 h3,
.summit-18 .track-title,
.summit-18 .agenda-date {
  font-family: Plain, "Helvetica Neue", Helvetica, Franklin Gothic Medium, Franklin Gothic, ITC Franklin Gothic, sans-serif !important;
  font-weight: bold;
  font-size: 2.188em; /* 35px */
  /*line-height: 35px;*/
}
.summit-18 .agenda-date {
  text-decoration: underline;
}
.summit-18 .agenda-time {
  font-size: 1.25em; /* 20px */
}
.summit-18 .agenda-description {
  float: left;
}
.summit-18 p.track-description {
  padding-bottom: 30px;
}
.summit-18 #agenda .divider {
  margin-bottom: 25px;
}
.summit-18 #agenda .divider.no-marg {
  margin-bottom: 0;
}

.bkgd-sum18-fuchsia {
  background-color: #f50057;
}

.bkgd-drk-drk-gray {
  background-color: #232323;
}

.button.sum18.fuchsia.outline {
  background-color: transparent !important;
  border: 2px solid #f50057;
  border-radius: 0;
  color: #ffffff;
}

.button.sum18.fuchsia.outline:hover {
  background-color: #f50057 !important;
}

.dave {
  min-height: 500px;
}

.speaker-images {
  padding: 0 2px;
}
.speaker-images img {
  width: 100%;
}
.speaker-images .columns {
  padding-right: 2px;
  padding-left: 2px;
  padding-bottom: 4px;
}

#why-attend p {
  padding-bottom: 50px;
}

.logo-grid img {
  padding: 20px;
  max-width: 160px;
  max-height: 80px;
}

#summit18-footer a {
  color: #ffffff;
}

.sum-18-pricing h2 {
  line-height: 1em;
}
.sum-18-pricing .row.price-breakdown {
  margin: 0 5%;
}
.sum-18-pricing .price-breakdown {
  color: #999999;
  padding-top: 30px;
  border-top: 1px solid #efefef;
}
.sum-18-pricing .price-breakdown h6 {
  margin-bottom: 0;
  font-weight: 600;
}
.sum-18-pricing .price-breakdown h4 {
  font-weight: 600;
}
.sum-18-pricing p.bottom-copy {
  padding: 15px 30px;
}
@media print, screen and (min-width: 64em) {
  .sum-18-pricing p.bottom-copy {
    min-height: 170px;
  }
}
.sum-18-pricing .button.sum18.fuchsia {
  line-height: 1.4;
  padding: 1em 1.25em;
}

/*@media only screen and (max-width: 1024px) {
	h1 {
		line-height: 1em;
	}
	.small-12.large-4.columns {
		margin: 1em 0;
	}
}
@media only screen and (min-width: 1024px) {
	.track-description {
		max-height: 200px !important;
		height: 200px;
	}
}*/
.most-popular {
  font-weight: 600;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  background: #f50057;
  font-size: 14px;
  padding: 3px 0;
}

.connect-2017 .bkgd-lt-gunmetal {
  background-color: #575b67;
}
.connect-2017 .no-highlite {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: transparent;
}
.connect-2017 .particle-wrapper {
  width: 100%;
  height: 80vh;
  position: relative;
  min-height: 600px;
  /*pointer-events: none;*/
}
.connect-2017 .particle-network-animation {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 80vh;
  width: 100%;
  background: #4e5364;
  min-height: 600px;
}
.connect-2017 .logo-box {
  position: absolute;
  display: inline-block;
  z-index: 20;
  top: 54%;
  left: 50%;
  width: 96%;
  max-width: 620px;
  transform: translate(-50%, -50%); /* Firefox 16+, IE 10+, Opera */
  text-align: center;
}
.connect-2017 .logo-connect {
  padding-right: 10px;
}
.connect-2017 .city-name {
  margin-top: 50px;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.connect-2017 .city-name h2 {
  font-weight: 600;
  letter-spacing: 30px;
  padding-left: 10px;
  margin: 0;
}
.connect-2017 .date {
  margin-top: 50px;
}
.connect-2017 .date h4,
.connect-2017 .date p {
  margin-bottom: 5px;
  text-transform: none;
}
.connect-2017 .city {
  position: absolute;
  bottom: 0;
  width: 100%;
  background-position: top center;
  background-repeat: no-repeat;
  overflow: visible;
}
.connect-2017 .city img {
  width: 100%;
  position: relative;
  margin-bottom: -20vh;
}
.connect-2017 a.arrow {
  opacity: 0;
  position: absolute;
  bottom: 110%;
  left: 50%;
  transform: translateX(-50%);
  text-transform: uppercase;
  text-align: center;
}
.connect-2017 .arrow img {
  width: 80px;
}
.connect-2017 .mask {
  position: absolute;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100%;
  opacity: 1;
  min-height: 700px;
}
.connect-2017 .vp-fade-in {
  opacity: 0;
}
.connect-2017 .mkto-ty {
  text-align: center !important;
}
.connect-2017 #agenda h5 {
  margin-bottom: 30px;
}

.agenda h1,
.agenda h2,
.agenda h3,
.agenda h4,
.agenda h5 {
  font-family: inherit;
}
.agenda h1 {
  margin: 0;
}
.agenda h2,
.agenda h3,
.agenda .agenda-time,
.agenda .inner {
  font-size: 1.2em;
}
.agenda h3 {
  margin-bottom: 0;
}
.agenda .agenda-time {
  width: 30%;
  float: left;
  position: relative;
}
.agenda .agenda-time .inner {
  text-align: right;
  padding-right: 40px;
}
.agenda .dot {
  position: absolute;
  right: -11px;
  top: 0;
  width: 21px;
  height: 21px;
  background: #048a24;
  border-radius: 50%;
  z-index: 999;
}
.agenda #agenda h2 {
  text-align: center;
  color: #048a24;
}
.agenda .agenda-copy {
  width: 70%;
  float: left;
  border-left: 1px solid #ccc;
  z-index: -1;
  margin: 0;
}
.agenda .agenda-copy .inner {
  text-align: left;
  padding-left: 40px;
  padding-bottom: 35px;
}
@media only screen and (max-width: 640px) {
  .agenda .agenda-copy {
    padding: 0 1em 1em;
  }
  .agenda .agenda-copy .inner {
    font-size: 1em;
  }
}
@media only screen and (min-width: 640px) {
  .agenda h3,
  .agenda h4 {
    margin-top: -5px !important;
  }
}

/*
	animation-name: rotate; 
  animation-duration: 2s; 
  animation-iteration-count: infinite;
  animation-timing-function: linear;
*/
.rotating {
  animation: rotate 2s linear infinite;
}

@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/***********************************************
*
* LDS Ring Animation 
* Usage: <div class="lds-ring"><div></div><div></div><div></div><div></div></div>
*
************************************************/
.lds-ring {
  display: inline-block;
  position: relative;
  width: 40px;
  height: 40px;
}

.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 32px;
  height: 32px;
  margin: 8px;
  border: 4px solid #4b4f4f;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #4b4f4f transparent transparent transparent;
}

.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}

.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}

.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}

@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@media print {
  .single-customer #gz-nav-holder,
  .single-customer .menu-mobile-dropdown {
    display: none;
  }
  .cust-top {
    padding: 0 !important;
    height: none !important;
  }
  .cust-breadcrumb {
    margin: 0 !important;
  }
  .customer-logo img {
    max-height: 50%;
  }
  a[href]:after {
    content: "";
  }
}
.minified.minified__dark {
  background: url("https://cdn.pagerduty.com/wp-content/uploads/2018/08/suvery-nodes.svg") no-repeat center center fixed;
  background-size: cover;
  background-color: #04183b;
}
.minified.minified__dark header {
  position: relative;
}
.minified.minified__dark header .social-icons {
  display: inline-block;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.minified.minified__dark header .social-icons a {
  color: #ffffff;
  font-size: 1.5rem;
  margin: 8px;
}

.quiz .row {
  max-width: 120rem;
}

.features-grid {
  background-color: #343434;
  color: white;
  padding-top: 100px;
  padding-bottom: 100px;
}
.features-grid .column-container {
  height: 90%;
}
.features-grid ul.bulletless {
  text-align: left;
  list-style-type: none;
}
.features-grid ul.bulletless span {
  padding-right: 1rem;
}
.features-grid .button__wide {
  width: 100%;
}
.features-grid .row .columns img {
  padding-top: 2em;
  padding-bottom: 1em;
  height: 9em;
}
.features-grid .row .columns {
  border-style: solid;
  border-color: white;
  border-left-width: 0px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-top-width: 0px;
  padding-bottom: 2em;
}
.features-grid .row .columns:first-child {
  border-left-width: 0;
}
.features-grid .row .columns:last-child {
  border-right-width: 0;
}
.features-grid .row:first-child .columns img {
  padding-top: 2em;
  padding-bottom: 1em;
}
.features-grid .row:last-child .columns {
  border-bottom-width: 0;
}

@media only screen and (max-width: 640px) {
  .floating-menu {
    padding: 0 10px;
  }
}
.floating-menu .sub-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.floating-menu .sub-nav ul li {
  float: left;
  max-width: 170px;
  width: 170px;
  text-align: center;
  padding: 15px 0;
  border-bottom: 1px solid #ccc;
}
.floating-menu .sub-nav ul li a {
  width: 100%;
  margin: 0;
  padding: 15px 30px;
}
@media only screen and (max-width: 640px) {
  .floating-menu .sub-nav ul li {
    width: 50%;
    max-width: none;
  }
  .floating-menu .sub-nav ul li:last-child {
    border: none;
  }
}
@media only screen and (min-width: 641px) {
  .floating-menu .sub-nav ul li {
    border: none;
  }
}

.customer-quotes-with-hanging-quote .columns {
  width: 100%;
  position: relative;
  margin: 30px 0 !important;
  padding: 0 50px 30px;
}
.customer-quotes-with-hanging-quote .columns::before {
  content: url("https://cdn.pagerduty.com/wp-content/uploads/2018/09/quote.svg");
  display: block;
  background-size: 20px 20px;
  font-size: 50px;
  max-width: 100px;
  max-height: 100px;
  background-color: #048a24;
  color: white;
  border-radius: 50%;
  border: 10px solid white;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  position: relative;
  top: -50px;
  margin: 0 auto;
}
.customer-quotes-with-hanging-quote img {
  display: block;
  height: 100px;
  padding: 10px;
  margin: -30px auto 15px;
}
@media only screen and (max-width: 640px) {
  .customer-quotes-with-hanging-quote {
    padding: 0 10px;
  }
  .customer-quotes-with-hanging-quote .columns {
    margin: 40px auto !important;
    width: 100% !important;
    padding: 0 20px;
  }
}

.cta-module {
  color: #ffffff;
  background-color: #00607f;
  padding: 4rem 0;
}
.cta-module > * {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1rem;
}
.cta-module > .main {
  margin: 3rem auto;
}
.cta-module > footer > .cta, .cta-module > footer > .cta.disabled, .cta-module > footer > .cta[disabled], .cta-module > footer > .cta.disabled:hover, .cta-module > footer > .cta[disabled]:hover, .cta-module > footer > .cta.disabled:focus, .cta-module > footer > .cta[disabled]:focus {
  background-color: #ffffff;
  color: #666666;
}
.cta-module > footer > .cta:hover, .cta-module > footer > .cta:focus {
  background-color: rgb(242.25, 242.25, 242.25);
  color: #666666;
}
.cta-module > footer > .cta {
  padding-top: 0.64rem !important;
  padding-right: 1.563rem !important;
  padding-bottom: 0.64rem !important;
  padding-left: 1.563rem !important;
}

/* Two-pane component used as page header
* E.g.: /free-trial/
*/
.split-header {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
@media print, screen and (min-width: 64em) {
  .split-header {
    flex-direction: row;
  }
}
.split-header > .pane-1,
.split-header > .pane-2 {
  padding: 33px 15px;
  flex: 1 1 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.split-header > .pane-1 > .frame,
.split-header > .pane-2 > .frame {
  max-width: 482px;
  margin: 0;
  padding: 0 0.9375rem;
}
@media print, screen and (min-width: 64em) {
  .split-header > .pane-1 > .frame,
  .split-header > .pane-2 > .frame {
    margin-right: auto;
    margin-left: 85px;
  }
}
@media print, screen and (min-width: 64em) {
  .split-header > .pane-1 > .frame {
    margin-right: 85px;
    margin-left: auto;
  }
}
.split-header > .pane-1 > .frame > h1 {
  color: #ffffff;
  margin-bottom: 0.8em;
}
.split-header > .pane-1 > .frame > h1 > em {
  font-style: normal;
}
.split-header > .pane-1 > .frame p {
  margin: 0 0 0.8em 0;
}
.split-header > .pane-2 > .frame > h2 {
  font-size: 2rem;
  margin: 0.8em 0;
}
.split-header > .pane-2 > .frame > h2 > em {
  font-style: normal;
}

.contact-forms-holder {
  background: #ffffff;
  padding: 50px;
  min-height: 760px;
}

#contact-sales-form,
#contact-support-form {
  display: none;
}

#contact-sales-form {
  margin-top: 10px;
}

.address-holder {
  border-left: 2px solid #cccccc;
}

.address-holder-inner h5 {
  margin-bottom: 15px;
}

@media print, screen and (max-width: 39.99875em) {
  .address-holder {
    border-left: none;
  }
  .address-holder-inner {
    border-bottom: 2px solid #cccccc;
    margin-bottom: 30px;
  }
  .contact-forms-holder {
    margin-top: 0;
  }
}
/* WEEKLY DEMO */
@media only screen and (max-width: 782px) {
  .weekly-demo h1 {
    font-size: 3.5rem;
  }
}
.pricing-hero-v2 {
  overflow: hidden;
}

/* Pricing Table */
/* New */
input:checked ~ .switch-paddle.pricing {
  background: #4b4f4f;
}

p.billing {
  line-height: 18px;
  margin-left: 28px;
}

.switch-paddle.pricing {
  border-radius: 5000px;
  background-color: #ffffff;
}
.switch-paddle.pricing::after {
  border-radius: 5000px;
  background-color: #048a24;
}

.switch-wrapper {
  width: 260px;
}
.switch-wrapper p,
.switch-wrapper .switch {
  margin: 0;
}
.switch-wrapper .switch {
  height: 25px;
}
.switch-wrapper .switch input:checked ~ .switch-paddle {
  background-color: #ffffff;
}
.switch-wrapper .switch input:checked ~ .switch-paddle::after {
  background-color: #048a24;
}

.annual-toggle {
  border: none;
  box-shadow: none;
  background-color: transparent;
  border: none;
  border-top: 1px solid #fff;
  box-shadow: none;
  color: white;
  background-image: url(https://cdn.pagerduty.com/wp-content/uploads/2019/06/icn-angle-down-wht.svg);
  background-origin: content-box;
  background-position: right -30px top 5px;
  background-size: 20px 12px;
  padding-right: 30px;
  padding-left: 0;
  margin-bottom: 0;
  margin-top: 77px;
  margin-left: 15px;
  width: calc(100% - 30px);
}

.annual-toggle:focus {
  border: none !important;
  border-top: 1px solid #fff !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

.pricing-fixed-header .annual-toggle {
  margin-top: 0;
  font-size: 0.875em;
  margin-left: 20px;
  color: #4b4f4f;
  background-image: url(https://cdn.pagerduty.com/wp-content/uploads/2019/06/icn-angle-down-blk.svg);
  width: calc(100% - 50px);
  background-size: 15px 12px;
}

.savings-holder {
  margin-top: -7px;
  padding-left: 30px;
  color: #ffffff;
}

.btn-show-helper-text a {
  display: block;
  margin-top: 15px;
  margin-bottom: 5px;
}

@media print, screen and (max-width: 63.99875em) {
  .switch-wrapper {
    left: 50%;
    transform: translateX(-28%);
    width: 400px;
  }
  .annual-toggle {
    margin-top: 0;
  }
}
.pricing-hero,
.green-blue-gradient {
  overflow: hidden;
  background: #048a24; /* Old browsers */
  background: -moz-linear-gradient(top, #048a24 0%, #a5c6de 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #048a24 0%, #a5c6de 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #048a24 0%, #a5c6de 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$gz-green', endColorstr='$gz-teal',GradientType=0 ); /* IE6-9 */
}

.plan-box-wrapper:first-of-type {
  border-left: none;
}

.plan-box-wrapper {
  position: relative;
  border-left: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}

.plan-box {
  background: #ffffff;
  width: 100%;
  height: 100%;
  margin-top: 0;
  display: inline-block;
  cursor: pointer;
  padding-bottom: 15px;
  transition: margin 0.2s ease-in-out, padding 0.2s ease-in-out, height 0.2s ease-in-out, opacity 1s ease-in-out 0.2s;
}
.plan-box .plan-inner {
  padding-top: 30px;
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.plan-box .plan-inner .top-info {
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 10px;
}
.plan-box .plan-inner .top-info .copy-bottom {
  margin-bottom: 10px;
}
@media print, screen and (min-width: 64em) {
  .plan-box .plan-inner .top-info {
    flex: 1 0 62%;
    display: flex;
    flex-direction: column;
  }
  .plan-box .plan-inner .top-info .copy-bottom {
    margin-bottom: 0;
    flex: 1 1 40px;
  }
}
.plan-box .plan-inner .plan-list-details {
  border-top: 1px solid #cccccc;
  padding-bottom: 1px;
  flex: 1 1 38%;
}
.plan-box .plan-inner .plan-list-details ul {
  text-align: left;
}
.plan-box .plan-inner .plan-list-details ul p {
  font-style: italic;
  height: 25px;
  margin-bottom: 0;
  margin-top: 10px;
  font-weight: 600;
}
@media print, screen and (min-width: 64em) {
  .plan-box .plan-inner .plan-list-details ul {
    font-size: 0.825em;
  }
}
.plan-box .price {
  position: relative;
  display: none;
  text-align: center;
  font-size: 48px;
  line-height: 48px;
  font-weight: 400;
  color: #048a24;
}
.plan-box .price .price-inner {
  margin-bottom: 0;
  width: 100%;
  text-align: center;
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
}
.plan-box .price .price-inner .dollar-sign {
  font-size: 0.6em;
  text-align: right;
  top: -54px;
  display: inline-block;
}
.plan-box .price .price-inner .annual-price {
  text-align: left;
}
.plan-box .price .price-inner .price-copy {
  text-align: left;
  font-size: 12px;
  line-height: initial;
  padding: 5px;
  color: #4b4f4f;
}
@media print, screen and (min-width: 64em) {
  .plan-box .price .price-inner .dollar-sign {
    flex: 1 1 20%;
  }
  .plan-box .price .price-inner .annual-price {
    flex: 0 1 auto;
  }
  .plan-box .price .price-inner .price-copy {
    flex: 1 1 40%;
  }
}
.plan-box .price.active {
  display: inline-block;
}
.plan-box .copy {
  padding-top: 10px;
  flex: 1 1 40%;
  margin-bottom: 30px;
}
.plan-box .copy p {
  margin-bottom: 10px;
}
@media print, screen and (min-width: 64em) {
  .plan-box .copy {
    margin-bottom: 10px;
  }
}
.plan-box .asteriks {
  font-size: 0.8em;
  line-height: 1.2em;
  color: #666666;
}
.plan-box .cta a.free-trial {
  display: inline-block;
  margin-bottom: 15px;
}
.plan-box .cta,
.plan-box .price {
  flex: 0 1;
}

#pricing-cards .plan-box[data-plan-type=enterprise] .title {
  width: 165px;
  margin: auto;
  min-height: 95px;
}
#pricing-cards .plan-box[data-plan-type=enterprise] .price {
  display: none;
}
#pricing-cards .plan-box[data-plan-type=enterprise] .copy {
  min-height: 103px;
}

.pricing-badge {
  background-color: #048a24;
  color: #ffffff;
  font-weight: 600;
  padding: 15px;
  border-radius: 50%;
  width: 90px;
  height: 90px;
  position: absolute;
  left: 0;
  top: 0;
  transform: translate(-50%, -50%);
  line-height: 1.2em;
  z-index: 999;
}

@media print, screen and (max-width: 63.99875em) {
  .pricing-badge {
    transform: translate(20%, -50%);
  }
}
.plan-box {
  position: relative;
}

.plan-box.active {
  overflow: visible;
  z-index: 10;
}

@media print, screen and (max-width: 63.99875em) {
  .plan-box-wrapper {
    margin-top: 0;
    margin-bottom: 20px;
    border: none;
  }
  .plan-box {
    margin-top: 0;
    position: relative;
    padding-bottom: 0;
    border: none;
  }
  .plan-box.active {
    margin-top: 0;
    padding-top: 0;
    overflow: visible;
    z-index: 10;
    position: relative;
    height: 100%;
  }
}
.most-popular-banner {
  position: absolute;
  display: inline-block;
  padding: 9px;
  text-align: center;
  width: 100%;
  height: 40px;
  top: -40px;
  right: 0;
  margin-top: 0;
  background: #454545;
  transition: top 0.2s ease-in-out;
}
.most-popular-banner h5 small {
  color: #ffffff;
}

.most-popular-banner.teal {
  background: #a5c6de;
}

li.max-users {
  position: relative;
  margin-left: 0;
}
li.max-users .mbl-feature-value {
  position: absolute;
  left: -26px;
  top: -2px;
  font-size: 19px;
}

li.max-users:before {
  content: none !important;
}

@media print, screen and (max-width: 63.99875em) {
  .popular-plan {
    padding-top: 40px !important;
  }
}
ul.pricing-features {
  margin-left: -30px;
  list-style-position: outside;
  list-style-type: none;
}
ul.pricing-features li {
  color: #999999;
  transition: color 0.2s ease-in-out;
  margin-bottom: 5px;
  cursor: pointer;
}
ul.pricing-features li:hover .feature-title {
  color: #048a24;
}
ul.pricing-features li.active {
  color: #4b4f4f;
}
ul.pricing-features .feature-item {
  position: relative;
  padding-left: 30px;
}
ul.pricing-features .feature-item svg {
  position: absolute;
  top: 2px;
  left: 0;
}
ul.pricing-features .feature-desc {
  border-left: 1px #a5c6de solid;
  padding: 5px 5px 5px 10px;
  font-size: 14px;
  color: gz-mid-gray;
  /*
  border-bottom: dotted 1px $gz-xlt-gray;
  */
  margin-bottom: 10px;
  display: none;
}
ul.pricing-features li.active + .feature-desc {
  color: #4b4f4f;
}
ul.pricing-features .feature-desc.active {
  display: block;
}
ul.pricing-features .feature-title {
  position: relative;
  padding-right: 15px;
}
ul.pricing-features i.feature-toggle {
  position: absolute;
  top: 0;
  right: 0;
}

.gs-checkmark {
  stroke: #048a24;
  stroke-width: 3px;
  fill: none;
  visibility: hidden;
  width: 100%;
  height: auto;
}

.pricing-checkmark {
  stroke: #048a24;
  stroke-width: 3px;
  fill: none;
  width: 100%;
  height: auto;
}

.feature-headline-check {
  stroke: #048a24;
  stroke-width: 2px;
  fill: none;
  width: 100%;
  height: auto;
  transform: scale(1.7);
}

.pricing-features-sub-header {
  margin-top: 10px;
}
.pricing-features-sub-header .fa-angle-down {
  transition: transform 150ms ease;
}
.pricing-features-sub-header .fa-angle-down.open {
  transform: rotate(-180deg);
}

.pricing-features-content .pd-check-wrapper {
  width: 25px;
  margin: auto;
}
.pricing-features-content .pd-check-wrapper svg {
  height: 14px;
}

.pd-checkmark-v2 {
  fill: none;
  stroke: #048a24;
  stroke-miterlimit: 10;
  stroke-width: 4px;
}

.feature-list-inner {
  padding: 0 60px;
}

.pricing-feature-heading .title {
  pointer-events: none;
}
.pricing-feature-heading {
  padding: 15px;
  margin: 0;
  background-color: #f4f4f4;
  color: #666666;
}
.pricing-feature-heading .fa {
  font-size: 0.7em;
  margin-top: 7px;
}

.pricing-feature-heading:hover {
  cursor: pointer;
  color: #048a24;
}
.pricing-feature-heading:hover .fa {
  color: #048a24;
}

@media print, screen and (min-width: 40em) {
  .pricing-feature-heading .fa {
    float: right;
  }
}
.pricing-feature-title {
  padding-right: 15px;
  padding-left: 20px;
  padding-top: 10px;
  padding-bottom: 0px;
  min-height: 60px;
}
.pricing-feature-title a {
  margin: 0;
}
.pricing-feature-title h6 {
  font-size: 16px;
  font-weight: 600;
}
.pricing-feature-title span.QuestionMarkIcon {
  width: 20px;
  height: 20px;
  background: #048a24;
  display: inline-block;
  border-radius: 50%;
  float: right;
  margin-top: 15px;
}
.pricing-feature-title span.QuestionMarkIcon:before {
  content: "?";
  color: #fff;
  display: inline-block;
  position: relative;
  top: -4px;
  margin-left: 6px;
}

.value-box {
  border-left: 1px solid #f4f4f4;
  padding-top: 5px;
  padding-bottom: 5px;
  position: relative;
}

.mbl-pricing-details {
  display: none;
  padding-left: 30px;
  padding-right: 30px;
}

.active .mbl-pricing-details {
  display: block;
}

.pricing-fixed-header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
  background: #ffffff;
  height: 0;
  overflow: hidden;
  transition: 500ms all ease-out;
}
.pricing-fixed-header h5 {
  margin-bottom: 10px;
}
.pricing-fixed-header .dummy-div {
  border-bottom: 1px solid #cccccc;
  background: #ffffff;
}
.pricing-fixed-header .dummy-div h5 {
  margin: 20px 20px 0 20px;
}
.pricing-fixed-header .plan-box.active {
  border-bottom: 1px solid #cccccc;
}
.pricing-fixed-header .plan-inner {
  padding: 78px 0 10px 0;
}
.pricing-fixed-header .plan-inner p {
  margin-bottom: 10px;
}
.pricing-fixed-header .plan-box-wrapper:last-of-type {
  border-left: 1px solid #cccccc;
}
.pricing-fixed-header .plan-box-wrapper.active {
  border-bottom: 1px solid #cccccc;
  box-shadow: none;
}

.pricing-fixed-header.stickem-up {
  position: fixed;
  height: 145px;
}
.pricing-fixed-header.stickem-up .dummy-div h5 {
  margin: 0;
  margin-top: 80px;
}

@media screen and (min-width: 93.125em) {
  .pricing-fixed-header .plan-inner {
    padding: 45px 0 10px 0;
  }
  .pricing-fixed-header.stickem-up .title p {
    margin-top: 33px;
    margin-bottom: 10px;
  }
  .plan-box {
    padding-bottom: 4px;
  }
}
.pricing-fixed-header.stickem-up.bottom {
  position: absolute;
  bottom: 0;
  top: auto;
  width: 100%;
  z-index: 1;
}

@media print, screen and (min-width: 64em) {
  .sticky-pricing {
    background-color: transparent;
    transition: background-color 0.8s ease;
  }
  .sticky-pricing.stickem-up {
    position: fixed;
    top: 95px;
    width: 100%;
    background-color: #f4f4f4;
    z-index: 1;
  }
  .sticky-pricing.stickem-up .plan-box-wrapper {
    border-right: none;
    border-bottom: none;
  }
  .sticky-pricing.stickem-up .plan-box-wrapper.active {
    border-right: none;
  }
  .sticky-pricing.stickem-up .dummy-div {
    border-right: 1px solid #cccccc;
    background: #f4f4f4;
  }
  .sticky-pricing.stickem-up.bottom {
    position: absolute;
    bottom: 0;
    top: auto;
    width: 100%;
    z-index: 1;
  }
}
.value-box.active:before {
  overflow: visible;
  content: " ";
  height: 100%;
  left: -15px;
  position: absolute;
  top: 0;
  width: 15px;
}

.value-box.active:after {
  overflow: visible;
  content: " ";
  height: 100%;
  right: -15px;
  position: absolute;
  top: 0;
  width: 15px;
  transform: rotate(180deg);
}

.valign {
  display: flex;
  align-items: center;
}

.valign-item {
  width: 100%;
}

.valign-item--top {
  align-self: flex-start;
}

.valign-item--bottom {
  align-self: flex-end;
}

.add-on-price {
  display: none;
}
.add-on-price h4 {
  margin: 0;
}

.pricing-helper-text-wrapper .show-it {
  position: relative;
  display: block;
  cursor: default;
}
.pricing-helper-text-wrapper .show-it .helper-text {
  position: absolute;
  background: #454545;
  top: 100%;
  left: calc(100% - 40px);
  border-radius: 4px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.32), 0 1px 4px rgba(0, 0, 0, 0.44);
  padding: 15px;
  width: 650px;
  z-index: 777;
  opacity: 0;
  font-size: 14px;
  visibility: hidden;
  color: #ffffff;
}
.pricing-helper-text-wrapper .show-it .helper-text p {
  margin-bottom: 0;
}
.pricing-helper-text-wrapper .show-it .helper-text .triangle-style-cheater {
  background-color: #454545;
  position: absolute;
  top: 0;
  left: 21px;
  width: 18px;
  height: 18px;
  transform: translateY(-50%) rotate(45deg);
  box-shadow: none;
  z-index: 780;
}
.pricing-helper-text-wrapper .show-it .triangle {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 100%;
  left: calc(100% - 20px);
  background-color: #454545;
  transform: translateY(-50%) rotate(45deg);
  box-shadow: -1px -1px 10px -2px rgba(0, 0, 0, 0.5);
  z-index: 750;
  opacity: 0;
  visibility: hidden;
}
.pricing-helper-text-wrapper .show-it:hover .triangle {
  visibility: visible;
  opacity: 1;
}
.pricing-helper-text-wrapper .show-it:hover .helper-text {
  visibility: visible;
  opacity: 1;
}
.pricing-helper-text-wrapper .show-it.reverse .helper-text {
  top: auto;
  bottom: calc(100% + 10px);
}
.pricing-helper-text-wrapper .show-it.reverse .helper-text .triangle-style-cheater {
  top: auto;
  bottom: 0;
  left: 21px;
  transform: translateY(50%) rotate(45deg);
}
.pricing-helper-text-wrapper .show-it.reverse .triangle {
  top: auto;
  bottom: calc(100% - 10px);
  box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.5);
}
.pricing-helper-text-wrapper .add-on-price.active {
  display: inline-block;
}

#pricing-cards.listed .plan-box,
#listed-features.listed .plan-box {
  background: #ffffff;
  border-bottom: none;
}
#pricing-cards.listed ul.pricing-features li,
#listed-features.listed ul.pricing-features li {
  color: #454545;
  margin-bottom: 15px;
}

#features .volume-discounting {
  padding-top: 10px;
  font-style: italic;
}
#features .volume-discounting a {
  color: #666666;
}

#listed-features {
  padding-bottom: 120px;
  max-height: 300px;
  height: auto;
  overflow: hidden;
  position: relative;
  transition: all 1.3s ease-in-out;
}
#listed-features .show-more-features {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 100px;
  width: 100%;
  text-align: center;
  background: #ffffff;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+23,ffffff+100&0+0,1+22,1+100 */
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 22%, rgb(255, 255, 255) 23%, rgb(255, 255, 255) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 22%, rgb(255, 255, 255) 23%, rgb(255, 255, 255) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 22%, rgb(255, 255, 255) 23%, rgb(255, 255, 255) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
#listed-features .show-more-features a.btn-show-more {
  margin-top: 20px;
}
#listed-features .plan-box .plan-inner {
  padding-top: 15px;
}

#listed-features.show {
  max-height: 2000px;
  transition: all 1.3s ease-in-out;
}

.feature-list-wrapper:nth-child(4) .plan-box {
  border-right: none !important;
}

.contact-button-wrapper-row {
  z-index: 100;
}

.contact-button-wrapper {
  padding: 60px 30px;
}

.feature-contact-wrapper {
  padding: 30px 0;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#73c0c9+0,73c0c9+19,ffffff+20,ffffff+100&1+0,1+19,1+19,0+20,0+100 */
  background: -moz-linear-gradient(top, rgb(115, 192, 201) 0%, rgb(115, 192, 201) 13%, rgba(255, 255, 255, 0) 13%, rgba(255, 255, 255, 0) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgb(115, 192, 201) 0%, rgb(115, 192, 201) 13%, rgba(255, 255, 255, 0) 13%, rgba(255, 255, 255, 0) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgb(115, 192, 201) 0%, rgb(115, 192, 201) 13%, rgba(255, 255, 255, 0) 13%, rgba(255, 255, 255, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73c0c9', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}

.feature-contact-padding {
  padding: 80px 0;
}

.feature-contact-image {
  width: 50%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  background-image: url(https://cdn.pagerduty.com/wp-content/uploads/2018/08/pricing-questions-1@2x.jpg);
  background-size: cover;
  background-position: center center;
}
.feature-contact-image .questions-header {
  display: inline-block;
}

@media print, screen and (max-width: 39.99875em) {
  .feature-contact-image {
    width: 100%;
  }
}
.header-with-bar {
  display: inline-block;
  position: relative;
}
.header-with-bar .top-green-line {
  border-top: 4px solid #048a24;
  position: absolute;
  top: -5px;
  left: 0;
  width: 60px;
}
.header-with-bar .top-green-line.white {
  border-top-color: #ffffff;
}

@media only screen and (max-width: 640px) {
  .pricing-v2 .a-la-carte h4 {
    margin-top: 1em;
    font-weight: bold;
  }
  .pricing-v2 .a-la-carte p {
    width: 60%;
  }
}
.a-la-carte-li-checkmark {
  stroke: white;
  stroke-width: 3px;
  fill: none;
  width: 100%;
  height: auto;
}

.callout-with-img-overlap .overlap-bg {
  position: relative;
  top: 0px;
}
.callout-with-img-overlap .questions-callout {
  padding: 3em 6em;
  background: #fff;
  box-shadow: 0 0 10px 1px #999;
  z-index: 999;
  position: absolute;
  top: 20%;
  text-align: center;
}
.callout-with-img-overlap .questions-callout h3 {
  margin-bottom: 10px !important;
  font-weight: bold;
}
.callout-with-img-overlap img {
  position: relative;
  top: -50px;
  left: 35%;
}

.top-border-line-white,
.top-border-line-green {
  width: 10%;
}

.top-border-line-white {
  border-top: 4px solid white;
}

.top-border-line-green {
  border-top: 4px solid #048a24;
}

/* New 2nd half pricing template */
.new-pricing-second-half-v2 {
  /* Second half of Pricing page V2 [based on mock from CRO Metrics] */
}
.new-pricing-second-half-v2 .pricing-v2.a-la-carte {
  background-color: #f4f4f4;
}
.new-pricing-second-half-v2 .pricing-v2.a-la-carte .a-la-carte-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.new-pricing-second-half-v2 .pricing-v2.a-la-carte .a-la-carte-box .a-la-carte-guts {
  flex-grow: 1;
  padding-bottom: 30px;
}
.new-pricing-second-half-v2 .pricing-v2.a-la-carte .a-la-carte-box .a-la-carte-icon {
  height: 100px;
  width: 100%;
  position: relative;
}
.new-pricing-second-half-v2 .pricing-v2.a-la-carte .a-la-carte-box .a-la-carte-icon img {
  position: absolute;
  bottom: 30px;
  left: 0;
}
@media print, screen and (max-width: 63.99875em) {
  .new-pricing-second-half-v2 .pricing-v2.a-la-carte .a-la-carte-box .a-la-carte-cta {
    margin-bottom: 50px;
  }
}
.new-pricing-second-half-v2 .pricing-v2.a-la-carte ul.a-la-carte-list {
  margin-left: 0;
  list-style-type: none;
}
.new-pricing-second-half-v2 .pricing-v2.a-la-carte ul.a-la-carte-list > li {
  list-style-position: inside;
  text-align: left;
  position: relative;
  padding-left: 30px;
  margin-bottom: 1.1rem;
}
.new-pricing-second-half-v2 .pricing-v2.a-la-carte ul.a-la-carte-list > li svg {
  position: absolute;
  top: 2px;
  left: 0;
}
@media only screen and (max-width: 640px) {
  .new-pricing-second-half-v2 .pricing-v2 .a-la-carte h4 {
    margin-top: 1em;
    font-weight: bold;
  }
  .new-pricing-second-half-v2 .pricing-v2 .a-la-carte p {
    width: 60%;
  }
}
.new-pricing-second-half-v2 .a-la-carte-li-checkmark {
  stroke: #048a24;
  stroke-width: 3px;
  fill: none;
  width: 100%;
  height: auto;
}
.new-pricing-second-half-v2 .callout-with-img-overlap .overlap-bg {
  position: relative;
  top: 0px;
}
.new-pricing-second-half-v2 .callout-with-img-overlap .questions-callout {
  padding: 3em 6em;
  background: #fff;
  box-shadow: 0 0 10px 1px #999;
  z-index: 999;
  position: absolute;
  top: 20%;
  text-align: center;
}
.new-pricing-second-half-v2 .callout-with-img-overlap .questions-callout h3 {
  margin-bottom: 10px !important;
  font-weight: bold;
}
.new-pricing-second-half-v2 .callout-with-img-overlap img {
  position: relative;
  top: -50px;
  left: 35%;
}
.new-pricing-second-half-v2 .top-border-line-white,
.new-pricing-second-half-v2 .top-border-line-green {
  width: 10%;
}
.new-pricing-second-half-v2 .top-border-line-white {
  border-top: 4px solid white;
}
.new-pricing-second-half-v2 .top-border-line-green {
  border-top: 4px solid #048a24;
}

.static-copy-slider ul.pd-static-copy-slider-slides {
  margin: 15px 0 15px 15px;
  height: 310px;
}
.static-copy-slider ul.pd-static-copy-slider-slides .slick-slide {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  height: 260px !important;
  background: #048a24 !important;
  padding: 30px 30px 60px 30px;
  margin: 5px 15px 15px 15px;
  position: relative;
}
.static-copy-slider ul.pd-static-copy-slider-slides .slick-slide p.slide-copy {
  line-height: 1.4;
  max-width: 262px;
}
.static-copy-slider ul.pd-static-copy-slider-slides .slick-slide p.sticky-bottom {
  position: absolute;
  font-size: 0.825em;
  font-weight: 600;
  bottom: 30px;
  left: 30px;
}
.static-copy-slider ul.pd-static-copy-slider-slides .slick-dots li button:before {
  color: #4b4f4f;
  bottom: -30px;
}
.static-copy-slider h1.big-splash-text {
  font-size: 4em;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 0;
}
@media print, screen and (max-width: 39.99875em) {
  .static-copy-slider ul.pd-static-copy-slider-slides {
    margin: 15px;
    height: auto;
  }
  .static-copy-slider ul.pd-static-copy-slider-slides .slick-slide {
    height: auto !important;
    background: #048a24 !important;
    padding: 30px;
    position: relative;
    margin-bottom: 40px;
  }
  .static-copy-slider ul.pd-static-copy-slider-slides .slick-slide p.slide-copy {
    line-height: 1.4;
    max-width: none;
  }
  .static-copy-slider ul.pd-static-copy-slider-slides .slick-slide p.sticky-bottom {
    margin-top: 15px;
    position: relative;
    bottom: auto;
    left: auto;
  }
  .static-copy-slider ul.pd-static-copy-slider-slides .slick-dots li button:before {
    bottom: -60px;
  }
  .static-copy-slider h1.big-splash-text {
    font-size: 3em;
  }
}

.pricing-feature-list > li:last-of-type {
  border: none;
}

#sem-competitor-2019 .hero-split .expanded {
  margin-top: 60px;
}
#sem-competitor-2019 .hero-split .expanded .unexpanded {
  padding: 6rem 4rem !important;
}
#sem-competitor-2019 .hero-split .expanded .unexpanded h4.reduced-width {
  width: 450px;
}
#sem-competitor-2019 .hero-split .start-trial .unexpanded {
  padding: 2rem 0rem !important;
}
#sem-competitor-2019 .hero-split .sign-up-form input, #sem-competitor-2019 .hero-split .sign-up-form .prefix, #sem-competitor-2019 .hero-split .sign-up-form .postfix {
  border-width: 0 0 1px 0 !important;
}
#sem-competitor-2019 .hero-split .sign-up-form input {
  background-color: transparent !important;
}
#sem-competitor-2019 .hero-split .sign-up-form input:focus {
  box-shadow: none;
}
#sem-competitor-2019 .hero-split .sign-up-form input#subdomain {
  height: 41px;
}
#sem-competitor-2019 .section-list-details {
  border-bottom: 1px solid #343434 !important;
  padding: 30px 0;
}
#sem-competitor-2019 blockquote {
  position: relative;
  border-width: 2px;
  padding-left: 3rem;
  animation-name: fade-in-line-by-line;
  animation-duration: 2s;
  animation-fill-mode: forwards;
}
#sem-competitor-2019 .featured-logo img {
  width: 150px;
  height: auto;
  float: left;
}
#sem-competitor-2019 .quote-img:before {
  content: '"';
  position: absolute;
  font-size: 100px;
  left: -20px;
  top: 5rem;
  animation-name: quote-zoom-in;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 2s;
}
@keyframes quote-zoom-in {
  from {
    opacity: 0;
    transform: scale(0);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes fade-in-line-by-line {
  from {
    opacity: 0;
    height: 1px;
    transform: translateY(0);
  }
  to {
    opacity: 1;
    height: 100%;
    transform: translateY(1rem);
  }
}

.feat-cust-bkgd {
  position: absolute;
  z-index: 0;
  width: 50%;
  height: 100%;
  right: 0;
  top: 0;
  background-size: cover;
  background-position: top center;
}

@media print, screen and (max-width: 39.99875em) {
  .feat-cust-bkgd {
    position: relative;
    height: 300px;
    width: 100%;
  }
}
#customer-search {
  padding-left: 30px;
}

.icn-search-holder {
  position: absolute;
  width: 15px;
  height: 15px;
  top: 30px;
  left: 25px;
}
.icn-search-holder img {
  width: 100%;
}

.customer-tiles-grid {
  opacity: 0;
  transition: opacity 500ms ease-out;
}

.customer-tiles-grid.visible {
  opacity: 1;
}

.customer-grid-item {
  width: 100%;
  padding: 30px;
}

@media screen and (min-width: 25em) {
  .customer-grid-item {
    width: 50%;
  }
}
@media print, screen and (min-width: 40em) {
  .customer-grid-item {
    width: 33.33%;
  }
}
@media print, screen and (min-width: 64em) {
  .customer-grid-item {
    width: 25%;
  }
}
a.customer-tile-holder {
  display: block;
  margin-bottom: 50px;
  width: 100%;
}
a.customer-tile-holder .customer-industry {
  margin-top: 10px;
  color: #666666;
  font-size: 0.825rem;
  text-align: right;
  text-transform: uppercase;
}
a.customer-tile-holder .customer-logo-holder {
  height: 70px;
}
a.customer-tile-holder .customer-image {
  width: 100%;
  height: 180px;
  background-size: cover;
  background-position: center center;
}
a.customer-tile-holder .customer-logo {
  max-width: 170px;
  max-height: 50px;
}
a.customer-tile-holder p.customer-title {
  color: #4b4f4f;
}
a.customer-tile-holder img.customer-logo {
  filter: grayscale(100%);
}

a.customer-tile-holder:hover img.customer-logo {
  filter: none;
}

@media print, screen and (min-width: 64em) {
  .customer-image {
    height: 240px;
  }
}
/* Customer Single */
.cust-content-holder {
  padding: 0px 0px;
  margin-top: 5%;
}

.cust-content p strong {
  font-weight: normal;
  font-size: 24px;
}

.customer-specs {
  width: 100%;
  min-height: 200px;
  margin-bottom: 15px;
  border-color: #4b4f4f;
  border: solid 1px;
}

.cust-fields {
  padding: 1rem;
  margin: 0;
  list-style: none;
}
.cust-fields > li + li {
  margin-top: 0.5rem;
}

.cust-field-content {
  display: block;
}

.cust-int-list {
  list-style: none;
}

.cust-tech-guide {
  margin-top: 1.5rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.ctg-logo-box {
  display: flex;
  align-items: center;
  width: 100%;
  height: 5rem;
}
.ctg-logo-box > img {
  max-height: 100%;
  margin: 0 auto;
}
.ctg-logo-box > img[src*=solarwinds] {
  margin-top: -20px;
}

.ctg-name {
  color: #4b4f4f;
  margin-top: 0.5rem;
}

.cust-buttons a {
  display: block;
  margin-bottom: 25px;
}

.cust-top {
  width: 100%;
  padding: 50px 0px;
  background: #efefef;
  min-height: 200px;
}

.cust-breadcrumb {
  margin: 0px 0px 35px 0px;
  font-size: 16px;
}

.customer-logo img {
  margin: 20px 0px 20px 0px;
  padding: 10px;
  max-width: 300px;
  max-height: 200px;
}

.cust-field-600 {
  font-weight: 600;
}

#customer {
  background: #efefef;
}
#customer ul#drill-down-points {
  background: #ffffff;
  display: block;
  padding: 10px;
}
#customer ul#drill-down-points li {
  color: #4b4f4f;
}

.cust-content .cust-quote {
  font-size: 37px;
  font-style: italic;
}

.cust-content blockquote {
  border-left: none;
}

.integrations-pillars {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 0.9375rem;
}
.integrations-pillars > h2 {
  font-size: 3em;
  margin-top: 1.6em;
  margin-bottom: 1.2em;
}
.integrations-pillars > ul {
  list-style-type: none;
  margin-left: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  flex-direction: column;
}
@media print, screen and (min-width: 64em) {
  .integrations-pillars > ul {
    flex-direction: row;
  }
}
.integrations-pillars > ul > li {
  flex: 1;
  box-sizing: content-box;
  padding: 2rem 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: 0px solid #cccccc;
  border-top-width: 1px;
}
@media print, screen and (min-width: 64em) {
  .integrations-pillars > ul > li {
    padding: 0 5%;
    border-left-width: 1px;
    border-top-width: 0;
  }
  .integrations-pillars > ul > li > *:last-child {
    margin-bottom: 0;
  }
}
@media print, screen and (min-width: 64em) {
  .integrations-pillars > ul > li:last-child {
    padding-right: 0;
  }
}
.integrations-pillars > ul > li > h3 {
  font-size: 2em;
  font-weight: 300;
}
.integrations-pillars > ul > li > *:last-child {
  margin-top: auto;
}

.resources-header {
  padding-top: 0;
  padding-bottom: 60px;
}
.resources-header a {
  color: #ffffff;
}
.resources-header > .pane-1 {
  background-color: #fa640a;
}
.resources-header > .pane-2 {
  display: none;
}
@media print, screen and (min-width: 64em) {
  .resources-header > .pane-2 {
    display: flex;
    background-size: cover;
  }
}

.explore-resources > header {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media print, screen and (min-width: 40em) {
  .explore-resources > header {
    flex-direction: row;
  }
}
.explore-resources > header > h3 {
  font-size: 1.5rem;
  flex: 1 0 100%;
}
.explore-resources > header > label {
  display: flex;
  align-items: baseline;
  flex: 1 1 30%;
}
@media print, screen and (min-width: 40em) {
  .explore-resources > header > label {
    flex-direction: column;
    margin-left: 2%;
  }
  .explore-resources > header > label:first-of-type {
    margin-left: 0;
  }
}
.explore-resources > header > label > span {
  min-width: 4em;
}
.explore-resources > article {
  margin-top: 2em;
}
.explore-resources > article a {
  color: #343434;
}
.explore-resources > article > h3 {
  font-size: 1.5rem;
}
.explore-resources > article > .resources-grid {
  opacity: 0;
  margin: 0 -15px;
  transition: opacity 500ms ease-out;
}
.explore-resources > article > .resources-grid.visible {
  opacity: 1;
}

.integration-guide-individual h1 {
  font-size: 3rem;
}
.integration-guide-individual > .pane-1 > .frame {
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  padding: 1.875rem 0.9375rem;
}
@media print, screen and (min-width: 64em) {
  .integration-guide-individual > .pane-1 > .frame {
    width: 482px;
  }
}
.integration-guide-individual > .pane-1 > .frame > .int-logo {
  width: 100%;
}

.integration-guide-individual-overview {
  margin: 60px 0;
  color: #ffffff;
  background-color: #4b4f4f;
  display: flex;
  padding-top: 60px;
  padding-bottom: 60px;
}
.integration-guide-individual-overview > .frame {
  flex: 1 1 100%;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  max-width: 1200px;
  margin: 0 auto;
}
.integration-guide-individual-overview > .frame > article {
  margin-top: 3rem;
}

.integration-guide-individual-resources {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  max-width: 1200px;
  margin: 60px auto;
}
.integration-guide-individual-resources > .resources {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin: 0 -0.9375rem;
}
@media print, screen and (min-width: 40em) {
  .integration-guide-individual-resources > .resources {
    flex-direction: row;
  }
}
.integration-guide-individual-resources > .resources > a:nth-child(5n+1) {
  border-top-color: #fa640a;
}
.integration-guide-individual-resources > .resources > a:nth-child(5n+2) {
  border-top-color: #048a24;
}
.integration-guide-individual-resources > .resources > a:nth-child(5n+3) {
  border-top-color: #00607f;
}
.integration-guide-individual-resources > .resources > a:nth-child(5n+4) {
  border-top-color: #ffaaf0;
}
.integration-guide-individual-resources > .resources > a:nth-child(5n+5) {
  border-top-color: #a5c6de;
}
.integration-guide-individual-resources > .resources > a {
  flex: 0 1 20%;
  margin: 0.9375rem;
  border-top: 1rem solid #cccccc;
  padding-top: 0.9375rem;
  color: #343434;
}
.integration-guide-individual-resources > .resources > a > h3 {
  font-size: 1rem;
  text-transform: uppercase;
}
.integration-guide-individual-resources > .resources > a > p {
  margin-bottom: 0;
}

/* Hero Section */
.integration-hero-copy {
  padding-left: 30px;
  color: #ffffff;
  padding-right: 30px;
}

.integration-hero-logo {
  padding-left: 30px;
  padding-right: 30px;
}
.integration-hero-logo img {
  max-height: 150px;
  width: 100%;
}

@media print, screen and (min-width: 40em) {
  .integration-hero-copy {
    padding-left: 60px;
  }
  .integration-hero-logo {
    padding-right: 60px;
    padding-left: 60px;
  }
}
@media print, screen and (max-width: 63.99875em) {
  .int-teir-1-pane-2 {
    padding-top: 50px !important;
  }
}
/* Sub nav section */
.integration-sub-nav-wrapper ul {
  list-style-type: none;
  margin: 0;
}
.integration-sub-nav-wrapper ul li {
  display: inline-block;
}
.integration-sub-nav-wrapper a.integration-sub-nav-item {
  margin: 0;
  padding: 30px 10px;
  display: block;
  color: #4b4f4f;
}
.integration-sub-nav-wrapper a.integration-sub-nav-item:hover {
  background-color: #efefef;
  color: #000000;
}

/* Section with Image */
.stagger-copy-right {
  padding-left: 15px;
  padding-right: 15px;
}

.stagger-copy-left {
  padding-left: 15px;
  padding-right: 15px;
}

@media print, screen and (min-width: 40em) {
  .stagger-copy-right {
    padding-left: 60px;
    padding-right: 15px;
  }
  .stagger-copy-left {
    padding-left: 15px;
    padding-right: 60px;
  }
}
/* Grid Repeater */
.t1-grid-repeater .t1-grid-item-wrapper {
  margin-bottom: 80px;
}
.t1-grid-repeater .t1-grid-item {
  display: flex;
  flex-direction: column;
  padding-left: 40px;
  border-left: solid #cccccc 2px;
  height: 100%;
}
@media print, screen and (max-width: 39.99875em) {
  .t1-grid-repeater .t1-grid-item {
    padding-right: 30px;
  }
}
.t1-grid-repeater .t1-grid-logo img {
  height: 100%;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
}
.t1-grid-repeater .t1-grid-logo {
  position: relative;
  width: 80%;
  height: 30px;
  display: block;
  margin-bottom: 15px;
}
.t1-grid-repeater .flex-me {
  flex: 1;
}
.t1-grid-repeater .t1-cta {
  margin-top: 20px;
  display: block;
}

/* Video Slider Section */
.t1-video-slider .shade {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  transition: background-color ease-out 200ms;
}
.t1-video-slider .playhead-ring {
  fill: none;
  stroke-width: 4px;
  stroke: #fff;
  transform-origin: center center;
}
.t1-video-slider .shade:hover {
  background-color: rgba(0, 0, 0, 0.8);
}
.t1-video-slider .shade:hover .playhead-ring {
  animation: rotate 2s infinite linear;
}
.t1-video-slider .slides-holder {
  -ms-overflow-style: none;
  overflow: auto;
}
.t1-video-slider .slides-holder .playhead-ring {
  display: none;
}
.t1-video-slider .video-slider-wrapper .slides-holder-wrapper .btn-slide-nav {
  background-color: transparent;
}
.t1-video-slider .video-slider-wrapper .slides-holder-wrapper .btn-slide-nav .fa {
  color: #4b4f4f;
}

/* Quote Section */
.t1-quote {
  font-weight: 200;
  font-style: italic;
}

.t1-resource-wrapper {
  margin-bottom: 60px;
}
.t1-resource-wrapper .t1-resource-item {
  display: flex;
  flex-direction: column;
  padding-left: 40px;
  border-left: solid #cccccc 2px;
  height: 100%;
}
.t1-resource-wrapper .t1-resource-copy-flex {
  flex: 1;
}
.t1-resource-wrapper .t1-resource-icon {
  margin-bottom: 15px;
}
.t1-resource-wrapper .t1-resource-type {
  color: #4b4f4f;
  text-transform: uppercase;
}
.t1-resource-wrapper .t1-resource-copy {
  color: #4b4f4f;
}

.platform_intro {
  color: #ffffff;
  background-color: #fa640a;
}
.platform_intro > .row {
  align-items: center;
}
.platform_intro_pattern {
  padding-right: 0;
}
.platform_intro_pattern > svg {
  display: block;
}
.platform_intro_pattern > svg > rect:first-of-type {
  fill: #ffc5b2;
}
.platform_intro_pattern > svg > rect:last-of-type {
  fill: url(#Stripe-pattern-1);
}
.platform_intro h1 > em {
  font-style: normal;
  color: #ffe664;
}
.platform_dig-ops-man, .platform_integrations {
  display: flex !important;
  flex-wrap: wrap;
  max-width: 1200px;
  margin: 0 auto;
}
.platform_dig-ops-man_header, .platform_dig-ops-man_copy, .platform_integrations_header, .platform_integrations_copy {
  flex: 1 1 50%;
}
.platform_dig-ops-man_logos, .platform_integrations_logos {
  flex: 1 1 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin: 3rem -40px;
}
.platform_dig-ops-man_logos > img, .platform_integrations_logos > img {
  flex: 0 0 100px;
  margin: 40px;
  max-width: 100px;
}
.platform_dig-ops-man {
  align-items: center;
}
.platform_dig-ops-man svg {
  display: block;
}
.platform_dig-ops-man_copy {
  min-width: 20rem;
}
@media print, screen and (min-width: 40em) {
  .platform_dig-ops-man_copy {
    padding-right: 2rem;
  }
}
.platform_dig-ops-man_video {
  margin: 3rem -0.625rem 0;
  position: relative;
  flex: 1 1 50%;
}
.platform_dig-ops-man_video::after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 145 145"><path stroke="white" stroke-width="2" fill="none" d="M128.34 117.66a71.34 71.34 0 0 0-93.76-105M19.66 25.28a71.33 71.33 0 0 0 93.94 106.08"/><path fill="white" d="M94.91 75.9L64.42 95.95a3.39 3.39 0 0 1-4.78-1.14 3.74 3.74 0 0 1-.53-1.93v-40.1a3.55 3.55 0 0 1 3.47-3.63c.65 0 1.3.2 1.84.56l30.49 20a3.72 3.72 0 0 1 0 6.14"/></svg>') 50% no-repeat;
}
.platform_dig-ops-man_post-video-deco {
  padding-right: 0;
}
.platform_dig-ops-man_post-video-deco > svg > rect:first-of-type {
  fill: #ffc5b2;
}
.platform_dig-ops-man_post-video-deco > svg > rect:last-of-type {
  fill: url(#Stripe-pattern-2);
}
.platform_cta {
  color: #ffffff;
  background-color: #fa640a;
  padding: 5rem 0;
}
.platform_cta_title {
  margin-bottom: 3rem;
}
.platform_cta_title > em {
  display: block;
  font-style: normal;
  color: #ffe664;
}

article.platform-chart {
  border: 1px solid #666666;
  padding: 30px;
  margin-top: 2.5em;
}

.plt-cht_sect {
  display: flex;
}

.plt-cht_title {
  display: none;
}
@media print, screen and (min-width: 40em) {
  .plt-cht_title {
    display: block;
    position: relative;
    flex: 0 0 1em;
    margin: 0 0.5em 0 0;
  }
  .plt-cht_title > span {
    transform: translate(-50%, -50%) rotate(270deg) translateY(-0.1em);
    transform-origin: center center;
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    text-transform: uppercase;
    font-size: 1.5rem;
    line-height: 1;
  }
}

.plt-cht_list {
  display: flex;
  justify-content: space-evenly;
  flex: 1 1 auto;
  flex-wrap: wrap;
}

.plt-cht_use-case {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #666666;
  margin: 0 0 1em 0;
  flex: 1 1 50%;
}
.plt-cht_use-case[href]:hover {
  color: #048a24;
}
.plt-cht_use-case svg {
  display: block;
  max-width: 5em;
  max-height: 4em;
}
@media print, screen and (min-width: 40em) {
  .plt-cht_use-case {
    flex-basis: 23%;
  }
}
@media print, screen and (min-width: 64em) {
  .plt-cht_use-case {
    flex-basis: 12%;
  }
}

.plt-cht_title_add-ons {
  color: #fa640a;
}

.plt-cht_list_add-ons {
  justify-content: center;
}

.plt-cht_add-on,
.plt-cht_tenet {
  display: flex;
  flex: 0 1 100%;
  margin-right: -2px;
  margin-bottom: -2px;
  padding: 1em;
}
@media print, screen and (min-width: 40em) {
  .plt-cht_add-on,
  .plt-cht_tenet {
    justify-content: center;
  }
}

.plt-cht_add-on {
  flex-basis: 100%;
  border: 2px solid #fa640a;
  color: #fa640a;
}
@media print, screen and (min-width: 40em) {
  .plt-cht_add-on {
    flex-basis: 50%;
  }
}
.plt-cht_add-on svg {
  display: block;
  max-width: 5rem;
  max-height: 5rem;
}

.plt-cht_add-on_desc h4 {
  font-size: 1.8rem;
  margin-bottom: 0.25em;
}
.plt-cht_add-on_desc p {
  display: block;
  margin-bottom: 0;
  color: #4b4f4f;
}
@media print, screen and (min-width: 40em) {
  .plt-cht_add-on_desc {
    width: 23rem;
  }
}

.plt-cht_add-on:hover {
  color: #fa640a;
}
.plt-cht_add-on:hover .plt-cht_add-on_desc p {
  color: #fa640a;
}

.plt-cht_add-ons,
.plt-cht_platform {
  border-top: 1px solid #666666;
  padding-top: 2rem;
  margin-top: 2rem;
}

.plt-cht_platform .plt-cht_title {
  color: #048a24;
}

.plt-cht_tenet {
  border: 2px solid #048a24;
  color: #048a24;
}
.plt-cht_tenet svg {
  display: block;
  max-width: 5rem;
  max-height: 4rem;
}

.plt-cht_tenet_desc h4 {
  font-size: 1.8rem;
  margin-bottom: 0.25em;
}
.plt-cht_tenet_desc p {
  margin-bottom: 0;
  color: #4b4f4f;
}
@media print, screen and (min-width: 40em) {
  .plt-cht_tenet_desc {
    width: 21rem;
  }
}

.plt-cht_tenet:hover {
  color: #048a24;
}
.plt-cht_tenet:hover .plt-cht_tenet_desc p {
  color: #048a24;
}

.plt-cht_datum {
  margin-top: 2rem;
  color: #4b4f4f;
}
.plt-cht_datum h4 {
  font-size: 1.8rem;
  margin-bottom: 0.25em;
}
@media print, screen and (min-width: 40em) {
  .plt-cht_datum ul {
    display: flex;
    list-style-type: none;
    margin-left: 0;
  }
  .plt-cht_datum li + li::before {
    content: " | ";
    list-style-type: none;
    padding-left: 1em;
    margin-right: 1em;
  }
}

.platform-quote {
  padding-left: 30px;
}

.whats-new_header > .pane-1 {
  background-color: #00607f;
}
.whats-new_header > .pane-1 > .frame {
  max-width: 20rem;
}
@media print, screen and (min-width: 64em) {
  .whats-new_header > .pane-1 > .frame {
    margin-right: 8rem;
  }
}
.whats-new_header > .pane-1 > .frame > h1 {
  color: #ffc5b2;
}
.whats-new_header > .pane-2 {
  display: none;
}
@media print, screen and (min-width: 64em) {
  .whats-new_header > .pane-2 {
    display: flex;
  }
}
.whats-new {
  padding: 6rem 0;
}
.whats-new_heading {
  font-size: 2.5rem;
  margin-bottom: 4rem;
}
.whats-new_article {
  margin-bottom: 4rem;
}
.whats-new_article .whats-new_heading-2 {
  font-size: 2rem;
  font-weight: lighter;
  border-bottom: 1px solid #666666;
  padding-bottom: 1rem;
}
.whats-new_tour {
  padding: 3rem 0;
}
.whats-new_tour svg {
  display: block;
}
@media print, screen and (min-width: 64em) {
  .whats-new_tour .platform_dig-ops-man_copy {
    padding-right: 5rem;
    padding-left: 4rem;
  }
}
.whats-new_video {
  margin-bottom: 3rem;
}
.whats-new_rel-notes {
  color: #ffffff;
  background-color: #00607f;
  padding: 5rem 0;
}
.whats-new_rel-notes_title {
  margin-bottom: 3rem;
  color: #ffc5b2;
}
.whats-new_rel-notes p {
  margin-bottom: 3rem;
  max-width: 40rem;
}

a.newsroom-tile {
  margin: 50px auto;
  color: #4b4f4f;
  display: block;
  max-width: 320px;
}

.newsroom-hero-title {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

.newsroom-logos {
  margin: 20px auto;
  height: 50px;
  width: 150px;
}

.partner_become > .pane-1, .partner_header > .pane-1 {
  color: #ffffff;
  background-color: #00607f;
}
.partner_become > .pane-1 > .frame > h1 > em, .partner_header > .pane-1 > .frame > h1 > em {
  color: #ffe664;
}
.partner_header > .pane-2 {
  display: none;
}
@media print, screen and (min-width: 64em) {
  .partner_header > .pane-2 {
    display: flex;
  }
}
.partner_pillars > h2 {
  font-size: 2.5em;
}
@media print, screen and (min-width: 64em) {
  .partner_submit_instructions {
    max-width: 22em;
  }
}
.partner_submit_quote {
  font-size: 1.5em;
  font-style: italic;
}
@media print, screen and (min-width: 64em) {
  .partner_submit_quote {
    max-width: 12em;
  }
}
.partner_form-pane.pane-2 > .frame {
  margin: 0 auto;
}
.partner_form-pane.pane-2 > .frame label {
  color: #4b4f4f;
}
.partner_form-pane.pane-2 > .frame .wpcf7-form-control.wpcf7-submit {
  width: 100%;
  border: none;
}

.dom-hero-video {
  height: 300px !important;
  padding: 0 !important;
}

@media print, screen and (min-width: 64em) {
  .dom-hero-copy {
    padding-right: 50px;
  }
  .dom-hero-video {
    height: auto !important;
    padding: inherit !important;
  }
}
.dom-playhead {
  width: 100px;
  height: 100px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.dom-solution-wrapper {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0 15px;
  margin-bottom: 30px;
}

.icn-dom-solution {
  width: 50px;
  max-height: 60px;
  margin-right: 15px;
  margin-bottom: 15px;
}

#quote-crisis-text-line .dom-solution-copy {
  flex: 1;
  padding: 0 10px;
}
#quote-crisis-text-line .crisis-quote-wrapper img {
  margin-bottom: 20px;
}
#quote-crisis-text-line .crisis-quote-wrapper h4 {
  margin-bottom: 0;
}
#quote-crisis-text-line .quote-image-wrapper {
  display: inline-block;
}
#quote-crisis-text-line .quote-playhead {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  width: 100px;
}

.dom-logos img {
  width: 100%;
  padding: 30px;
  max-height: 100px;
}

.pdu_cards {
  align-items: end;
  margin: 8rem 0 4rem 0;
}

.pdu_cards_row {
  align-items: stretch;
}

.pdu_cards_intro {
  display: flex;
  align-items: end;
}

.pdu_card {
  display: flex;
  align-items: stretch;
}

.pdu_card_container {
  background-color: #ffe664;
  padding: 2rem;
  margin: 0 2rem 4rem 0;
}
.pdu_card_container > h3 {
  font-size: 2.2em;
  font-weight: 200;
  min-height: 3.5em;
}

.max-w-36x {
  max-width: 36em;
}

.pdu-courses {
  padding-top: 5rem;
  padding-bottom: 0;
}

/* PagerDuty Universiy 2018 Template */
.pdu-2019 .courses-img {
  background-color: #000;
  padding: 20px;
}
.pdu-2019 .logo {
  max-width: 250px;
}
.pdu-2019 .pdu-course .row {
  margin-bottom: 20px;
  padding: 30px 0;
}
.pdu-2019 .pdu-course .columns .columns:nth-child(2) {
  display: flex;
  flex-direction: column;
  min-height: 220px;
}

.pdu-course_hd {
  font-size: 1.6rem;
  border-bottom: 1px solid currentColor;
  padding-bottom: 1rem;
}

@media print, screen and (max-width: 39.99875em) {
  .pdu-2019 .logo {
    margin-left: 10px;
  }
  .pdu-2019 .pdu-course h4 {
    font-size: 1.6em;
    margin: 10px 0;
  }
  .pdu-2019 .pdu-course .courses-img {
    width: 300px;
    padding: 80px;
  }
}
#hp-hero {
  overflow-x: hidden;
}

.cross-grid {
  position: absolute;
  right: -45px;
  bottom: 0;
  width: 32%;
  height: 100%;
}
.cross-grid svg {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 100%;
}
.cross-grid svg .st0 {
  opacity: 0.5;
}

.hp-hero-bkgd {
  background-position: 40% center;
  background-size: cover;
}

.hp-hero-copy {
  position: relative;
  z-index: 10;
}

@media print, screen and (min-width: 40em) {
  .cross-grid {
    right: -45px;
  }
}
.hp-logo-bar .logos-wrapper svg {
  max-width: 100px;
  max-height: 40px;
  margin: 15px auto 15px auto;
  opacity: 0.5;
}

.hp-quote-slider #hp-slider {
  position: relative;
  padding-bottom: 0;
}
@media print, screen and (min-width: 40em) {
  .hp-quote-slider #hp-slider {
    padding-bottom: 70px;
  }
}
.hp-quote-slider ul.slides {
  margin: 0;
  position: relative;
  width: 100%;
  height: 0;
  overflow: hidden;
}
.hp-quote-slider ul.slides .slide {
  visibility: visible;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
}
.hp-quote-slider ul.slides .slide .slide-inner {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-end;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.hp-quote-slider ul.slides .slide .logo-holder {
  align-items: flex-start;
  padding: 30px;
  width: 60%;
  flex: 0 1 60%;
  opacity: 0;
  transition: 300ms opacity ease-out;
}
.hp-quote-slider ul.slides .slide .logo-holder svg {
  max-width: 100%;
  height: 45px;
}
.hp-quote-slider ul.slides .slide .quote-holder {
  align-items: flex-start;
  flex: 1 0 100%;
  padding: 30px;
  position: relative;
  transform: translateX(100px);
  opacity: 0;
  transition: 3s transform ease-out, 300ms opacity ease-out;
}
.hp-quote-slider ul.slides .slide .quote-holder h4 {
  font-style: italic;
  line-height: 1.4em;
  font-size: 1.3em;
}
.hp-quote-slider ul.slides .slide.active .logo-holder {
  transition: 1500ms opacity ease-out;
  opacity: 1;
}
.hp-quote-slider ul.slides .slide.active .quote-holder {
  transition: 1500ms transform ease-out, 1500ms opacity ease-out;
  transform: translateX(0px);
  opacity: 1;
}
@media print, screen and (min-width: 40em) {
  .hp-quote-slider ul.slides .slide {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .hp-quote-slider ul.slides .slide .logo-holder {
    width: auto;
    order: 1;
    text-align: left;
    flex: 0 1 30%;
  }
  .hp-quote-slider ul.slides .slide .quote-holder {
    flex: 1 0 50%;
    order: 2;
  }
}
.hp-quote-slider ul#hp-slider-nav {
  margin: 0;
  text-align: center;
  list-style-position: inside;
  display: none;
  margin: auto;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.hp-quote-slider ul#hp-slider-nav li {
  transition: 300ms opacity ease-out;
  cursor: pointer;
  opacity: 0.5;
  float: left;
  height: 50px;
  width: 50px;
  margin: 10px;
  padding-left: 22px;
  padding-top: 12px;
}
.hp-quote-slider ul#hp-slider-nav li.active {
  opacity: 1;
}
@media print, screen and (min-width: 40em) {
  .hp-quote-slider ul#hp-slider-nav {
    display: inline-block;
  }
}

#cost-efficiency.home-page {
  position: relative;
}
#cost-efficiency.home-page .hp-ce-bkgd-image {
  background-image: url("https://cdn.pagerduty.com/wp-content/uploads/2020/06/shift-homepage.jpg");
}
#cost-efficiency.home-page .hp-summit-bg-img {
  background-image: url("https://cdn.pagerduty.com/wp-content/uploads/2021/05/summit-hp-bg.png");
}
#cost-efficiency.home-page .hp-ce-bkgd-image,
#cost-efficiency.home-page .hp-summit-bg-img {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position: relative;
  width: 100%;
  height: 200px;
}
@media print, screen and (min-width: 40em) {
  #cost-efficiency.home-page .hp-ce-bkgd-image,
  #cost-efficiency.home-page .hp-summit-bg-img {
    height: 300px;
  }
}
@media print, screen and (min-width: 64em) {
  #cost-efficiency.home-page .hp-ce-bkgd-image,
  #cost-efficiency.home-page .hp-summit-bg-img {
    left: 0;
    top: 0;
    position: absolute;
    width: 50%;
    height: 100%;
  }
}

.cns-asset {
  position: absolute;
  top: 0;
  left: 0;
  width: 40%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}
.cns-asset.lines {
  background-image: url(https://cdn.pagerduty.com/wp-content/uploads/2019/08/lines.svg);
  z-index: 10;
  background-position: top right;
}
.cns-asset.dots {
  background-image: url(https://cdn.pagerduty.com/wp-content/uploads/2019/08/dots.svg);
  z-index: 20;
}

.what-does-pd-do .row.align-justify {
  padding: 0 20px;
}
.what-does-pd-do .row.align-justify a.pd-orange:hover, .what-does-pd-do .row.align-justify a.pd-orange:active {
  color: #fa640a !important;
}

@media print, screen and (max-width: 39.99875em) {
  .cns-asset {
    opacity: 0.1;
    z-index: 0;
    height: 60%;
    width: 60%;
  }
}
.row.pd-cns {
  max-width: 703px;
}

@media print, screen and (max-width: 39.99875em) {
  .pd-cns-ctas .columns {
    margin-bottom: 30px;
  }
}
.pd-do img {
  display: inline-block;
  padding: 5px;
  width: 50px;
  height: 50px;
}
.pd-do .icn-pd-do-web {
  width: 42px !important;
}
.pd-do-item {
  display: flex;
  flex-direction: row;
  margin-bottom: 30px;
}
.pd-do-copy {
  flex: 1;
}

#integrations .dots {
  width: 100%;
  position: absolute;
  height: 90px;
  bottom: 0;
  left: 0;
  background-image: url(https://cdn.pagerduty.com/wp-content/uploads/2019/08/dot-grid.png);
  background-repeat: repeat;
  background-size: 1000px;
  background-position: center;
}
#integrations .hp19-integration-logo {
  max-width: 110px;
  max-height: 90px;
}
#integrations .logo-row .columns {
  margin-bottom: 30px;
}

#best-case-studies .hp-cust-blurb {
  display: block;
  margin-bottom: 30px;
  cursor: pointer;
}
#best-case-studies .hp-cust-blurb .top-copy {
  padding: 30px;
  min-height: 220px;
}
#best-case-studies .hp-cust-blurb img {
  margin: auto;
  width: 100%;
}
#best-case-studies .hp-cust-blurb p {
  display: inline-block;
  margin-top: 15px;
  margin-right: 30px;
  text-align: left;
}
#best-case-studies .hp-cust-blurb .cta {
  text-align: right;
  padding-top: 15px;
  padding-right: 30px;
  padding-left: 15px;
}

#why-pagerduty h2 {
  margin-bottom: 50px;
}
#why-pagerduty h6 {
  margin-bottom: 0;
  display: inline-block;
  font-weight: 600;
}
#why-pagerduty .striper {
  position: relative;
}
#why-pagerduty img.hp-eggs {
  width: 100%;
}
#why-pagerduty img.hp-girl {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 99;
}
@media print, screen and (min-width: 40em) and (max-width: 63.99875em) {
  #why-pagerduty img.hp-girl {
    width: 100px;
  }
}
@media print, screen and (min-width: 64em) {
  #why-pagerduty h6 {
    margin-bottom: 10px;
  }
  #why-pagerduty p {
    margin-bottom: 50px;
  }
}

#icn-summit-19 {
  position: absolute;
  top: 30px;
  left: 30px;
}

#whats-new .whats-new-link {
  display: block;
  position: relative;
}
#whats-new a.whats-new-link {
  color: #ffffff;
}
#whats-new a.whats-new-link .hp19-quote-header {
  position: absolute;
  top: 30px;
  left: 30px;
  width: 70%;
}
#whats-new a.whats-new-link .hp19-quote {
  position: absolute;
  bottom: 30px;
  left: 30px;
  margin-bottom: 0;
  width: 60%;
  transition: 200ms color ease;
}
#whats-new a.whats-new-link .hp19-quote:hover {
  color: rgb(219.3, 219.3, 219.3);
}
#whats-new a.whats-new-link.fake-image {
  width: 100%;
  height: 0;
  box-sizing: content-box;
  padding-bottom: 100%; /* Aspect ratio of the width/height */
}
#whats-new a.whats-new-link:hover .hp19-quote {
  color: rgb(229.5, 229.5, 229.5);
}

/* Legal Template */
#legal #legal-hero {
  min-height: 200px;
  height: 150px;
}
#legal .img-icon {
  height: 100px;
  position: relative;
  background-color: #048a24;
}
#legal ul {
  margin-left: 0;
}
#legal .sidebar-nav li {
  list-style: none;
}
#legal i.fa {
  color: #ffffff;
  font-size: 50px;
  width: 100%;
  text-align: center;
}

.legal-section-grid .row {
  margin: 0 auto;
}
.legal-section-grid .row > .columns {
  border: 10px solid white;
  padding: 0;
  text-align: left;
  display: flex;
  flex-direction: column;
}
.legal-section-grid .row .sect-padding {
  margin: 0.5em;
}
.legal-section-grid .row a {
  font-weight: 600;
}
.legal-section-grid .row h2 {
  flex-grow: 1;
}
.legal-section-grid .row h2,
.legal-section-grid .row p {
  padding: 15px;
  margin-bottom: 0;
}

@media only screen and (max-width: 640px) {
  #legal .terms .row {
    width: 100%;
  }
  #legal .terms .row > .columns {
    min-width: 250px;
  }
  #legal .legal-section-grid .columns h2 {
    font-size: 2 rem;
  }
  #legal .sidebar-nav {
    clear: both;
    margin: 20px 0;
  }
  #legal .sidebar-nav h5 {
    display: block;
    background: #efefef;
    padding: 5px 10px;
  }
  #legal .sidebar-nav li a {
    margin: 0 30px;
    display: block;
  }
}
.pricing-card-shadow {
  box-shadow: 5px 5px 0px 0px #005a24;
}

.pricing-card-shadow-x {
  box-shadow: 5px 0px 0px 0px #005a24;
}

.shadow-nav-dropdown {
  box-shadow: 0px 37px 42px rgba(0, 0, 0, 0.25);
}

#resource-hub .hub-page-copy ul {
  list-style: none; /* Remove default bullets */
}
#resource-hub .hub-page-copy ul li::before {
  content: "•"; /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #048a24; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}

/*
Styling the logo/header for any legacy pages that still use the old navigation. (individual resource pages)
*/
.resource-single-header {
  background-color: #fff;
}

.cb-logo-wrapper {
  max-width: 200px;
}

/*
Adding to Legal pages to show list item numbers
*/
#legal ol[type=a] {
  list-style-type: lower-alpha;
}
#legal ol[type=i] {
  list-style-type: lower-roman;
}
#legal ol[type=I] {
  list-style-type: upper-roman;
}

/*
Sign Up form contained Foundation classes that were adding unnecessary margin-bottom for the input elements. See pull request #1585 for more details. When Foundation is removed, these can also be removed and verify that the Sign Up form is still styled properly
*/
#sign-up-form input,
#sign-up-form .prefix,
#sign-up-form .postfix {
  margin-bottom: 0 !important;
}

/*********************************************
*
* MEDIUM
*
**********************************************/
@media print, screen and (min-width: 40em) {
  .md\:text-left {
    text-align: left;
  }
}
.z-modal {
  z-index: 150 !important;
}

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