@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 400;
  src: local('Barlow Regular'), local('Barlow-Regular'), url(https://fonts.gstatic.com/s/barlow/v4/7cHpv4kjgoGqM7E_DMs8.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 600;
  src: local('Barlow SemiBold'), local('Barlow-SemiBold'), url(https://fonts.gstatic.com/s/barlow/v4/7cHqv4kjgoGqM7E30-8s51op.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 900;
  src: local('Barlow Black'), local('Barlow-Black'), url(https://fonts.gstatic.com/s/barlow/v4/7cHqv4kjgoGqM7E3j-ws51op.ttf) format('truetype');
}
@font-face {
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  src: url(https://fonts.gstatic.com/s/cabin/v15/u-4X0qWljRw-PfU81xCKCpdpbgZJl6XFpfEd7eA9BIxxkV2EH7alwg.ttf) format('truetype');
}
@font-face {
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  src: url(https://fonts.gstatic.com/s/cabin/v15/u-4X0qWljRw-PfU81xCKCpdpbgZJl6XFpfEd7eA9BIxxkYODH7alwg.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v18/ieVl2ZhZI2eCN5jzbjEETS9weq8-19K7CA.ttf) format('truetype');
}
@font-face {
  font-family: 'Source Code Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Code Pro Regular'), local('SourceCodePro-Regular'), url(https://fonts.gstatic.com/s/sourcecodepro/v11/HI_SiYsKILxRpg3hIP6sJ7fM7PqlPevT.ttf) format('truetype');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 400;
  src: local('Source Sans Pro Italic'), local('SourceSansPro-Italic'), url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xK1dSBYKcSV-LCoeQqfX1RYOo3qPZ7nsDc.ttf) format('truetype');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 600;
  src: local('Source Sans Pro SemiBold Italic'), local('SourceSansPro-SemiBoldItalic'), url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZY4lCds18E.ttf) format('truetype');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 200;
  src: local('Source Sans Pro ExtraLight'), local('SourceSansPro-ExtraLight'), url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xKydSBYKcSV-LCoeQqfX1RYOo3i94_wlxdr.ttf) format('truetype');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7g.ttf) format('truetype');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwlxdr.ttf) format('truetype');
}
@font-face {
  font-family: 'ddc_hardwarecompressed';
  src: url('../fonts/ddchardware-compressed-webfont.woff2') format('woff2'), url('../fonts/ddchardware-compressed-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ddc_hardwarecondensed';
  src: url('../fonts/ddchardware-condensed-webfont.woff2') format('woff2'), url('../fonts/ddchardware-condensed-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ddc_hardware_regular';
  src: url('../fonts/ddchardware-regular-webfont.woff2') format('woff2'), url('../fonts/ddchardware-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'little_opheliaregular';
  src: url('../fonts/littleophelia-regular-webfont.woff2') format('woff2'), url('../fonts/littleophelia-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'suomi_hand';
  src: url('../fonts/suomi_hand_script-webfont.woff2') format('woff2'), url('../fonts/suomi_hand_script-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
.hide {
  display: none !important;
}
.show {
  display: block;
}
.content-box {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.flex {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.flex-col {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.flex-nowrap {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.flex-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.flex-ver {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.flex-start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.flex-end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.flex-baseline {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.flex-shrink {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.flex-hor,
.center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.flex-align-start {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.flex-align-end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.flex-align-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.flex-space-around {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.flex-space-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.flex-grow {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-right: 0 !important;
}
.flex-nogrow {
  -webkit-box-flex: 0 !important;
      -ms-flex-positive: 0 !important;
          flex-grow: 0 !important;
}
.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block !important;
  max-width: 100%;
}
.btm {
  margin-bottom: 1.3rem !important;
}
.dip {
  margin-bottom: calc(1.3rem / 2) !important;
}
.push {
  margin-right: 10px !important;
}
.bg-grey {
  background: #EFF3F7;
}
.margin-top {
  margin-top: 1.3rem !important;
}
.elevated {
  z-index: 1;
}
.skew {
  -webkit-transform: skewY(-10deg);
  transform: skewY(-10deg);
}
.auto {
  max-width: 1400px;
  width: 100%;
  margin: 0 auto;
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.fp {
  width: 100%;
}
.col {
  padding: 0 15px;
}
.fh {
  height: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.row {
  margin: 0 -15px;
}
.eighty {
  width: 80%;
  padding: 0 15px;
}
.threeqtr {
  width: 75%;
  padding: 0 15px;
}
.seventy {
  width: 70%;
  padding: 0 15px;
}
.twothird {
  width: 66.66%;
  padding: 0 15px;
}
.sixty {
  width: 60%;
  padding: 0 15px;
}
.half {
  width: 50%;
  padding: 0 15px;
}
.forty {
  width: 40%;
  padding: 0 15px;
}
.third {
  width: 33.33%;
  padding: 0 15px;
}
.thirty {
  width: 30%;
  padding: 0 15px;
}
.qtr {
  width: 25%;
  padding: 0 15px;
}
.fifth {
  width: 20%;
  padding: 0 15px;
}
.sixth {
  width: calc(100%/6);
  padding: 0 15px;
}
.rgt {
  margin-left: auto !important;
  padding-left: 20px;
}
.cover {
  background-size: cover;
}
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.fuzz {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* Slider */
.carousel,
.slider {
  display: none;
}
.carousel.slick-initialized,
.slider.slick-initialized {
  display: block;
}
.slick-slide:focus {
  outline: none;
}
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-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);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  height: 100%;
}
.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;
  display: none;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  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;
}
.slick-dots {
  position: absolute;
  bottom: 15px;
  list-style: none;
  right: 15px;
  z-index: 4;
  -webkit-transition: all 0.3s, X;
  transition: all 0.3s, X;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.slick-dots li {
  position: relative;
  display: block;
  height: 8px;
  width: 8px;
  margin: 0 3px;
  padding: 0 !important;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  display: block;
  height: 8px;
  width: 8px;
  outline: none;
  line-height: 0;
  font-size: 0;
  color: transparent;
  cursor: pointer;
}
.slick-dots li.slick-active button {
  background: #fff;
}
/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.noUi-target {
  position: relative;
  direction: ltr;
  /* Giving the connect element a border radius causes issues with using transform: scale */
  background: #E1E7EE;
  border-radius: 3px;
}
.noUi-base,
.noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}
/* Wrapper for all connect elements.
 */
.noUi-connects {
  overflow: hidden;
  z-index: 0;
  /* Giving the connect element a border radius causes issues with using transform: scale */
  border-radius: 3px;
}
.noUi-connect,
.noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}
/* Offset direction
 */
html:not([dir="rtl"]) .noUi-horizontal .noUi-origin {
  left: auto;
  right: 0;
}
/* Give origins 0 height/width so they don't interfere with clicking the
 * connect elements.
 */
.noUi-vertical .noUi-origin {
  width: 0;
}
.noUi-horizontal .noUi-origin {
  height: 0;
}
.noUi-handle {
  position: absolute;
  cursor: ew-resize;
}
.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  -webkit-transition: transform 0.3s;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.noUi-state-drag * {
  cursor: inherit !important;
}
/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 44px;
}
.noUi-horizontal .noUi-handle {
  width: 44px;
  height: 44px;
  left: -22px;
  top: 0;
}
.noUi-vertical {
  width: 18px;
}
.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  left: -6px;
  top: -17px;
}
html:not([dir="rtl"]) .noUi-horizontal .noUi-handle {
  right: -22px;
  left: auto;
}
.noUi-connect {
  background: #07ae59;
}
/* Handles and cursors;
 */
.noUi-draggable {
  cursor: -webkit-grab;
  cursor: grab;
}
.noUi-draggable:active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}
.noUi-handle:focus {
  outline: 0;
}
/* Handle stripes;
 */
.noUi-handle::after {
  left: 22px;
}
.noUi-vertical .noUi-handle::before,
.noUi-vertical .noUi-handle::after {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px;
}
.noUi-vertical .noUi-handle::after {
  top: 0;
}
/* Disabled state;
 */
[disabled] .noUi-connect {
  background: #B8B8B8;
}
[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
  cursor: not-allowed;
}
/* Base;
 *
 */
.noUi-pips,
.noUi-pips * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.noUi-pips {
  position: absolute;
  color: #A4ACB9;
  font-size: 11px;
  font-family: 'Barlow', sans-serif;
}
/* Values;
 *
 */
.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center;
}
.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}
/* Markings;
 *
 */
.noUi-marker {
  position: absolute;
  background: rgba(215, 222, 227, 0.5);
}
/* Horizontal layout;
 *
 */
.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%;
}
.noUi-value-horizontal {
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
}
.noUi-rtl .noUi-value-horizontal {
  -webkit-transform: translate(50%, 50%);
  transform: translate(50%, 50%);
}
.noUi-marker-horizontal.noUi-marker {
  width: 1px;
  height: 5px;
  margin: -10px 0 0 0;
}
.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}
.noUi-marker-horizontal.noUi-marker-large {
  height: 10px;
}
/* Vertical layout;
 *
 */
.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%;
}
.noUi-value-vertical {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%, 0);
  padding-left: 25px;
}
.noUi-rtl .noUi-value-vertical {
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%);
}
.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px;
}
.noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}
.noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}
/* Get the bourbon mixin from http://bourbon.io */
/* Reset */
.flip-clock-wrapper * {
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.flip-clock-wrapper a {
  cursor: pointer;
  text-decoration: none;
  color: #ccc;
}
.flip-clock-wrapper a:hover {
  color: #fff;
}
.flip-clock-wrapper.clearfix::before,
.flip-clock-wrapper.clearfix::after {
  content: " ";
  display: table;
}
.flip-clock-wrapper.clearfix::after {
  clear: both;
}
.flip-clock-wrapper.clearfix {
  *zoom: 1;
}
/* Main */
.flip-clock-meridium {
  background: none !important;
  -webkit-box-shadow: 0 0 0 !important;
          box-shadow: 0 0 0 !important;
  font-size: 36px !important;
}
.flip-clock-meridium a {
  color: #313333;
}
.flip-clock-wrapper {
  font: normal 11px "Helvetica Neue", Helvetica, sans-serif;
  -webkit-user-select: none;
  text-align: center;
  position: relative;
  width: 100%;
  margin: 1em;
}
.flip-clock-wrapper::before,
.flip-clock-wrapper::after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.flip-clock-wrapper::after {
  clear: both;
}
/* Skeleton */
.flip-clock-wrapper ul {
  position: relative;
  float: left;
  margin: 5px;
  width: 60px;
  height: 90px;
  font-size: 80px;
  font-weight: bold;
  line-height: 87px;
  border-radius: 6px;
  background: #000;
  list-style: none;
}
.flip-clock-wrapper ul li {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  line-height: 87px;
  text-decoration: none !important;
}
.flip-clock-wrapper ul li:first-child {
  z-index: 2;
}
.flip-clock-wrapper ul li a {
  display: block;
  height: 100%;
  -webkit-perspective: 200px;
  perspective: 200px;
  margin: 0 !important;
  overflow: visible !important;
  cursor: default !important;
}
.flip-clock-wrapper ul li a div {
  z-index: 1;
  position: absolute;
  left: 0;
  width: 100%;
  height: 50%;
  font-size: 80px;
  overflow: hidden;
  outline: 1px solid transparent;
}
.flip-clock-wrapper ul li a div .shadow {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.flip-clock-wrapper ul li a div.up {
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  top: 0;
}
.flip-clock-wrapper ul li a div.up::after {
  content: "";
  position: absolute;
  top: 44px;
  left: 0;
  z-index: 5;
  width: 100%;
  height: 3px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.4);
}
.flip-clock-wrapper ul li a div.down {
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  bottom: 0;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.flip-clock-wrapper ul li a div div.inn {
  position: absolute;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 200%;
  font-weight: 600;
  color: #ccc;
  text-shadow: 0 1px 2px #000;
  text-align: center;
  background-color: #333;
  border-radius: 6px;
  font-size: 70px;
}
.flip-clock-wrapper ul li a div.up div.inn {
  top: 0;
}
.flip-clock-wrapper ul li a div.down div.inn {
  bottom: 0;
}
/* PLAY */
.flip-clock-wrapper ul.play li.flip-clock-before {
  z-index: 3;
}
.flip-clock-wrapper .flip {
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7);
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7);
}
.flip-clock-wrapper ul.play li.flip-clock-active {
  -webkit-animation: asd 0.5s 0.5s linear both;
  animation: asd 0.5s 0.5s linear both;
  z-index: 5;
}
.flip-clock-divider {
  float: left;
  display: inline-block;
  position: relative;
  width: 20px;
  height: 100px;
}
.flip-clock-divider:first-child {
  width: 0;
}
.flip-clock-dot {
  display: block;
  background: #323434;
  width: 10px;
  height: 10px;
  position: absolute;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  left: 5px;
}
.flip-clock-divider .flip-clock-label {
  position: absolute;
  top: -1.5em;
  right: -86px;
  color: black;
  text-shadow: none;
}
.flip-clock-divider.minutes .flip-clock-label {
  right: -88px;
}
.flip-clock-divider.seconds .flip-clock-label {
  right: -91px;
}
.flip-clock-dot.top {
  top: 30px;
}
.flip-clock-dot.bottom {
  bottom: 30px;
}
@-webkit-keyframes asd {
  0% {
    z-index: 2;
  }
  20% {
    z-index: 4;
  }
  100% {
    z-index: 4;
  }
}
@keyframes asd {
  0% {
    z-index: 2;
  }
  20% {
    z-index: 4;
  }
  100% {
    z-index: 4;
  }
}
.flip-clock-wrapper ul.play li.flip-clock-active .down {
  z-index: 2;
  -webkit-animation: turn 0.5s 0.5s linear both;
  animation: turn 0.5s 0.5s linear both;
}
@-webkit-keyframes turn {
  0% {
    -webkit-transform: rotateX(90deg);
  }
  100% {
    -webkit-transform: rotateX(0deg);
  }
}
@keyframes turn {
  0% {
    -webkit-transform: rotateX(90deg);
            transform: rotateX(90deg);
  }
  100% {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
  }
}
.flip-clock-wrapper ul.play li.flip-clock-before .up {
  z-index: 2;
  -webkit-animation: turn2 0.5s linear both;
  animation: turn2 0.5s linear both;
}
@-webkit-keyframes turn2 {
  0% {
    -webkit-transform: rotateX(0deg);
  }
  100% {
    -webkit-transform: rotateX(-90deg);
  }
}
@keyframes turn2 {
  0% {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
  }
  100% {
    -webkit-transform: rotateX(-90deg);
            transform: rotateX(-90deg);
  }
}
.flip-clock-wrapper ul li.flip-clock-active {
  z-index: 3;
}
/* SHADOW */
.flip-clock-wrapper ul.play li.flip-clock-before .up .shadow {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
  background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
  -webkit-animation: show 0.5s linear both;
  animation: show 0.5s linear both;
}
.flip-clock-wrapper ul.play li.flip-clock-active .up .shadow {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
  background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
  -webkit-animation: hide 0.5s 0.3s linear both;
  animation: hide 0.5s 0.3s linear both;
}
/* DOWN */
.flip-clock-wrapper ul.play li.flip-clock-before .down .shadow {
  background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
  background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
  -webkit-animation: show 0.5s linear both;
  animation: show 0.5s linear both;
}
.flip-clock-wrapper ul.play li.flip-clock-active .down .shadow {
  background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
  background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
  -webkit-animation: hide 0.5s 0.3s linear both;
  animation: hide 0.5s 0.2s linear both;
}
@-webkit-keyframes show {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes show {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes hide {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes hide {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
code[class*="language-"],
pre[class*="language-"] {
  color: #f8f8f2;
  background: none;
  text-shadow: 0 1px rgba(0, 0, 0, 0.3);
  font-family: 'Source Code Pro', Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
  font-size: 1em;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  line-height: 1.5;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}
/* Code blocks */
pre[class*="language-"] {
  padding: 0.688rem 1rem;
  margin: 0.5em 0;
  overflow: auto;
  border-radius: 0.3em;
}
.vanish pre[class*="language-"] {
  margin: 0;
}
:not(pre) > code[class*="language-"],
pre[class*="language-"] {
  background: #1A2329;
}
/* Inline code */
:not(pre) > code[class*="language-"] {
  padding: 0.1em;
  border-radius: 0.3em;
  white-space: normal;
}
.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
  color: slategray;
}
.token.punctuation {
  color: #f8f8f2;
}
.namespace {
  opacity: 0.7;
}
.token.property,
.token.tag,
.token.constant,
.token.symbol,
.token.deleted {
  color: #33C2AE;
}
.token.boolean,
.token.number {
  color: #ae81ff;
}
.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
  color: #8EC742;
}
.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string,
.token.variable {
  color: #f8f8f2;
}
.token.atrule,
.token.attr-value,
.token.function,
.token.class-name {
  color: #e6db74;
}
.token.keyword {
  color: #66d9ef;
}
.token.regex,
.token.important {
  color: #fd971f;
}
.token.important,
.token.bold {
  font-weight: bold;
}
.token.italic {
  font-style: italic;
}
.token.entity {
  cursor: help;
}
pre[class*="language-"].line-numbers {
  position: relative;
  padding-left: 3.8em;
  counter-reset: linenumber;
}
pre[class*="language-"].line-numbers > code {
  position: relative;
  white-space: inherit;
}
.line-numbers .line-numbers-rows {
  position: absolute;
  pointer-events: none;
  top: 0;
  font-size: 100%;
  left: -3.8em;
  width: 3em;
  /* works for line-numbers below 1000 lines */
  letter-spacing: -1px;
  border-right: 1px solid #999;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.line-numbers-rows > span {
  pointer-events: none;
  display: block;
  counter-increment: linenumber;
}
.line-numbers-rows > span::before {
  content: counter(linenumber);
  color: #999;
  display: block;
  padding-right: 0.8em;
  text-align: right;
}
.datepicker--cells {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.datepicker--cell {
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  position: relative;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  height: 32px;
  z-index: 1;
}
.datepicker--cell.-focus- {
  background: #f0f0f0;
}
.datepicker--cell.-current- {
  color: #26AA27;
}
.datepicker--cell.-current-.-focus- {
  color: #4a4a4a;
}
.datepicker--cell.-current-.-in-range- {
  color: #26AA27;
}
.datepicker--cell.-in-range- {
  background: #e6f0eb;
  color: #4a4a4a;
  border-radius: 0;
}
.datepicker--cell.-in-range-.-focus- {
  background-color: #CCE0D6;
}
.datepicker--cell.-disabled- {
  cursor: default;
  color: #aeaeae;
}
.datepicker--cell.-disabled-.-focus- {
  color: #aeaeae;
}
.datepicker--cell.-disabled-.-in-range- {
  color: #a1a1a1;
}
.datepicker--cell.-disabled-.-current-.-focus- {
  color: #aeaeae;
}
.datepicker--cell.-range-from- {
  border: 1px solid #26AA27;
  background-color: #fff;
  border-radius: 4px 0 0 4px;
}
.datepicker--cell.-range-to- {
  border: 1px solid rgba(92, 196, 239, 0.5);
  background-color: rgba(92, 196, 239, 0.1);
  border-radius: 0 4px 4px 0;
}
.datepicker--cell.-selected-,
.datepicker--cell.-selected-.-current- {
  color: #fff;
  background: #26AA27;
}
.datepicker--cell.-range-from-.-range-to- {
  border-radius: 4px;
}
.datepicker--cell.-selected- {
  border: none;
}
.datepicker--cell.-selected-.-focus- {
  background: #26AA27;
}
.datepicker--cell:empty {
  cursor: default;
}
.datepicker--days-names {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 8px 0 3px;
}
.datepicker--day-name {
  color: #8E959E;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex: 1;
  -webkit-box-flex: 1;
          flex: 1;
  text-align: center;
  text-transform: uppercase;
  font-size: 0.8em;
}
.-only-timepicker- .datepicker--content,
.datepicker--body,
.datepicker-inline .datepicker--pointer {
  display: none;
}
.datepicker--cell-day {
  width: 14.28571%;
}
.datepicker--cells-months {
  height: 170px;
}
.datepicker--cell-month {
  width: 33.33%;
  height: 25%;
}
.datepicker--cells-years,
.datepicker--years {
  height: 170px;
}
.datepicker--cell-year {
  width: 25%;
  height: 33.33%;
}
.datepickers-container {
  position: absolute;
  left: 0;
  top: 0;
}
@media print {
  .datepickers-container {
    display: none;
  }
}
.datepicker {
  background: #fff;
  border: 1px solid #dbdbdb;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  font-size: 14px;
  color: #4a4a4a;
  width: 250px;
  position: absolute;
  left: -100000px;
  opacity: 0;
  transition: opacity 0.3s ease, left 0s 0.3s, -webkit-transform 0.3s ease;
  -webkit-transition: opacity 0.3s ease, left 0s 0.3s, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0.3s;
  transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0.3s, -webkit-transform 0.3s ease;
  z-index: 100;
}
.datepicker.-from-top- {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}
.datepicker.-from-right- {
  -webkit-transform: translateX(8px);
  transform: translateX(8px);
}
.datepicker.-from-bottom- {
  -webkit-transform: translateY(8px);
  transform: translateY(8px);
}
.datepicker.-from-left- {
  -webkit-transform: translateX(-8px);
  transform: translateX(-8px);
}
.datepicker.active {
  opacity: 1;
  -webkit-transform: translate(0);
  transform: translate(0);
  transition: opacity 0.3s ease, left 0s 0s, -webkit-transform 0.3s ease;
  -webkit-transition: opacity 0.3s ease, left 0s 0s, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0s;
  transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0s, -webkit-transform 0.3s ease;
}
.datepicker-inline .datepicker {
  border-color: #d7d7d7;
  -webkit-box-shadow: none;
          box-shadow: none;
  position: static;
  left: auto;
  right: auto;
  opacity: 1;
  -webkit-transform: none;
  transform: none;
}
.datepicker--content {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  padding: 4px;
}
.datepicker--pointer {
  position: absolute;
  background: #fff;
  border-top: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb;
  width: 10px;
  height: 10px;
  z-index: -1;
}
.datepicker--nav-action:hover,
.datepicker--nav-title:hover {
  background: #f0f0f0;
}
.-top-center- .datepicker--pointer,
.-top-left- .datepicker--pointer,
.-top-right- .datepicker--pointer {
  top: calc(100% - 4px);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
.-right-bottom- .datepicker--pointer,
.-right-center- .datepicker--pointer,
.-right-top- .datepicker--pointer {
  right: calc(100% - 4px);
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
}
.-bottom-center- .datepicker--pointer,
.-bottom-left- .datepicker--pointer,
.-bottom-right- .datepicker--pointer {
  bottom: calc(100% - 4px);
  -webkit-transform: rotate(315deg);
  transform: rotate(315deg);
}
.-left-bottom- .datepicker--pointer,
.-left-center- .datepicker--pointer,
.-left-top- .datepicker--pointer {
  left: calc(100% - 4px);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.-bottom-left- .datepicker--pointer,
.-top-left- .datepicker--pointer {
  left: 10px;
}
.-bottom-right- .datepicker--pointer,
.-top-right- .datepicker--pointer {
  right: 10px;
}
.-bottom-center- .datepicker--pointer,
.-top-center- .datepicker--pointer {
  left: calc(50% - 10px / 2);
}
.-left-top- .datepicker--pointer,
.-right-top- .datepicker--pointer {
  top: 10px;
}
.-left-bottom- .datepicker--pointer,
.-right-bottom- .datepicker--pointer {
  bottom: 10px;
}
.-left-center- .datepicker--pointer,
.-right-center- .datepicker--pointer {
  top: calc(50% - 10px / 2);
}
.datepicker--body.active {
  display: block;
}
.datepicker--nav {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #efefef;
  min-height: 32px;
  padding: 4px;
  position: static;
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  width: auto;
  height: auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.-only-timepicker- .datepicker--nav {
  display: none;
}
.datepicker--nav-action,
.datepicker--nav-title {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  cursor: pointer;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
}
.datepicker--nav-action {
  width: 32px;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.datepicker--nav-action.-disabled- {
  visibility: hidden;
}
.datepicker--nav-action svg {
  width: 32px;
  height: 32px;
}
.datepicker--nav-action path {
  fill: none;
  stroke: #9c9c9c;
  stroke-width: 2px;
}
.datepicker--nav-title {
  border-radius: 4px;
  padding: 0 8px;
}
.datepicker--buttons,
.datepicker--time {
  border-top: 1px solid #efefef;
  padding: 4px;
}
.datepicker--nav-title i {
  font-style: normal;
  color: #9c9c9c;
  margin-left: 5px;
}
.datepicker--nav-title.-disabled- {
  cursor: default;
  background: 0 0;
}
.datepicker--buttons {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
}
.datepicker--button {
  color: #4EB5E6;
  cursor: pointer;
  border-radius: 4px;
  -ms-flex: 1;
  -webkit-box-flex: 1;
          flex: 1;
  display: -ms-inline-flexbox;
  display: -webkit-inline-box;
  display: inline-flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  height: 32px;
}
.datepicker--button:hover {
  color: #4a4a4a;
  background: #f0f0f0;
}
.datepicker--time {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  position: relative;
}
.datepicker--time.-am-pm- .datepicker--time-sliders {
  -ms-flex: 0 1 138px;
  -webkit-box-flex: 0;
          flex: 0 1 138px;
  max-width: 138px;
}
.-only-timepicker- .datepicker--time {
  border-top: none;
}
.datepicker--time-sliders {
  -ms-flex: 0 1 153px;
  -webkit-box-flex: 0;
          flex: 0 1 153px;
  margin-right: 10px;
  max-width: 153px;
}
.datepicker--time-label {
  display: none;
  font-size: 12px;
}
.datepicker--time-current {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  -ms-flex: 1;
  -webkit-box-flex: 1;
          flex: 1;
  font-size: 14px;
  text-align: center;
  margin: 0 0 0 10px;
}
.datepicker--time-current-colon {
  margin: 0 2px 3px;
  line-height: 1;
}
.datepicker--time-current-hours,
.datepicker--time-current-minutes {
  line-height: 1;
  font-size: 19px;
  position: relative;
  z-index: 1;
}
.datepicker--time-current-hours::after,
.datepicker--time-current-minutes::after {
  content: '';
  background: #f0f0f0;
  border-radius: 4px;
  position: absolute;
  left: -2px;
  top: -3px;
  right: -2px;
  bottom: -2px;
  z-index: -1;
  opacity: 0;
}
.datepicker--time-current-hours.-focus-::after,
.datepicker--time-current-minutes.-focus-::after {
  opacity: 1;
}
.datepicker--time-current-ampm {
  text-transform: uppercase;
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  color: #9c9c9c;
  margin-left: 6px;
  font-size: 11px;
  margin-bottom: 1px;
}
.datepicker--time-row {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  font-size: 11px;
  height: 17px;
  background: -webkit-gradient(linear, left top, right top, from(#dedede), to(#dedede)) left 0.5% 1px no-repeat;
  background: linear-gradient(to right, #dedede, #dedede) left 0.5% 1px no-repeat;
}
.datepicker--time-row:first-child {
  margin-bottom: 4px;
}
.datepicker--time-row input[type=range] {
  background: 0 0;
  cursor: pointer;
  -ms-flex: 1;
  -webkit-box-flex: 1;
          flex: 1;
  height: 100%;
  padding: 0;
  margin: 0;
  -webkit-appearance: none;
}
.datepicker--time-row input[type=range]::-ms-tooltip {
  display: none;
}
.datepicker--time-row input[type=range]:hover::-webkit-slider-thumb {
  border-color: #b8b8b8;
}
.datepicker--time-row input[type=range]:hover::-moz-range-thumb {
  border-color: #b8b8b8;
}
.datepicker--time-row input[type=range]:hover::-ms-thumb {
  border-color: #b8b8b8;
}
.datepicker--time-row input[type=range]:focus {
  outline: 0;
}
.datepicker--time-row input[type=range]:focus::-webkit-slider-thumb {
  background: #5cc4ef;
  border-color: #5cc4ef;
}
.datepicker--time-row input[type=range]:focus::-moz-range-thumb {
  background: #5cc4ef;
  border-color: #5cc4ef;
}
.datepicker--time-row input[type=range]:focus::-ms-thumb {
  background: #5cc4ef;
  border-color: #5cc4ef;
}
.datepicker--time-row input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 12px;
  width: 12px;
  border-radius: 3px;
  border: 1px solid #dedede;
  background: #fff;
  cursor: pointer;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
  margin-top: -6px;
}
.datepicker--time-row input[type=range]::-moz-range-thumb {
  box-sizing: border-box;
  height: 12px;
  width: 12px;
  border-radius: 3px;
  border: 1px solid #dedede;
  background: #fff;
  cursor: pointer;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
}
.datepicker--time-row input[type=range]::-ms-thumb {
  box-sizing: border-box;
  height: 12px;
  width: 12px;
  border-radius: 3px;
  border: 1px solid #dedede;
  background: #fff;
  cursor: pointer;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
}
.datepicker--time-row input[type=range]::-webkit-slider-runnable-track {
  border: none;
  height: 1px;
  cursor: pointer;
  color: transparent;
  background: 0 0;
}
.datepicker--time-row input[type=range]::-moz-range-track {
  border: none;
  height: 1px;
  cursor: pointer;
  color: transparent;
  background: 0 0;
}
.datepicker--time-row input[type=range]::-ms-track {
  border: none;
  height: 1px;
  cursor: pointer;
  color: transparent;
  background: 0 0;
}
.datepicker--time-row input[type=range]::-ms-fill-lower {
  background: 0 0;
}
.datepicker--time-row input[type=range]::-ms-fill-upper {
  background: 0 0;
}
.datepicker--time-row span {
  padding: 0 12px;
}
.datepicker--time-icon {
  color: #9c9c9c;
  border: 1px solid;
  border-radius: 50%;
  font-size: 16px;
  position: relative;
  margin: 0 5px -1px 0;
  width: 1em;
  height: 1em;
}
.datepicker--time-icon::after,
.datepicker--time-icon::before {
  content: '';
  background: currentColor;
  position: absolute;
}
.datepicker--time-icon::after {
  height: 0.4em;
  width: 1px;
  left: calc(50% - 1px);
  top: calc(50% + 1px);
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}
.datepicker--time-icon::before {
  width: 0.4em;
  height: 1px;
  top: calc(50% + 1px);
  left: calc(50% - 1px);
}
.datepicker--cell-day.-other-month-,
.datepicker--cell-year.-other-decade- {
  color: #dedede;
}
.datepicker--cell-day.-other-month-:hover,
.datepicker--cell-year.-other-decade-:hover {
  color: #c5c5c5;
}
.-disabled-.-focus-.datepicker--cell-day.-other-month-,
.-disabled-.-focus-.datepicker--cell-year.-other-decade- {
  color: #dedede;
}
.-selected-.datepicker--cell-day.-other-month-,
.-selected-.datepicker--cell-year.-other-decade- {
  color: #fff;
  background: #a2ddf6;
}
.-selected-.-focus-.datepicker--cell-day.-other-month-,
.-selected-.-focus-.datepicker--cell-year.-other-decade- {
  background: #26AA27;
}
.-in-range-.datepicker--cell-day.-other-month-,
.-in-range-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.1);
  color: #ccc;
}
.-in-range-.-focus-.datepicker--cell-day.-other-month-,
.-in-range-.-focus-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.2);
}
.datepicker--cell-day.-other-month-:empty,
.datepicker--cell-year.-other-decade-:empty {
  background: 0 0;
  border: none;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
hr,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
input,
button,
textarea,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
ol,
ul {
  list-style: none;
}
em {
  font-style: italic;
}
blockquote,
q {
  quotes: none;
}
blockquote::before,
blockquote::after,
q::before,
q::after {
  content: '';
  content: none;
}
table {
  border-spacing: 0;
}
a {
  text-decoration: none;
}
textarea,
input {
  overflow: hidden;
}
* {
  -webkit-text-size-adjust: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
body {
  text-rendering: optimizelegibility;
}
html {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color: #5F6470;
}
.entitlement-input {
  width: 70% !important;
  display: inline !important;
}

.entitlement-remove-button {
  display: inline;
  color: white;
  padding: 10px 14px;
  margin-left: 16px;
  background-color: #dc3545 !important;
}
.logo-pocket {
  content: '';
  background: url('sprite.png') 0 -1800px no-repeat;
  height: 0;
  overflow: hidden;
  width: 160px;
  padding-top: 32px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
}

.logo-hive {
  content: '';
  background: url('sprite.png') -200px -1900px no-repeat;
  height: 0;
  overflow: hidden;
  width: 160px;
  padding-top: 32px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
}

.logo-pocket-button {
  content: '';
  background: url('sprite.png') 16px -1785px no-repeat;
  height: 0;
  overflow: hidden;
  width: 160px;
  padding-top: 32px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  padding: 32px;
  cursor: pointer
}

.logo-hive-button {
  content: '';
  background: url('sprite.png') -184px -1885px no-repeat;
  height: 0;
  overflow: hidden;
  width: 160px;
  padding-top: 32px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  padding: 32px;
  cursor: pointer
}
.logo-papercut {
  content: '';
  background: url('sprite.png') -800px -1800px no-repeat;
  height: 0;
  overflow: hidden;
  width: 132px;
  padding-top: 41px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
}

.logo-selected {
  box-shadow: 5px 5px 2px grey;
  border: 2px solid green;
}
a {
  color: #26AA27;
  /* text-decoration: underline; text-decoration-skip: ink; */
}
a:hover {
  color: #8E959E;
  text-decoration: none;
}
a[data-toggle=collapsable] {
  position: relative;
  color: #8E959E;
  display: inline-block;
}
a[data-toggle=collapsable].inl {
  color: #26AA27;
}
a[data-toggle=collapsable].inl::before {
  display: none;
}
a[data-toggle=collapsable].alt {
  padding-left: 20px;
}
a[data-toggle=collapsable]::before {
  content: '';
  background: url('sprite.png') -400px -200px no-repeat;
  height: 0;
  overflow: hidden;
  width: 10px;
  padding-top: 6px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  position: absolute;
  right: -15px;
  -webkit-transform: translate(0, 7px) rotate(0deg);
  transform: translate(0, 7px) rotate(0deg);
  -webkit-transition: all 0.3s, X;
  transition: all 0.3s, X;
}
a[data-toggle=collapsable].alt::before {
  right: auto;
  left: 0;
  -webkit-transform: translate(0, 6px) rotate(-90deg);
  transform: translate(0, 6px) rotate(-90deg);
}
a[data-toggle=collapsable].open.alt::before {
  -webkit-transform: translate(0, 6px) rotate(0deg);
  transform: translate(0, 6px) rotate(0deg);
}
h5 a[data-toggle=collapsable] {
  color: #1A2329;
}
.row-link {
  cursor: pointer;
}
.link-ext::after {
  content: '';
  background: url('sprite.png') -600px -440px no-repeat;
  height: 0;
  overflow: hidden;
  width: 14px;
  padding-top: 14px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  margin-left: 6px;
  margin-bottom: 2px;
}
html,
body {
  height: 100%;
  position: relative;
  z-index: -2;
}
body {
  font-size: 0.9375rem;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.wrap {
  width: 100%;
  min-height: 100%;
  position: relative;
  overflow: hidden;
  padding: 56px 0 0 0;
}
.pusher,
.open-menu .pusher {
  left: 200px;
  background: #f5f7fa;
  background: #EFF3F7;
  position: relative;
  -webkit-transition: left 0.3s, X;
  transition: left 0.3s, X;
  width: calc(100% - 200px);
}
.page {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  min-height: calc(100vh - 56px);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 100px;
}
main {
  width: 100%;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  z-index: 7;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  position: relative;
  padding: 2rem 30px;
  background: #EFF3F7;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}
img {
  max-width: 100%;
}
figure {
  position: relative;
  margin-bottom: 1rem;
}
figcaption {
  font-family: 'Barlow', sans-serif;
  color: #8E959E;
}
figure img {
  display: block;
  margin: 0.3rem 0;
}
figure.center img {
  margin: 0.3rem auto;
}
.bg {
  /*  position: absolute;
  top: 50%;
  left: 50%;
  .transform(translate(-50%, -50%));
  z-index: -1;
  height: 360px;
  width: 360px;
  margin: -180px 0 0 0;
  background: red; */
  -ms-flex-negative: 1;
      flex-shrink: 1;
  text-align: center;
  margin: -60px 0 0 0;
}
.bg img {
  max-width: 360px;
  width: 100%;
}
.bg svg {
  display: block;
  margin: 0 auto;
}
pre {
  background: #01343D;
  white-space: pre;
  word-wrap: break-word;
  overflow: auto;
}
pre.code {
  margin: 1.3rem 0;
  border-radius: 3px;
  position: relative;
}
pre.code label {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.7);
  background: #096;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: 0;
  padding-top: 1rem;
  text-align: center;
  width: 60px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  pointer-events: none;
}
pre.code code {
  font-family: 'Barlow', sans-serif;
  display: block;
  margin: 0 0 0 60px;
  padding: 15px 16px 14px;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  overflow-x: auto;
  font-size: 13px;
  line-height: 19px;
  color: #fff;
}
table {
  -webkit-box-shadow: inset 1px 1px 0 0 #DFE4E8;
          box-shadow: inset 1px 1px 0 0 #DFE4E8;
  margin-bottom: 1.3rem;
  width: 100%;
}
table th,
table td {
  -webkit-box-shadow: inset -1px -1px 0 0 #DFE4E8;
          box-shadow: inset -1px -1px 0 0 #DFE4E8;
  padding: 6px 10px;
  text-align: left;
  line-height: 1.2;
  vertical-align: top;
}
table th {
  color: #2B3742;
  font-weight: 600;
  font-family: 'Barlow', sans-serif;
  vertical-align: bottom;
}
stop.start-color {
  stop-color: #80d0c7;
}
stop.end-color {
  stop-color: #006633;
}
.demo-pocket .dev-only,
.deom-hive .dev-only {
  display: none !important;
}
.demo-pocket .hive-only {
  display: none !important;
}
.demo-design .feature-toggle:not(.dev-only) {
  display: none !important;
}
.demo-only {
  opacity: 0;
}
.demo-mode .demo-only {
  opacity: 1;
}
p,
.p,
ol,
iframe {
  margin-bottom: 1.3rem;
}
.lead {
  font-size: 1.25em;
  line-height: 1.2;
  color: #1A2329;
}
ol {
  position: relative;
}
ul.disc {
  margin: 0 0 1.3rem 20px;
  text-align: left;
}
ul.disc > li::before {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  left: -20px;
  top: 9px;
  border-radius: 50%;
  background: #bbc1c7;
}
li {
  position: relative;
}
ol > li {
  counter-increment: counter;
  position: relative;
  padding-left: 20px;
}
ol > li::before {
  content: counter(counter);
  width: 20px;
  position: absolute;
  left: 0;
  top: 0;
  color: #BABFC4;
}
dt {
  color: #8E959E;
  font-family: 'Barlow', sans-serif;
}
dl.flex dt {
  width: 50%;
  padding: 0.8rem 0;
  -webkit-box-shadow: 0 1px 0 0 rgba(215, 222, 227, 0.5);
          box-shadow: 0 1px 0 0 rgba(215, 222, 227, 0.5);
}
dl.flex dd {
  width: 50%;
  padding: 0.8rem 0;
  -webkit-box-shadow: 0 1px 0 0 rgba(215, 222, 227, 0.5);
          box-shadow: 0 1px 0 0 rgba(215, 222, 227, 0.5);
}
.desc {
  font-size: 15px;
  line-height: 1;
  font-family: 'Barlow', sans-serif;
}
strong,
b {
  font-weight: 600;
  color: #212B36;
}
small,
time {
  font-size: 0.813rem;
  color: #A4ACB9;
  line-height: 1.4;
  font-family: 'Source Sans Pro', sans-serif;
  position: relative;
  font-weight: normal;
}
small .icon {
  margin-right: 5px !important;
}
.num {
  font-family: 'Barlow', sans-serif;
  font-size: 1.5rem;
  letter-spacing: -0.05em;
  font-weight: normal;
  line-height: 1;
}
.lge {
  font-size: 3rem;
  font-family: 'Barlow', sans-serif;
  line-height: 1;
  display: inline-block;
  color: #1A2329;
}
.med {
  font-size: 2.25rem;
  font-family: 'Barlow', sans-serif;
  line-height: 1;
  display: inline-block;
  color: #1A2329;
}
.lge small {
  font-size: 1.25rem;
  color: inherit;
}
.fig {
  font-family: 'Barlow', sans-serif;
}
.blk {
  display: block;
  margin-top: 0.15rem;
  line-height: 1.2;
}
.stamp {
  border-top: solid 1px #DFE4E8;
  border-bottom: solid 1px #DFE4E8;
  font-family: 'Barlow', sans-serif;
  font-size: 48px;
  line-height: 1;
  letter-spacing: -0.02em;
  padding: 0.08rem 0;
  margin-bottom: 0.4rem;
  color: #1A2329;
  text-transform: uppercase;
  display: inline-block;
}
hr {
  width: 100%;
  border: 0;
  margin: 15px 0;
}
hr.dashed {
  background: #DCE0E5;
  background: -webkit-gradient(linear, left top, right top, from(#EFF3F7), to(#D0D3D8));
  background: linear-gradient(to right, #EFF3F7 0%, #D0D3D8 100%);
  height: 2px;
  margin: 50px 0 0 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: auto;
}
hr.divider {
  border-bottom: 1px solid rgba(215, 222, 227, 0.5);
  margin: 2rem 0;
}
.divider-ver {
  border-left: 1px solid #d7dee3;
  margin-left: 20px;
  padding-left: 20px;
}
aside .divider {
  margin: 1.3rem 0;
}
blockquote {
  font-size: 18px;
  line-height: 27px;
  font-style: italic;
  max-width: 640px;
  margin: 0 auto;
  color: #999;
  text-align: center;
}
cite {
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #BABFC4;
}
.codeblock {
  border-radius: 3px;
  position: relative;
  color: #212B36;
  background: rgba(47, 190, 141, 0.05);
  -webkit-box-shadow: inset 0 0 0 1px rgba(47, 190, 141, 0.5);
          box-shadow: inset 0 0 0 1px rgba(47, 190, 141, 0.5);
  line-height: 1.2;
  padding: 0.75rem 1rem;
  margin: 0 0 1.3rem;
  overflow: auto;
}
.codeblock .btn {
  position: absolute;
  top: 6px;
  right: 6px;
}
.hidden {
  border: 0 !important;
  max-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden;
  -webkit-transition: all 0.3s 0.3s, X;
  transition: all 0.3s 0.3s, X;
}
.optional {
  -webkit-transition: all 0.3s 0.2s, X;
  transition: all 0.3s 0.2s, X;
  max-height: 200px;
}
.optional.large {
  max-height: 2000px;
}
.optional.hidden > * {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.2s 0s, transform 0s;
  -webkit-transition: opacity 0.2s 0s, -webkit-transform 0s;
  transition: opacity 0.2s 0s, -webkit-transform 0s;
  transition: opacity 0.2s 0s, transform 0s;
  transition: opacity 0.2s 0s, transform 0s, -webkit-transform 0s;
}
.optional > * {
  -webkit-transition: opacity 0.2s 0.3s, transform 0s;
  -webkit-transition: opacity 0.2s 0.3s, -webkit-transform 0s;
  transition: opacity 0.2s 0.3s, -webkit-transform 0s;
  transition: opacity 0.2s 0.3s, transform 0s;
  transition: opacity 0.2s 0.3s, transform 0s, -webkit-transform 0s;
}
.truncate {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.break-all {
  word-break: break-all;
}
.break-word {
  word-break: break-word;
}
.breadcrumbs {
  font-size: 13px;
  margin-bottom: 1rem;
  display: none !important;
}
.breadcrumbs a {
  color: #8E959E;
}
sup {
  font-size: 0.5em;
  line-height: 1;
  opacity: 0.6;
  filter: alpha(opacity=60);
  display: inline-block;
  vertical-align: text-top;
  position: relative;
  left: -3px;
}
sub {
  font-size: 0.5em;
  line-height: 1;
  display: inline-block;
  vertical-align: text-bottom;
  position: relative;
}
.checklist {
  margin-bottom: 1rem;
}
.checklist li {
  margin-bottom: 0.3rem;
}
.checklist li::before {
  content: '';
  background: url('sprite.png') -795px -793px no-repeat;
  height: 0;
  overflow: hidden;
  width: 20px;
  padding-top: 20px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  background-color: #26AA27;
  border-radius: 50%;
  margin-right: 10px;
}
.flag {
  font-weight: normal;
  white-space: nowrap;
  background-color: #d8edf1;
  color: #348496;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1;
  padding: 2px 4px;
  margin-left: 10px;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  font-family: 'Barlow', sans-serif;
}
dd .flag {
  margin: 0;
  -ms-flex-item-align: center;
      align-self: center;
}
.flag.pending {
  background: #FEE5D1;
  color: #FC7405;
}
.flag.inactive {
  color: #A4ACB9;
  background: #EFF3F7;
}
.flag.slow {
  background: #FC7405;
  color: #fff;
}
.shortcodes {
  font-size: 0.813rem;
  line-height: 1.4;
  color: #A4ACB9;
  padding-top: 0.5rem;
}
.text-error {
  color: #EC235F;
  font-size: 0.813rem;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.3;
  color: #1A2329;
  margin-bottom: 0.3rem;
  font-weight: 600;
  font-family: 'Barlow', sans-serif;
}
h1,
.h1 {
  font-size: 1.5rem;
  margin: 0;
}
h2,
.h2 {
  font-size: 1.313rem;
  margin-bottom: 0.8rem;
}
h3,
.h3 {
  font-size: 1.188rem;
  font-weight: 600;
}
h4,
.h4 {
  font-size: 17px;
}
h5,
.h5 {
  font-size: 1em;
}
h6,
.h6 {
  color: #8E959E;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 0.05em;
  -webkit-font-smoothing: auto;
}
.subdued {
  color: #8E959E;
  font-weight: normal;
}
.field {
  position: relative;
  margin-bottom: 1.3rem;
}
.field.tight {
  margin-bottom: 0.6rem;
}
.field.underline {
  border-bottom: 1px solid rgba(215, 222, 227, 0.5);
  padding-bottom: 1.3rem;
}
.field .pinned,
.vanish .pinned {
  position: absolute;
  top: 6px;
  right: 6px;
  z-index: 2;
  margin: 0;
}
.inl input[type=text] {
  margin: 5px 10px;
  width: auto;
}
.rgt-align .rgt input {
  text-align: right;
}
.multi-field {
  width: calc(50% - 20px);
  margin: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
}
.join {
  width: 30px;
  margin: 0 5px;
  text-align: center;
  color: #8E959E;
}
.limit {
  font-size: 13px;
  color: #A4ACB9;
}
.limit.exceeded {
  color: #EC235F;
}
button {
  cursor: pointer;
}
label,
.label {
  display: block;
  margin: 0 0 9px;
  color: #8E959E;
  font-family: 'Barlow', sans-serif;
}
.label.flex {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
label small {
  margin-left: 5px;
  font-style: italic;
}
label .icon {
  margin: 0 6px 0 0 !important;
  color: rgba(19, 41, 61, 0.5);
}
.label .icon.outline {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#F9FAFB));
  background-image: linear-gradient(-180deg, #FFF 0%, #F9FAFB 100%);
  -webkit-box-shadow: 0 1px 1px 0 rgba(63, 63, 68, 0.05), inset 1px 1px 0 0 rgba(142, 149, 158, 0.5), inset 0 -1px 0 0 rgba(142, 149, 158, 0.5);
          box-shadow: 0 1px 1px 0 rgba(63, 63, 68, 0.05), inset 1px 1px 0 0 rgba(142, 149, 158, 0.5), inset 0 -1px 0 0 rgba(142, 149, 158, 0.5);
  height: 34px;
  width: 34px;
  padding: 7px;
  border-radius: 3px 0 0 3px;
  color: #13293D;
}
.label .icon.outline svg {
  stroke: #13293D;
}
label.disabled {
  pointer-events: none;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.label {
  font-family: 'Barlow', sans-serif;
}
label.inl,
.label.inl {
  color: #5F6470;
  margin: 0 0 6px 0;
  font-family: 'Source Sans Pro', sans-serif;
}
input[type="text"],
input[type="number"],
input[type="search"],
input[type="email"],
input[type="password"],
textarea {
  -webkit-appearance: none;
  display: block;
  line-height: 1.2;
  color: #5F6470;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0 0 1px #DFE4E8, inset 0 0.1rem 0.2rem 0 rgba(99, 115, 129, 0.2);
          box-shadow: inset 0 0 0 1px #DFE4E8, inset 0 0.1rem 0.2rem 0 rgba(99, 115, 129, 0.2);
  padding: 0.8125rem 1rem;
  max-width: 100%;
  width: 100%;
}
select {
  width: 100%;
  padding: 0.8125rem 1rem;
}
.field-group input:first-child {
  border-radius: 3px 0 0 3px;
}
.field-group input:last-child {
  border-radius: 0 3px 3px 0;
  -webkit-box-shadow: inset -1px 1px 0 0 #DFE4E8, inset 0 -1px 0 0 #DFE4E8, inset 0 0.1rem 0.2rem 0 rgba(99, 115, 129, 0.2);
          box-shadow: inset -1px 1px 0 0 #DFE4E8, inset 0 -1px 0 0 #DFE4E8, inset 0 0.1rem 0.2rem 0 rgba(99, 115, 129, 0.2);
}
input[type=search] {
  width: auto;
  display: inline-block;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0 0 1px #DFE4E8 inset 0 0.1rem 0.2rem 0 rgba(99, 115, 129, 0.2);
          box-shadow: inset 0 0 0 1px #DFE4E8 inset 0 0.1rem 0.2rem 0 rgba(99, 115, 129, 0.2);
  padding: 0.8125rem 0.8rem 0.8125rem 0.8rem;
  min-width: 300px;
}
input.sml {
  width: 54px;
  margin: 5px;
  padding: 0.375rem 0.5rem;
  font-size: 0.9375rem;
  -webkit-appearance: none;
  line-height: 1.2;
  color: #5F6470;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0 0 1px #DFE4E8;
          box-shadow: inset 0 0 0 1px #DFE4E8;
}
input.trim {
  width: 64px;
}
.rgt input.trim {
  margin-left: 5px;
}
input:focus,
textarea:focus {
  -webkit-box-shadow: inset 0 0 0 1px #A3BFC4, inset 0 0.1rem 0.2rem 0 rgba(99, 115, 129, 0.2);
          box-shadow: inset 0 0 0 1px #A3BFC4, inset 0 0.1rem 0.2rem 0 rgba(99, 115, 129, 0.2);
}
input[type="text"]:disabled,
input[type="search"]:disabled,
textarea:disabled {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
::-webkit-input-placeholder {
  color: #BABFC4 !important;
  text-overflow: ellipsis;
}
::-moz-placeholder {
  color: #BABFC4 !important;
  text-overflow: ellipsis;
}
:-ms-input-placeholder {
  color: #BABFC4 !important;
  text-overflow: ellipsis;
}
::-ms-input-placeholder {
  color: #BABFC4 !important;
  text-overflow: ellipsis;
}
::placeholder {
  color: #BABFC4 !important;
  text-overflow: ellipsis;
}
input[placeholder] {
  text-overflow: ellipsis;
}
.note {
  color: #bbc1c7;
  font-size: 0.813rem;
  line-height: 1.2;
  margin-top: 0.4rem;
}
form li.dd::before {
  top: 8px;
}
.vanish {
  position: relative;
}
.vanish.dark .outline:not(.icon) {
  color: #fff;
}
h5 + .vanish {
  margin: 0 0 0.5rem 0;
}
.vanish::after {
  content: '';
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, #fff));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #fff 50%);
  width: 150px;
  position: absolute;
  z-index: 1;
  top: 1px;
  right: 1px;
  bottom: 1px;
}
.vanish.dark::after {
  background: -webkit-gradient(linear, left top, right top, from(rgba(26, 35, 41, 0)), color-stop(50%, #1A2329));
  background: linear-gradient(to right, rgba(26, 35, 41, 0) 0%, #1A2329 50%);
}
.field .select {
  width: 100%;
  margin: 0;
}
.select {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#F9FAFB));
  background-image: linear-gradient(-180deg, #FFF 0%, #F9FAFB 100%);
  -webkit-box-shadow: 0 1px 1px 0 rgba(63, 63, 68, 0.05), inset 0 0 0 1px rgba(142, 149, 158, 0.5);
          box-shadow: 0 1px 1px 0 rgba(63, 63, 68, 0.05), inset 0 0 0 1px rgba(142, 149, 158, 0.5);
  color: #8E959E;
  border-radius: 3px;
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin: 0 0 1rem 0;
  display: inline-block;
  vertical-align: middle;
}
.select.inl {
  margin: 5px;
}
.icon + .select {
  border-radius: 0 3px 3px 0;
  margin: 0;
  -webkit-box-shadow: 0 1px 1px 0 rgba(63, 63, 68, 0.05), inset -1px 1px 0 0 rgba(142, 149, 158, 0.5), inset 0 -1px 0 0 rgba(142, 149, 158, 0.5);
          box-shadow: 0 1px 1px 0 rgba(63, 63, 68, 0.05), inset -1px 1px 0 0 rgba(142, 149, 158, 0.5), inset 0 -1px 0 0 rgba(142, 149, 158, 0.5);
}
.icon + .select.inl select {
  font-size: inherit;
  padding-left: 0;
}
.icon + .select:hover {
  -webkit-box-shadow: 0 1px 1px 0 rgba(63, 63, 68, 0.05), inset -1px 1px 0 0 rgba(142, 149, 158, 0.5), inset 0 -1px 0 0 rgba(142, 149, 158, 0.5);
          box-shadow: 0 1px 1px 0 rgba(63, 63, 68, 0.05), inset -1px 1px 0 0 rgba(142, 149, 158, 0.5), inset 0 -1px 0 0 rgba(142, 149, 158, 0.5);
}
.inl .select {
  margin: 5px 10px;
}
.select.inl select {
  padding: 0.532rem 2rem 0.532rem 0.8rem;
  font-size: 13px;
}
.select select {
  padding: 0.8125rem 2rem 0.8125rem 1rem;
  position: relative;
  z-index: 2;
  line-height: 1.2;
  font-size: 0.9375rem;
  margin: 0;
  font-family: 'Source Sans Pro', sans-serif;
  color: #8E959E;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  background: transparent;
  border: 0;
  max-width: none;
  display: block;
}
.select.trim select {
  width: auto;
}
.select:hover {
  -webkit-box-shadow: inset 0 0 0 1px #A3BFC4;
          box-shadow: inset 0 0 0 1px #A3BFC4;
}
.select:focus {
  -webkit-box-shadow: inset 0 0 0 1px #A3BFC4, 0 0 3px 0 #C4CDD5;
          box-shadow: inset 0 0 0 1px #A3BFC4, 0 0 3px 0 #C4CDD5;
}
.select::after {
  content: '';
  background: url('sprite.png') -400px -200px no-repeat;
  height: 0;
  overflow: hidden;
  width: 9px;
  padding-top: 6px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  position: absolute;
  top: 50%;
  right: 15px;
  -webkit-transform: translate(0, calc(-50% + 1px));
  transform: translate(0, calc(-50% + 1px));
}
select::-ms-expand {
  display: none;
}
.select.disabled {
  opacity: 0.5;
  filter: alpha(opacity=50);
  pointer-events: none;
}
.big.inl {
  padding: 0;
  font-size: 17px;
}
input[type="checkbox"],
input[type="radio"] {
  position: relative;
  -webkit-appearance: none;
  width: 16px;
  height: 16px;
  margin: -4px 8px 0 0;
  vertical-align: middle;
  border-radius: 3px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#F2F6F9));
  background-image: linear-gradient(-180deg, #FFF 0%, #F2F6F9 100%);
  -webkit-box-shadow: inset 0 0 0 1px #D7DEE3;
          box-shadow: inset 0 0 0 1px #D7DEE3;
}
input[type="radio"] {
  border-radius: 50%;
}
.big input[type="checkbox"] {
  width: 32px;
  height: 32px;
  margin: -4px 12px 0 0;
  border-radius: 50%;
}
.big input[type="checkbox"]:checked {
  content: '';
  background: url('sprite.png') -589px -788px no-repeat;
  height: 0;
  overflow: hidden;
  width: 32px;
  padding-top: 32px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
}
input[type="checkbox"]:checked::after {
  content: '';
  background: url('sprite.png') -597px -796px no-repeat;
  height: 0;
  overflow: hidden;
  width: 16px;
  padding-top: 16px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  vertical-align: top;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0 0 1px #212B36;
          box-shadow: inset 0 0 0 1px #212B36;
}
input[type="radio"]:checked {
  -webkit-box-shadow: inset 0 0 0 1px #212B36;
          box-shadow: inset 0 0 0 1px #212B36;
}
input[type="radio"]:checked::after {
  content: '';
  width: 8px;
  height: 8px;
  background: #212B36;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.switch {
  display: inline-block;
  vertical-align: middle;
  width: 50px;
  height: 20px;
  border-radius: 15px;
  overflow: hidden;
  position: relative;
}
.switch.disabled {
  pointer-events: none;
}
.switch label {
  display: block;
  position: absolute;
  margin: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #8A949E;
  -webkit-box-shadow: inset 0 0.1rem 0.2rem 0 rgba(0, 0, 0, 0.2);
          box-shadow: inset 0 0.1rem 0.2rem 0 rgba(0, 0, 0, 0.2);
  border-radius: 15px;
  -webkit-transition: background-color 0.25s ease;
  transition: background-color 0.25s ease;
  cursor: pointer;
}
.switch label::after {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  content: '';
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  top: 4px;
  left: 4px;
  width: 12px;
  height: 12px;
  background: #fff;
  border-radius: 15px;
  -webkit-transition: left 0.25s ease, background-color 0.25s ease;
  transition: left 0.25s ease, background-color 0.25s ease;
}
.switch input {
  position: absolute;
  left: -20px;
}
.switch input:checked + label {
  background-color: #26AA27;
}
.switch input:checked + label::after {
  left: 34px;
}
.switch-ext ul {
  -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3);
          box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3);
  border: 0 !important;
  line-height: 1.2;
  margin: 0;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 30px;
  overflow: hidden;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.switch-ext li {
  margin: 0;
  text-align: center;
  z-index: 1;
  width: 50%;
}
.switch-ext li a,
.segment li label span {
  color: rgba(255, 255, 255, 0.7);
  display: block;
  white-space: nowrap;
  text-decoration: none;
  padding: 0.5rem 0.5rem;
  -webkit-box-shadow: inset 1px 0 0 0 #DFE4E8;
          box-shadow: inset 1px 0 0 0 #DFE4E8;
}
.switch-ext li label {
  margin: 0;
}
.switch-ext li.active a,
.switch-ext li input:checked + span {
  background: #26AA27;
  color: #fff;
  -webkit-box-shadow: inset 0 1px 5px 0 rgba(0, 0, 0, 0.2), inset 0 0 0 1px #2BAD81;
          box-shadow: inset 0 1px 5px 0 rgba(0, 0, 0, 0.2), inset 0 0 0 1px #2BAD81;
}
.switch-ext input {
  position: absolute !important;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  width: 1px;
  border: 0;
  overflow: hidden;
}
.switch-ext {
  position: relative;
  width: 100%;
  height: 45px;
}
.switch-ext li a,
.switch-ext li label span {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.switch-ext .toggle {
  display: block;
  position: absolute;
  z-index: 0;
  top: 4px;
  left: 4px;
  width: calc(60% - 8px);
  height: calc(100% - 8px);
  background: rgba(255, 255, 255, 0.2);
  border-radius: 30px;
  -webkit-transition: left 0.15s ease-out;
  transition: left 0.15s ease-out;
}
.switch-ext ul li.active a,
.switch-ext ul li input:checked + span {
  background: none;
  color: #fff;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.switch-ext.disabled li:not(.active) a {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.switch-ext.disabled {
  pointer-events: none;
}
input.form-error,
textarea.form-error,
.select.form-error,
.search.autocomplete.form-error {
  -webkit-box-shadow: inset 0 0 0 1px #EA215F;
          box-shadow: inset 0 0 0 1px #EA215F;
}
.no-anim *,
.no-anim *::before,
.no-anim *::after {
  -webkit-animation-play-state: paused !important;
          animation-play-state: paused !important;
  -webkit-transition: none, X !important;
  transition: none, X !important;
}
@-webkit-keyframes marquee {
  from {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  to {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}
@keyframes marquee {
  from {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  to {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}
@-webkit-keyframes marquee2 {
  from {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
  to {
    -webkit-transform: translateY(-200%);
            transform: translateY(-200%);
  }
}
@keyframes marquee2 {
  from {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
  to {
    -webkit-transform: translateY(-200%);
            transform: translateY(-200%);
  }
}
@-webkit-keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
    transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
    transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
    transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
    transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
    transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
    transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@-webkit-keyframes slide-out-top {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-200px);
    transform: translateY(-200px);
    opacity: 0;
  }
}
@keyframes slide-out-top {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-200px);
    transform: translateY(-200px);
    opacity: 0;
  }
}
@-webkit-keyframes flicker {
  0%,
  100% {
    opacity: 1;
  }
  41.99% {
    opacity: 1;
  }
  42% {
    opacity: 0;
  }
  43% {
    opacity: 0;
  }
  43.01% {
    opacity: 1;
  }
  47.99% {
    opacity: 1;
  }
  48% {
    opacity: 0;
  }
  49% {
    opacity: 0;
  }
  49.01% {
    opacity: 1;
  }
}
@keyframes flicker {
  0%,
  100% {
    opacity: 1;
  }
  41.99% {
    opacity: 1;
  }
  42% {
    opacity: 0;
  }
  43% {
    opacity: 0;
  }
  43.01% {
    opacity: 1;
  }
  47.99% {
    opacity: 1;
  }
  48% {
    opacity: 0;
  }
  49% {
    opacity: 0;
  }
  49.01% {
    opacity: 1;
  }
}
@-webkit-keyframes scale-out-center {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
}
@keyframes scale-out-center {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
}
@-webkit-keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes check-stroke {
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes check-stroke {
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes check-scale {
  0%,
  100% {
    -webkit-transform: none;
            transform: none;
  }
  50% {
    -webkit-transform: scale3d(1.1, 1.1, 1);
            transform: scale3d(1.1, 1.1, 1);
  }
}
@keyframes check-scale {
  0%,
  100% {
    -webkit-transform: none;
            transform: none;
  }
  50% {
    -webkit-transform: scale3d(1.1, 1.1, 1);
            transform: scale3d(1.1, 1.1, 1);
  }
}
@-webkit-keyframes check-fill {
  100% {
    -webkit-box-shadow: inset 0 0 0 40px #26AA27;
            box-shadow: inset 0 0 0 40px #26AA27;
  }
}
@keyframes check-fill {
  100% {
    -webkit-box-shadow: inset 0 0 0 40px #26AA27;
            box-shadow: inset 0 0 0 40px #26AA27;
  }
}
@-webkit-keyframes wobble {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
    transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
    transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
    transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@keyframes wobble {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
    transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
    transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
    transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@-webkit-keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@-webkit-keyframes overlay-anim {
  0% {
    visibility: hidden;
  }
  20% {
    visibility: hidden;
  }
  21% {
    visibility: visible;
  }
  100% {
    visibility: hidden;
  }
}
@keyframes overlay-anim {
  0% {
    visibility: hidden;
  }
  20% {
    visibility: hidden;
  }
  21% {
    visibility: visible;
  }
  100% {
    visibility: hidden;
  }
}
@-webkit-keyframes turn-on {
  0% {
    -webkit-transform: scale(1, 0.8) translate3d(0, 0, 0);
            transform: scale(1, 0.8) translate3d(0, 0, 0);
    -webkit-filter: brightness(30);
    filter: brightness(30);
    opacity: 1;
  }
  3.5% {
    -webkit-transform: scale(1, 0.8) translate3d(0, 100%, 0);
            transform: scale(1, 0.8) translate3d(0, 100%, 0);
  }
  3.6% {
    -webkit-transform: scale(1, 0.8) translate3d(0, -100%, 0);
            transform: scale(1, 0.8) translate3d(0, -100%, 0);
    opacity: 1;
  }
  9% {
    -webkit-transform: scale(1.3, 0.6) translate3d(0, 100%, 0);
            transform: scale(1.3, 0.6) translate3d(0, 100%, 0);
    -webkit-filter: brightness(30);
    filter: brightness(30);
    opacity: 0;
  }
  11% {
    -webkit-transform: scale(1, 1) translate3d(0, 0, 0);
            transform: scale(1, 1) translate3d(0, 0, 0);
    -webkit-filter: contrast(0) brightness(0);
    filter: contrast(0) brightness(0);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1, 1) translate3d(0, 0, 0);
            transform: scale(1, 1) translate3d(0, 0, 0);
    -webkit-filter: contrast(1) brightness(1.2) saturate(1.3);
    filter: contrast(1) brightness(1.2) saturate(1.3);
    opacity: 1;
  }
}
@keyframes turn-on {
  0% {
    -webkit-transform: scale(1, 0.8) translate3d(0, 0, 0);
            transform: scale(1, 0.8) translate3d(0, 0, 0);
    -webkit-filter: brightness(30);
    filter: brightness(30);
    opacity: 1;
  }
  3.5% {
    -webkit-transform: scale(1, 0.8) translate3d(0, 100%, 0);
            transform: scale(1, 0.8) translate3d(0, 100%, 0);
  }
  3.6% {
    -webkit-transform: scale(1, 0.8) translate3d(0, -100%, 0);
            transform: scale(1, 0.8) translate3d(0, -100%, 0);
    opacity: 1;
  }
  9% {
    -webkit-transform: scale(1.3, 0.6) translate3d(0, 100%, 0);
            transform: scale(1.3, 0.6) translate3d(0, 100%, 0);
    -webkit-filter: brightness(30);
    filter: brightness(30);
    opacity: 0;
  }
  11% {
    -webkit-transform: scale(1, 1) translate3d(0, 0, 0);
            transform: scale(1, 1) translate3d(0, 0, 0);
    -webkit-filter: contrast(0) brightness(0);
    filter: contrast(0) brightness(0);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1, 1) translate3d(0, 0, 0);
            transform: scale(1, 1) translate3d(0, 0, 0);
    -webkit-filter: contrast(1) brightness(1.2) saturate(1.3);
    filter: contrast(1) brightness(1.2) saturate(1.3);
    opacity: 1;
  }
}
@-webkit-keyframes turn-off {
  0% {
    -webkit-transform: scale(1, 1.3) translate3d(0, 0, 0);
            transform: scale(1, 1.3) translate3d(0, 0, 0);
    -webkit-filter: brightness(1);
    filter: brightness(1);
    opacity: 1;
  }
  60% {
    -webkit-transform: scale(1.3, 0.001) translate3d(0, 0, 0);
            transform: scale(1.3, 0.001) translate3d(0, 0, 0);
    -webkit-filter: brightness(10);
    filter: brightness(10);
  }
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: scale(0, 0.0001) translate3d(0, 0, 0);
            transform: scale(0, 0.0001) translate3d(0, 0, 0);
    -webkit-filter: brightness(50);
    filter: brightness(50);
  }
}
@keyframes turn-off {
  0% {
    -webkit-transform: scale(1, 1.3) translate3d(0, 0, 0);
            transform: scale(1, 1.3) translate3d(0, 0, 0);
    -webkit-filter: brightness(1);
    filter: brightness(1);
    opacity: 1;
  }
  60% {
    -webkit-transform: scale(1.3, 0.001) translate3d(0, 0, 0);
            transform: scale(1.3, 0.001) translate3d(0, 0, 0);
    -webkit-filter: brightness(10);
    filter: brightness(10);
  }
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: scale(0, 0.0001) translate3d(0, 0, 0);
            transform: scale(0, 0.0001) translate3d(0, 0, 0);
    -webkit-filter: brightness(50);
    filter: brightness(50);
  }
}
@keyframes flicker {
  0% {
    opacity: 0.52471;
  }
  5% {
    opacity: 0.40543;
  }
  10% {
    opacity: 0.56664;
  }
  15% {
    opacity: 0.05848;
  }
  20% {
    opacity: 0.78309;
  }
  25% {
    opacity: 0.92347;
  }
  30% {
    opacity: 0.56794;
  }
  35% {
    opacity: 0.69215;
  }
  40% {
    opacity: 0.35365;
  }
  45% {
    opacity: 0.82009;
  }
  50% {
    opacity: 0.47381;
  }
  55% {
    opacity: 0.32206;
  }
  60% {
    opacity: 0.65697;
  }
  65% {
    opacity: 0.8563;
  }
  70% {
    opacity: 0.85777;
  }
  75% {
    opacity: 0.07327;
  }
  80% {
    opacity: 0.55889;
  }
  85% {
    opacity: 0.60905;
  }
  90% {
    opacity: 0.7139;
  }
  95% {
    opacity: 0.07817;
  }
  100% {
    opacity: 0.85221;
  }
}
@-webkit-keyframes analyze {
  0% {
    height: 5px;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    background: #26AA27;
  }
  25% {
    height: 20px;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
    background: #26AA27;
  }
  50% {
    height: 5px;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    background: #26AA27;
  }
  100% {
    height: 5px;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    background: #26AA27;
  }
}
@keyframes analyze {
  0% {
    height: 5px;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    background: #26AA27;
  }
  25% {
    height: 20px;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
    background: #26AA27;
  }
  50% {
    height: 5px;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    background: #26AA27;
  }
  100% {
    height: 5px;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    background: #26AA27;
  }
}
@-webkit-keyframes shimmer {
  0% {
    background: linear-gradient(-45deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 20%, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%);
    left: -150%;
    top: 0;
  }
  100% {
    background: linear-gradient(-45deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 20%, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%);
    left: 150%;
    top: 0;
  }
}
@keyframes shimmer {
  0% {
    background: linear-gradient(-45deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 20%, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%);
    left: -150%;
    top: 0;
  }
  100% {
    background: linear-gradient(-45deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 20%, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%);
    left: 150%;
    top: 0;
  }
}
@-webkit-keyframes blink {
  0% {
    opacity: 0;
  }
  49% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
@keyframes blink {
  0% {
    opacity: 0;
  }
  49% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
@-webkit-keyframes glow {
  0% {
    border-color: rgba(255, 255, 255, 0.2);
  }
  100% {
    border-color: #ffffff;
  }
}
@keyframes glow {
  0% {
    border-color: rgba(255, 255, 255, 0.2);
  }
  100% {
    border-color: #ffffff;
  }
}
@-webkit-keyframes drips {
  0% {
    top: 10px;
    -webkit-transform: scale(0.25);
            transform: scale(0.25);
  }
  10% {
    top: 15px;
    -webkit-transform: scale(0.25);
            transform: scale(0.25);
  }
  85% {
    top: 25px;
    -webkit-transform: scale(0.75);
            transform: scale(0.75);
  }
  99% {
    top: 100%;
  }
  100% {
    top: 101%;
    -webkit-transform: scale(0.75);
            transform: scale(0.75);
  }
}
@keyframes drips {
  0% {
    top: 10px;
    -webkit-transform: scale(0.25);
            transform: scale(0.25);
  }
  10% {
    top: 15px;
    -webkit-transform: scale(0.25);
            transform: scale(0.25);
  }
  85% {
    top: 25px;
    -webkit-transform: scale(0.75);
            transform: scale(0.75);
  }
  99% {
    top: 100%;
  }
  100% {
    top: 101%;
    -webkit-transform: scale(0.75);
            transform: scale(0.75);
  }
}
@-webkit-keyframes swing {
  0% {
    -webkit-transform: rotate(3deg);
            transform: rotate(3deg);
  }
  100% {
    -webkit-transform: rotate(-3deg);
            transform: rotate(-3deg);
  }
}
@keyframes swing {
  0% {
    -webkit-transform: rotate(3deg);
            transform: rotate(3deg);
  }
  100% {
    -webkit-transform: rotate(-3deg);
            transform: rotate(-3deg);
  }
}
@-webkit-keyframes drip {
  0% {
    top: 10px;
    -webkit-transform: scale(0.25);
            transform: scale(0.25);
  }
  25% {
    top: 15px;
    -webkit-transform: scale(0.25);
            transform: scale(0.25);
  }
  50% {
    top: 20px;
    -webkit-transform: scale(0.75);
            transform: scale(0.75);
  }
  100% {
    top: 25px;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes drip {
  0% {
    top: 10px;
    -webkit-transform: scale(0.25);
            transform: scale(0.25);
  }
  25% {
    top: 15px;
    -webkit-transform: scale(0.25);
            transform: scale(0.25);
  }
  50% {
    top: 20px;
    -webkit-transform: scale(0.75);
            transform: scale(0.75);
  }
  100% {
    top: 25px;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes flicker {
  0%,
  100% {
    opacity: 1;
  }
  1.99% {
    opacity: 1;
  }
  2% {
    opacity: 0;
  }
  3% {
    opacity: 0;
  }
  3.01% {
    opacity: 1;
  }
  7.99% {
    opacity: 1;
  }
  8% {
    opacity: 0;
  }
  9% {
    opacity: 0;
  }
  9.01% {
    opacity: 1;
  }
}
@-webkit-keyframes ellipsis {
  to {
    width: 1.1em;
  }
}
@keyframes ellipsis {
  to {
    width: 1.1em;
  }
}
@-webkit-keyframes pulsate {
  5% {
    opacity: 0;
    filter: alpha(opacity=0);
  }
  10% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
@keyframes pulsate {
  5% {
    opacity: 0;
    filter: alpha(opacity=0);
  }
  10% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
@-webkit-keyframes printer-connect {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
  }
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
@keyframes printer-connect {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
  }
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
@-webkit-keyframes connecting {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  50% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}
@keyframes connecting {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  50% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}
@-webkit-keyframes connecting-rev {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    width: 10px;
  }
  25% {
    width: 40%;
  }
  50% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    width: 10px;
  }
  75% {
    width: 40%;
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    width: 10px;
  }
}
@keyframes connecting-rev {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    width: 10px;
  }
  25% {
    width: 40%;
  }
  50% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    width: 10px;
  }
  75% {
    width: 40%;
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    width: 10px;
  }
}
@-webkit-keyframes shake {
  2%,
  4%,
  6%,
  8%,
  10% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  3%,
  5%,
  7%,
  9% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
@keyframes shake {
  2%,
  4%,
  6%,
  8%,
  10% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  3%,
  5%,
  7%,
  9% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
@-webkit-keyframes wifi {
  50% {
    fill: transparent;
    stroke: transparent;
  }
}
@keyframes wifi {
  50% {
    fill: transparent;
    stroke: transparent;
  }
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    fill: #fff;
  }
  70% {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    fill: #fff;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    fill: #fff;
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    fill: #fff;
  }
  70% {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    fill: #fff;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    fill: #fff;
  }
}
@-webkit-keyframes poi-pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 #f37925;
            box-shadow: 0 0 0 0 #f37925;
  }
  100% {
    -webkit-box-shadow: 0 0 0 12px rgba(242, 246, 247, 0);
            box-shadow: 0 0 0 12px rgba(242, 246, 247, 0);
  }
}
@keyframes poi-pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 #f37925;
            box-shadow: 0 0 0 0 #f37925;
  }
  100% {
    -webkit-box-shadow: 0 0 0 12px rgba(242, 246, 247, 0);
            box-shadow: 0 0 0 12px rgba(242, 246, 247, 0);
  }
}
@-webkit-keyframes backlog-pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 #26AA27;
            box-shadow: 0 0 0 0 #26AA27;
  }
  100% {
    -webkit-box-shadow: 0 0 0 12px rgba(38, 170, 39, 0);
            box-shadow: 0 0 0 12px rgba(38, 170, 39, 0);
  }
}
@keyframes backlog-pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 #26AA27;
            box-shadow: 0 0 0 0 #26AA27;
  }
  100% {
    -webkit-box-shadow: 0 0 0 12px rgba(38, 170, 39, 0);
            box-shadow: 0 0 0 12px rgba(38, 170, 39, 0);
  }
}
@-webkit-keyframes highlight {
  0% {
    background-color: #4dffa6;
  }
  20% {
    background: #fff;
  }
  40% {
    background-color: #4dffa6;
  }
  60% {
    background: #fff;
  }
  80% {
    background-color: #4dffa6;
  }
  100% {
    background: #fff;
  }
}
@keyframes highlight {
  0% {
    background-color: #4dffa6;
  }
  20% {
    background: #fff;
  }
  40% {
    background-color: #4dffa6;
  }
  60% {
    background: #fff;
  }
  80% {
    background-color: #4dffa6;
  }
  100% {
    background: #fff;
  }
}
@-webkit-keyframes blowhole {
  10% {
    stroke-dashoffset: 0;
  }
  14% {
    stroke-dashoffset: 7;
  }
}
@keyframes blowhole {
  10% {
    stroke-dashoffset: 0;
  }
  14% {
    stroke-dashoffset: 7;
  }
}
@-webkit-keyframes gush {
  10% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  10.2% {
    opacity: 0;
    filter: alpha(opacity=0);
  }
}
@keyframes gush {
  10% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  10.2% {
    opacity: 0;
    filter: alpha(opacity=0);
  }
}
@-webkit-keyframes wind {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 0;
    filter: alpha(opacity=0);
  }
  50% {
    -webkit-transform: translateX(40px);
            transform: translateX(40px);
    opacity: 1;
    filter: alpha(opacity=100);
  }
  100% {
    -webkit-transform: translateX(80px);
            transform: translateX(80px);
    opacity: 0;
    filter: alpha(opacity=0);
  }
}
@keyframes wind {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 0;
    filter: alpha(opacity=0);
  }
  50% {
    -webkit-transform: translateX(40px);
            transform: translateX(40px);
    opacity: 1;
    filter: alpha(opacity=100);
  }
  100% {
    -webkit-transform: translateX(80px);
            transform: translateX(80px);
    opacity: 0;
    filter: alpha(opacity=0);
  }
}
@-webkit-keyframes clouds {
  0% {
    -webkit-transform: translate(200px, 0);
    transform: translate(200px, 0);
    opacity: 0;
    filter: alpha(opacity=0);
  }
  10% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  90% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  100% {
    -webkit-transform: translate(-200px, 0);
    transform: translate(-200px, 0);
    opacity: 0;
    filter: alpha(opacity=0);
  }
}
@keyframes clouds {
  0% {
    -webkit-transform: translate(200px, 0);
    transform: translate(200px, 0);
    opacity: 0;
    filter: alpha(opacity=0);
  }
  10% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  90% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  100% {
    -webkit-transform: translate(-200px, 0);
    transform: translate(-200px, 0);
    opacity: 0;
    filter: alpha(opacity=0);
  }
}
@-webkit-keyframes cloud {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 0.9;
    filter: alpha(opacity=90);
  }
  50% {
    -webkit-transform: translateX(40px);
            transform: translateX(40px);
    opacity: 1;
    filter: alpha(opacity=100);
  }
  100% {
    -webkit-transform: translateX(80px);
            transform: translateX(80px);
    opacity: 0.9;
    filter: alpha(opacity=90);
  }
}
@keyframes cloud {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 0.9;
    filter: alpha(opacity=90);
  }
  50% {
    -webkit-transform: translateX(40px);
            transform: translateX(40px);
    opacity: 1;
    filter: alpha(opacity=100);
  }
  100% {
    -webkit-transform: translateX(80px);
            transform: translateX(80px);
    opacity: 0.9;
    filter: alpha(opacity=90);
  }
}
@-webkit-keyframes float {
  from {
    -webkit-transform: translate(395px, 36px);
            transform: translate(395px, 36px);
  }
  65% {
    -webkit-transform: translate(395px, 46px);
            transform: translate(395px, 46px);
  }
  to {
    -webkit-transform: translate(395px, 36px);
            transform: translate(395px, 36px);
  }
}
@keyframes float {
  from {
    -webkit-transform: translate(395px, 36px);
            transform: translate(395px, 36px);
  }
  65% {
    -webkit-transform: translate(395px, 46px);
            transform: translate(395px, 46px);
  }
  to {
    -webkit-transform: translate(395px, 36px);
            transform: translate(395px, 36px);
  }
}
@-webkit-keyframes bob {
  from {
    -webkit-transform: translate(198.46666px, 84.066667px);
            transform: translate(198.46666px, 84.066667px);
  }
  65% {
    -webkit-transform: translate(198.46666px, 94.066667px);
            transform: translate(198.46666px, 94.066667px);
  }
  to {
    -webkit-transform: translate(198.46666px, 84.066667px);
            transform: translate(198.46666px, 84.066667px);
  }
}
@keyframes bob {
  from {
    -webkit-transform: translate(198.46666px, 84.066667px);
            transform: translate(198.46666px, 84.066667px);
  }
  65% {
    -webkit-transform: translate(198.46666px, 94.066667px);
            transform: translate(198.46666px, 94.066667px);
  }
  to {
    -webkit-transform: translate(198.46666px, 84.066667px);
            transform: translate(198.46666px, 84.066667px);
  }
}
@keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
}
@-webkit-keyframes mouse {
  from {
    stroke-dashoffset: 0;
  }
  to {
    stroke-dashoffset: -2000;
  }
}
@keyframes mouse {
  from {
    stroke-dashoffset: 0;
  }
  to {
    stroke-dashoffset: -2000;
  }
}
@-webkit-keyframes dash {
  100% {
    stroke-dashoffset: 450;
  }
}
@keyframes dash {
  100% {
    stroke-dashoffset: 450;
  }
}
@-webkit-keyframes dash-rev {
  100% {
    stroke-dashoffset: 350;
  }
}
@keyframes dash-rev {
  100% {
    stroke-dashoffset: 350;
  }
}
@-webkit-keyframes fill {
  0% {
    height: 100%;
  }
  100% {
    height: 24.4%;
  }
}
@keyframes fill {
  0% {
    height: 100%;
  }
  100% {
    height: 24.4%;
  }
}
@-webkit-keyframes progress {
  0% {
    stroke-dasharray: 0 100;
  }
}
@keyframes progress {
  0% {
    stroke-dasharray: 0 100;
  }
}
@-webkit-keyframes waves {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0.22);
    transform: translate(-50%, -50%) scale(0.22);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(2.2);
    transform: translate(-50%, -50%) scale(2.2);
    opacity: 0;
  }
}
@keyframes waves {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0.22);
    transform: translate(-50%, -50%) scale(0.22);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(2.2);
    transform: translate(-50%, -50%) scale(2.2);
    opacity: 0;
  }
}
@-webkit-keyframes ripples {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0.5);
    transform: translate(-50%, -50%) scale(0.5);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
}
@keyframes ripples {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0.5);
    transform: translate(-50%, -50%) scale(0.5);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
}
@-webkit-keyframes steam-one {
  0% {
    -webkit-transform: translateY(0) translateX(0) scale(0.8);
            transform: translateY(0) translateX(0) scale(0.8);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-40px) translateX(-5px) scale(1);
            transform: translateY(-40px) translateX(-5px) scale(1);
    opacity: 0;
  }
}
@keyframes steam-one {
  0% {
    -webkit-transform: translateY(0) translateX(0) scale(0.8);
            transform: translateY(0) translateX(0) scale(0.8);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-40px) translateX(-5px) scale(1);
            transform: translateY(-40px) translateX(-5px) scale(1);
    opacity: 0;
  }
}
@-webkit-keyframes steam-two {
  0% {
    -webkit-transform: translateY(0) translateX(0) scale(1.2);
            transform: translateY(0) translateX(0) scale(1.2);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-40px) translateX(15px) scale(1);
            transform: translateY(-40px) translateX(15px) scale(1);
    opacity: 0;
  }
}
@keyframes steam-two {
  0% {
    -webkit-transform: translateY(0) translateX(0) scale(1.2);
            transform: translateY(0) translateX(0) scale(1.2);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-40px) translateX(15px) scale(1);
            transform: translateY(-40px) translateX(15px) scale(1);
    opacity: 0;
  }
}
@-webkit-keyframes steam-three {
  0% {
    -webkit-transform: translateY(0) translateX(0) scale(0.4);
            transform: translateY(0) translateX(0) scale(0.4);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-30px) translateX(10px) scale(1);
            transform: translateY(-30px) translateX(10px) scale(1);
    opacity: 0;
  }
}
@keyframes steam-three {
  0% {
    -webkit-transform: translateY(0) translateX(0) scale(0.4);
            transform: translateY(0) translateX(0) scale(0.4);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-30px) translateX(10px) scale(1);
            transform: translateY(-30px) translateX(10px) scale(1);
    opacity: 0;
  }
}
@keyframes woop {
  0% {
    height: 1em;
    margin-top: 2em;
    margin-bottom: 2em;
  }
  25% {
    height: 1em;
    margin-top: 2em;
    margin-bottom: 2em;
  }
  36% {
    height: 3em;
    margin-top: 1em;
    margin-bottom: 1em;
  }
  47% {
    height: 3em;
    margin-top: 1em;
    margin-bottom: 1em;
  }
  55% {
    height: 1em;
    margin-top: 2em;
    margin-bottom: 2em;
  }
}
@-webkit-keyframes woop {
  0% {
    height: 1em;
    margin-top: 2em;
    margin-bottom: 2em;
  }
  25% {
    height: 1em;
    margin-top: 2em;
    margin-bottom: 2em;
  }
  36% {
    height: 3em;
    margin-top: 1em;
    margin-bottom: 1em;
  }
  47% {
    height: 3em;
    margin-top: 1em;
    margin-bottom: 1em;
  }
  55% {
    height: 1em;
    margin-top: 2em;
    margin-bottom: 2em;
  }
}
.loadingbar {
  width: 1em;
  height: 1em;
  margin-top: 2em;
  margin-bottom: 2em;
  -webkit-animation: woop 1.4s infinite;
  animation: woop 1.4s infinite;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
.mid {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  height: 2em;
}
.on {
  margin-top: 1em;
  margin-bottom: 1em;
  height: 3em;
}
.a {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  background: #e8f2f9;
}
.b {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
  background: #cfe5f2;
}
.c {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  background: #b3d6eb;
}
.d {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  background: #93c4e3;
}
.e {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
  background: #6db0da;
}
.f {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  background: #3e97ce;
}
.g {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
  background: #3788ba;
}
.h {
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
  background: #3177a2;
}
.i {
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
  background: #286286;
}
.j {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
  background: #1c465f;
}
.has-tip {
  position: relative;
}
.tip {
  font-family: 'Source Sans Pro', sans-serif;
  position: absolute;
  z-index: 99;
  letter-spacing: 0;
  white-space: initial;
  word-break: break-word;
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  background: #fff;
  -webkit-box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5), 0 2px 8px 0 rgba(33, 43, 54, 0.3);
          box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5), 0 2px 8px 0 rgba(33, 43, 54, 0.3);
  padding: 0.333rem 0.533rem;
  width: 160px;
  bottom: 100%;
  left: 50%;
  margin: 0 0 0 -80px;
  font-size: 13px;
  line-height: 1.2;
  text-transform: none;
  text-align: left;
  border-radius: 3px;
  color: #8E959E;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  font-weight: normal;
  -webkit-font-smoothing: auto;
  -webkit-transition: all 0.2s, X;
  transition: all 0.2s, X;
}
.tip strong {
  color: #212B36;
  display: block;
}
.tip::before {
  content: '';
  width: 8px;
  height: 8px;
  background: #fff;
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  border: 1px solid rgba(215, 222, 227, 0.6);
  border-top: 0;
  border-left: 0;
  position: absolute;
  left: calc(50% - 5px);
  bottom: -5px;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform: rotate(45deg) translate(0, 0);
  transform: rotate(45deg) translate(0, 0);
}
.tip::after {
  content: '';
  position: absolute;
  bottom: -32px;
  left: 0;
  width: 100%;
  height: 32px;
}
.tip.bl {
  top: 100%;
  right: auto;
  left: -10px;
  bottom: auto;
  margin: 0;
}
.tip.bl::after,
.tip.b::after {
  top: -32px;
  bottom: auto;
}
.tip.bl::before {
  top: -5px;
  right: auto;
  left: 10px;
  bottom: auto;
  -webkit-transform: rotate(225deg) translate(0, 0);
  transform: rotate(225deg) translate(0, 0);
}
.tip.b {
  top: 100%;
  bottom: auto;
}
.tip.b::before {
  top: -5px;
  bottom: auto;
  -webkit-transform: rotate(225deg) translate(0, 0);
  transform: rotate(225deg) translate(0, 0);
}
.poi .tip.bl.visible,
.poi .tip.b.visible {
  -webkit-transform: translate(0, 8px);
          transform: translate(0, 8px);
}
.tip.tl {
  margin: 0;
  left: -10px;
}
.tip.tl::before {
  left: 10px;
}
.tip.tr {
  margin: 0;
  left: calc(100% - 18px);
}
.tip.tr::before {
  left: 10px;
}
.tip.cl,
.more .tip.cl {
  width: 110px;
  margin: 0;
  left: auto;
  right: calc(100% + 5px);
  bottom: auto;
  top: -6px;
}
.tip.cl::before,
.more .tip.cl::before {
  left: auto;
  right: -5px;
  top: 10px;
  border-bottom: 0;
  border-top: 1px solid rgba(215, 222, 227, 0.6);
}
i:hover .tip.cr,
.has-tip:hover .tip.tr {
  -webkit-transform: translate(0, -8px);
  transform: translate(0, -8px);
}
.more:not(.secondary):hover .tip,
i:hover .tip:not(.stuck),
.icon-info:hover .tip,
time:hover .tip,
.username a:hover .tip,
.avatar:hover .tip,
.held:hover .tip,
.poi:hover .tip:not(.stuck),
.flag:hover .tip,
.fill:hover .tip,
.trend:hover .tip,
.page-printlog figure:hover .tip,
.has-tip:hover .tip {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate(0, -8px);
  transform: translate(0, -8px);
  visibility: visible;
}
.icon-info:hover .tip.b,
.has-tip:hover .tip.b {
  -webkit-transform: translate(0, 8px);
  transform: translate(0, 8px);
}
.more.has-menu .tip {
  -webkit-transform: translate(0, 7px);
  transform: translate(0, 7px);
  top: 100%;
  bottom: auto;
  margin: 0;
  left: 0;
  width: auto;
}
.more.has-menu.active .tip {
  -webkit-transform: translate(0, -3px);
  transform: translate(0, -3px);
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
}
.has-menu .tip::before,
.has-menu .tip::after {
  display: none !important;
}
.more:hover .tip.cl {
  -webkit-transform: translate(-8px, 0);
  transform: translate(-8px, 0);
}
.tip.stuck {
  min-width: 180px;
}
time .tip,
.trend .tip {
  margin: 0 0 0 -20px;
  text-align: left;
}
time .tip::before,
.trend .tip::before {
  left: 15px;
}
.avatar .tip {
  width: auto;
  min-width: 120px;
  max-width: 240px;
  margin: 0;
  left: 5px;
  word-break: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.avatar .tip::before {
  left: 10px;
}
.tip span:not(.flex) {
  display: block;
}
.tip.center {
  width: auto;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  margin: 0;
}
.tip.center span {
  width: auto;
  white-space: nowrap;
}
i:hover .tip.center,
.flag:hover .tip.center,
.fill:hover .tip,
.page-printlog figure:hover .tip.center,
.has-tip:hover .tip.center {
  -webkit-transform: translate(-50%, -8px);
  transform: translate(-50%, -8px);
}
.tip .btn-group .btn {
  margin: 0 2px;
}
.stat p {
  margin: 0;
}
.stat .med {
  display: block;
}
.stat.rgt {
  text-align: right;
}
.primary {
  color: #26AA27;
}
.primary.disabled {
  background: #BABFC4;
}
.action {
  color: #8E959E;
  text-decoration: underline;
  background: none;
}
.action.clean {
  text-decoration: none;
}
.action.sml {
  padding: 0;
  font-size: 13px;
}
.action.blk {
  margin: 0.8rem 0;
}
.action:hover {
  color: #26AA27;
  text-decoration: none;
}
.export.btn {
  position: relative !important;
  padding: 0.813rem;
}
.export::before {
  content: '';
  background: url('sprite.png') -1800px -600px no-repeat;
  height: 0;
  overflow: hidden;
  width: 18px;
  padding-top: 20px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  margin: -1px 10px -1px 0;
  vertical-align: top;
}
.cta {
  display: block;
  font-size: 17px;
  background: #fff;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0 0 1px #DFE4E8;
          box-shadow: inset 0 0 0 1px #DFE4E8;
  padding: 0.8125rem;
  margin: 0.375rem 0;
}
.btn {
  font-family: 'Barlow', sans-serif;
  position: relative;
  border-radius: 3px;
  display: inline-block;
  vertical-align: middle;
  padding: 0.813rem 1rem;
  line-height: 1.2;
  background: #26AA27;
  color: #fff;
  white-space: nowrap;
  font-weight: normal;
  text-decoration: none;
  cursor: pointer;
  font-size: 0.9375rem;
}
.wobble {
  -webkit-animation: wobble 1.5s both 3;
          animation: wobble 1.5s both 3;
}
.shimmer {
  overflow: hidden;
  position: relative;
}
.ready .shimmer::after {
  content: '';
  width: 200%;
  height: 100%;
  top: 0;
  left: -150%;
  position: absolute;
  display: block;
  -webkit-animation: shimmer 2s linear 5 normal;
          animation: shimmer 2s linear 5 normal;
}
.ready .shimmer-forever::after {
  content: '';
  width: 200%;
  height: 100%;
  top: 0;
  left: -150%;
  position: absolute;
  display: block;
  -webkit-animation: shimmer 2s linear infinite normal;
          animation: shimmer 2s linear infinite normal;
}
.btn:hover {
  color: #fff;
  background: #0d8843;
}
.btn.disabled {
  pointer-events: none;
  background: #bbc1c7;
  overflow: hidden;
}
.btn.danger {
  background: #EC235F;
}
.progress-field {
  border-radius: 3px;
  overflow: hidden;
  position: relative;
}
.progress-field::before {
  content: '';
  height: 100%;
  width: 0;
  position: absolute;
  top: 0;
  left: 0;
  background: #26AA27;
  -webkit-transition: all 3s ease-in-out, X;
  transition: all 3s ease-in-out, X;
}
.progress-field::after {
  content: 'Email sent!';
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  line-height: 44px;
  color: #fff;
  -webkit-transition: all 0.3s ease-in-out, X;
  transition: all 0.3s ease-in-out, X;
}
.progress-field.sent::after {
  top: 0;
}
.progress-field.sending::before {
  width: 100%;
}
.progress-field.sending input[type=text] {
  color: #fff;
}
.inl .btn {
  margin: 5px;
}
.disabled .col:not(.search) {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.x-sml {
  font-size: 13px;
  padding: 0.333rem 0.532rem;
}
.sml {
  font-size: 13px;
  padding: 0.532rem 0.8rem;
}
.big {
  padding: 1rem 1.2rem;
  font-size: 1.133rem;
}
.add,
.remove {
  content: '';
  height: 0;
  overflow: hidden;
  width: 36px;
  padding-top: 36px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  background: url(sprite.png) -188px -188px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#F2F6F9));
  background: url(sprite.png) -188px -188px no-repeat, linear-gradient(-180deg, #FFF 0%, #F2F6F9 100%);
  -webkit-box-shadow: inset 0 0 0 1px #D7DEE3;
          box-shadow: inset 0 0 0 1px #D7DEE3;
  border-radius: 50%;
}
.remove {
  background: url(sprite.png) -238px -188px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#F2F6F9));
  background: url(sprite.png) -238px -188px no-repeat, linear-gradient(-180deg, #FFF 0%, #F2F6F9 100%);
}
.add:hover,
.remove:hover {
  background-image: url(sprite.png) -188px -188px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#F2F6F9));
  background-image: url(sprite.png) -188px -188px no-repeat, linear-gradient(-180deg, #FFF 0%, #F2F6F9 100%);
  -webkit-box-shadow: inset 0 0 0 1px #C4CDD5;
          box-shadow: inset 0 0 0 1px #C4CDD5;
}
.secondary {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#F9FAFB));
  background-image: linear-gradient(-180deg, #FFF 0%, #F9FAFB 100%);
  -webkit-box-shadow: 0 1px 1px 0 rgba(63, 63, 68, 0.05), inset 0 0 0 1px rgba(142, 149, 158, 0.5);
          box-shadow: 0 1px 1px 0 rgba(63, 63, 68, 0.05), inset 0 0 0 1px rgba(142, 149, 158, 0.5);
  color: #8E959E;
}
.secondary:hover {
  color: #26AA27;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#F2F6F9));
  background-image: linear-gradient(-180deg, #FFF 0%, #F2F6F9 100%);
  -webkit-box-shadow: 0 1px 1px 0 rgba(63, 63, 68, 0.05), inset 0 0 0 1px rgba(142, 149, 158, 0.5);
          box-shadow: 0 1px 1px 0 rgba(63, 63, 68, 0.05), inset 0 0 0 1px rgba(142, 149, 158, 0.5);
}
.secondary.disabled {
  background: #fff;
  color: #bbc1c7;
}
.outline:not(.icon) {
  -webkit-box-shadow: inset 0 0 0 1px #D7DEE3;
          box-shadow: inset 0 0 0 1px #D7DEE3;
  color: #8E959E;
  background: none;
}
.outline.disabled:not(.icon) {
  background: none;
  color: #bbc1c7;
}
.outline:not(.icon):hover {
  background: none;
  color: #26AA27;
}
.back {
  content: '';
  background: url('sprite.png') -600px -388px no-repeat;
  height: 0;
  overflow: hidden;
  width: 9px;
  padding-top: 40px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  margin-right: 10px;
}
.delete {
  content: '';
  background: url('sprite.png') -800px -200px no-repeat;
  height: 0;
  overflow: hidden;
  width: 14px;
  padding-top: 16px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
}
.refresh {
  content: '';
  background: url('sprite.png') -400px -500px no-repeat;
  height: 0;
  overflow: hidden;
  width: 14px;
  padding-top: 14px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  margin-left: 6px;
}
.more {
  width: 32px;
  height: 32px;
  position: relative;
  display: block;
}
.more.secondary {
  width: auto;
  height: auto;
}
.more:not(.secondary):hover {
  -webkit-box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5);
          box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5);
  border-radius: 3px;
}
.more > i:not(.poi) {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.more.demo-only,
.more.demo-only:hover {
  -webkit-box-shadow: 0 0 0 1px rgba(142, 149, 158, 0.5);
          box-shadow: 0 0 0 1px rgba(142, 149, 158, 0.5);
  border-radius: 3px;
}
.more.demo-only > i {
  opacity: 1;
  filter: alpha(opacity=100);
  pointer-events: none;
}
.more.demo-only .tip li::before {
  content: '';
  background: url('sprite.png') -1600px -800px no-repeat;
  height: 0;
  overflow: hidden;
  width: 15px;
  padding-top: 16px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  position: absolute;
  top: 3px;
  right: 0;
}
.more:hover i:not(.poi) {
  opacity: 1;
  filter: alpha(opacity=100);
}
.more > i:not(.poi),
.more > i:not(.poi)::after,
.more > i:not(.poi)::before {
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #8E959E;
  position: absolute;
  top: 8px;
  left: 14px;
  content: '';
}
.more > i:not(.poi)::before {
  top: 6px;
  left: 0;
}
.more > i:not(.poi)::after {
  top: 12px;
  left: 0;
}
.page-printers aside > header .more > i:not(.poi),
.page-printers aside > header .more > i:not(.poi)::after,
.page-printers aside > header .more > i:not(.poi)::before {
  background: #fff;
}
.more .tip {
  width: 110px;
  margin: 0;
  left: auto;
  right: -12px;
  padding: 0 0.533rem;
}
.more .tip:not(.cl)::before {
  left: auto;
  right: 10px;
}
.more .tip a {
  color: #8E959E;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.more .tip a:hover {
  color: #26AA27;
}
.more .tip li {
  margin: 0.5rem 0;
}
.more .tip a.promote::before,
.icon.promote {
  content: '';
  background: url('sprite.png') -1000px -200px no-repeat;
  height: 0;
  overflow: hidden;
  width: 16px;
  padding-top: 16px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  display: block;
  margin: 0 10px 0 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.more .tip a.demote::before {
  content: '';
  background: url('sprite.png') -1200px -200px no-repeat;
  height: 0;
  overflow: hidden;
  width: 16px;
  padding-top: 16px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  display: block;
  margin-right: 10px;
}
.more .tip a.trash::before {
  content: '';
  background: url('sprite.png') -800px -200px no-repeat;
  height: 0;
  overflow: hidden;
  width: 16px;
  padding-top: 16px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  display: block;
  margin-right: 10px;
}
.more .tip a.app::before,
.icon.app {
  content: '';
  background: url('sprite.png') -1300px -300px no-repeat;
  height: 0;
  overflow: hidden;
  width: 16px;
  padding-top: 16px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  display: block;
  margin: 0 10px 0 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.more .tip a.details::before {
  content: '';
  background: url('sprite.png') -1300px -200px no-repeat;
  height: 0;
  overflow: hidden;
  width: 16px;
  padding-top: 11px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  display: block;
  margin: 2px 10px 0 0;
}
.more .tip a.lost::before {
  content: '';
  background: url('sprite.png') -1000px -300px no-repeat;
  height: 0;
  overflow: hidden;
  width: 17px;
  padding-top: 16px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  display: block;
  margin: 0 9px 0 0;
}
.more .tip a.rename::before {
  content: '';
  background: url('sprite.png') -1100px -200px no-repeat;
  height: 0;
  overflow: hidden;
  width: 13px;
  padding-top: 13px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  display: block;
  margin: 1px 13px 0 0;
}
.more .tip a.reinvite::before {
  content: '';
  background: url('sprite.png') -1200px -300px no-repeat;
  height: 0;
  overflow: hidden;
  width: 16px;
  padding-top: 16px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  display: block;
  margin: 1px 10px 0 0;
}
.more .tip a.app-unlink::before {
  content: '';
  background: url('sprite.png') -1200px -380px no-repeat;
  height: 0;
  overflow: hidden;
  width: 16px;
  padding-top: 15px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  display: block;
  margin: 0 10px 0 0;
}
.edit {
  content: '';
  background: url('sprite.png') -1100px -300px no-repeat;
  height: 0;
  overflow: hidden;
  width: 13px;
  padding-top: 13px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  margin: 0 0 0 4px;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.edit:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.top-right {
  position: absolute;
  top: 20px;
  right: 20px;
}
.btn-group {
  margin: 4px -5px 0 -5px;
  white-space: nowrap;
}
.btn-group .btn {
  margin: 0 5px;
}
.expand {
  top: 10px;
  right: 0;
  position: absolute;
  z-index: 20;
  content: '';
  background: url('sprite.png') -1000px -400px no-repeat;
  height: 0;
  overflow: hidden;
  width: 32px;
  padding-top: 32px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
#hero .expand {
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
}
.minimised .expand {
  content: '';
  background: url('sprite.png') -1100px -400px no-repeat;
  height: 0;
  overflow: hidden;
  width: 32px;
  padding-top: 32px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
}
.expand:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.btn-segment {
  font-size: 13px;
  line-height: 1.2;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0.5rem 0 0 0;
  font-family: 'Barlow', sans-serif;
}
.btn-segment .label {
  margin-right: 10px;
}
.btn-segment a {
  display: block;
  padding: 0.532rem 0.8rem;
  color: #8E959E;
  -webkit-box-shadow: 0 1px 1px 0 rgba(63, 63, 68, 0.05), inset -1px 1px 0 #D7DEE3, inset 0 -1px 0 #D7DEE3;
          box-shadow: 0 1px 1px 0 rgba(63, 63, 68, 0.05), inset -1px 1px 0 #D7DEE3, inset 0 -1px 0 #D7DEE3;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#F9FAFB));
  background-image: linear-gradient(-180deg, #FFF 0%, #F9FAFB 100%);
}
.btn-segment a:nth-child(2) {
  -webkit-box-shadow: inset 1px 1px 0 0 #D7DEE3, inset -1px -1px 0 0 #D7DEE3;
          box-shadow: inset 1px 1px 0 0 #D7DEE3, inset -1px -1px 0 0 #D7DEE3;
  border-radius: 3px 0 0 3px;
}
.btn-segment a:last-child {
  border-radius: 0 3px 3px 0;
}
.btn-segment a:hover {
  color: #26AA27;
}
.btn-segment a.active {
  background: #13293C;
  color: #fff;
}
.btn-segment.cutout a.active {
  background: white;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px dashed #13293C;
  color: #13293C;
  font-weight: 600;
}
.btn-segment.cutout a.active + a.active {
  border-left: 0;
}
.collapsable-content {
  max-height: 1000px;
  -webkit-transition: all 0.3s, X;
  transition: all 0.3s, X;
  margin-bottom: 0.5rem !important;
}
.collapsable-content .alert {
  margin-bottom: 0.5rem;
}
.collapsable-content ol,
.collapsable-content ul.disc {
  margin: 0 0 0.8rem 20px;
}
.collapsable-content p,
.collapsable-content .field {
  margin: 0 0 0.8rem;
}
.collapsable-content:not(.shortcodes) li {
  margin-bottom: 0.3rem;
}
.collapsable-content :last-child {
  margin-bottom: 0 !important;
}
.collapsable-content.hidden {
  opacity: 0;
  filter: alpha(opacity=0);
}
.collapsable-content * {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all 0.2s 0.2s, X;
  transition: all 0.2s 0.2s, X;
}
.btn.link-external::after {
  content: '';
  background: url('sprite.png') -600px -480px no-repeat;
  height: 0;
  overflow: hidden;
  width: 14px;
  padding-top: 14px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  margin-left: 10px;
}
figure.ig {
  width: 100px;
  position: relative;
  margin: 0 auto 6px auto;
}
figure.ig svg {
  width: 100%;
  max-height: 100px;
  display: block;
}
.ig figcaption {
  position: absolute;
  width: 100%;
  height: calc(100% - 6px);
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  color: #8E959E;
}
figure.ig.single-chart {
  width: 80px;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
figure.rainbow {
  margin-bottom: -45px;
  width: 160px;
}
figure.rainbow svg {
  width: 100%;
  max-height: none;
}
.circle-bg {
  fill: none;
  stroke: #E5E9ED;
  stroke-width: 4;
}
.card .circle-bg {
  stroke: #1E4060;
}
.easeometer .value {
  -webkit-transform: scale(0.36) translate(26px, 26px);
  transform: scale(0.36) translate(26px, 26px);
  fill: #000000;
}
#cogs {
  fill: rgba(0, 0, 0, 0.2);
}
.circle {
  fill: none;
  stroke-width: 4;
  stroke-linecap: round;
}
.ready .circle {
  -webkit-animation: progress 1s ease-out forwards;
          animation: progress 1s ease-out forwards;
}
.ready .easeometer.hard .circle {
  /* stroke: url(#grad); */
  stroke: #006633;
}
.ready .easeometer.medium .circle {
  stroke: #26AA27;
}
.ready .easeometer.easy .circle {
  stroke: #006633;
}
.ready .circular-chart .circle {
  stroke: #26AA27;
}
.easeometer figcaption {
  content: '';
  background: url('sprite.png') 26px -1174px no-repeat;
  height: 0;
  overflow: hidden;
  width: 100px;
  padding-top: 100px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  display: block;
}
.page > header .easeometer figcaption,
.page-heading .easeometer figcaption {
  content: '';
  background: url('sprite.png') -174px -1174px no-repeat;
  height: 0;
  overflow: hidden;
  width: 100px;
  padding-top: 100px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
}
.stars polygon {
  fill: #FEFEFE;
  opacity: 0.2;
  -webkit-transition: all 0.3s, X;
  transition: all 0.3s, X;
}
.arrows g {
  fill: #E5E9ED;
}
.ready .sustainability.one .stars polygon:nth-child(1) {
  opacity: 1;
}
.ready .sustainability.two .stars polygon:nth-child(1),
.ready .sustainability.two .stars polygon:nth-child(2) {
  opacity: 1;
}
.ready .sustainability.three .stars polygon:nth-child(1),
.ready .sustainability.three .stars polygon:nth-child(2),
.ready .sustainability.three .stars polygon:nth-child(3) {
  opacity: 1;
}
.ready .sustainability.four .stars polygon:nth-child(1),
.ready .sustainability.four .stars polygon:nth-child(2),
.ready .sustainability.four .stars polygon:nth-child(3),
.ready .sustainability.four .stars polygon:nth-child(4) {
  opacity: 1;
}
.ready .sustainability.five .stars polygon:nth-child(1),
.ready .sustainability.five .stars polygon:nth-child(2),
.ready .sustainability.five .stars polygon:nth-child(3),
.ready .sustainability.five .stars polygon:nth-child(4),
.ready .sustainability.five .stars polygon:nth-child(5) {
  opacity: 1;
}
.ready .sustainability .stars polygon:nth-child(2) {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.ready .sustainability .stars polygon:nth-child(3) {
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
.ready .sustainability .stars polygon:nth-child(4) {
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
.ready .sustainability .stars polygon:nth-child(5) {
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.8s;
}
.st1 {
  -webkit-animation: fill 2s ease-in-out forwards;
          animation: fill 2s ease-in-out forwards;
}
.card.security figcaption,
.page-printsecurity header figcaption,
.preview figcaption {
  color: #fff;
}
.ecorating figcaption {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  font-size: 30px;
}
.card {
  background: #FFF;
  padding: 20px;
  -webkit-box-shadow: inset 0 0 0 1px rgba(215, 222, 227, 0.5);
          box-shadow: inset 0 0 0 1px rgba(215, 222, 227, 0.5);
  border-radius: 3px;
  width: 100%;
  height: 100%;
  min-height: 200px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.card.single {
  height: auto;
}
.card.alt {
  background: none;
  border: 0;
  padding: 20px 0;
}
.card.duplex {
  padding: 0;
}
.card.duplex > .flex {
  height: 100%;
  margin: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.card.duplex > .flex::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 1px;
  -webkit-box-shadow: inset -1px 0 0 0 rgba(215, 222, 227, 0.5);
          box-shadow: inset -1px 0 0 0 rgba(215, 222, 227, 0.5);
}
.card.duplex .col {
  padding: 20px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.card header {
  margin-bottom: 1rem;
  width: 100%;
}
.card header a {
  font-size: 13px;
}
.card h3:not(.btm) {
  margin: 0;
}
.card .condensed ul {
  -webkit-box-shadow: none;
          box-shadow: none;
  margin: 0;
}
.card .col.time {
  padding: 0;
}
/* Toast Notifications */
.toast {
  background: #212B36;
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.2;
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.12);
  border-radius: 3px;
  position: fixed;
  max-width: calc(100% - 40px);
  right: 20px;
  z-index: 99;
  padding: 0.813rem 1rem;
  -webkit-transition: all 0.3s, X;
  transition: all 0.3s, X;
  bottom: -100%;
}
.toast h5 {
  color: #fff;
}
.toast p {
  margin: 0;
}
.toast strong {
  color: #fff;
  font-weight: normal;
}
.toast.visible {
  bottom: 20px;
}
.toast.dismissable {
  padding-right: 40px;
}
.toast.dismissable .close {
  top: 13px;
  right: 10px;
}
.google-visualization-tooltip {
  background: #042A2B !important;
  padding: 0.333rem 0.533rem !important;
  top: 20px;
  left: 90px;
  font-size: 12px !important;
  line-height: 16px !important;
  border: 0 !important;
  border-radius: 3px;
  width: auto !important;
  height: auto !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.google-visualization-tooltip ul {
  margin: 0 !important;
}
.google-visualization-tooltip ul li {
  margin: 0 !important;
  padding: 0 !important;
}
.google-visualization-tooltip span {
  color: rgba(255, 255, 255, 0.8) !important;
}
.summary.bad {
  background: #EA4335;
}
#pages-trend-chart {
  width: calc(100% - 1px);
  height: 100%;
  position: relative;
  margin-left: 1px;
  z-index: 1;
  background: #fff;
  bottom: 0;
  visibility: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.3s, X;
  transition: all 0.3s, X;
}
.card #pages-trend-chart {
  position: absolute;
}
.chart svg {
  overflow: visible !important;
}
#pages-trend-chart svg path[stroke="#ed124d"] {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
#pages-trend-chart svg circle[fill="#9ab9c1"] {
  stroke: #9AB9C1;
  stroke-width: 2;
  fill: #fff;
}
#pages-trend-chart svg circle[fill="#2fbe8d"] {
  stroke: #2FBE8D;
  stroke-width: 2;
  fill: #fff;
}
.chart {
  position: relative;
  background: #fff;
  z-index: 1;
  width: 100%;
}
.chart header {
  padding: 1rem 0;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.card .chart {
  min-height: 140px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.ready.chart #pages-trend-chart {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
}
#punchcard {
  font-family: 'Barlow', sans-serif;
  font-size: 0.813rem;
}
.domain {
  display: none !important;
}
aside {
  background: #fff;
  position: fixed;
  z-index: 8;
  top: 0;
  padding: 0 20px;
  right: calc(-720px);
  height: calc(100%);
  min-width: 240px;
  width: calc(720px);
  max-width: calc(100% - 200px);
  -webkit-transition: all 0.3s ease-in-out, X;
  transition: all 0.3s ease-in-out, X;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.panel {
  height: 100%;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
aside > .empty {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
aside .panel header::before {
  display: none !important;
}
aside > header,
aside .panel > header,
.tab-header {
  padding: 0.5rem 20px;
  margin: 0 -20px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fff;
  -webkit-box-shadow: inset 0 -1px 0 0 rgba(215, 222, 227, 0.5);
          box-shadow: inset 0 -1px 0 0 rgba(215, 222, 227, 0.5);
  position: relative;
  z-index: 99;
}
.tab-header {
  z-index: 98;
}
aside > header::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  height: 50%;
  z-index: -1;
  width: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.7)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
}
aside .panel header h3 {
  color: #1A2329;
  font-weight: 600;
  word-break: break-all;
  -webkit-transition: all 0.3s, X;
  transition: all 0.3s, X;
  opacity: 1;
  filter: alpha(opacity=100);
  margin: 0.5rem 0;
  min-height: 22px;
}
.tab-header h3 {
  margin: 0;
}
aside .panel header .rgt .btn,
.tab-header .rgt .btn {
  margin-left: 0.5rem;
}
aside .panel header .rgt {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin: 0.5rem 0 0.5rem auto;
}
aside article.col {
  width: calc(100% - 272px);
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 20px 20px 0 20px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
aside .invert article {
  width: calc(100% - 355px);
}
aside .invert .preview {
  width: 355px;
}
aside.disabled header .printer {
  opacity: 0.3;
  filter: alpha(opacity=30);
}
aside.disabled .col:not(.search) {
  opacity: 1;
  filter: alpha(opacity=100);
}
.open-aside aside {
  right: 0;
  -webkit-box-shadow: 0 2px 16px 0 rgba(33, 43, 54, 0.15);
          box-shadow: 0 2px 16px 0 rgba(33, 43, 54, 0.15);
}
.scroll {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  overflow: auto;
  margin: 0 -20px;
  padding: 0 20px;
  -webkit-overflow-scrolling: touch;
}
.scroll > .flex {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  height: 100%;
  min-height: 100%;
  margin: 0 -20px;
}
.mobile-pr:hover li .row::before {
  content: none;
}
.aside-watermarking:hover .row::before {
  content: '' !important;
}
aside dl {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
aside dt {
  width: 140px;
  padding: 0.8rem 20px 0.8rem 0;
  -webkit-box-shadow: inset 0 -1px 0 0 rgba(215, 222, 227, 0.5);
          box-shadow: inset 0 -1px 0 0 rgba(215, 222, 227, 0.5);
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
aside dd {
  width: calc(100% - 140px);
  padding: 0.8rem 0;
  -webkit-box-shadow: inset 0 -1px 0 0 rgba(215, 222, 227, 0.5);
          box-shadow: inset 0 -1px 0 0 rgba(215, 222, 227, 0.5);
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  word-break: break-word;
  text-align: left;
}
aside dd .icon {
  margin-right: 6px !important;
}
aside dd.field {
  margin: 0;
}
aside dl dd:last-child,
aside dl dt:nth-last-child(2) {
  -webkit-box-shadow: none;
          box-shadow: none;
}
aside footer {
  background: #E1E7EE;
  color: #A4ACB9;
  font-size: 12px;
  margin: 0 -20px;
  padding: 0.8rem 20px;
}
aside footer dt,
aside footer dd {
  width: 100%;
  padding: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  display: block;
}
aside footer dt {
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 10px;
  color: #bbc1c7;
}
aside .sep > span {
  background: #fff;
}
.aside-preview {
  width: 480px;
  right: -480px;
}
.aside-preview > header {
  padding: 0 2.5rem 0.5rem 20px;
  height: 240px;
  background: #13293D;
  overflow: hidden;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.aside-preview header .lines,
.aside-preview header .lines::before,
.aside-preview header .lines::after {
  background: #fff;
}
.aside-preview > header h3 {
  color: #fff;
  position: relative;
  width: 100%;
}
.aside-preview i:hover {
  z-index: 6;
}
.aside-preview .tabs {
  position: relative;
  margin: 0.5rem -2.5rem -0.5rem -20px;
  padding: 0 20px 0 20px;
  width: calc(100% + 20px + 2.5rem);
  -webkit-box-shadow: inset 0 -1px 0 0 rgba(215, 222, 227, 0.5);
          box-shadow: inset 0 -1px 0 0 rgba(215, 222, 227, 0.5);
}
.aside-preview header figure {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #13293D;
  z-index: -2;
  margin: 0;
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.aside-preview header figure img {
  bottom: 0;
  left: 0;
  margin: 0;
  max-width: none;
  min-height: 100%;
  min-width: 300px;
  width: 100%;
}
.shield-bg {
  fill: #bbc1c7;
}
/* .aside-preview header figure.landscape img {
  width: auto;
  height: 100%;
  max-width: none;
} */
.aside-preview header figure::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.3)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.3) 100%);
}
.aside-preview header figure.no-thumbnail::after {
  content: 'Preview unavailable';
  white-space: pre;
  padding: 10px 20px;
  line-height: 1.3;
  width: 100%;
  color: #8E959E;
  z-index: 0;
  position: absolute;
  top: -20px;
  left: 0;
  -webkit-transform: skewY(-10deg);
  transform: skewY(-10deg);
}
.aside-preview header figure.no-thumbnail.no-scan::after {
  content: 'Preview unavailable \A for scan jobs';
}
.aside-preview header figure.no-thumbnail.no-print::after {
  content: 'Preview unavailable \A for print jobs';
}
.aside-preview header figure.no-thumbnail.no-fax::after {
  content: 'Preview unavailable \A for fax jobs';
}
.aside-preview header figure.no-thumbnail.no-copy::after {
  content: 'Preview unavailable \A for copy jobs';
}
.aside-preview .scroll {
  height: calc(100% - 240px);
  padding: 0 20px;
}
.aside-preview .scroll figure {
  padding: 10px;
  -webkit-box-shadow: inset 0 0 0 1px rgba(215, 222, 227, 0.5);
          box-shadow: inset 0 0 0 1px rgba(215, 222, 227, 0.5);
}
.presets {
  position: relative;
  z-index: 10;
  padding: 20px 20px 0 20px;
  background-color: #f2f7f5;
  margin: 0 -20px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(33, 43, 54, 0.05);
          box-shadow: 0 2px 4px 0 rgba(33, 43, 54, 0.05);
}
.presets h4 {
  margin-bottom: calc(1.3rem + 30px);
}
.presets h6 {
  background-color: #fff;
  background-color: #cce0d6;
  color: #063;
  height: 30px;
  margin: -30px 0 0 0;
  line-height: 30px;
  border-radius: 4px 4px 0 0;
  position: relative;
  z-index: -1;
  content: 'Recommended';
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  text-align: center;
}
.presets ul {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  z-index: 11;
  background: #fff;
  border-top: 1px solid rgba(215, 222, 227, 0.5);
  margin: 0 -20px;
}
.presets li {
  position: relative;
  width: calc(33.33%);
  text-align: center;
  border-right: 1px solid rgba(215, 222, 227, 0.5);
}
.presets li:last-child {
  border: 0;
}
.presets li a {
  display: block;
  padding: 30px 15px;
  height: 100%;
  background: #fff;
}
.presets li strong {
  display: block;
  margin-bottom: 0.2rem;
  font-family: 'Barlow', sans-serif;
}
.presets li small {
  color: #8E959E;
  display: block;
}
.presets li .icon {
  height: 48px;
  width: 48px;
  margin: 0 auto 0.8rem;
  position: relative;
}
.presets li a svg {
  fill: #BABFC4;
}
.presets li.active.low a svg {
  fill: #EC225E;
}
.presets li.active.mod a svg {
  fill: #F59C45;
}
.presets li.active.high a svg {
  fill: #348496;
}
.presets li.active {
  z-index: 9;
}
.presets li.active a {
  -webkit-box-shadow: 0 0 0 1px #a3bfc4, 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
          box-shadow: 0 0 0 1px #a3bfc4, 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
  background: #fff;
}
.presets li.active a::before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 25px 32px 0;
  border-color: transparent #00A68B transparent transparent;
  position: absolute;
  top: 0;
  right: 0;
}
.presets li.active a::after {
  content: '';
  background: url('sprite.png') -800px -800px no-repeat;
  height: 0;
  overflow: hidden;
  width: 10px;
  padding-top: 8px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  position: absolute;
  top: 5px;
  right: 3px;
  width: 10px !important;
}
.response {
  max-height: 0;
  -webkit-transition: all 0.3s 0.3s, X;
  transition: all 0.3s 0.3s, X;
  z-index: 10;
  text-align: center;
  position: relative;
  background: #F9FAFB;
  margin: 0 -20px 0 -20px;
  padding: 0 20px;
  overflow: hidden;
}
.presets.stuck {
  padding-bottom: 121px;
}
.presets.stuck .response.visible {
  position: fixed;
  top: 132px;
  width: 720px;
  max-width: calc(100% - 200px);
  -webkit-transition: 0s, X;
  transition: 0s, X;
  -webkit-box-shadow: 0 2px 4px 0 rgba(33, 43, 54, 0.05);
          box-shadow: 0 2px 4px 0 rgba(33, 43, 54, 0.05);
}
.response .row {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.3s 0s, X;
  transition: all 0.3s 0s, X;
}
.response.visible {
  max-height: 200px;
  padding: 20px;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  border-top: 1px solid rgba(215, 222, 227, 0.5);
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}
.response.visible .row {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.response p {
  margin-bottom: 0.5rem;
}
.response .btn {
  margin: 0 6px;
}
.response .blk {
  margin-top: 3px;
}
.panel .scroll::before {
  -webkit-transition: opacity 0.3s 0.3s, X;
  transition: opacity 0.3s 0.3s, X;
  content: '';
  padding: 2rem 20px;
  background: rgba(52, 100, 116, 0.4);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  overflow: auto;
}
.block .scroll::before,
.block.scroll::before {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
}
.block .unblock {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
}
.stuck.unblock span {
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
}
.unblock {
  position: absolute;
  z-index: 10;
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 17px;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  -webkit-transition: opacity 0.1s, X;
  transition: opacity 0.1s, X;
  margin-top: 2rem;
}
.unblock span {
  display: block;
  color: #fff;
  -webkit-transition: all 0.1s, X;
  transition: all 0.1s, X;
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
  -webkit-font-smoothing: antialiased;
}
.unblock a {
  font-size: 15px;
  -webkit-font-smoothing: auto;
  margin-top: 6px;
}
.unblock.stuck {
  top: 77px;
  right: 0;
  position: fixed;
  max-width: 720px;
  width: calc(100% - 200px);
}
.drawer {
  width: 100%;
  padding: 20px;
  position: absolute;
  -webkit-transition: top 0.3s, X;
  transition: top 0.3s, X;
  z-index: 10;
  text-align: center;
  background: #fff;
  overflow: hidden;
  left: 0;
  top: -200px;
  -webkit-box-shadow: inset 0 -1px 0 0 rgba(215, 222, 227, 0.5), 0 2px 4px 0 rgba(33, 43, 54, 0.05);
          box-shadow: inset 0 -1px 0 0 rgba(215, 222, 227, 0.5), 0 2px 4px 0 rgba(33, 43, 54, 0.05);
}
.drawer .row {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.3s 0s, X;
  transition: all 0.3s 0s, X;
}
.open-drawer .drawer {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  top: 0;
  z-index: 100;
}
.open-drawer .drawer .row {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.drawer .btn {
  margin: 0 6px;
}
.open-drawer.block .scroll::before {
  z-index: 99;
}
.open-drawer .unblock {
  display: none !important;
}
aside .empty-wrap {
  background: #EFF3F7;
  height: calc(100% - 76px);
  margin: 0 -20px;
}
.aside-toneralerts #ink.notifications ul {
  padding: 1rem 0 0 20px;
}
.aside-toneralerts .rangeslider-wrap.tonerlevel .rangeslider {
  margin: 0;
}
.aside-toneralerts .rangeslider-wrap.tonerlevel .rangeslider__handle {
  top: 17px;
}
.rangeslider-wrap {
  padding: 0 0 2.6rem 0;
}
.rangeslider,
.rangeslider__fill {
  display: block;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
          box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
}
.rangeslider {
  background: #E1E7EE;
  position: relative;
  z-index: 1;
  margin-top: 3rem;
}
.size .rangeslider {
  background: #26AA27;
}
.size .rangeslider__fill {
  background: #E5E9ED;
}
.range-slider {
  position: relative;
  height: 200px;
}
.rangeslider--horizontal {
  height: 6px;
  width: 100%;
}
.rangeslider--vertical {
  width: 20px;
  min-height: 150px;
  max-height: 100%;
}
.rangeslider--disabled {
  filter: progid:dximagetransform.microsoft.alpha(Opacity=40);
  opacity: 0.4;
}
.rangeslider__fill {
  background: #26AA27;
  position: absolute;
}
.rangeslider--horizontal .rangeslider__fill {
  top: 0;
  height: 100%;
}
.rangeslider--vertical .rangeslider__fill {
  bottom: 0;
  width: 100%;
}
.rangeslider__handle {
  background: white;
  cursor: pointer;
  display: inline-block;
  width: 30px;
  height: 30px;
  position: absolute;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#F2F6F9));
  background-image: linear-gradient(-180deg, #FFF 0%, #F2F6F9 100%);
  -webkit-box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5), 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
          box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5), 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
  border-radius: 50%;
  z-index: 10;
}
.rangeslider__handle::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 2px;
  height: 12px;
  margin: 0 0 0 -2px;
  background: #BABFC4;
}
.rangeslider__handle::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 2px;
  height: 12px;
  margin: 0 0 0 2px;
  background: #BABFC4;
}
.rangeslider--horizontal .rangeslider__handle {
  top: -12px;
  touch-action: pan-y;
  -ms-touch-action: pan-y;
}
.rangeslider--vertical .rangeslider__handle {
  left: -10px;
  touch-action: pan-x;
  -ms-touch-action: pan-x;
}
input[type="range"]:focus + .rangeslider .rangeslider__handle {
  -webkit-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
  box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
}
.rangeslider__labels {
  position: absolute;
  width: 100%;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #A4ACB9;
  font-size: 11px;
  top: calc(100% + 16px);
  font-family: 'Barlow', sans-serif;
}
.rangeslider__labels__label {
  position: relative;
  width: auto;
  text-align: center;
  cursor: pointer;
}
.jobs .rangeslider__labels__label,
.importance .rangeslider__labels__label {
  width: auto;
}
.importance .rangeslider__handle__value {
  display: none !important;
}
.rangeslider__labels__label:first-child {
  text-align: left;
}
.rangeslider__labels__label:first-child::before {
  left: 0;
  -webkit-transform: translate(0);
  transform: translate(0);
}
.rangeslider__labels__label:last-child {
  text-align: right;
}
.rangeslider__labels__label:last-child::before {
  left: auto;
  right: 0;
  -webkit-transform: translate(0);
  transform: translate(0);
}
.rangeslider__labels__label::before {
  content: '';
  background: rgba(215, 222, 227, 0.5);
  width: 1px;
  height: 10px;
  position: absolute;
  top: -16px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.rangeslider__handle__value {
  position: absolute;
  z-index: 99;
  background: #fff;
  -webkit-box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5), 0 2px 2px 0 rgba(33, 43, 54, 0.15);
          box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5), 0 2px 2px 0 rgba(33, 43, 54, 0.15);
  padding: 0.333rem 0.533rem;
  bottom: 100%;
  left: 50%;
  line-height: 1.2;
  text-align: center;
  white-space: nowrap;
  border-radius: 3px;
  color: #8E959E;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  -webkit-transition: all 0.1s ease-in, X;
  transition: all 0.1s ease-in, X;
}
.rangeslider--active .rangeslider__handle__value {
  -webkit-transform: translate(-50%, -7px);
  transform: translate(-50%, -7px);
  -webkit-box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5), 0 2px 10px 0 rgba(33, 43, 54, 0.15);
          box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5), 0 2px 10px 0 rgba(33, 43, 54, 0.15);
}
.rangeslider__handle__value::before {
  content: '';
  width: 8px;
  height: 8px;
  background: #fff;
  border: 1px solid rgba(215, 222, 227, 0.6);
  border-top: 0;
  border-left: 0;
  position: absolute;
  left: calc(50% - 5px);
  bottom: -5px;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform: rotate(45deg) translate(0, 0);
  transform: rotate(45deg) translate(0, 0);
}
.rangeslider__handle__value::after {
  content: "%";
}
.jobs .rangeslider__handle__value::after {
  content: "% of jobs";
}
.size .rangeslider__handle__value::after {
  content: "+ pages";
}
.textsize .rangeslider__handle__value::after {
  content: "pt";
}
.days .rangeslider__handle__value::after {
  content: " days";
}
.beans .rangeslider__handle__value::after {
  content: " beans";
}
#ink {
  position: relative;
}
.rangeslider-wrap.tonerlevel {
  position: absolute;
  width: calc(100% - 70px);
  height: 135px;
  top: 0;
  left: 20px;
}
.aside-toneralerts .rangeslider-wrap.tonerlevel {
  width: calc(100% - 20px);
}
.rangeslider-wrap.tonerlevel .rangeslider {
  height: 100%;
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.rangeslider-wrap.tonerlevel .rangeslider__handle {
  width: 1px;
  height: 77px;
  background: #26AA27;
  -webkit-box-shadow: none;
          box-shadow: none;
  top: 9px;
  border-radius: 0;
}
.rangeslider-wrap.tonerlevel .rangeslider__handle::before,
.rangeslider-wrap.tonerlevel .rangeslider__handle::after {
  display: none !important;
}
.rangeslider-wrap.tonerlevel .rangeslider__fill {
  background: url('ink-fill.png') 0 0 no-repeat;
  -webkit-box-shadow: none;
          box-shadow: none;
  top: 16px;
}
.rangeslider-wrap.tonerlevel .rangeslider__fill::before {
  content: '';
  background: url('ink-fill.png') 100% 0 no-repeat;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  position: absolute;
}
.rangeslider-wrap.tonerlevel .rangeslider__fill::after {
  content: '';
  background: url('range.png');
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  position: absolute;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.timeslot {
  background-image: -webkit-gradient(linear, left top, right top, from(#3f51b1), color-stop(20%, #cc6b8e), color-stop(30%, #f18271), color-stop(40%, #f3a469), color-stop(60%, #f3a469), color-stop(70%, #f18271), color-stop(80%, #cc6b8e), to(#3f51b1));
  background-image: linear-gradient(to right, #3f51b1 0%, #cc6b8e 20%, #f18271 30%, #f3a469 40%, #f3a469 60%, #f18271 70%, #cc6b8e 80%, #3f51b1 100%);
  background-color: #f2fbf9;
  background: url('range-alt.png'), #fff;
}
.timeslot .noUi-connects {
  border-radius: 0;
}
.timeslot .noUi-connect {
  background: #cce0d6;
}
.noUi-handle {
  content: '';
  position: absolute;
  top: 100%;
  right: 0 !important;
  -webkit-transform: translate(15px, 30px);
  transform: translate(15px, 30px);
  background: white;
  cursor: pointer;
  width: 30px !important;
  height: 30px !important;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f2f6f9));
  background-image: linear-gradient(-180deg, #fff 0%, #f2f6f9 100%);
  -webkit-box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5), 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
          box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5), 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
  border-radius: 50%;
  z-index: 10;
}
.noUi-handle::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 2px;
  height: 12px;
  margin: 0 0 0 -2px;
  background: #BABFC4;
}
.noUi-handle::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 2px;
  height: 12px;
  margin: 0 0 0 2px;
  background: #BABFC4;
}
.range {
  text-align: right;
  display: inline-block;
  color: #1A2329;
  font-weight: 600;
}
.loader {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 0;
}
.loader span {
  background: #8E959E;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  opacity: 1;
  filter: alpha(opacity=100);
  position: absolute;
  top: calc(50% - 4px / 2);
}
.loading .loader span {
  -webkit-animation: ball-beat 1s infinite linear;
          animation: ball-beat 1s infinite linear;
}
.loading {
  position: relative;
}
.loading .text {
  margin-top: 3rem;
  font-family: 'Barlow', sans-serif;
}
.ball-beat span:first-child {
  left: calc(50% - 4px / 2 - 8px - 3px);
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
.ball-beat span:nth-child(2) {
  left: calc(50% - 4px / 2);
  -webkit-animation-delay: 0.3333s;
          animation-delay: 0.3333s;
}
.ball-beat span:nth-child(3) {
  left: calc(50% - 4px / 2 + 8px + 3px);
  -webkit-animation-delay: 0.666s;
          animation-delay: 0.666s;
}
@-webkit-keyframes ball-beat {
  50% {
    opacity: 0.4;
    filter: alpha(opacity=40);
  }
}
@keyframes ball-beat {
  50% {
    opacity: 0.4;
    filter: alpha(opacity=40);
  }
}
.btn.loading {
  pointer-events: none;
  background: #CDD2D9;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn .loader {
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
}
.btn.loading .loader,
.loadmore .btn .loader {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
}
.btn.loading:focus {
  outline: 0;
}
.btn .loader span {
  background: #fff;
}
.btn.loading .text {
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
}
.loading input[type="search"]::-webkit-search-cancel-button {
  display: none !important;
}
.loadmore {
  margin-bottom: 2rem;
}
.loadmore .btn {
  border-radius: 50px;
  -webkit-box-shadow: inset 0 0 0 1px #D7DEE3;
          box-shadow: inset 0 0 0 1px #D7DEE3;
  padding-left: 3rem;
  background: none;
  position: relative;
}
.loadmore .loader {
  width: 32px;
  height: 32px;
  background: #8E959E;
  border-radius: 50%;
  left: 6px;
  top: 6px;
  -webkit-transform: none;
  transform: none;
}
.loadmore .loader span {
  background: #fff;
  width: 4px;
  height: 4px;
}
.loadmore .ball-beat span:first-child {
  left: calc(50% - 4px / 2 - 4px - 3px);
}
.loadmore .ball-beat span:nth-child(2) {
  left: calc(50% - 4px / 2);
}
.loadmore .ball-beat span:nth-child(3) {
  left: calc(50% - 4px / 2 + 4px + 3px);
}
.overlay {
  padding: 2rem 20px;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  overflow: auto;
}
.overlay::before {
  -webkit-transition: opacity 0.3s 0.3s, left 0.3s;
  transition: opacity 0.3s 0.3s, left 0.3s;
  content: '';
  background: rgba(23, 43, 68, 0.7);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
}
.open-aside .overlay {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
  z-index: 7;
}
.open-aside #print-setup {
  z-index: 6;
}
.open-invite .overlay,
.open-feedback .overlay,
.open-rename .overlay,
.open-remove .overlay,
.open-resetcode .overlay,
.open-unlinkcard .overlay,
.open-manage .overlay,
.open-redeemkey .overlay,
.open-getapp .overlay,
.open-unlinkapp .overlay,
.open-howtoprint .overlay,
.open-reinvite .overlay,
.open-lost .overlay,
.open-account .overlay,
.open-vote .overlay,
.open-extension .overlay,
.open-downloadreport .overlay,
.open-demo .overlay,
.open-redeemkey .overlay,
.open-start .overlay,
.open-adv .overlay,
.open-reinstall .overlay,
.open-upgrade .overlay,
.open-change .overlay,
.open-cloudnodes .overlay,
.open-enablecloud .overlay,
.open-supernodes .overlay,
.open-standardnodes .overlay,
.open-passivenodes .overlay,
.open-export .overlay,
.open-news .overlay,
.open-autodiscover .overlay,
.open-discovermanually .overlay {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
  z-index: 9;
}
.open-aside .overlay::before,
.open-invite .overlay::before,
.open-feedback .overlay::before,
.open-rename .overlay::before,
.open-remove .overlay::before,
.open-resetcode .overlay::before,
.open-unlinkcard .overlay::before,
.open-manage .overlay::before,
.open-redeemkey .overlay::before,
.open-getapp .overlay::before,
.open-unlinkapp .overlay::before,
.open-howtoprint .overlay::before,
.open-reinvite .overlay::before,
.open-lost .overlay::before,
.open-account .overlay::before,
.open-vote .overlay::before,
.open-extension .overlay::before,
.open-downloadreport .overlay::before,
.open-demo .overlay::before,
.open-redeemkey .overlay::before,
.open-start .overlay::before,
.open-adv .overlay::before,
.open-reinstall .overlay::before,
.open-upgrade .overlay::before,
.open-change .overlay::before,
.open-cloudnodes .overlay::before,
.open-enablecloud .overlay::before,
.open-supernodes .overlay::before,
.open-standardnodes .overlay::before,
.open-passivenodes .overlay::before,
.open-export .overlay::before,
.open-news .overlay::before,
.open-autodiscover .overlay::before,
.open-discovermanually .overlay::before {
  -webkit-transition: opacity 0.3s 0s, X;
  transition: opacity 0.3s 0s, X;
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
}
.open-aside,
.open-menu,
.open-invite,
.open-feedback,
.open-toner,
.open-paper,
.open-discovery,
.open-mobile,
.open-rename,
.open-manage,
.open-redeemkey,
.open-getapp,
.open-reinvite,
.open-account,
.open-extension,
.open-demo,
.open-redeemkey,
.open-start,
.open-adv,
.open-reinstall,
.open-upgrade,
.open-change,
.open-unlinkapp,
.open-cloudnodes,
.open-enablecloud,
.open-supernodes,
.open-standardnodes,
.open-passivenodes,
.open-export,
.open-news {
  overflow: hidden;
}
.open-menu .pusher {
  overflow: hidden;
}
.no-anim {
  -webkit-transition: none !important;
  transition: none !important;
  -webkit-animation-play-state: paused !important;
          animation-play-state: paused !important;
}
.popup {
  position: absolute;
  max-width: 640px;
  top: -3000px;
  opacity: 0;
  font-size: 0.9375rem;
  -webkit-transform: translate(0, 50px);
          transform: translate(0, 50px);
  visibility: hidden;
  border-radius: 4px;
  background: #fff;
  margin: auto;
  -ms-flex-item-align: center;
      align-self: center;
}
.popup.basic {
  max-width: 480px;
}
.popup:focus {
  outline: 0;
}
.popup .scroll {
  padding: 1.5rem 20px 0 20px;
  margin-top: -1.5rem;
  max-height: 480px;
}
.popup .action {
  margin-right: auto;
}
.popup ol {
  margin: 0;
}
.popup header {
  padding: 1.5rem 20px 1.2rem;
  position: relative;
  overflow: hidden;
  border-radius: 4px 4px 0 0;
}
.popup.basic header,
.popup.basic-wide header {
  padding: 1.5rem 20px 0;
}
.popup.basic header .close,
.popup.basic-wide header .close {
  top: 5px;
  right: 5px;
}
.popup.basic .alert:not(.pullout),
.popup.basic-wide .alert {
  margin-top: 1.2rem;
}
.popup header figure {
  background: #DDEDED;
  text-align: center;
  margin: -1.5rem -20px 0 -20px;
}
.open-invite .popup header figure {
  padding: 20px;
}
.popup header figure img {
  max-width: calc(100% + 40px);
  display: block;
  margin: 0 auto;
}
.popup .content {
  padding: 1.5rem 20px 0;
  position: relative;
  border-radius: 0 0 4px 4px;
}
.popup .lines-button.close {
  top: 10px;
  right: 10px;
  position: absolute;
  z-index: 10;
  width: 32px;
  height: 32px;
}
.popup .lines-button.close .lines {
  top: 15px;
  left: 7px;
}
.popup:not(.basic):not(.basic-wide) .close::before {
  content: '';
  background: #212b36;
  opacity: 0.5;
  filter: alpha(opacity=50);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: absolute;
  top: 0;
  right: 0;
}
.popup:not(.basic):not(.basic-wide) p .close::before {
  content: none;
}
.popup.basic .close::before {
  display: none !important;
}
.popup.basic .lines,
.popup.basic .lines::before,
.popup.basic .lines::after,
.popup.basic-wide .lines,
.popup.basic-wide .lines::before,
.popup.basic-wide .lines::after {
  background: #8e959e;
}
.popup .lines,
.popup .lines::before,
.popup .lines::after {
  background: #fff;
}
.popup .close:hover::before {
  opacity: 1;
  filter: alpha(opacity=100);
}
.popup footer {
  position: static;
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  width: auto;
  height: auto;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 20px;
  font-size: 0.9375rem;
  border-radius: 0 0 4px 4px;
  z-index: 99;
}
.popup footer.center {
  display: block;
}
.popup footer .btn {
  margin: 0 0 0 1rem;
}
.popup footer.center .btn {
  margin: 0 0.5rem;
}
.popup:not(.basic):not(.basic-wide) header h3 {
  margin: 1.5rem 0 0.3rem;
}
.popup header p {
  margin: 0 0 0.3rem;
  color: #8E959E;
}
.popup header .icon {
  margin: 0;
}
.popup h4 {
  margin: 0 0 9px;
}
.popup ol:not(.progress-bar):not(.list-steps) > li {
  -webkit-transition: all 0.3s, padding 0s;
  transition: all 0.3s, padding 0s;
  width: auto;
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
  position: relative;
  margin: 0 0 2rem;
  padding-left: 32px;
  counter-increment: a;
}
.popup ol:not(.progress-bar):not(.list-steps) > li::before {
  content: counter(a);
  position: absolute;
  left: 0;
  font-size: 12px;
  height: 22px;
  line-height: 22px;
  width: 22px;
  text-align: center;
  top: 0;
  background: #fff;
  -webkit-box-shadow: 0 0 0 1px #D7DEE3;
          box-shadow: 0 0 0 1px #D7DEE3;
  border-radius: 50%;
}
.popup ol:not(.progress-bar):not(.list-steps) > li:last-child {
  background: #f5f7f9;
}
.popup ol:not(.progress-bar):not(.list-steps)::before {
  content: '';
  width: 1px;
  height: 100%;
  background: rgba(215, 222, 227, 0.5);
  position: absolute;
  top: 0;
  left: 11px;
}
.popup .device {
  margin: 2rem 0 -65% 0;
}
.popup .tabs {
  margin: 1rem -20px -1.2rem;
  padding: 0 20px;
  width: calc(100% + 40px);
  -webkit-box-shadow: inset 0 -1px 0 0 rgba(215, 222, 227, 0.5);
          box-shadow: inset 0 -1px 0 0 rgba(215, 222, 227, 0.5);
}
.popup.basic-wide .tabs,
.popup.basic .tabs {
  margin-bottom: 0;
}
.popup .tabs.center ul {
  -webkit-box-shadow: none;
          box-shadow: none;
  margin: 0;
}
.popup .empty {
  position: static;
  -webkit-transform: none;
  transform: none;
  margin-top: 1.3rem;
  padding: 1.5rem 20px;
}
#popup-vote.popup .content .rangeslider {
  margin-top: 3rem;
}
.popup footer small.blk {
  margin: 0;
}
.popup footer .os {
  margin-top: 6px;
}
.markdown-release-notes h1 {
  font-size: 20px;
  margin: 0 0 12px;
}
.markdown-release-notes h2 {
  font-size: 17px;
  margin: 0 0 9px;
}
.markdown-release-notes ul {
  margin: 0 0 1.3rem 20px;
  list-style: none;
}
.markdown-release-notes ul > li::before {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  left: -20px;
  top: 9px;
  border-radius: 50%;
  background: #bbc1c7;
}
.popup .step {
  display: none;
}
.popup .step.active {
  display: block;
}
.multi li {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1rem 0;
  -webkit-box-shadow: inset 0 -1px 0 0 rgba(215, 222, 227, 0.5);
          box-shadow: inset 0 -1px 0 0 rgba(215, 222, 227, 0.5);
  color: #8e959e;
}
.multi li:last-child {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.multi li .add {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 10px;
}
.multi li .email {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 0 1rem;
  text-align: left;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ReactModal__Body--open .wrap .overlay {
  display: none !important;
}
.ReactModal__Content {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: auto;
  width: 540px;
}
.ReactModal__Content:focus {
  outline: none;
}
.ReactModal__Body--open .overlay {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
  z-index: 9;
}
.ReactModal__Body--open .popup {
  position: static;
  opacity: 1;
  display: block;
  z-index: 100;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  visibility: visible;
  width: 100%;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  -webkit-transition: opacity 0.2s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: opacity 0.2s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: opacity 0.2s ease-in-out, transform 0.3s ease-in-out;
  transition: opacity 0.2s ease-in-out, transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.success {
  padding: 20px;
}
.success.noheader {
  padding: 40px 20px 20px 20px;
}
.success figure {
  margin-bottom: 1.3rem;
}
.success figure img {
  margin: 0 auto;
}
.open-toner .overlay,
.open-paper .overlay,
.open-discovery .overlay,
.open-mobile .overlay,
.open-app .overlay {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
  z-index: 9;
}
.open-tour.open-toner .overlay,
.open-tour.open-paper .overlay {
  z-index: 11;
}
.open-toner .overlay::before,
.open-paper .overlay::before,
.open-discovery .overlay::before,
.open-mobile .overlay::before,
.open-app .overlay::before {
  -webkit-transition: opacity 0.3s 0s, X;
  transition: opacity 0.3s 0s, X;
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
}
.open-toner #popup-toner,
.open-paper #popup-paper,
.open-discovery #popup-discovery,
.open-app #popup-app,
.open-invite #popup-invite,
.open-feedback #popup-feedback,
.open-rename #popup-rename,
.open-manage #popup-manage,
.open-redeemkey #popup-redeemkey,
.open-getapp #popup-getapp,
.open-unlinkapp #popup-unlinkapp,
.open-howtoprint #popup-howtoprint,
.open-reinvite #popup-reinvite,
.open-remove #popup-remove,
.open-resetcode #popup-resetcode,
.open-unlinkcard #popup-unlinkcard,
.open-lost #popup-lostmode,
.open-redeemkey #popup-redeemkey,
.open-account #popup-account,
.open-vote #popup-vote,
.open-extension .popup-extension.active,
.open-downloadreport #popup-downloadreport,
.open-demo #popup-demo,
.open-start #popup-start,
.open-adv #popup-adv,
.open-reinstall #popup-reinstall,
.open-upgrade #popup-upgrade,
.open-change #popup-change,
.open-cloudnodes #popup-cloudnodes,
.open-enablecloud #popup-enablecloud,
.open-supernodes #popup-supernodes,
.open-standardnodes #popup-standardnodes,
.open-passivenodes #popup-passivenodes,
.open-export #popup-export,
.open-news #popup-news,
.open-autodiscover #popup-autodiscover,
.open-discovermanually #popup-discovermanually {
  position: static;
  opacity: 1;
  display: block;
  z-index: 100;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  visibility: visible;
  width: 100%;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  -webkit-transition: opacity 0.2s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: opacity 0.2s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: opacity 0.2s ease-in-out, transform 0.3s ease-in-out;
  transition: opacity 0.2s ease-in-out, transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.open-app #popup-app {
  max-width: 480px;
}
.open-app #popup-app header {
  background: #eff3f7;
}
.popup .content .rangeslider {
  margin-top: 1.5rem;
}
#popup-toner .rangeslider__labels__label,
#popup-paper .rangeslider__labels__label {
  width: 60px;
  line-height: 1;
  font-size: 12px;
}
#popup-toner .col.model {
  width: calc(100% - 200px);
  padding-left: 52px;
}
#popup-toner .extra .col.model {
  padding-left: 32px;
  position: relative;
}
#popup-toner .extra .col.model a {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block !important;
  max-width: 100%;
  color: #8e959e;
}
#popup-toner .extra .col.model a:hover {
  color: #26AA27;
}
#popup-toner .extra .col.model::before {
  content: '';
  position: absolute;
  top: 10px;
  left: 10px;
  width: 12px;
  height: 1px;
  background: #d7dee3;
}
#popup-toner .col.color {
  width: 50px;
  padding: 0;
  text-align: center;
  margin: 0 auto;
  position: static;
}
#popup-toner .list {
  background: #f4f6f9;
  margin: 0 -20px;
  padding: 20px;
  width: calc(100% + 40px);
}
#popup-toner .list .alert {
  margin-top: -20px;
}
#popup-toner .list .row {
  padding: 1rem 15px 1rem 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transform: inherit;
          transform: inherit;
}
#popup-toner .list a.row {
  color: #8e959e;
}
#popup-toner .list a.row:hover .col {
  color: #26AA27;
}
#popup-toner .list .row .qty {
  width: 22px;
  margin-left: -22px;
  display: inline-block;
  text-align: left;
  font-size: 13px;
  line-height: 20px;
  font-family: 'Barlow', sans-serif;
  color: #bbc1c7;
  position: relative;
  z-index: 1;
  background: #fff;
}
#popup-toner .list .row .qty::before {
  content: '';
  background: url('sprite.png') -400px -200px no-repeat;
  height: 0;
  overflow: hidden;
  width: 9px;
  padding-top: 6px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  position: absolute;
  top: 7px;
  left: -15px;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transition: all 0.3s ease-in-out, X;
  transition: all 0.3s ease-in-out, X;
}
#popup-toner .list .visible .row .qty::before {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
#popup-toner .list .row .qty::after {
  content: 'x';
}
#popup-toner .list .extra {
  position: relative;
}
#popup-toner .list .extra .row {
  padding: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: all 0.4s, X;
  transition: all 0.4s, X;
}
#popup-toner .extra::before {
  content: '';
  position: absolute;
  top: calc(-1rem - 21px);
  width: 1px;
  background: #d7dee3;
  left: 11px;
}
#popup-toner .multi.visible .extra::before {
  bottom: calc(1rem + 13px);
}
#popup-toner .list .multi .extra .row .col {
  -webkit-transition: all 0.1s 0s, X;
  transition: all 0.1s 0s, X;
  opacity: 0;
  filter: alpha(opacity=0);
}
#popup-toner .list .multi.visible .extra .row .col {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all 0.3s 0.3s, color 0s 0s;
  transition: all 0.3s 0.3s, color 0s 0s;
}
#popup-toner .list .multi .extra .row,
#popup-toner .list li.multi:last-child .row:last-child {
  padding: 0 15px 0 22px;
}
#popup-toner .list .multi.visible .extra .row,
#popup-toner .list li.multi.visible:last-child .row:last-child {
  padding: 0.5rem 15px 0.5rem 22px;
  max-height: 90px;
}
#popup-toner .list li.multi.visible .row:last-child {
  padding-bottom: 1rem;
}
#popup-toner .list li.multi.visible:last-child .extra .row:last-child {
  padding: 0.5rem 15px 1rem 22px;
  border-radius: 0 0 3px 3px;
}
#popup-toner .list header > .flex,
#popup-toner .list footer > .flex {
  padding: 0 15px 0 0;
}
#popup-toner .list footer {
  -webkit-box-pack: initial;
      -ms-flex-pack: initial;
          justify-content: initial;
  padding: 0;
  width: 100%;
}
#popup-toner .list header {
  padding: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
#popup-toner .list ul {
  margin-bottom: 1rem;
}
#popup-toner .num {
  font-size: 14px;
}
#popup-toner .fill {
  -webkit-transition: 0.3s linear, X;
  transition: 0.3s linear, X;
  z-index: 1;
  width: 40px;
  line-height: 40px;
  height: 40px;
  border-radius: 50%;
  color: #fff;
  margin: 0 auto;
}
#popup-toner .extra .fill {
  width: 30px;
  line-height: 30px;
  height: 30px;
}
#popup-toner .fill.zero {
  background: #fff;
  color: #bbc1c7;
}
#popup-paper {
  overflow: hidden;
}
#popup-paper .icon {
  width: 60px;
  height: 40px;
  margin-right: 20px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: #253031;
}
#popup-paper .icon.ream svg {
  height: 31px;
}
#popup-paper .col {
  margin: 0.5rem 0;
}
#popup-paper .metrics {
  width: calc(100% - 300px);
}
#popup-paper .metrics > .blk {
  padding-left: 80px;
}
#popup-paper .col.illo {
  width: 300px;
}
#popup-paper .row {
  background-image: -webkit-gradient(linear, left bottom, left top, from(#E5F0EB), to(white));
  background-image: linear-gradient(to top, #E5F0EB 0%, white 100%);
  margin: 0 -20px;
  padding: 20px;
  width: calc(100% + 40px);
}
#popup-paper footer {
  background: #E5F0EB;
}
#popup-paper figure {
  height: 360px;
  position: relative;
}
#popup-paper figure .img {
  position: absolute;
  width: 100%;
  height: 360px;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.2s linear 0.3s, X;
  transition: opacity 0.2s linear 0.3s, X;
}
#popup-paper figure .img.last {
  opacity: 1;
  filter: alpha(opacity=100);
  z-index: 3;
}
#popup-paper figure .img.this {
  opacity: 1;
  filter: alpha(opacity=100);
  z-index: 4;
}
#popup-paper figure .img[data-period="thirty"] {
  background: url('stack.png') -100px 100%;
}
#popup-paper figure .img[data-period="sixty"] {
  background: url('stack.png') -500px 100%;
}
#popup-paper figure .img[data-period="ninety"] {
  background: url('stack.png') -900px 0;
}
#popup-paper figure .img[data-period="year"] {
  background: url('stack.png') -1300px 100%;
}
/* Printer Apps Config **/
#popup-adv {
  max-width: 800px;
}
#popup-adv .bg-grey {
  padding: 20px;
  margin: -1.5rem -20px 1.3rem -20px;
}
#popup-adv footer.bg-grey {
  margin: 0;
  background: #EFF3F7;
}
#popup-adv .list header {
  padding: 0;
}
#popup-adv .list header h4 {
  margin: 0;
}
#popup-adv p.adv-global {
  margin-bottom: 1.3rem;
}
#popup-adv .list .col.key {
  width: 50%;
}
#popup-adv .list .col.key:hover .tip {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate(0, -8px);
  transform: translate(0, -8px);
  visibility: visible;
}
#popup-adv .list .col.value {
  width: 50%;
}
#popup-adv .list .col.checkbox {
  white-space: nowrap;
  width: 140px;
  text-align: right;
}
#popup-adv .list .col.checkbox input[type="checkbox"] {
  margin: -4px 0 0 8px;
}
#popup-adv .list .col.checkbox label {
  margin: 0;
}
#popup-adv .scroll .alert {
  margin: -1.5rem -20px 1.5rem -20px;
  width: calc(100% + 40px);
}
#config-to .btn {
  padding-right: 46px;
  overflow: hidden;
}
#copy-config .list li {
  cursor: pointer;
}
#copy-config .btn .select-total {
  padding: 0.813rem 0;
  background: #0d8843;
  width: 30px;
  height: 100%;
  top: 0;
  right: 0;
  text-align: center;
  position: absolute;
  color: #fff;
  -webkit-box-shadow: -1px 0 0 0 rgba(255, 255, 255, 0.2);
          box-shadow: -1px 0 0 0 rgba(255, 255, 255, 0.2);
}
#copy-config .col.device-name {
  color: #8E959E;
  font-weight: normal;
}
#copy-config .selected .col.device-name {
  color: #212B36;
  font-weight: 600;
}
#copy-config .success footer {
  margin: 0 -20px -20px -20px;
}
#copy-config .success .ticks {
  display: inline-block;
  margin: 1rem 0 0 0;
  color: #5F6470;
  font-weight: normal;
}
#copy-config .success .scroll {
  margin-top: -20px;
  padding: 20px;
}
#popup-adv .tag {
  padding: 0.3rem 0.532rem;
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 27px;
  margin: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
#popup-adv .tag.reset {
  padding: 0.3rem 1.6rem 0.3rem 0.532rem;
}
#popup-adv .undo {
  position: absolute;
  width: 12px;
  height: 12px;
  top: -14px;
  right: 7px;
  color: #8E959E;
}
#popup-adv .undo:hover {
  color: #26AA27;
}
#popup-adv .undo::before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 38px 33px 0;
  border-color: transparent #EFF3F7 transparent transparent;
  position: absolute;
  top: -4px;
  right: -7px;
  z-index: -1;
}
#popup-adv .secondary.more {
  width: auto;
  height: auto;
}
#popup-news {
  overflow: hidden;
}
#popup-news > header {
  background: #fff;
  -webkit-box-shadow: 0 0 10px 0 rgba(33, 43, 54, 0.3);
          box-shadow: 0 0 10px 0 rgba(33, 43, 54, 0.3);
  z-index: 1;
}
#popup-news article {
  padding: 1rem 20px 0.1px 20px;
  position: relative;
  -webkit-box-shadow: inset 0 1px 0 0 rgba(215, 222, 227, 0.8);
          box-shadow: inset 0 1px 0 0 rgba(215, 222, 227, 0.8);
  margin: 0 -20px;
}
#popup-news article:first-child {
  -webkit-box-shadow: none;
          box-shadow: none;
  padding-top: 0;
}
#popup-news article.unread header::before {
  content: '';
  background: #FB8332;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  position: absolute;
  top: 8px;
  left: -14px;
}
#popup-news article .date {
  color: #8E959E;
  width: 100px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  text-align: right;
}
#popup-news article p {
  margin: 0 0 1rem 0;
}
#popup-news article header {
  padding: 0;
  border-radius: 0;
  overflow: visible;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
#popup-news .scroll {
  background: #EFF3F7;
  margin: 0;
}
#popup-news figure.inset {
  float: right;
  max-width: 200px;
  margin: 0 0 1rem 1rem;
  background: #fff;
}
#popup-news figure img {
  margin: 0;
}
#popup-start {
  overflow: hidden;
}
#popup-start.anim {
  -webkit-transition: all 0.5s ease-in-out, X !important;
  transition: all 0.5s ease-in-out, X !important;
}
#popup-start.shrink {
  -webkit-transition: all 0.5s ease-in-out, X;
  transition: all 0.5s ease-in-out, X;
  opacity: 1 !important;
  filter: alpha(opacity=100) !important;
  visibility: visible !important;
  position: absolute !important;
  padding: 0;
}
#popup-start.shrink *,
#popup-start.shrink::before {
  display: none;
  content: none;
}
#popup-start header {
  padding: 0 20px 1.2rem 20px;
}
#popup-start .content {
  padding: 0 20px;
}
#popup-start #popup-discovery .content {
  width: 100%;
}
#popup-start #popup-discovery .run-installer {
  margin: auto;
}
#popup-start footer {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#popup-start footer.barro {
  background: rgba(0, 0, 0, 0.05);
  position: relative;
  width: 100%;
  z-index: 10;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.3s, X;
  transition: all 0.3s, X;
  height: 60px;
  padding: 5px 20px 10px 20px;
}
#popup-start footer.barro small {
  margin: 0 auto;
  color: #8E959E;
}
#popup-start footer.barro small .action {
  margin: 0;
}
#popup-start #popup-discovery .step-three .content {
  padding: 2rem 5px 0;
}
#popup-start .mb.manual {
  margin-top: calc(-2rem + 5px);
}
#popup-start .progress {
  display: block;
  width: calc(100% - 40px);
  overflow: hidden;
  border-radius: 10px;
  height: 4px;
  background: rgba(0, 0, 0, 0.1);
  background-image: -webkit-gradient(linear, left top, right top, from(#26AA27), to(#26AA27));
  background-image: linear-gradient(to right, #26AA27, #26AA27);
  background-repeat: no-repeat;
  background-size: 0 100%;
  -webkit-transition: background-size 0.4s ease-in-out;
  transition: background-size 0.4s ease-in-out;
  margin: 0;
}
#popup-start .progress-field {
  max-width: calc(100% - 101px);
}
.slider__label {
  display: none !important;
}
#popup-start .slick-dots {
  right: auto;
  left: 50%;
  top: 15px;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
#popup-start .tour-content .slick-slide {
  height: auto;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#popup-start .slick-next {
  margin-bottom: 1rem;
}
#popup-start .inl .btn {
  margin: 0 5px;
}
#popup-start .inl input[type=text] {
  margin: 0;
}
.invite-yourself .btn {
  width: 91px;
}
#popup-start .slick-dots li button {
  background: rgba(0, 0, 0, 0.15);
}
#popup-start .slick-dots li.slick-active button {
  background: #26AA27;
}
#popup-start .action {
  margin: 0.6rem 0;
  display: inline-block;
}
#popup-start small .action {
  margin: 0;
}
#popup-start .slick-prev.slick-disabled,
#popup-start .slick-prev.disabled {
  display: none !important;
}
#popup-start .slick-prev {
  width: 20px;
  height: 16px;
  min-width: 0;
  text-align: left;
}
#popup-start .winner {
  width: 20px;
  height: 16px;
  text-align: right;
  color: rgba(0, 0, 0, 0.15);
}
#popup-start .winner .icon {
  display: none !important;
}
#popup-start .complete .winner {
  color: #26AA27;
}
#popup-start .tip > .os {
  margin: 0.6rem 0;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#popup-start .success {
  margin: auto;
}
#popup-start .success:not(.hidden) .checkmark__circle {
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke: #26AA27;
  fill: none;
  -webkit-animation: check-stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
          animation: check-stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}
#popup-start .success:not(.hidden) .checkmark {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  display: block;
  stroke-width: 4;
  stroke: #fff;
  stroke-miterlimit: 10;
  margin: 0 auto;
  -webkit-box-shadow: inset 0 0 0 #26AA27;
          box-shadow: inset 0 0 0 #26AA27;
  -webkit-animation: check-fill 0.4s ease-in-out 0.4s forwards, check-scale 0.3s ease-in-out 0.9s both;
          animation: check-fill 0.4s ease-in-out 0.4s forwards, check-scale 0.3s ease-in-out 0.9s both;
}
#popup-start .success:not(.hidden) .checkmark__check {
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  -webkit-animation: check-stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
          animation: check-stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}
#popup-start .os .icon {
  margin: 0 10px !important;
}
#popup-start figure {
  margin: 0;
}
#popup-start .tour-figure .slick-list {
  height: 100%;
}
#popup-start > svg {
  position: absolute;
  opacity: 0.6;
  filter: alpha(opacity=60);
  top: 5%;
  z-index: 2;
}
#popup-start figure img {
  margin: 0;
  position: absolute;
  bottom: 0;
}
#popup-start .has-tip {
  display: inline-block;
  border-bottom: 1px dotted #8E959E;
}
#popup-start .tour-content .slick-list {
  overflow: visible;
}
#popup-start .tour-content ol {
  text-align: left;
  margin: 0 auto;
  display: inline-block;
  line-height: 1.2;
}
#popup-start .tour-content ol li {
  margin-bottom: 0.5rem;
}
#popup-start .tour-content ol li::before {
  content: '';
  top: 5px;
  width: 8px;
  height: 8px;
  -webkit-box-shadow: 0 0 0 2px #BABFC4;
          box-shadow: 0 0 0 2px #BABFC4;
  border-radius: 50%;
}
#popup-start .slick-track {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
#popup-start h2 {
  margin-bottom: 1.3rem;
}
#popup-start[data-step="7"] {
  margin: auto;
}
#popup-start[data-step="7"] h2 {
  margin: 1.3rem 0 0.5rem;
}
#popup-start .planet {
  content: '';
  background: url('sprite.png') -200px -400px no-repeat;
  height: 0;
  overflow: hidden;
  width: 64px;
  padding-top: 50px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
}
#popup-start g[id^='logo'],
#popup-start g[id^='foot'],
#popup-start g[class^='tick'] {
  transform-box: fill-box;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1), X;
  transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1), X;
}
#popup-start g[id^='fire'] {
  -webkit-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
}
.open-start #popup-start g[id^='logo'] {
  -webkit-animation: bounce-in-fwd 1.1s both;
          animation: bounce-in-fwd 1.1s both;
}
#popup-start .slick-active g[class^='tick'] {
  -webkit-animation: bounce-in-fwd 1.1s both;
          animation: bounce-in-fwd 1.1s both;
}
#popup-start .slick-active g[id^='fire'] {
  -webkit-animation: scale-in-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
          animation: scale-in-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
#popup-start .slick-active g[id^='foot'] {
  -webkit-animation: wobble-hor-bottom 0.8s both;
          animation: wobble-hor-bottom 0.8s both;
}
#popup-start .slick-active svg {
  overflow: visible;
}
#popup-start .clouds path {
  -webkit-animation: clouds 40s linear infinite;
          animation: clouds 40s linear infinite;
}
#popup-start .clouds path:nth-child(2) {
  -webkit-animation: clouds 42s linear infinite;
          animation: clouds 42s linear infinite;
}
#popup-start .clouds path:nth-child(3) {
  -webkit-animation: clouds 41s linear infinite;
          animation: clouds 41s linear infinite;
}
#popup-start .clouds path:nth-child(4) {
  -webkit-animation: clouds 44s linear infinite;
          animation: clouds 44s linear infinite;
}
#popup-start::before {
  background: #DDECEC;
  content: '';
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 280px;
  -webkit-transition: all 0.3s ease-in-out 0.3s, X;
  transition: all 0.3s ease-in-out 0.3s, X;
}
.discovery #popup-start::before {
  height: 100%;
}
#popup-start .tour-content {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all 0.3s ease-in-out 0.7s, X;
  transition: all 0.3s ease-in-out 0.7s, X;
  height: calc(100% - 280px - 60px);
  z-index: 3;
}
#popup-start .tour-figure {
  border-radius: 3px 3px 0 0;
  overflow: hidden;
  z-index: 3;
  -webkit-transition: all 0.3s ease-in-out 0.7s, X;
  transition: all 0.3s ease-in-out 0.7s, X;
  opacity: 1;
  filter: alpha(opacity=100);
  height: 280px;
}
.discovery #popup-start .tour-figure,
.discovery #popup-start .tour-content {
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out 0s, X;
  transition: all 0.3s ease-in-out 0s, X;
}
#popup-start #popup-discovery {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 60px);
  background: none;
  border-radius: 3px;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out 0.3s, X;
  transition: all 0.3s ease-in-out 0.3s, X;
}
#popup-start #popup-discovery .step.active {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  height: 100%;
  overflow: hidden;
}
#popup-start .tips {
  text-align: center;
  margin: auto 0 0;
  padding: 2rem 0 0 0;
  font-size: 0.813rem;
  line-height: 1.3;
  background: rgba(0, 0, 0, 0.05);
}
#popup-start .tips .item {
  padding: 0 30px;
}
.discovery #popup-start #popup-discovery {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
}
.discovery #popup-start .slick-prev {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.3s ease-in-out, X;
  transition: all 0.3s ease-in-out, X;
}
#popup-start #popup-discovery .progress-bar {
  margin-top: 30px !important;
}
#popup-start #popup-discovery .progress-bar li {
  border-bottom: 2px solid rgba(0, 0, 0, 0.1);
}
#popup-discovery .connection .wire,
.install-type .connection .wire {
  background: rgba(0, 0, 0, 0.1);
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  height: 2px;
  margin: 0 10px;
}
#popup-start #popup-discovery .manual .terminal {
  height: 290px;
}
#popup-start #popup-discovery small {
  color: #8E959E;
}
#popup-start #popup-discovery .os .icon svg {
  fill: #8E959E;
}
#popup-start #popup-discovery .progress-bar li::before {
  border: 2px solid #DDECEC;
  background: #C6D4D4;
}
#popup-start #popup-discovery .progress-bar:not(.icons) .is-active::before {
  background-color: #DDECEC;
  border-color: #097C55;
}
#popup-start #popup-discovery .progress-bar:not(.icons) .is-complete::before {
  background-color: #097C55;
}
#popup-start #popup-discovery .progress-bar:not(.icons) .is-complete:first-child::before {
  background: #097C55;
}
#popup-start #popup-discovery header {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 100%;
}
#popup-start #popup-discovery footer {
  background: none;
  max-height: none;
}
/* Printer Discovery */
#popup-discovery figure {
  margin-bottom: 1.5rem;
}
#popup-discovery footer {
  background: #f4f6f9;
  margin: 1.5rem 0 0 0;
  display: block;
}
#popup-discovery footer.hidden .tips {
  opacity: 0;
  filter: alpha(opacity=0);
}
#popup-discovery footer .tips {
  margin: 0 -20px;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all 0.3s ease-in-out 0.5s, X;
  transition: all 0.3s ease-in-out 0.5s, X;
}
#popup-discovery footer .tips .item {
  text-align: center;
  display: block;
  padding: 0 20px;
}
#popup-discovery footer .tips .slick-dots {
  position: static;
  margin: 0.6rem 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#popup-discovery footer .tips .slick-dots li button {
  background: #a4acb9;
}
#popup-discovery footer .tips .slick-dots li.slick-active button {
  background: #26AA27;
}
#popup-discovery .callout {
  position: absolute;
  left: calc(50% + 220px);
  top: 100px;
  width: 220px;
  border-radius: 3px;
  z-index: 3;
}
.open-discovery .wrap {
  -webkit-filter: blur(1.5px);
          filter: blur(1.5px);
}
#popup-discovery .step-three header {
  overflow: visible;
}
#popup-discovery .step-three .progress-bar {
  margin-bottom: 0 !important;
}
#popup-discovery .step-three .content {
  padding: 0.5rem 5px 0;
}
#popup-discovery .step-three footer {
  -webkit-transition: all 0.5s ease-in-out, X;
  transition: all 0.5s ease-in-out, X;
  max-height: 150px;
}
#popup-discovery .os {
  margin: 0.6rem 10px 0 10px;
}
.os .icon {
  margin: 0 10px;
}
.connection .logo {
  content: '';
  background: url('sprite.png') 0 -1600px no-repeat;
  height: 0;
  overflow: hidden;
  width: 55px;
  padding-top: 56px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
}
.connection {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 400px;
  width: 100%;
  margin: 0 auto 1.3rem auto;
}
#popup-discovery.last-step {
  max-width: 1080px;
}
.connection .wire .connector {
  width: 100%;
  height: 2px;
  -webkit-animation: connecting 2s ease-in-out infinite;
  animation: connecting 2s ease-in-out infinite;
}
#popup-discovery .connection .wire .connector::before,
.install-type .connection .wire .connector::before {
  content: '';
  position: absolute;
  background: #26AA27;
  width: 10px;
  height: 2px;
  display: block;
  -webkit-animation: connecting-rev 2s ease-in-out infinite;
  animation: connecting-rev 2s ease-in-out infinite;
}
.connection .icon {
  margin: 0;
  height: 48px;
  width: 48px;
}
#popup-discovery .switch-ext {
  max-width: 120px;
  height: 31px;
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 13px;
  z-index: 3;
}
#popup-discovery .switch-ext li {
  width: 60%;
}
#popup-discovery .switch-ext li:last-child {
  width: 50%;
  margin-left: -10%;
}
.ticker {
  position: relative;
}
.ticker ul {
  margin: 0 auto;
}
.ticker li {
  width: 100%;
  padding: 0.5rem 20px;
  color: #8e959e;
  opacity: 0;
  filter: alpha(opacity=0);
  top: 60px;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  -webkit-transition: all 0.3s, X;
  transition: all 0.3s, X;
}
.ticker li.active {
  opacity: 1;
  filter: alpha(opacity=100);
  top: 0;
}
.ticker li .icon {
  margin-right: 5px;
  vertical-align: middle;
}
.radar {
  background: repeating-radial-gradient(circle, rgba(223, 228, 232, 0) 0, rgba(187, 192, 197, 0.2) 1px, rgba(223, 228, 232, 0) 2px, rgba(223, 228, 232, 0) 20px);
  width: 120px;
  height: 120px;
  margin: 0 auto;
  position: relative;
  border-radius: 50%;
  border: 1px solid rgba(187, 192, 197, 0.19);
  overflow: hidden;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.radar .num {
  color: #fff;
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 20px;
}
.radar::before {
  content: ' ';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -webkit-animation: blips 5s infinite;
          animation: blips 5s infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-delay: 1.4s;
          animation-delay: 1.4s;
}
.radar::after {
  content: ' ';
  display: block;
  background-image: linear-gradient(44deg, rgba(0, 255, 51, 0) 50%, #00ff80 100%);
  width: 50%;
  height: 50%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: radar-beam 5s infinite;
          animation: radar-beam 5s infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-transform-origin: bottom right;
          transform-origin: bottom right;
  border-radius: 100% 0 0 0;
}
@-webkit-keyframes radar-beam {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes radar-beam {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes blips {
  14% {
    background: radial-gradient(2px circle at 75% 70%, #2fbe8d 10%, #2fbe8d 30%, rgba(255, 255, 255, 0) 100%);
  }
  14.0002% {
    background: radial-gradient(2px circle at 75% 70%, #2fbe8d 10%, #2fbe8d 30%, rgba(255, 255, 255, 0) 100%), radial-gradient(2px circle at 63% 72%, #ed145b 10%, #ed145b 30%, rgba(255, 255, 255, 0) 100%);
  }
  25% {
    background: radial-gradient(2px circle at 75% 70%, #2fbe8d 10%, #2fbe8d 30%, rgba(255, 255, 255, 0) 100%), radial-gradient(2px circle at 63% 72%, #ed145b 10%, #ed145b 30%, rgba(255, 255, 255, 0) 100%), radial-gradient(2px circle at 56% 86%, #f37925 10%, #f37925 30%, rgba(255, 255, 255, 0) 100%);
  }
  26% {
    background: radial-gradient(2px circle at 75% 70%, #2fbe8d 10%, #2fbe8d 30%, rgba(255, 255, 255, 0) 100%), radial-gradient(2px circle at 63% 72%, #ed145b 10%, #ed145b 30%, rgba(255, 255, 255, 0) 100%), radial-gradient(2px circle at 56% 86%, #f37925 10%, #f37925 30%, rgba(255, 255, 255, 0) 100%);
    opacity: 1;
  }
  100% {
    background: radial-gradient(2px circle at 75% 70%, #2fbe8d 10%, #2fbe8d 30%, rgba(255, 255, 255, 0) 100%), radial-gradient(2px circle at 63% 72%, #ed145b 10%, #ed145b 30%, rgba(255, 255, 255, 0) 100%), radial-gradient(2px circle at 56% 86%, #f37925 10%, #f37925 30%, rgba(255, 255, 255, 0) 100%);
    opacity: 0;
  }
}
@keyframes blips {
  14% {
    background: radial-gradient(2px circle at 75% 70%, #2fbe8d 10%, #2fbe8d 30%, rgba(255, 255, 255, 0) 100%);
  }
  14.0002% {
    background: radial-gradient(2px circle at 75% 70%, #2fbe8d 10%, #2fbe8d 30%, rgba(255, 255, 255, 0) 100%), radial-gradient(2px circle at 63% 72%, #ed145b 10%, #ed145b 30%, rgba(255, 255, 255, 0) 100%);
  }
  25% {
    background: radial-gradient(2px circle at 75% 70%, #2fbe8d 10%, #2fbe8d 30%, rgba(255, 255, 255, 0) 100%), radial-gradient(2px circle at 63% 72%, #ed145b 10%, #ed145b 30%, rgba(255, 255, 255, 0) 100%), radial-gradient(2px circle at 56% 86%, #f37925 10%, #f37925 30%, rgba(255, 255, 255, 0) 100%);
  }
  26% {
    background: radial-gradient(2px circle at 75% 70%, #2fbe8d 10%, #2fbe8d 30%, rgba(255, 255, 255, 0) 100%), radial-gradient(2px circle at 63% 72%, #ed145b 10%, #ed145b 30%, rgba(255, 255, 255, 0) 100%), radial-gradient(2px circle at 56% 86%, #f37925 10%, #f37925 30%, rgba(255, 255, 255, 0) 100%);
    opacity: 1;
  }
  100% {
    background: radial-gradient(2px circle at 75% 70%, #2fbe8d 10%, #2fbe8d 30%, rgba(255, 255, 255, 0) 100%), radial-gradient(2px circle at 63% 72%, #ed145b 10%, #ed145b 30%, rgba(255, 255, 255, 0) 100%), radial-gradient(2px circle at 56% 86%, #f37925 10%, #f37925 30%, rgba(255, 255, 255, 0) 100%);
    opacity: 0;
  }
}
/*
* TODO: move under figure?
* Used in home and coordinator pages
*/
.client {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 120px;
  height: 120px;
}
.client .logo {
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 50%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  -webkit-box-shadow: inset -2px -2px 2px 0 rgba(0, 0, 0, 0.1), inset 2px 2px 2px 0 rgba(255, 255, 255, 0.2), 9px 9px 16px rgba(0, 0, 0, 0.1);
          box-shadow: inset -2px -2px 2px 0 rgba(0, 0, 0, 0.1), inset 2px 2px 2px 0 rgba(255, 255, 255, 0.2), 9px 9px 16px rgba(0, 0, 0, 0.1);
}
.client .logo::before {
  content: '';
  background: url('sprite.png') 0 -1600px no-repeat;
  height: 0;
  overflow: hidden;
  width: 55px;
  padding-top: 56px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -27px 0 0 -28px;
}
.client .status {
  z-index: 7;
  position: absolute;
  top: -5px;
  left: calc(50% + 15px);
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.3s linear 1s, X;
  transition: all 0.3s linear 1s, X;
}
.client .status i {
  width: 30px;
  height: 30px;
  padding: 7px;
}
.ready .client .status {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.client::before,
.client::after {
  content: "";
  width: 180%;
  height: 180%;
  background-color: #C2CCD5;
  border-radius: 50%;
  /* animation: pulse 3s linear 0s infinite forwards; opacity: 0; */
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: -1;
}
.client::before {
  -webkit-animation: waves 6s ease-out infinite 3s;
  animation: waves 6s ease-out infinite 3s;
}
.client::after {
  -webkit-animation: waves 6s ease-out infinite 4.5s;
  animation: waves 6s ease-out infinite 4.5s;
}
/*
* Printers Ink Supplies
*/
.progress {
  background: #E1E7EE;
  width: 100%;
  height: 12px;
  border-radius: 10px;
  margin: 7px 0 0 0;
  position: relative;
  z-index: 1;
}
.progress .fill {
  position: absolute;
  top: 0;
  left: 0;
  background: #26AA27;
  width: 0;
  height: 100%;
  -webkit-transition: width 1s, X;
  transition: width 1s, X;
  z-index: 1;
  border-radius: 10px;
}
.progress .fill.unknown,
.highlights .progress .fill.unknown {
  background: #adbac2;
  z-index: 0;
}
#ink.notifications .fig {
  opacity: 0.4;
  filter: alpha(opacity=40);
}
#ink.notifications ul {
  padding: 1rem 50px 0 20px;
}
#ink.notifications .updated {
  padding: 0;
}
.bell {
  content: '';
  background: url('sprite.png') -1200px -600px no-repeat;
  height: 0;
  overflow: hidden;
  width: 20px;
  padding-top: 14px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  position: absolute;
  top: 6px;
  right: 0;
  z-index: 2;
}
aside .panel:not(.aside-toneralerts) .notifications-desc,
.tonerlevel,
.notifications .updated {
  display: none;
}
.notifications .notifications-desc,
.notifications .tonerlevel {
  display: block;
}
.notifications-desc .value {
  color: #394C59;
  font-weight: 600;
}
#ink ul {
  list-style: none;
  margin: 0;
  padding: 0 0 0 20px;
  color: #A4ACB9;
  font-size: 0.8rem;
  line-height: 1;
}
#ink li {
  position: relative;
  margin-bottom: 10px;
}
#ink li h5 {
  position: absolute;
  left: -20px;
  width: 10px;
  text-align: center;
  top: -3px;
  color: #8E959E;
}
#ink .fig {
  position: absolute;
  right: -30px;
  top: 0;
  font-family: 'Source Sans Pro', sans-serif;
  display: none !important;
}
#ink .button {
  position: absolute;
  top: -4px;
  right: 15px;
}
#ink .graph {
  margin: 0;
}
#ink .updated {
  color: #A4ACB9;
  text-align: center;
  padding: 0 50px 0 20px;
  margin: -4px 0 0 0;
  font-size: 0.8rem;
}
.ink-c .progress .fill {
  background-color: #00A0C6;
}
.ink-m .progress .fill {
  background-color: #DE0184;
}
.ink-y .progress .fill {
  background-color: #FDDF05;
}
.ink-k .progress .fill {
  background-color: #000;
}
.empty {
  position: relative;
  text-align: center;
  margin: auto;
  width: 100%;
  max-width: 300px;
  padding: 0 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.empty small {
  color: #637381;
}
.empty figure {
  max-width: 180px;
  margin: 0 auto 1.3rem auto;
}
.empty .icon:not(.mold):not(.outline) {
  height: 48px;
  margin-bottom: 0.8rem;
}
.card .empty {
  position: relative;
  -webkit-transform: none;
  transform: none;
}
.empty .icon.outline {
  margin: -10px auto 0.3rem auto;
  position: static;
}
.pin.empty .icon.outline {
  margin-top: calc(-.5rem - 10px);
}
.card .empty:not(.pin) .icon.outline::before,
#ink .empty .icon.outline::before {
  content: '';
  width: calc(50% - 60px);
  height: 1px;
  -webkit-box-shadow: 0 -1px 0 0 rgba(215, 222, 227, 0.5);
          box-shadow: 0 -1px 0 0 rgba(215, 222, 227, 0.5);
  position: absolute;
  top: 1px;
  left: calc(50% + 20px);
}
.card .empty:not(.pin) .icon.outline::after,
#ink .empty .icon.outline::after {
  content: '';
  width: calc(50% - 60px);
  height: 1px;
  -webkit-box-shadow: 0 -1px 0 0 rgba(215, 222, 227, 0.5);
          box-shadow: 0 -1px 0 0 rgba(215, 222, 227, 0.5);
  position: absolute;
  top: 1px;
  right: calc(50% + 20px);
}
.empty svg {
  fill: #B8BFC4;
  color: #B8BFC4;
}
.empty.fw {
  max-width: none;
  padding: 300px 0 0 0;
  margin: 0;
}
.empty.fw .content {
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.empty.fw::before {
  content: '';
  width: calc(100% + 2px);
  height: 100%;
  position: absolute;
  bottom: 0;
  left: -1px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, rgba(239, 243, 247, 0)), color-stop(70%, #eff3f7));
  background: linear-gradient(to bottom, rgba(239, 243, 247, 0) 30%, #eff3f7 70%);
  z-index: 1;
}
.empty .watermark {
  position: relative;
  z-index: 0;
  margin: -300px 0 0 0;
}
.empty .watermark .col {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.empty .watermark img {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}
.empty .watermark .row {
  background: none !important;
}
.frost {
  -webkit-filter: blur(4px) saturate(70%);
          filter: blur(4px) saturate(70%);
  pointer-events: none;
  position: relative;
}
.frost::before {
  content: 'Sample Data';
  z-index: 99;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  bottom: -31px;
  font-weight: normal;
  white-space: nowrap;
  background: #FC7405;
  color: #fff;
  border-radius: 3px;
  font-size: 10px;
  line-height: 20px;
  padding: 0 7px;
  height: 20px;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  font-family: 'Barlow', sans-serif;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  -webkit-transition: all 0.3s, X;
  transition: all 0.3s, X;
}
.slider .frost::before {
  bottom: auto;
  top: 0;
}
.card:hover .frost,
#ink:hover .frost {
  -webkit-filter: blur(0) saturate(100%);
          filter: blur(0) saturate(100%);
  pointer-events: all;
  z-index: 5;
}
.card:hover .frost::before,
#ink:hover .frost::before {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
}
.empty.pin {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 2;
  padding: 0.5rem 1rem;
  background: rgba(255, 255, 255, 0.9);
  -webkit-box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5), 0 2px 4px 0 rgba(33, 43, 54, 0.15);
          box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5), 0 2px 4px 0 rgba(33, 43, 54, 0.15);
  border-radius: 3px;
}
/* Progress Bar */
.progress-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  list-style: none;
  margin: 0 auto 3rem auto !important;
  max-width: 400px;
}
.progress-bar.icons {
  padding: 0 24px 24px 24px;
}
.progress-bar li {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
  position: relative;
  color: #677381;
  white-space: nowrap;
  overflow: visible;
  min-width: 0;
  padding: 0;
  text-align: center;
  border-bottom: 2px solid #E1E7EE;
  width: calc(100% / 3);
}
.progress-bar li .add-new {
  display: none;
}
.setup-complete .progress-bar li .add-new {
  display: block;
}
.progress-bar li a {
  color: inherit;
}
.progress-bar.icons li {
  border: 0;
}
.progress-bar.icons li::after {
  position: absolute;
  left: calc(-50% + 24px);
  width: calc(100% - 24px);
  content: '';
  border-bottom: 2px dashed #D7DEE3;
}
.progress-bar.icons li.is-active::after {
  border-bottom: 2px solid #26AA27;
}
.progress-bar.icons li.is-complete::after {
  border-bottom: 2px solid #1A2228;
}
.progress-bar.icons li.is-complete .icon::before {
  content: '';
  background: url('sprite.png') -795px -793px no-repeat;
  height: 0;
  overflow: hidden;
  width: 20px;
  padding-top: 20px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  border-radius: 50%;
  background-color: #1A2228;
  position: absolute;
  top: -11px;
  right: -11px;
  z-index: 5;
  -webkit-box-shadow: 0 0 0 2px #EFF3F7;
          box-shadow: 0 0 0 2px #EFF3F7;
}
.progress-bar.icons li:last-child::after {
  width: calc(200% - 48px);
  left: calc(-100% + 24px);
}
.progress-bar.icons li:first-child::after {
  border: 0;
}
.progress-bar li:first-child,
.progress-bar li:last-child {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.progress-bar:not(.icons) li:first-child span {
  left: -10px;
  -webkit-transform: none;
          transform: none;
}
.progress-bar.icons li:first-child span,
.progress-bar.icons li:first-child .icon.twentyfour {
  left: 0;
}
.progress-bar:not(.icons) li:last-child span {
  right: -10px;
  left: auto;
  -webkit-transform: none;
          transform: none;
}
.progress-bar.icons li:last-child span,
.progress-bar.icons li:last-child .icon.twentyfour {
  left: 100%;
}
.progress-bar li::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  background: #E1E7EE;
  border-radius: 50%;
  border: 2px solid #fff;
  position: absolute;
  left: calc(50% - 6px);
  top: auto;
  bottom: -7px;
  z-index: 3;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.progress-bar.icons li::before {
  background: #EFF3F7;
  border: none;
  width: 48px;
  height: 48px;
  left: 50%;
  margin: 0 0 0 -24px;
  bottom: -24px;
}
.progress-bar li:first-child::before {
  left: 0;
}
.progress-bar:not(.icons) li:first-child span::before {
  left: 10px;
}
.progress-bar li:last-child::before {
  right: 0;
  left: auto;
}
.progress-bar.icons li:last-child::before {
  margin: 0 -24px 0 0;
}
.progress-bar:not(.icons) li:last-child span::before {
  right: 10px;
  left: auto;
}
.progress-bar span {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  position: absolute;
  z-index: 6;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  top: calc(100% + 20px);
  background: #fff;
  -webkit-box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5), 0 2px 10px 0 rgba(33, 43, 54, 0.15);
          box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5), 0 2px 10px 0 rgba(33, 43, 54, 0.15);
  padding: 0.333rem 0.533rem;
  font-size: 13px;
  line-height: 1.2;
  text-align: center;
  white-space: nowrap;
  border-radius: 3px;
  opacity: 0;
  visibility: hidden;
  font-family: 'Barlow', sans-serif;
}
.progress-bar.icons span {
  top: calc(100% + 20px);
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 0;
  font-size: 13px;
  line-height: 1.2;
  text-align: center;
  opacity: 1;
  visibility: visible;
}
.progress-bar.icons .icon.twentyfour {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 4;
}
.progress-bar:not(.icons) li span::before {
  content: '';
  width: 8px;
  height: 8px;
  background: #fff;
  border: 1px solid rgba(215, 222, 227, 0.6);
  border-bottom: 0;
  border-right: 0;
  position: absolute;
  left: calc(50% - 5px);
  top: -5px;
  -webkit-transform: rotate(45deg) translate(0, 0);
          transform: rotate(45deg) translate(0, 0);
}
.progress-bar li:hover span {
  opacity: 1;
  visibility: visible;
}
.progress-bar.icons .is-active {
  color: #26AA27;
}
.progress-bar:not(.icons) .is-complete:not(:first-child)::after,
.progress-bar:not(.icons) .is-active:not(:first-child)::after {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  bottom: -2px;
  left: -50%;
  z-index: 2;
  height: 2px;
  background: -webkit-gradient(linear, left top, right top, from(#0DAB76), to(#097C55));
  background: linear-gradient(to right, #0DAB76 0%, #097C55 100%);
}
.progress-bar:not(.icons) .is-complete:last-child::after,
.progress-bar:not(.icons) .is-active:last-child::after {
  width: 200%;
  left: -100%;
  background: -webkit-gradient(linear, left top, right top, from(#097C55), to(#064C35));
  background: linear-gradient(to right, #097C55 0%, #064C35 100%);
}
.progress-bar:not(.icons) .is-complete::before {
  background-color: #097C55;
}
.progress-bar:not(.icons) .is-active::before {
  background-color: #fff;
  border-color: #097C55;
}
.progress-bar:not(.icons) .is-active:first-child::before {
  background-color: #fff;
  border-color: #0DAB76;
}
.progress-bar:not(.icons) .is-complete:first-child::before {
  background-color: #0DAB76;
}
.progress-bar:not(.icons) .is-active:last-child::before {
  background-color: #fff;
  border-color: #064C35;
}
.progress-bar:not(.icons) .is-complete:last-child::before {
  background-color: #064C35;
}
.setup-complete .progress-bar.icons li.is-complete::after,
.setup-complete .progress-bar.icons li::after,
.setup-complete .progress-bar.icons li.is-complete .icon::before,
.setup-complete .progress-bar li::before {
  display: none !important;
}
.setup-complete .progress-bar.icons {
  -webkit-box-shadow: 0 0 0 1px #d7dee3;
          box-shadow: 0 0 0 1px #d7dee3;
  border-radius: 3px;
  padding: 0;
}
.setup-complete .progress-bar span {
  position: static;
  -webkit-transform: none;
  transform: none;
  display: block;
}
.setup-complete .progress-bar a {
  padding: 10px;
  display: block;
}
.setup-complete .progress-bar.icons .icon.twentyfour {
  position: relative;
  top: 0;
  left: 0 !important;
  -webkit-transform: none;
  transform: none;
  margin: 0 0 8px 0;
}
.setup-complete .progress-bar.icons li {
  -webkit-box-flex: inherit !important;
      -ms-flex: inherit !important;
          flex: inherit !important;
  -webkit-box-shadow: 1px 0 0 0 #d7dee3;
          box-shadow: 1px 0 0 0 #d7dee3;
}
.setup-complete .progress-bar.icons li:first-child {
  border-radius: 3px 0 0 3px;
}
.setup-complete .progress-bar.icons li:last-child {
  border-radius: 0 3px 3px 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.setup-complete .progress-bar.icons li.is-active {
  -webkit-box-shadow: 0 0 0 1px #d7dee3, inset 0 -3px 0 0 #27aa27, 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
          box-shadow: 0 0 0 1px #d7dee3, inset 0 -3px 0 0 #27aa27, 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
  background: #fff;
}
/*
  Feedback
  Vote for me popover
  */
.whatsnext {
  color: #5F6470;
  display: block;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-color: #fff3d6;
  padding: 0.3rem 0;
  font-size: 11px;
}
.scroll .tab .whatsnext,
.popover .whatsnext,
.popup .whatsnext {
  margin: -1px -20px 0 -20px;
  position: static;
  font-size: 13px;
  padding: 0.5rem 0;
  -webkit-box-shadow: inset 0 0 0 1px rgba(215, 222, 227, 0.5);
          box-shadow: inset 0 0 0 1px rgba(215, 222, 227, 0.5);
}
.popover .whatsnext {
  margin: 0 -15px;
  border-radius: 3px 3px 0 0;
}
.popup .whatsnext {
  border-radius: 3px 3px 0 0;
  margin: 0;
}
.popover .roadmap {
  margin: 0 -15px;
  padding: 0 15px;
}
.whatsnext i.icon {
  height: 18px;
  width: 20px;
  fill: #FFB100;
  color: #FFB100;
  margin: 0 4px 0 0;
}
.whatsnext .lines-button.close {
  top: 2px;
}
.roadmap {
  overflow: hidden;
  position: relative;
  pointer-events: none;
}
.scroll .roadmap {
  margin: 0 -20px;
  padding: 0 20px;
}
.sample {
  pointer-events: all;
  background: #FC7405;
  z-index: 99;
  position: absolute;
  display: block;
  text-align: center;
  width: 100px;
  height: 20px;
  line-height: 20px;
  right: -2px;
  top: -2px;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform: translate(20px, 20px) rotate(45deg);
          transform: translate(20px, 20px) rotate(45deg);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 10px;
  color: #fff;
}
.sample.alt {
  -webkit-transform: translate(20px, 20px) rotate(-45deg);
          transform: translate(20px, 20px) rotate(-45deg);
  left: -42px;
}
.sample a {
  color: #fff;
}
.sample.connected {
  background: #096;
}
#tab-all .sample.connected {
  content: '';
  background: url('sprite.png') -1000px -1600px no-repeat;
  height: 0;
  overflow: hidden;
  width: 11px;
  padding-top: 16px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  -webkit-transform: none;
  transform: none;
  top: 6px;
  right: 6px;
}
.coming-soon .sample {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-15deg);
  transform: translate(-50%, -50%) rotate(-15deg);
  -webkit-transition: all 0.3s ease-in-out, X;
  transition: all 0.3s ease-in-out, X;
  z-index: 100;
  width: 140px;
  height: auto;
  line-height: 1.2;
  padding: 8px 0;
  display: inline-block;
  border: 2px solid #FC7405;
  background: none;
  color: #8E959E;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 0.05em;
  -webkit-font-smoothing: auto;
  color: #FC7405;
  font-size: 15px;
  font-weight: 600;
}
.coming-soon .sample span {
  display: block;
  font-weight: normal;
  font-size: 10px;
}
.coming-soon:hover .sample {
  background: #FC7405;
  top: 30px;
  left: 30px;
  color: #fff;
  font-size: 10px;
  font-weight: normal;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
  padding: 2px 0;
}
.coming-soon:hover .sample span {
  display: none !important;
}
.stacked-chart {
  width: calc(100% + 40px);
  height: 224px;
  margin: -1.5rem -20px 2rem -20px;
  background: #E1E7EE;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  font-size: 13px;
  position: relative;
}
.stacked-chart.mini {
  height: 6px;
  width: 100%;
  overflow: hidden;
  margin: 1rem 0 0 0;
  -webkit-transition: all 0.3s, X;
  transition: all 0.3s, X;
}
.stacked-chart.mini:hover {
  height: 224px;
}
.stacked-chart.mini .slice:hover {
  -webkit-transition: all 0.5s 0.3s, X;
  transition: all 0.5s 0.3s, X;
}
.stacked-chart .icon-info {
  position: absolute;
  bottom: -30px;
  left: 5px;
}
div.icon-info {
  width: 32px;
  height: 32px;
  padding: 10px 0;
}
div.icon-info > div {
  position: relative;
}
div.icon-info > div svg {
  margin: 0 auto;
  display: block;
}
div.icon-info .tip {
  width: 400px;
}
.icon-info .stacked-chart {
  margin: 0.5rem 0 0 0;
  width: 382px;
  overflow: hidden;
}
.icon-info .stacked-chart:hover .slice {
  min-width: 0;
  width: 0 !important;
}
.icon-info .stacked-chart:hover .slice:hover {
  min-width: 100%;
}
.stacked-chart .slice {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-transition: all 0.5s 0.3s, X;
  transition: all 0.5s 0.3s, X;
  width: 5%;
  min-width: 32px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 0;
  height: 100%;
  color: rgba(255, 255, 255, 0.7);
  background-color: #1D4E89;
  position: relative;
  overflow: hidden;
  text-align: left;
  -webkit-font-smoothing: antialiased;
}
.stacked-chart .slice.active {
  -webkit-box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
          box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
  z-index: 1;
}
.stacked-chart .slice .value {
  -webkit-transition: all 0.3s 0s, X;
  transition: all 0.3s 0s, X;
  white-space: nowrap;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  color: #ffffff;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  position: absolute;
  bottom: 0;
  left: 7px;
}
.stacked-chart .slice .message {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.3s 0s, X;
  transition: all 0.3s 0s, X;
  padding: 0 30px 0 42px;
  margin: 0 auto;
  text-align: center;
  width: 360px;
}
.stacked-chart .slice .message h5 {
  color: #ffffff;
  font-size: 1rem;
}
.stacked-chart .slice .message a {
  color: #ffffff;
  text-decoration: underline;
}
.stacked-chart .slice:nth-of-type(2) {
  background-color: #00B2CA;
}
.stacked-chart .slice:nth-of-type(3) {
  background-color: #7DCFB6;
}
.stacked-chart .slice:nth-of-type(4) {
  background-color: #1A936F;
}
.stacked-chart .slice:nth-of-type(5) {
  background-color: #F79256;
}
.stacked-chart .slice:hover {
  width: 100% !important;
  -webkit-transition: all 0.5s 0s, X;
  transition: all 0.5s 0s, X;
  min-width: 360px;
}
.stacked-chart .slice:hover .message {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all 0.3s 0.8s, X;
  transition: all 0.3s 0.8s, X;
}
.stacked-chart .slice:hover .value {
  color: rgba(255, 255, 255, 0.3);
}
.vote-pa .rangeslider__fill {
  background: #1D4E89;
}
.vote-cw .rangeslider__fill {
  background: #00B2CA;
}
.vote-ua .rangeslider__fill {
  background: #7DCFB6;
}
.vote-lm .rangeslider__fill {
  background: #1A936F;
}
.vote-f .rangeslider__fill {
  background: #F79256;
}
.pullout {
  background-color: #f9f5eb;
  padding: 20px;
  border-radius: 3px;
  position: relative;
  margin: 0.5rem 0;
}
.pullout.field {
  background: none;
  -webkit-box-shadow: 0 0 0 1px #DFE4E8;
          box-shadow: 0 0 0 1px #DFE4E8;
  margin: 0 0 1.3rem;
  overflow: hidden;
}
.pullout > h6 {
  color: #5F6470;
  position: relative;
  z-index: 1;
  font-size: 11px;
}
.pullout .select {
  margin-bottom: 9px;
}
.pullout > h6 span {
  background-color: #f9f5eb;
  padding: 0 10px;
  display: inline-block;
}
.pullout .legend ul {
  font-size: 11px;
  color: #d6b76b;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0.7rem -3px 0 -3px;
  position: absolute;
  top: 11px;
  left: 15px;
  right: 15px;
  z-index: 0;
}
.pullout .legend ul::before {
  content: '';
  width: 100%;
  border-bottom: 1px solid #ECDEBB;
  position: absolute;
  top: 5px;
}
.pullout .legend ul li {
  background-color: #f9f5eb;
  padding: 0 10px;
  margin: 0;
}
.pullout .legend ul li:last-child {
  margin-left: auto;
}
.pullout .legend ul li::before {
  display: none !important;
}
.pullout .center small {
  font-size: 11px;
  color: #d6b76b;
  margin: 2rem 0 0 0;
}
.pullout .icon {
  height: 16px;
  margin: 0 0.6rem 0 0;
}
.pullout .icon svg {
  fill: #d6b76b;
}
.backlog ul {
  position: relative;
  display: block;
  height: 3px;
  margin: 100px 0 2rem 0;
  background: #ECDEBB;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.backlog ul::after {
  right: 0;
  top: -1px;
  position: absolute;
  content: '';
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(#f9f5eb));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #f9f5eb 100%);
  height: 6px;
  width: 40px;
}
.backlog li:not(.remaining) {
  position: relative;
  width: calc(100%/5);
  -webkit-transition: all 0.5s, X;
  transition: all 0.5s, X;
}
.backlog li.remaining {
  position: absolute;
  right: 0;
}
.backlog li h6 {
  white-space: nowrap;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all 0.3s, X;
  transition: all 0.3s, X;
  color: #8E959E;
  font-size: 11px;
  text-transform: none;
  letter-spacing: 0;
  position: absolute;
  top: -13px;
  left: 5px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
}
.backlog li .pts {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all 0.3s, X;
  transition: all 0.3s, X;
  color: #8E959E;
  opacity: 0.6;
  filter: alpha(opacity=60);
  font-size: 11px;
  position: relative;
  top: 8px;
  left: -1px;
  width: 13px;
  display: block;
  text-align: center;
}
.backlog li.remaining .pts {
  width: auto;
}
.backlog li.active h6,
.backlog li.active .pts {
  color: #26AA27;
}
.backlog li.inserting h6,
.backlog li.inserting .pts,
.backlog li.inserting i {
  -webkit-transition: all 0.3s 2s, X;
  transition: all 0.3s 2s, X;
  opacity: 0;
  filter: alpha(opacity=0);
}
.backlog i {
  content: "";
  position: absolute;
  top: -4px;
  left: -1px;
  display: block;
  width: 12px;
  height: 12px;
  background-color: #f9f5eb;
  border-radius: 50%;
}
.backlog i::before {
  content: '';
  background: url('sprite.png') -1400px -200px no-repeat;
  height: 0;
  overflow: hidden;
  width: 8px;
  padding-top: 10px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  position: absolute;
  top: 2px;
  left: 2px;
}
.backlog li.active i::before {
  content: '';
  background: url('sprite.png') -1500px -200px no-repeat;
  height: 0;
  overflow: hidden;
  width: 8px;
  padding-top: 10px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
}
.backlog li.active i::after {
  content: '';
  position: absolute;
  width: 7px;
  height: 7px;
  top: 2px;
  left: 3px;
  border-radius: 50%;
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: transparent;
  -webkit-animation: backlog-pulse 2s infinite;
  animation: backlog-pulse 2s infinite;
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
.backlog li.moving,
.backlog li.inserting {
  width: 0;
}
.backlog li.moving i::after,
.backlog li.inserting i::after {
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.backlog li.moving h6,
.backlog li.moving i,
.backlog li.moving .pts {
  opacity: 0;
  filter: alpha(opacity=0);
}
.backlog .tip {
  top: 100%;
  bottom: auto;
}
.backlog .tip::before {
  top: -5px;
  bottom: auto;
  border-bottom: 0;
  border-right: 0;
  border-left: 1px solid rgba(215, 222, 227, 0.6);
  border-top: 1px solid rgba(215, 222, 227, 0.6);
}
.backlog i:hover .tip {
  -webkit-transform: translate(0, 8px);
          transform: translate(0, 8px);
}
.legend li {
  padding-left: 18px;
  position: relative;
  display: inline-block;
  margin: 0 5px;
  line-height: 1;
}
.legend li .label,
.recharts-legend-item-text {
  font-size: 0.813rem;
  color: #8e959e;
  display: block;
  margin: 0 0 9px;
}
.recharts-legend-item-text {
  display: inline-block;
}
.legend li::before,
.legend-item-0::before {
  position: absolute;
  left: 0;
  top: 1px;
  content: '';
  border-radius: 50%;
  width: 12px;
  height: 12px;
  background-color: #9AB9C1;
}
.legend-item-0 {
  padding-left: 18px;
}
.legend-item-0 svg {
  display: none !important;
}
.legend .legend-month::before {
  background-color: #bfd9cc;
}
.legend .legend-print::before {
  background-color: #5BA0D8;
}
.legend .legend-pages::before {
  border-radius: 0;
  height: 2px;
  top: 5px;
}
.legend-item-0::before {
  border-radius: 0;
  height: 2px;
  top: 10px;
}
.preview .legend {
  text-align: left;
  font-size: 0.813rem;
  display: inline-block;
  max-width: 232px;
  -webkit-box-shadow: 0 0 0 1px #D7DEE3;
          box-shadow: 0 0 0 1px #D7DEE3;
  border-radius: 3px;
  padding: 0.333rem 0.532rem;
  margin: 0 auto 0.5rem;
}
.preview .legend a {
  text-align: center;
  padding: 0.2rem 0.532rem;
  margin: -0.333rem -0.532rem;
  color: #8E959E;
  display: block;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 10px;
}
.preview .legend.visible a {
  background: #E1E7EE;
}
.preview .legend ul {
  max-height: 0;
  max-width: 0;
  overflow: hidden;
  -webkit-transition: all 0.3s 0.3s, opacity 0.3s 0s;
  transition: all 0.3s 0.3s, opacity 0.3s 0s;
  opacity: 0;
  filter: alpha(opacity=0);
}
.preview .legend.visible ul {
  padding-top: 0.5rem;
  max-height: 120px;
  max-width: 232px;
  opacity: 1;
  filter: alpha(opacity=100);
  margin-top: 0.3rem;
  -webkit-transition: all 0.3s, opacity 0.3s 0.3s;
  transition: all 0.3s, opacity 0.3s 0.3s;
}
.preview .legend li {
  display: block;
  margin: 0;
  margin-bottom: 3px;
}
.preview .legend li::before {
  width: 8px;
  height: 8px;
  top: 3px;
}
.preview .legend li.legend-warning::before {
  background-color: #FFB100;
}
.preview .legend li.legend-released::before {
  background-color: #26AA27;
}
.preview .legend li.legend-stopped::before {
  background-color: #EA235F;
}
.search,
.entry {
  position: relative;
}
.search.autocomplete {
  -webkit-box-shadow: inset 0 0 0 1px #DFE4E8, inset 0 0.1rem 0.2rem 0 rgba(99, 115, 129, 0.2);
          box-shadow: inset 0 0 0 1px #DFE4E8, inset 0 0.1rem 0.2rem 0 rgba(99, 115, 129, 0.2);
  border-radius: 3px;
  padding: 0.375rem 0 0 0.375rem;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: auto;
  background: #fff;
  margin-bottom: 1rem;
}
.search.autocomplete .entry {
  margin: -0.375rem 0 0 -0.375rem;
  padding: 0.375rem 0 0 0.375rem;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.search.autocomplete input[type=search] {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: none;
  margin: -0.375rem 0 0 -0.375rem;
  height: auto;
  padding: 0.8125rem 1rem;
  border-radius: 3px;
}
.search.autocomplete.focus {
  -webkit-box-shadow: inset 0 0 0 1px #C4CDD5;
          box-shadow: inset 0 0 0 1px #C4CDD5;
}
.search .results {
  -webkit-transition: opacity 0.3s, X;
  transition: opacity 0.3s, X;
  max-height: 300px;
  visibility: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
  border-radius: 0 0 3px 3px;
  position: absolute;
  top: calc(100% - 1px);
  left: 1px;
  width: calc(100% - 2px);
  z-index: 5;
  background: #fff;
  -webkit-box-shadow: 0 0 0 1px rgba(6, 44, 82, 0.1), 0 2px 16px 0 rgba(33, 43, 54, 0.08);
          box-shadow: 0 0 0 1px rgba(6, 44, 82, 0.1), 0 2px 16px 0 rgba(33, 43, 54, 0.08);
}
.search .results .type {
  -webkit-box-shadow: inset 0 -1px 0 0 rgba(215, 222, 227, 0.5);
          box-shadow: inset 0 -1px 0 0 rgba(215, 222, 227, 0.5);
  padding: 0.5rem 0;
}
.search .results .type:last-child {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.search .results .type h5 {
  padding: 0 1rem 0.5rem;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 5;
  margin-bottom: 0.5rem;
}
.search .results .type a,
.search .results .type .not-found {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1.2;
  padding: 0.25rem 2.5rem 0.25rem 1rem;
  color: #8E959E;
  word-break: break-all;
}
.search .results .type a:hover {
  color: #26AA27;
}
.search .results .type a::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 1rem;
  -webkit-transform: translate(0, -7px);
  transform: translate(0, -7px);
  z-index: 0;
}
.search .results .type li {
  margin-bottom: 0;
}
.search .results .type li:last-child {
  margin: 0;
}
.search .results .type .avatar {
  width: 40px;
  height: 40px;
  line-height: 40px;
}
.search .results .type .icon-online,
.search .results .type .icon-warning,
.search .results .type .icon-error {
  margin-right: 10px;
}
.search .results .type.printers .avatar {
  background: #BABFC4;
}
.search .results .type.printers .avatar::before {
  content: '';
  background: url('sprite.png') -600px 0 no-repeat;
  height: 0;
  overflow: hidden;
  width: 20px;
  padding-top: 20px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 0;
}
.search.finding .results {
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
  overflow: auto;
}
.search.autocomplete.finding input[type=search] {
  border-radius: 3px 3px 0 0;
}
.search .loader {
  left: auto;
  right: 2rem;
  top: 21px;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  -webkit-transition: all 0.3s, X;
  transition: all 0.3s, X;
}
.search.loading .loader {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
}
.filter {
  margin: 0 0 1rem 20px;
  position: relative;
}
.filter.on::after {
  content: '';
  background: #2FBE8D;
  width: 8px;
  height: 8px;
  -webkit-box-shadow: 0 0 0 3px #EFF3F7;
          box-shadow: 0 0 0 3px #EFF3F7;
  border-radius: 50%;
  position: absolute;
  top: 1px;
  left: 31px;
}
.funnel {
  border-radius: 50%;
  content: '';
  background: url('sprite.png') -787px -584px no-repeat;
  height: 0;
  overflow: hidden;
  width: 44px;
  padding-top: 44px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  padding-bottom: 0;
  background-color: #fff;
}
.funnel:hover {
  content: '';
  background: url('sprite.png') -787px -584px no-repeat;
  height: 0;
  overflow: hidden;
  width: 44px;
  padding-top: 44px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  background-color: #fff;
  -webkit-box-shadow: inset 0 0 0 1px rgba(142, 149, 158, 0.5);
          box-shadow: inset 0 0 0 1px rgba(142, 149, 158, 0.5);
}
.enviro {
  height: 44px;
  padding: 0.813rem;
}
.enviro.btn svg {
  margin: 0;
  fill: #CDD2D9;
}
.enviro.btn.active svg {
  fill: #26AA27;
}
.popover {
  -webkit-transition: all 0.3s, X;
  transition: all 0.3s, X;
  padding: 0 15px 1px;
  visibility: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
  border-radius: 3px;
  position: absolute;
  top: calc(100% - 3px);
  left: -178px;
  z-index: 5;
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  background: #fff;
  width: 400px;
  -webkit-box-shadow: inset 0 0 0 1px rgba(215, 222, 227, 0.5), 0 30px 60px -12px rgba(50, 50, 93, 0.25), 0 18px 36px -18px rgba(0, 0, 0, 0.3), 0 -12px 36px -8px rgba(0, 0, 0, 0.024);
          box-shadow: inset 0 0 0 1px rgba(215, 222, 227, 0.5), 0 30px 60px -12px rgba(50, 50, 93, 0.25), 0 18px 36px -18px rgba(0, 0, 0, 0.3), 0 -12px 36px -8px rgba(0, 0, 0, 0.024);
  -webkit-transform: translate(0, 10px);
  transform: translate(0, 10px);
}
.active .popover {
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
.popover::after {
  content: '';
  width: 8px;
  height: 8px;
  background: #fff;
  position: absolute;
  left: calc(50% - 5px);
  top: -4px;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform: rotate(45deg) translate(0, 0);
  transform: rotate(45deg) translate(0, 0);
  border: 1px solid rgba(6, 44, 82, 0.1);
  border-right: 0;
  border-bottom: 0;
}
.popover form header {
  padding: 1rem 20px 0 20px;
  margin: 0 -15px;
}
.popover form > .row {
  padding: 1rem 20px;
  -webkit-box-shadow: inset 0 -1px 0 0 rgba(215, 222, 227, 0.5);
          box-shadow: inset 0 -1px 0 0 rgba(215, 222, 227, 0.5);
}
.popover .select,
.popover .multi-field {
  width: calc(50% - 20px);
  margin: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
}
.popover input.sml {
  margin: 0 0.5rem 0 0;
}
.page > header .popover .col,
.page-heading .popover .col {
  margin-bottom: 0;
}
.popover footer {
  position: static;
  padding: 1rem 15px;
  height: auto;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 0 0 3px 3px;
  font-size: 0.9375rem;
  background: #F9FAFB;
  margin: 0 -14px;
  width: auto;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.popover footer .btn {
  margin-left: 10px;
  font-size: 13px;
  padding: 0.532rem 0.8rem;
}
.popover footer a:not(.btn) {
  font-size: 13px;
  padding: 0.532rem 0.8rem;
  padding: 0;
  margin-right: auto;
  text-decoration: none;
}
.tabs {
  width: 100%;
  margin: 1rem 0 -0.5rem;
  font-size: 0.9375rem;
}
.tabs ul {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  position: relative;
}
.tabs .has-sub {
  position: static;
  -webkit-transition: all 0.3s ease-in-out, X;
  transition: all 0.3s ease-in-out, X;
}
.has-sub.active {
  padding-bottom: 60px;
}
.has-sub.active.dh {
  padding-bottom: 120px;
}
.has-sub ul {
  width: calc(100% + 40px);
  position: absolute;
  left: 0;
  background: #E4F0EB;
  -webkit-box-shadow: inset 0 0 10px 0 rgba(48, 88, 96, 0.3);
          box-shadow: inset 0 0 10px 0 rgba(48, 88, 96, 0.3);
  margin: 0 -20px;
  height: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  -webkit-transition: height 0.3s ease-in-out, X;
  transition: height 0.3s ease-in-out, X;
}
.has-sub.active ul {
  height: 60px;
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
}
.has-sub.active.dh ul {
  height: 120px;
}
.tabs .has-sub li {
  padding: 6px;
  margin: 0 0 -6px 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.3s ease-in-out 0.3s, X;
  transition: opacity 0.3s ease-in-out 0.3s, X;
  font-size: 0.813rem;
  width: 50%;
}
.tab-summary {
  font-size: 0.813rem;
  padding: 0.8rem 20px;
  margin: 0 -20px;
  -webkit-box-shadow: inset 0 -1px 0 0 rgba(215, 222, 227, 0.5);
          box-shadow: inset 0 -1px 0 0 rgba(215, 222, 227, 0.5);
}
.tabs .has-sub.active > a {
  -webkit-box-shadow: inset 0 -3px 0 0 #26AA27;
          box-shadow: inset 0 -3px 0 0 #26AA27;
  color: #fff;
}
.tabs .has-sub li h5 {
  font-size: 0.9375rem;
}
.tabs .has-sub li:last-child {
  border: 0;
}
.has-sub.active li {
  opacity: 1;
  filter: alpha(opacity=100);
}
.has-sub.active li.active {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.tabs .has-sub li a {
  height: 100%;
  padding: 10px 20px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #5F6470;
  -webkit-box-shadow: 1px -1px 0 0 rgba(0, 0, 0, 0.08), -1px 0 0 0 rgba(0, 0, 0, 0.08);
          box-shadow: 1px -1px 0 0 rgba(0, 0, 0, 0.08), -1px 0 0 0 rgba(0, 0, 0, 0.08);
}
/* aside.scrolling .has-sub.active {
  padding-bottom: 40px;
}

aside.scrolling .has-sub.active ul {
  height: 40px;
}

aside.scrolling .has-sub.active li.active {
  .box-shadow(inset 0 -1px 0 0 rgba(215, 222, 227, 0.5));
}

aside.scrolling .tabs .has-sub li a h5 {
  margin: 0;
}

aside.scrolling .tabs .has-sub li a span,
aside.scrolling .tabs .has-sub li a img {
  .opacity(0);
  max-height: 0;
  position: absolute;
}

*/
.tabs:not(.alt) .has-sub li a:hover {
  color: #5F6470;
}
.tabs .has-sub li a img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-item-align: center;
      align-self: center;
  margin-right: 1rem;
}
.tabs .has-sub li a h5 {
  color: #1A2329;
  margin: 0 0 0.3rem 0;
}
.tabs .has-sub li.active a {
  background: #fff;
  border-radius: 3px 3px 0 0;
}
.seal {
  position: absolute;
  height: 54px;
  width: 80px;
  top: 0;
  left: 0;
  overflow: hidden;
}
.seal .sample {
  -webkit-transform: translate(-20px, 20px) rotate(-45deg);
  transform: translate(-20px, 20px) rotate(-45deg);
  padding-left: 25px;
}
/* .has-sub li a.app-ss::before {
  .sprite(-400px, -1800px, 154px, 32px);
  margin: auto;
}

.has-sub li a.app-er::before {
  .sprite(-600px, -1800px, 152px, 32px);
  margin: auto;
} */
.tabs.center ul {
  -webkit-box-shadow: inset 0 -3px 0 0 #D7DEE3;
          box-shadow: inset 0 -3px 0 0 #D7DEE3;
  margin: 0 0 2rem 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.tabs li {
  margin-right: 20px;
}
.tabs.equal li {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  width: 50%;
}
.tabs.center li {
  margin: 0 20px;
}
.tabs li a {
  padding: 0.8rem 0;
  display: block;
  color: rgba(255, 255, 255, 0.7);
  position: relative;
}
.tabs li a .icon {
  margin-bottom: 0.5rem;
}
.tabs.alt li a {
  color: #a4acb9;
}
.tabs.alt li a:hover {
  color: #8E959E;
}
.tabs li.active {
  -webkit-box-shadow: inset 0 -3px 0 0 #26AA27;
          box-shadow: inset 0 -3px 0 0 #26AA27;
  color: #ffffff;
}
.tabs li.active a:hover {
  color: #ffffff;
}
.tabs.alt li.active a,
.tabs.alt li.active a:hover {
  color: #26AA27;
}
.tabs.alt li.active {
  -webkit-box-shadow: inset 0 -3px 0 0 #26AA27;
          box-shadow: inset 0 -3px 0 0 #26AA27;
}
.tabs:not(.alt) li a:hover {
  color: #fff;
}
.tab {
  min-height: 100%;
  width: 100%;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  position: relative;
}
.tab-step {
  padding: 20px 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.tab-step #link-account {
  margin: 0;
}
.tab-step[tab-step=config] {
  margin: 0 -20px 0 0;
  padding: 0;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.tab-step[tab-step=config] > .col {
  padding: 20px 15px 0 15px;
}
.tab .list h5 {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  padding: 0.5rem 20px;
  margin: 0 -20px;
  background: #fff;
  z-index: 5;
  -webkit-box-shadow: inset 0 -1px 0 0 rgba(215, 222, 227, 0.5);
          box-shadow: inset 0 -1px 0 0 rgba(215, 222, 227, 0.5);
}
#tab-activity .condensed ul {
  -webkit-box-shadow: none;
          box-shadow: none;
  margin: 0;
}
.tab .col.msg {
  padding-right: 0;
}
.tab > .row {
  height: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0 -20px;
}
header .tabs {
  margin-top: 0;
}
main .tabs {
  margin: 0;
  border-bottom: 1px solid rgba(215, 222, 227, 0.7);
}
main .tabs li a {
  padding: 1rem 0;
}
.tabs.segments {
  border: 0;
  width: auto;
  background: #042025;
  border-radius: 3px;
  z-index: 8;
  overflow: hidden;
  font-size: 13px;
}
.tabs.segments li {
  margin: 0;
}
.tabs.segments li a {
  color: rgba(255, 255, 255, 0.7);
  padding: 0.344rem 0.6rem;
}
.tabs.segments li.active {
  background: #348496;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.tabs.segments li.active a {
  color: #fff;
}
.tabs.segments.alt {
  font-size: 13px;
  line-height: 1.2;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-family: 'Barlow', sans-serif;
  background: none;
}
.tabs.segments.alt li a {
  display: block;
  padding: 0.532rem 0.8rem;
  color: #8E959E;
  -webkit-box-shadow: 0 1px 1px 0 rgba(63, 63, 68, 0.05), inset -1px 1px 0 #D7DEE3, inset 0 -1px 0 #D7DEE3;
          box-shadow: 0 1px 1px 0 rgba(63, 63, 68, 0.05), inset -1px 1px 0 #D7DEE3, inset 0 -1px 0 #D7DEE3;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#F9FAFB));
  background-image: linear-gradient(-180deg, #FFF 0%, #F9FAFB 100%);
}
.tabs.segments.alt li:nth-child(1) a {
  -webkit-box-shadow: inset 1px 1px 0 0 #D7DEE3, inset -1px -1px 0 0 #D7DEE3;
          box-shadow: inset 1px 1px 0 0 #D7DEE3, inset -1px -1px 0 0 #D7DEE3;
  border-radius: 3px 0 0 3px;
}
.tabs.segments.alt li:last-child a {
  border-radius: 0 3px 3px 0;
}
.tabs.segments.alt li a:hover {
  color: #26AA27;
}
.tabs.segments.alt li.active a {
  background: #00A68B;
  color: #fff;
  -webkit-box-shadow: inset 1px 1px 0 0 #00A68B inset -1px -1px 0 0 #00A68B;
          box-shadow: inset 1px 1px 0 0 #00A68B inset -1px -1px 0 0 #00A68B;
}
aside .tab footer {
  background: #fff;
  -webkit-box-shadow: inset 0 1px 0 0 rgba(215, 222, 227, 0.5);
          box-shadow: inset 0 1px 0 0 rgba(215, 222, 227, 0.5);
}
.tag {
  font-size: 13px;
  border-radius: 3px;
  color: #8E959E;
  -webkit-box-shadow: inset 0 0 0 1px #d7dee3;
          box-shadow: inset 0 0 0 1px #d7dee3;
  line-height: 1.2;
  max-width: 100%;
  position: relative;
  padding: 0.532rem 2rem 0.532rem 42px;
  margin: 0 0.375rem 0.375rem 0;
}
.tag[data-type=inherited] {
  background: #F4F6F9;
}
.tag .avatar {
  width: 32px;
  height: 32px;
  padding: 0.532rem 0;
  line-height: 1.2;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 0;
  -webkit-box-shadow: 1px 0 0 0 #d7dee3;
          box-shadow: 1px 0 0 0 #d7dee3;
  color: #8E959E;
}
.tag .avatar img {
  border-radius: 0;
}
.tag i[class^='icon-'] {
  position: absolute;
  left: 15px;
  top: 10px;
}
.tag .remove {
  content: '';
  background: url('sprite.png') -800px 1px no-repeat;
  height: 0;
  overflow: hidden;
  width: 10px;
  padding-top: 10px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translate(0, calc(-4px));
  transform: translate(0, calc(-4px));
  opacity: 0.8;
  filter: alpha(opacity=80);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.tag .remove:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
i {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
i.inl {
  margin-right: 4px !important;
}
i.icon {
  margin-bottom: 1rem;
}
h5 i.icon.twenty {
  margin-right: 8px;
}
.icon svg {
  height: 100%;
  max-width: 100%;
  display: block;
  margin: 0 auto;
  position: relative;
}
.icon.fill svg {
  fill: currentColor;
}
.icon.twelve {
  width: 12px;
  height: 12px;
  margin: 0;
}
.icon.twentyfour,
.icon.outline.twentyfour {
  width: 24px;
  height: 24px;
  margin: 0;
}
.icon.fortyeight {
  width: 48px;
  height: 48px;
  margin: 0 auto 1rem auto;
}
.icon.fiftysix {
  width: 56px;
  height: 56px;
  margin: 0 auto 1rem auto;
}
.icon.seventytwo {
  width: 72px;
  height: 72px;
  margin: 0 auto 1rem auto;
}
.configure main .icon,
.neo {
  height: 100px;
  -webkit-box-shadow: inset -2px -2px 2px 0 rgba(0, 0, 0, 0.1), inset 2px 2px 2px 0 rgba(255, 255, 255, 0.2), 9px 9px 16px rgba(163, 177, 198, 0.6);
          box-shadow: inset -2px -2px 2px 0 rgba(0, 0, 0, 0.1), inset 2px 2px 2px 0 rgba(255, 255, 255, 0.2), 9px 9px 16px rgba(163, 177, 198, 0.6);
  border-radius: 36px;
  overflow: hidden;
}
.ready.configure .id-badge,
.ready.page-redeem .id-badge {
  -webkit-transform-origin: center -20px;
          transform-origin: center -20px;
  -webkit-animation: swing ease-in-out 1s 6 alternate;
          animation: swing ease-in-out 1s 6 alternate;
}
.confetti-paper path {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate(-10px, 10px);
  transform: translate(-10px, 10px);
  -webkit-transition: all 1s, X;
  transition: all 1s, X;
}
.confetti-paper path:nth-child(100) {
  -webkit-transition-delay: 11s;
  transition-delay: 11s;
}
.confetti-paper path:nth-child(99) {
  -webkit-transition-delay: 10.9s;
  transition-delay: 10.9s;
}
.confetti-paper path:nth-child(98) {
  -webkit-transition-delay: 10.8s;
  transition-delay: 10.8s;
}
.confetti-paper path:nth-child(97) {
  -webkit-transition-delay: 10.7s;
  transition-delay: 10.7s;
}
.confetti-paper path:nth-child(96) {
  -webkit-transition-delay: 10.6s;
  transition-delay: 10.6s;
}
.confetti-paper path:nth-child(95) {
  -webkit-transition-delay: 10.5s;
  transition-delay: 10.5s;
}
.confetti-paper path:nth-child(94) {
  -webkit-transition-delay: 10.4s;
  transition-delay: 10.4s;
}
.confetti-paper path:nth-child(93) {
  -webkit-transition-delay: 10.3s;
  transition-delay: 10.3s;
}
.confetti-paper path:nth-child(92) {
  -webkit-transition-delay: 10.2s;
  transition-delay: 10.2s;
}
.confetti-paper path:nth-child(91) {
  -webkit-transition-delay: 10.1s;
  transition-delay: 10.1s;
}
.confetti-paper path:nth-child(90) {
  -webkit-transition-delay: 10s;
  transition-delay: 10s;
}
.confetti-paper path:nth-child(89) {
  -webkit-transition-delay: 9.9s;
  transition-delay: 9.9s;
}
.confetti-paper path:nth-child(88) {
  -webkit-transition-delay: 9.8s;
  transition-delay: 9.8s;
}
.confetti-paper path:nth-child(87) {
  -webkit-transition-delay: 9.7s;
  transition-delay: 9.7s;
}
.confetti-paper path:nth-child(86) {
  -webkit-transition-delay: 9.6s;
  transition-delay: 9.6s;
}
.confetti-paper path:nth-child(85) {
  -webkit-transition-delay: 9.5s;
  transition-delay: 9.5s;
}
.confetti-paper path:nth-child(84) {
  -webkit-transition-delay: 9.4s;
  transition-delay: 9.4s;
}
.confetti-paper path:nth-child(83) {
  -webkit-transition-delay: 9.3s;
  transition-delay: 9.3s;
}
.confetti-paper path:nth-child(82) {
  -webkit-transition-delay: 9.2s;
  transition-delay: 9.2s;
}
.confetti-paper path:nth-child(81) {
  -webkit-transition-delay: 9.1s;
  transition-delay: 9.1s;
}
.confetti-paper path:nth-child(80) {
  -webkit-transition-delay: 9s;
  transition-delay: 9s;
}
.confetti-paper path:nth-child(79) {
  -webkit-transition-delay: 8.9s;
  transition-delay: 8.9s;
}
.confetti-paper path:nth-child(78) {
  -webkit-transition-delay: 8.8s;
  transition-delay: 8.8s;
}
.confetti-paper path:nth-child(77) {
  -webkit-transition-delay: 8.7s;
  transition-delay: 8.7s;
}
.confetti-paper path:nth-child(76) {
  -webkit-transition-delay: 8.6s;
  transition-delay: 8.6s;
}
.confetti-paper path:nth-child(75) {
  -webkit-transition-delay: 8.5s;
  transition-delay: 8.5s;
}
.confetti-paper path:nth-child(74) {
  -webkit-transition-delay: 8.4s;
  transition-delay: 8.4s;
}
.confetti-paper path:nth-child(73) {
  -webkit-transition-delay: 8.3s;
  transition-delay: 8.3s;
}
.confetti-paper path:nth-child(72) {
  -webkit-transition-delay: 8.2s;
  transition-delay: 8.2s;
}
.confetti-paper path:nth-child(71) {
  -webkit-transition-delay: 8.1s;
  transition-delay: 8.1s;
}
.confetti-paper path:nth-child(70) {
  -webkit-transition-delay: 8s;
  transition-delay: 8s;
}
.confetti-paper path:nth-child(69) {
  -webkit-transition-delay: 7.9s;
  transition-delay: 7.9s;
}
.confetti-paper path:nth-child(68) {
  -webkit-transition-delay: 7.8s;
  transition-delay: 7.8s;
}
.confetti-paper path:nth-child(67) {
  -webkit-transition-delay: 7.7s;
  transition-delay: 7.7s;
}
.confetti-paper path:nth-child(66) {
  -webkit-transition-delay: 7.6s;
  transition-delay: 7.6s;
}
.confetti-paper path:nth-child(65) {
  -webkit-transition-delay: 7.5s;
  transition-delay: 7.5s;
}
.confetti-paper path:nth-child(64) {
  -webkit-transition-delay: 7.4s;
  transition-delay: 7.4s;
}
.confetti-paper path:nth-child(63) {
  -webkit-transition-delay: 7.3s;
  transition-delay: 7.3s;
}
.confetti-paper path:nth-child(62) {
  -webkit-transition-delay: 7.2s;
  transition-delay: 7.2s;
}
.confetti-paper path:nth-child(61) {
  -webkit-transition-delay: 7.1s;
  transition-delay: 7.1s;
}
.confetti-paper path:nth-child(60) {
  -webkit-transition-delay: 7s;
  transition-delay: 7s;
}
.confetti-paper path:nth-child(59) {
  -webkit-transition-delay: 6.9s;
  transition-delay: 6.9s;
}
.confetti-paper path:nth-child(58) {
  -webkit-transition-delay: 6.8s;
  transition-delay: 6.8s;
}
.confetti-paper path:nth-child(57) {
  -webkit-transition-delay: 6.7s;
  transition-delay: 6.7s;
}
.confetti-paper path:nth-child(56) {
  -webkit-transition-delay: 6.6s;
  transition-delay: 6.6s;
}
.confetti-paper path:nth-child(55) {
  -webkit-transition-delay: 6.5s;
  transition-delay: 6.5s;
}
.confetti-paper path:nth-child(54) {
  -webkit-transition-delay: 6.4s;
  transition-delay: 6.4s;
}
.confetti-paper path:nth-child(53) {
  -webkit-transition-delay: 6.3s;
  transition-delay: 6.3s;
}
.confetti-paper path:nth-child(52) {
  -webkit-transition-delay: 6.2s;
  transition-delay: 6.2s;
}
.confetti-paper path:nth-child(51) {
  -webkit-transition-delay: 6.1s;
  transition-delay: 6.1s;
}
.confetti-paper path:nth-child(50) {
  -webkit-transition-delay: 6s;
  transition-delay: 6s;
}
.confetti-paper path:nth-child(49) {
  -webkit-transition-delay: 5.9s;
  transition-delay: 5.9s;
}
.confetti-paper path:nth-child(48) {
  -webkit-transition-delay: 5.8s;
  transition-delay: 5.8s;
}
.confetti-paper path:nth-child(47) {
  -webkit-transition-delay: 5.7s;
  transition-delay: 5.7s;
}
.confetti-paper path:nth-child(46) {
  -webkit-transition-delay: 5.6s;
  transition-delay: 5.6s;
}
.confetti-paper path:nth-child(45) {
  -webkit-transition-delay: 5.5s;
  transition-delay: 5.5s;
}
.confetti-paper path:nth-child(44) {
  -webkit-transition-delay: 5.4s;
  transition-delay: 5.4s;
}
.confetti-paper path:nth-child(43) {
  -webkit-transition-delay: 5.3s;
  transition-delay: 5.3s;
}
.confetti-paper path:nth-child(42) {
  -webkit-transition-delay: 5.2s;
  transition-delay: 5.2s;
}
.confetti-paper path:nth-child(41) {
  -webkit-transition-delay: 5.1s;
  transition-delay: 5.1s;
}
.confetti-paper path:nth-child(40) {
  -webkit-transition-delay: 5s;
  transition-delay: 5s;
}
.confetti-paper path:nth-child(39) {
  -webkit-transition-delay: 4.9s;
  transition-delay: 4.9s;
}
.confetti-paper path:nth-child(38) {
  -webkit-transition-delay: 4.8s;
  transition-delay: 4.8s;
}
.confetti-paper path:nth-child(37) {
  -webkit-transition-delay: 4.7s;
  transition-delay: 4.7s;
}
.confetti-paper path:nth-child(36) {
  -webkit-transition-delay: 4.6s;
  transition-delay: 4.6s;
}
.confetti-paper path:nth-child(35) {
  -webkit-transition-delay: 4.5s;
  transition-delay: 4.5s;
}
.confetti-paper path:nth-child(34) {
  -webkit-transition-delay: 4.4s;
  transition-delay: 4.4s;
}
.confetti-paper path:nth-child(33) {
  -webkit-transition-delay: 4.3s;
  transition-delay: 4.3s;
}
.confetti-paper path:nth-child(32) {
  -webkit-transition-delay: 4.2s;
  transition-delay: 4.2s;
}
.confetti-paper path:nth-child(31) {
  -webkit-transition-delay: 4.1s;
  transition-delay: 4.1s;
}
.confetti-paper path:nth-child(30) {
  -webkit-transition-delay: 4s;
  transition-delay: 4s;
}
.confetti-paper path:nth-child(29) {
  -webkit-transition-delay: 3.9s;
  transition-delay: 3.9s;
}
.confetti-paper path:nth-child(28) {
  -webkit-transition-delay: 3.8s;
  transition-delay: 3.8s;
}
.confetti-paper path:nth-child(27) {
  -webkit-transition-delay: 3.7s;
  transition-delay: 3.7s;
}
.confetti-paper path:nth-child(26) {
  -webkit-transition-delay: 3.6s;
  transition-delay: 3.6s;
}
.confetti-paper path:nth-child(25) {
  -webkit-transition-delay: 3.5s;
  transition-delay: 3.5s;
}
.confetti-paper path:nth-child(24) {
  -webkit-transition-delay: 3.4s;
  transition-delay: 3.4s;
}
.confetti-paper path:nth-child(23) {
  -webkit-transition-delay: 3.3s;
  transition-delay: 3.3s;
}
.confetti-paper path:nth-child(22) {
  -webkit-transition-delay: 3.2s;
  transition-delay: 3.2s;
}
.confetti-paper path:nth-child(21) {
  -webkit-transition-delay: 3.1s;
  transition-delay: 3.1s;
}
.confetti-paper path:nth-child(20) {
  -webkit-transition-delay: 3s;
  transition-delay: 3s;
}
.confetti-paper path:nth-child(19) {
  -webkit-transition-delay: 2.9s;
  transition-delay: 2.9s;
}
.confetti-paper path:nth-child(18) {
  -webkit-transition-delay: 2.8s;
  transition-delay: 2.8s;
}
.confetti-paper path:nth-child(17) {
  -webkit-transition-delay: 2.7s;
  transition-delay: 2.7s;
}
.confetti-paper path:nth-child(16) {
  -webkit-transition-delay: 2.6s;
  transition-delay: 2.6s;
}
.confetti-paper path:nth-child(15) {
  -webkit-transition-delay: 2.5s;
  transition-delay: 2.5s;
}
.confetti-paper path:nth-child(14) {
  -webkit-transition-delay: 2.4s;
  transition-delay: 2.4s;
}
.confetti-paper path:nth-child(13) {
  -webkit-transition-delay: 2.3s;
  transition-delay: 2.3s;
}
.confetti-paper path:nth-child(12) {
  -webkit-transition-delay: 2.2s;
  transition-delay: 2.2s;
}
.confetti-paper path:nth-child(11) {
  -webkit-transition-delay: 2.1s;
  transition-delay: 2.1s;
}
.confetti-paper path:nth-child(10) {
  -webkit-transition-delay: 2s;
  transition-delay: 2s;
}
.confetti-paper path:nth-child(9) {
  -webkit-transition-delay: 1.9s;
  transition-delay: 1.9s;
}
.confetti-paper path:nth-child(8) {
  -webkit-transition-delay: 1.8s;
  transition-delay: 1.8s;
}
.confetti-paper path:nth-child(7) {
  -webkit-transition-delay: 1.7s;
  transition-delay: 1.7s;
}
.confetti-paper path:nth-child(6) {
  -webkit-transition-delay: 1.6s;
  transition-delay: 1.6s;
}
.confetti-paper path:nth-child(5) {
  -webkit-transition-delay: 1.5s;
  transition-delay: 1.5s;
}
.confetti-paper path:nth-child(4) {
  -webkit-transition-delay: 1.4s;
  transition-delay: 1.4s;
}
.confetti-paper path:nth-child(3) {
  -webkit-transition-delay: 1.3s;
  transition-delay: 1.3s;
}
.confetti-paper path:nth-child(2) {
  -webkit-transition-delay: 1.2s;
  transition-delay: 1.2s;
}
.confetti-paper path:nth-child(1) {
  -webkit-transition-delay: 1.1s;
  transition-delay: 1.1s;
}
.ready.configure .confetti-paper path {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
@-webkit-keyframes during-wifi {
  0% {
    stroke: transparent;
    opacity: 0;
  }
  50% {
    stroke: #fff;
    opacity: 1;
  }
}
@keyframes during-wifi {
  0% {
    stroke: transparent;
    opacity: 0;
  }
  50% {
    stroke: #fff;
    opacity: 1;
  }
}
[id^=during-icon] .wifi path {
  animation: during-wifi 3s 3 reverse;
  fill: none;
  opacity: 0;
}
@-webkit-keyframes shake-hor {
  0%,
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
  }
  10% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }
  20%,
  40%,
  60% {
    -webkit-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  30%,
  50%,
  70% {
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg);
  }
  80% {
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  90% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }
}
@keyframes shake-hor {
  0%,
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
  }
  10% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }
  20%,
  40%,
  60% {
    -webkit-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  30%,
  50%,
  70% {
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg);
  }
  80% {
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  90% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }
}
.wand {
  -webkit-animation: shake-hor 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955) both;
          animation: shake-hor 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955) both;
}
#magic .stars path {
  -webkit-animation: wifi 0.3s 3 forwards 0.8s;
          animation: wifi 0.3s 3 forwards 0.8s;
}
.user-a {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate(30px, 0);
  transform: translate(30px, 0);
  -webkit-transition: all 0.5s ease-in-out 0.3s, X;
  transition: all 0.5s ease-in-out 0.3s, X;
}
.user-c {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate(-30px, 0);
  transform: translate(-30px, 0);
  -webkit-transition: all 0.5s ease-in-out 0.3s, X;
  transition: all 0.5s ease-in-out 0.3s, X;
}
.ready .user-a,
.ready .user-c {
  opacity: 0.2;
  filter: alpha(opacity=20);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
.configure .icon .draw,
.page-redeem .icon .draw {
  stroke-dasharray: 100;
  stroke-dashoffset: 100;
  -webkit-transition: all 1s, X;
  transition: all 1s, X;
}
.configure .icon .can {
  -webkit-transform: rotate(-15deg) translate(-15px, 0);
  transform: rotate(-15deg) translate(-15px, 0);
  -webkit-transition: all 0.5s, X;
  transition: all 0.5s, X;
}
.ready.configure .icon .can {
  -webkit-transform: rotate(0deg) translate(0, 0);
  transform: rotate(0deg) translate(0, 0);
}
.configure .icon .drip {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.5s 0.3s, X;
  transition: all 0.5s 0.3s, X;
}
.ready.configure .icon .drip {
  -webkit-animation: drip 0.5s 0.3s;
  animation: drip 0.5s 0.3s;
  opacity: 1;
  filter: alpha(opacity=100);
}
.invite-paper {
  -webkit-transform: translate(0, 30px);
  transform: translate(0, 30px);
  -webkit-transition: all 1s, X;
  transition: all 1s, X;
  opacity: 0;
  filter: alpha(opacity=0);
}
.ready.configure .invite-paper {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: all 1s, opacity 0.5s 0.5s;
  transition: all 1s, opacity 0.5s 0.5s;
  opacity: 1;
  filter: alpha(opacity=100);
}
.invite-lines line {
  stroke-dasharray: 120;
  stroke-dashoffset: 120;
  -webkit-transition: all 1.2s 0.7s, X;
  transition: all 1.2s 0.7s, X;
}
.ready.configure .invite-lines line {
  stroke-dashoffset: 0;
}
.configure .icon .sun,
.neo .sun {
  -webkit-transform: translate(0, 30px);
  transform: translate(0, 30px);
  -webkit-transition: all 1s, X;
  transition: all 1s, X;
  opacity: 0;
  filter: alpha(opacity=0);
}
.ready.configure .icon .sun,
.ready.page-redeem .icon .sun {
  -webkit-transform: translate(0, 2px);
  transform: translate(0, 2px);
  -webkit-transition: all 1s, opacity 0.5s 0.5s;
  transition: all 1s, opacity 0.5s 0.5s;
  opacity: 1;
  filter: alpha(opacity=100);
}
.ready.configure .icon .draw,
.ready.page-redeem .icon .draw {
  stroke-dashoffset: 200;
}
.configure .icon .draw.rev,
.page-redeem .icon .draw.rev {
  -webkit-transition: all 1.2s 0.7s, X;
  transition: all 1.2s 0.7s, X;
}
.ready.configure .icon .draw.rev,
.ready.page-redeem .icon .draw.rev {
  stroke-dashoffset: 0;
}
.icon img {
  height: 100%;
}
.icon-online {
  width: 12px;
  height: 12px;
  background: #26AA27;
  border-radius: 50%;
}
.icon-warning {
  width: 12px;
  height: 12px;
  background: #FFB100;
  border-radius: 50%;
}
.icon-error {
  width: 12px;
  height: 12px;
  background: #EB225F;
  border-radius: 50%;
}
.icon-ink svg {
  fill: #DE0184;
}
.icon-paper svg {
  fill: #009FC6;
}
.icon-wrench svg {
  fill: #ED145B;
}
.icon-exclaim svg {
  fill: #F37925;
}
.icon-tick {
  content: '';
  background: url('sprite.png') -600px -900px no-repeat;
  height: 0;
  overflow: hidden;
  width: 12px;
  padding-top: 10px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  margin-right: 6px;
}
.center .icon-tick {
  margin: 0;
}
.icon-info {
  display: inline-block;
  vertical-align: baseline;
  position: relative;
}
.icon-info svg {
  width: 6px;
  height: 12px;
  fill: #BABFC4;
  margin: 0 10px;
}
.icon.decline::before {
  content: "";
  height: 2px;
  width: 48px;
  -webkit-box-shadow: 0 0 0 2px #fff;
  box-shadow: 0 0 0 2px #fff;
  background: #BABFC4;
  position: absolute;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
  z-index: 10;
  top: 50%;
  left: 50%;
  margin-top: 2px;
}
.mold {
  fill: #065143;
  fill: transparent;
}
.icon.mold {
  background: #26AA27;
  border-radius: 36px;
  width: 100px;
  height: 100px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.icon.mold svg {
  height: 48px;
  color: #fff;
}
.icon.outline svg {
  stroke: currentColor;
  fill: none !important;
  stroke-width: 2;
}
.icon.outline,
.icon.twenty {
  width: 20px;
  height: 20px;
  -webkit-box-shadow: none;
          box-shadow: none;
  margin: 0;
  color: currentColor;
}
.icon.bold {
  margin: 0;
  width: 40px;
  height: 40px;
  padding: 10px;
  border-radius: 50%;
  background: #26AA27;
  position: relative;
  z-index: 2;
}
.icon.bold svg {
  fill: #fff;
  stroke: #fff;
  stroke-width: 0;
}
.event .icon.bold {
  background: #fff;
  -webkit-box-shadow: inset 0 0 0 1px rgba(215, 222, 227, 0.5);
          box-shadow: inset 0 0 0 1px rgba(215, 222, 227, 0.5);
}
.event .icon.bold svg {
  fill: #348496;
}
.error .icon.bold {
  background: #ED145B;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.warning .icon.bold {
  background: #FFB100;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.pause .icon.bold {
  background: #B8BFC4;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.col.os {
  width: 64px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.os.icon {
  width: 24px;
  height: 24px;
}
.icon.type {
  max-width: 48px;
  height: 48px;
  color: #13293D;
}
.os .icon svg {
  fill: #B8BFC4;
}
.icon.type svg {
  fill: #13293D;
  height: 100%;
}
.avatar {
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  width: 32px;
  height: 32px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  line-height: 32px;
  text-transform: uppercase;
  border-radius: 50%;
  text-align: center;
  position: relative;
  margin-right: 10px;
  background: none;
  color: #8E959E;
  -webkit-box-shadow: inset 0 0 0 1px rgba(215, 222, 227, 0.5);
          box-shadow: inset 0 0 0 1px rgba(215, 222, 227, 0.5);
}
.avatar a {
  color: #8E959E;
}
.avatar img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.avatar.lge {
  width: 120px;
  height: 120px;
  margin: 0;
}
.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  margin: 0 0 1.3rem 0;
  overflow: hidden;
  width: calc(100%);
}
.popup header .embed-container {
  margin: -1.5rem -20px 0 -20px;
  width: calc(100% + 40px);
  background: #000;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.card.tour {
  border: 0;
  padding: 0;
  overflow: hidden;
  background: #13293D;
  color: rgba(255, 255, 255, 0.7);
}
.card.tour .col {
  display: block !important;
}
.card.tour h3 {
  color: #fff;
  margin-bottom: 0.5rem;
  background: -webkit-gradient(linear, left top, right top, color-stop(40%, #80D0C6), color-stop(80%, #00331a));
  background: linear-gradient(to right, #80D0C6 40%, #00331a 80%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.carousel {
  position: relative;
  height: 100%;
  width: 100%;
}
.carousel .row {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px;
}
.flipper-card {
  width: calc(100% - 16px);
  height: 100%;
  padding: 0 20px;
  left: 8px;
  position: absolute;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  transition: -webkit-transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.flipper:nth-child(10) .flipper-card {
  -webkit-transition-delay: 580ms;
          transition-delay: 580ms;
}
.flipper:nth-child(9) .flipper-card {
  -webkit-transition-delay: 530ms;
          transition-delay: 530ms;
}
.flipper:nth-child(8) .flipper-card {
  -webkit-transition-delay: 480ms;
          transition-delay: 480ms;
}
.flipper:nth-child(7) .flipper-card {
  -webkit-transition-delay: 430ms;
          transition-delay: 430ms;
}
.flipper:nth-child(6) .flipper-card {
  -webkit-transition-delay: 380ms;
          transition-delay: 380ms;
}
.flipper:nth-child(5) .flipper-card {
  -webkit-transition-delay: 330ms;
          transition-delay: 330ms;
}
.flipper:nth-child(4) .flipper-card {
  -webkit-transition-delay: 280ms;
          transition-delay: 280ms;
}
.flipper:nth-child(3) .flipper-card {
  -webkit-transition-delay: 230ms;
          transition-delay: 230ms;
}
.flipper:nth-child(2) .flipper-card {
  -webkit-transition-delay: 180ms;
          transition-delay: 180ms;
}
.flipper:nth-child(1) .flipper-card {
  -webkit-transition-delay: 130ms;
          transition-delay: 130ms;
}
.slider {
  width: 100%;
}
.flipper-front,
.flipper-back {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 1.125rem 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border-radius: 4px;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5);
          box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5);
  -webkit-transition: all 0s 0.3s, X !important;
  transition: all 0s 0.3s, X !important;
  opacity: 1;
  filter: alpha(opacity=100);
}
.flipper-is-flipped .flipper-front {
  z-index: -1;
}
.flipper-back {
  background: #065143;
  color: #fff;
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.flipper-enviro {
  -webkit-transition: all 0.3s, opacity 0s 0.3s;
  transition: all 0.3s, opacity 0s 0.3s;
  text-align: center;
  position: fixed;
  border-radius: 4px;
  background: #065143;
  visibility: hidden;
  z-index: 10;
  overflow: hidden;
}
.flipper-enviro .lines-button.close {
  top: 10px;
  right: 10px;
  position: absolute;
  z-index: 10;
  width: 32px;
  height: 32px;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.3s 0s, X;
  transition: all 0.3s 0s, X;
}
.flipper-enviro .lines-button.close .lines {
  top: 15px;
  left: 7px;
}
.flipper-enviro .close::before {
  content: '';
  background: #212B36;
  opacity: 0.5;
  filter: alpha(opacity=50);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: absolute;
  top: 0;
  right: 0;
}
.flipper-enviro .slider {
  width: 100%;
  height: 100%;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.3s 0s, X;
  transition: all 0.3s 0s, X;
}
.flipper-enviro .slider img {
  display: block;
}
.flipper-enviro .slider .slick-dots {
  bottom: 25px;
}
.flipper-enviro .slider .item {
  position: relative;
}
.btn-carousel {
  content: '';
  background: url('sprite.png') -1000px -600px no-repeat;
  height: 0;
  overflow: hidden;
  width: 20px;
  padding-top: 14px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  position: absolute;
  bottom: 1.125rem;
  right: 20px;
}
.morphed .flipper-front,
.morphed .flipper-back {
  opacity: 0 !important;
  filter: alpha(opacity=0) !important;
  -webkit-transition: all 0.1s 0s, X !important;
  transition: all 0.1s 0s, X !important;
}
.morphed .flipper-enviro {
  z-index: 9;
  left: 50% !important;
  top: 50% !important;
  width: 640px !important;
  height: 480px !important;
  -webkit-box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
          box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
  visibility: visible;
  -webkit-transition: all 0.3s, X;
  transition: all 0.3s, X;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.morphed .flipper-enviro .slider,
.morphed .flipper-enviro .close {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all 0.3s 0.3s, X;
  transition: all 0.3s 0.3s, X;
}
.flipper-enviro footer {
  background: #065143;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: left;
  padding: 20px;
  color: #fff;
  font-family: 'Barlow', sans-serif;
}
.flipper-card.flipper-is-flipped {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.flipper .col.fp .icon {
  margin-right: 10px;
  height: 20px;
}
.flipper-back .col.username a {
  color: #26AA27;
}
.list .flipper .flipper-back .col {
  color: #fff;
}
.list .flipper .flipper-back .avatar {
  background: #0E402D;
  color: #fff;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.flipper-back .more > i:not(.poi),
.flipper-back .more > i:not(.poi)::after,
.flipper-back .more > i:not(.poi)::before {
  background: #fff;
}
.page-verify .product-logo {
  display: block;
  margin: 2rem auto;
}
.page-verify #cloud {
  display: none !important;
}
.page-verify .fills {
  opacity: 1;
  filter: alpha(opacity=100);
}
.page-verify .wrap {
  padding: 0;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background: #EFF3F7;
}
.page-verify .page-heading {
  background: none;
  margin-top: 1rem;
  color: #637381;
  padding: 0;
  text-align: center;
}
.popup #print-instructions {
  padding-bottom: 1.5rem;
}
#print-instructions .page-heading {
  text-align: left;
  padding: 0;
  margin: 0;
  overflow: visible;
}
#print-instructions .tabs {
  -webkit-box-shadow: none;
          box-shadow: none;
}
#print-instructions figure.center img {
  margin: 0;
}
#print-instructions .tabs.center ul {
  width: 100%;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  overflow: auto;
  margin: 0 0 2rem 0;
  -webkit-box-shadow: inset 0 -3px 0 0 #D7DEE3;
          box-shadow: inset 0 -3px 0 0 #D7DEE3;
}
#print-instructions .callout {
  position: absolute;
  left: 155px;
  top: 19px;
  width: 210px;
  border-radius: 3px;
  z-index: 3;
  background: #A4ACB6;
  color: #fff;
  padding: 6px 10px;
  line-height: 1.3;
}
#print-instructions #link-account {
  margin: 0 0 1rem 0;
}
#print-instructions .tabs.center ul li {
  margin: 0;
  padding: 0 15px;
}
#print-instructions .tabs li a .icon {
  color: #1A2329;
}
#print-instructions h2 {
  top: 6px;
  position: relative;
  margin-bottom: 20px;
}
#print-instructions ol {
  margin-bottom: 2rem;
}
#print-instructions ol::before {
  content: '';
  position: absolute;
  top: 0;
  left: 19px;
  height: 100%;
  border-left: 2px dashed #D7DEE3;
  background: none;
}
#print-instructions ol > li {
  padding: 0 0 0 4rem;
  background: none;
  margin: 0 0 1rem 0;
}
#print-instructions ol > li::before {
  background-color: #12293C;
  z-index: 1;
  color: #DDE0E3;
  border-radius: 50%;
  line-height: 40px;
  width: 40px;
  height: 40px;
  text-align: center;
}
#print-instructions ol > li.icon-only::before {
  content: '';
}
#print-instructions ol > li.icon-only > .icon {
  position: absolute;
  left: 8px;
  top: 8px;
  z-index: 2;
}
#print-instructions ol > li.icon-only h2 {
  margin: 0;
}
#print-instructions ol > li.icon-only > .icon svg {
  fill: #fff;
}
.page-verify .page-heading p {
  margin-bottom: 1.3rem;
}
.page-verify h1 {
  font-size: 30px;
  margin: 0 0 0.6rem 0;
}
.page-verify .page {
  min-height: 0;
  width: 100%;
  padding: 84px 30px;
  color: #637381;
}
.page-verify #step-computer,
.page-verify #step-mobile {
  text-align: center;
}
.page-verify .page .auto {
  max-width: 600px;
}
.page-verify #logo {
  content: '';
  background: url('sprite.png') 0 -1800px no-repeat;
  height: 0;
  overflow: hidden;
  width: 119px;
  padding-top: 32px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  margin: 0 auto 4rem auto;
  display: block;
}
.page-verify #logo.sml {
  content: '';
  background: url('sprite.png') 0 -1600px no-repeat;
  height: 0;
  overflow: hidden;
  width: 55px;
  padding-top: 56px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  display: block;
}
#link-account {
  max-width: 480px;
  margin: 0 auto;
  -ms-flex-item-align: center;
      align-self: center;
}
#link-account input[maxlength="1"] {
  text-align: center;
  font-size: 19px;
  padding: 0;
  background: #1A2329;
  color: #fff;
  height: 100%;
  -webkit-box-shadow: inset 0 0 0 1px #1A2329;
          box-shadow: inset 0 0 0 1px #1A2329;
}
#link-account .row {
  -ms-flex-pack: distribute;
      justify-content: space-around;
  line-height: 30px;
}
#link-account .row > div {
  padding: 0 10px;
  margin: 30px 0;
  position: relative;
  height: auto;
}
#link-account .row > div::before {
  content: '';
  float: left;
  padding-top: 100%;
}
#link-account input:required:invalid {
  background: #fff;
  -webkit-box-shadow: inset 0 0 0 1px #dfe4e8;
          box-shadow: inset 0 0 0 1px #dfe4e8;
}
#link-account input:required:invalid:focus {
  -webkit-box-shadow: inset 0 0 0 1px #c4cdd5;
          box-shadow: inset 0 0 0 1px #c4cdd5;
}
.page-install .wrap {
  padding: 0;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background: #EFF3F7;
}
.page-install .check {
  stroke-dasharray: 130px 130px;
  stroke-dashoffset: 130px;
  -webkit-transition: stroke-dashoffset 4.1s linear 0s;
  -webkit-transition: stroke-dashoffset 500ms ease-in-out;
  transition: stroke-dashoffset 500ms ease-in-out;
}
.page-install .icon.linked .check {
  stroke-dashoffset: 0;
}
.page-install .page-heading {
  background: none;
  margin-bottom: 5rem;
  color: #637381;
  padding: 0;
}
.page-install .auto {
  max-width: 1020px;
}
.page-install .page-heading p {
  margin-bottom: 1.3rem;
}
.page-install h1 {
  font-size: 30px;
  margin: 0 0 0.6rem 0;
}
.page-install .page {
  min-height: 0;
  width: 100%;
  margin: auto;
  padding: 30px;
  text-align: center;
}
.page-install .step {
  counter-increment: a;
  -webkit-transition: all 0.3s ease-in-out, X;
  transition: all 0.3s ease-in-out, X;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate(0, 20px);
  transform: translate(0, 20px);
}
.page-install .step:nth-child(100) {
  -webkit-transition-delay: 39.6s;
  transition-delay: 39.6s;
}
.page-install .step:nth-child(99) {
  -webkit-transition-delay: 39.2s;
  transition-delay: 39.2s;
}
.page-install .step:nth-child(98) {
  -webkit-transition-delay: 38.8s;
  transition-delay: 38.8s;
}
.page-install .step:nth-child(97) {
  -webkit-transition-delay: 38.4s;
  transition-delay: 38.4s;
}
.page-install .step:nth-child(96) {
  -webkit-transition-delay: 38s;
  transition-delay: 38s;
}
.page-install .step:nth-child(95) {
  -webkit-transition-delay: 37.6s;
  transition-delay: 37.6s;
}
.page-install .step:nth-child(94) {
  -webkit-transition-delay: 37.2s;
  transition-delay: 37.2s;
}
.page-install .step:nth-child(93) {
  -webkit-transition-delay: 36.8s;
  transition-delay: 36.8s;
}
.page-install .step:nth-child(92) {
  -webkit-transition-delay: 36.4s;
  transition-delay: 36.4s;
}
.page-install .step:nth-child(91) {
  -webkit-transition-delay: 36s;
  transition-delay: 36s;
}
.page-install .step:nth-child(90) {
  -webkit-transition-delay: 35.6s;
  transition-delay: 35.6s;
}
.page-install .step:nth-child(89) {
  -webkit-transition-delay: 35.2s;
  transition-delay: 35.2s;
}
.page-install .step:nth-child(88) {
  -webkit-transition-delay: 34.8s;
  transition-delay: 34.8s;
}
.page-install .step:nth-child(87) {
  -webkit-transition-delay: 34.4s;
  transition-delay: 34.4s;
}
.page-install .step:nth-child(86) {
  -webkit-transition-delay: 34s;
  transition-delay: 34s;
}
.page-install .step:nth-child(85) {
  -webkit-transition-delay: 33.6s;
  transition-delay: 33.6s;
}
.page-install .step:nth-child(84) {
  -webkit-transition-delay: 33.2s;
  transition-delay: 33.2s;
}
.page-install .step:nth-child(83) {
  -webkit-transition-delay: 32.8s;
  transition-delay: 32.8s;
}
.page-install .step:nth-child(82) {
  -webkit-transition-delay: 32.4s;
  transition-delay: 32.4s;
}
.page-install .step:nth-child(81) {
  -webkit-transition-delay: 32s;
  transition-delay: 32s;
}
.page-install .step:nth-child(80) {
  -webkit-transition-delay: 31.6s;
  transition-delay: 31.6s;
}
.page-install .step:nth-child(79) {
  -webkit-transition-delay: 31.2s;
  transition-delay: 31.2s;
}
.page-install .step:nth-child(78) {
  -webkit-transition-delay: 30.8s;
  transition-delay: 30.8s;
}
.page-install .step:nth-child(77) {
  -webkit-transition-delay: 30.4s;
  transition-delay: 30.4s;
}
.page-install .step:nth-child(76) {
  -webkit-transition-delay: 30s;
  transition-delay: 30s;
}
.page-install .step:nth-child(75) {
  -webkit-transition-delay: 29.6s;
  transition-delay: 29.6s;
}
.page-install .step:nth-child(74) {
  -webkit-transition-delay: 29.2s;
  transition-delay: 29.2s;
}
.page-install .step:nth-child(73) {
  -webkit-transition-delay: 28.8s;
  transition-delay: 28.8s;
}
.page-install .step:nth-child(72) {
  -webkit-transition-delay: 28.4s;
  transition-delay: 28.4s;
}
.page-install .step:nth-child(71) {
  -webkit-transition-delay: 28s;
  transition-delay: 28s;
}
.page-install .step:nth-child(70) {
  -webkit-transition-delay: 27.6s;
  transition-delay: 27.6s;
}
.page-install .step:nth-child(69) {
  -webkit-transition-delay: 27.2s;
  transition-delay: 27.2s;
}
.page-install .step:nth-child(68) {
  -webkit-transition-delay: 26.8s;
  transition-delay: 26.8s;
}
.page-install .step:nth-child(67) {
  -webkit-transition-delay: 26.4s;
  transition-delay: 26.4s;
}
.page-install .step:nth-child(66) {
  -webkit-transition-delay: 26s;
  transition-delay: 26s;
}
.page-install .step:nth-child(65) {
  -webkit-transition-delay: 25.6s;
  transition-delay: 25.6s;
}
.page-install .step:nth-child(64) {
  -webkit-transition-delay: 25.2s;
  transition-delay: 25.2s;
}
.page-install .step:nth-child(63) {
  -webkit-transition-delay: 24.8s;
  transition-delay: 24.8s;
}
.page-install .step:nth-child(62) {
  -webkit-transition-delay: 24.4s;
  transition-delay: 24.4s;
}
.page-install .step:nth-child(61) {
  -webkit-transition-delay: 24s;
  transition-delay: 24s;
}
.page-install .step:nth-child(60) {
  -webkit-transition-delay: 23.6s;
  transition-delay: 23.6s;
}
.page-install .step:nth-child(59) {
  -webkit-transition-delay: 23.2s;
  transition-delay: 23.2s;
}
.page-install .step:nth-child(58) {
  -webkit-transition-delay: 22.8s;
  transition-delay: 22.8s;
}
.page-install .step:nth-child(57) {
  -webkit-transition-delay: 22.4s;
  transition-delay: 22.4s;
}
.page-install .step:nth-child(56) {
  -webkit-transition-delay: 22s;
  transition-delay: 22s;
}
.page-install .step:nth-child(55) {
  -webkit-transition-delay: 21.6s;
  transition-delay: 21.6s;
}
.page-install .step:nth-child(54) {
  -webkit-transition-delay: 21.2s;
  transition-delay: 21.2s;
}
.page-install .step:nth-child(53) {
  -webkit-transition-delay: 20.8s;
  transition-delay: 20.8s;
}
.page-install .step:nth-child(52) {
  -webkit-transition-delay: 20.4s;
  transition-delay: 20.4s;
}
.page-install .step:nth-child(51) {
  -webkit-transition-delay: 20s;
  transition-delay: 20s;
}
.page-install .step:nth-child(50) {
  -webkit-transition-delay: 19.6s;
  transition-delay: 19.6s;
}
.page-install .step:nth-child(49) {
  -webkit-transition-delay: 19.2s;
  transition-delay: 19.2s;
}
.page-install .step:nth-child(48) {
  -webkit-transition-delay: 18.8s;
  transition-delay: 18.8s;
}
.page-install .step:nth-child(47) {
  -webkit-transition-delay: 18.4s;
  transition-delay: 18.4s;
}
.page-install .step:nth-child(46) {
  -webkit-transition-delay: 18s;
  transition-delay: 18s;
}
.page-install .step:nth-child(45) {
  -webkit-transition-delay: 17.6s;
  transition-delay: 17.6s;
}
.page-install .step:nth-child(44) {
  -webkit-transition-delay: 17.2s;
  transition-delay: 17.2s;
}
.page-install .step:nth-child(43) {
  -webkit-transition-delay: 16.8s;
  transition-delay: 16.8s;
}
.page-install .step:nth-child(42) {
  -webkit-transition-delay: 16.4s;
  transition-delay: 16.4s;
}
.page-install .step:nth-child(41) {
  -webkit-transition-delay: 16s;
  transition-delay: 16s;
}
.page-install .step:nth-child(40) {
  -webkit-transition-delay: 15.6s;
  transition-delay: 15.6s;
}
.page-install .step:nth-child(39) {
  -webkit-transition-delay: 15.2s;
  transition-delay: 15.2s;
}
.page-install .step:nth-child(38) {
  -webkit-transition-delay: 14.8s;
  transition-delay: 14.8s;
}
.page-install .step:nth-child(37) {
  -webkit-transition-delay: 14.4s;
  transition-delay: 14.4s;
}
.page-install .step:nth-child(36) {
  -webkit-transition-delay: 14s;
  transition-delay: 14s;
}
.page-install .step:nth-child(35) {
  -webkit-transition-delay: 13.6s;
  transition-delay: 13.6s;
}
.page-install .step:nth-child(34) {
  -webkit-transition-delay: 13.2s;
  transition-delay: 13.2s;
}
.page-install .step:nth-child(33) {
  -webkit-transition-delay: 12.8s;
  transition-delay: 12.8s;
}
.page-install .step:nth-child(32) {
  -webkit-transition-delay: 12.4s;
  transition-delay: 12.4s;
}
.page-install .step:nth-child(31) {
  -webkit-transition-delay: 12s;
  transition-delay: 12s;
}
.page-install .step:nth-child(30) {
  -webkit-transition-delay: 11.6s;
  transition-delay: 11.6s;
}
.page-install .step:nth-child(29) {
  -webkit-transition-delay: 11.2s;
  transition-delay: 11.2s;
}
.page-install .step:nth-child(28) {
  -webkit-transition-delay: 10.8s;
  transition-delay: 10.8s;
}
.page-install .step:nth-child(27) {
  -webkit-transition-delay: 10.4s;
  transition-delay: 10.4s;
}
.page-install .step:nth-child(26) {
  -webkit-transition-delay: 10s;
  transition-delay: 10s;
}
.page-install .step:nth-child(25) {
  -webkit-transition-delay: 9.6s;
  transition-delay: 9.6s;
}
.page-install .step:nth-child(24) {
  -webkit-transition-delay: 9.2s;
  transition-delay: 9.2s;
}
.page-install .step:nth-child(23) {
  -webkit-transition-delay: 8.8s;
  transition-delay: 8.8s;
}
.page-install .step:nth-child(22) {
  -webkit-transition-delay: 8.4s;
  transition-delay: 8.4s;
}
.page-install .step:nth-child(21) {
  -webkit-transition-delay: 8s;
  transition-delay: 8s;
}
.page-install .step:nth-child(20) {
  -webkit-transition-delay: 7.6s;
  transition-delay: 7.6s;
}
.page-install .step:nth-child(19) {
  -webkit-transition-delay: 7.2s;
  transition-delay: 7.2s;
}
.page-install .step:nth-child(18) {
  -webkit-transition-delay: 6.8s;
  transition-delay: 6.8s;
}
.page-install .step:nth-child(17) {
  -webkit-transition-delay: 6.4s;
  transition-delay: 6.4s;
}
.page-install .step:nth-child(16) {
  -webkit-transition-delay: 6s;
  transition-delay: 6s;
}
.page-install .step:nth-child(15) {
  -webkit-transition-delay: 5.6s;
  transition-delay: 5.6s;
}
.page-install .step:nth-child(14) {
  -webkit-transition-delay: 5.2s;
  transition-delay: 5.2s;
}
.page-install .step:nth-child(13) {
  -webkit-transition-delay: 4.8s;
  transition-delay: 4.8s;
}
.page-install .step:nth-child(12) {
  -webkit-transition-delay: 4.4s;
  transition-delay: 4.4s;
}
.page-install .step:nth-child(11) {
  -webkit-transition-delay: 4s;
  transition-delay: 4s;
}
.page-install .step:nth-child(10) {
  -webkit-transition-delay: 3.6s;
  transition-delay: 3.6s;
}
.page-install .step:nth-child(9) {
  -webkit-transition-delay: 3.2s;
  transition-delay: 3.2s;
}
.page-install .step:nth-child(8) {
  -webkit-transition-delay: 2.8s;
  transition-delay: 2.8s;
}
.page-install .step:nth-child(7) {
  -webkit-transition-delay: 2.4s;
  transition-delay: 2.4s;
}
.page-install .step:nth-child(6) {
  -webkit-transition-delay: 2s;
  transition-delay: 2s;
}
.page-install .step:nth-child(5) {
  -webkit-transition-delay: 1.6s;
  transition-delay: 1.6s;
}
.page-install .step:nth-child(4) {
  -webkit-transition-delay: 1.2s;
  transition-delay: 1.2s;
}
.page-install .step:nth-child(3) {
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.8s;
}
.page-install .step:nth-child(2) {
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
.page-install .step:nth-child(1) {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.page-install.ready .step {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
.page-install .step p {
  min-height: 44px;
  color: #637381;
}
.page-install .step p a:not(.btn) {
  text-decoration: underline;
}
.page-install .step figure {
  background: #EFF3F7;
  -webkit-box-shadow: 0 0 0 1px #D7DEE3;
          box-shadow: 0 0 0 1px #D7DEE3;
  border-radius: 3px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 20px 30px 0 30px;
  height: 290px;
  margin-bottom: 2rem;
  -webkit-transition: all 0.3s ease-in-out, X;
  transition: all 0.3s ease-in-out, X;
}
.page-install.new-device .step figure {
  background: #fff;
}
.page-install .step figure > div {
  overflow: hidden;
  position: relative;
  margin: 0 -30px;
  width: calc(100% + 60px);
  max-height: 100%;
}
.page-install .alert {
  text-align: left;
  padding: 6px 10px;
  line-height: 1.3;
  border-radius: 3px;
  background-color: #e2eded;
}
.page-install .popup.basic-wide .alert {
  margin-top: 0;
}
.page-install.new-device .auto > .alert {
  margin: 3rem auto 0 auto;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.page-install .alert i.outline {
  margin-right: 10px;
}
.page-install:not(.new-device) .step figure::before {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #BBC1C7;
  -webkit-box-shadow: 0 0 0 3px #EFF3F7;
          box-shadow: 0 0 0 3px #EFF3F7;
  position: absolute;
  top: -16px;
  left: -16px;
  content: '';
  content: counter(a);
  line-height: 32px;
  color: #fff;
  z-index: 2;
}
#popup-getapp .content {
  padding: 1.5rem 20px;
}
#app-qr {
  margin: 0 auto 1.3rem auto;
  max-width: 200px;
}
.step figure .dialog {
  position: absolute;
  top: 0;
  left: 50%;
  background-color: #03343D;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-radius: 0 0 3px 3px;
  padding: 10px;
  font-size: 12px;
  -webkit-box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.2);
  -webkit-transform: translate(calc(-50% - 10px), -100%);
  transform: translate(calc(-50% - 10px), -100%);
  -webkit-transition: all 0.3s ease-in-out, X;
  transition: all 0.3s ease-in-out, X;
  color: #fff;
  width: 250px;
  max-width: calc(100% - 40px);
}
.step figure .dialog .placeholder-field {
  background: #fff;
  height: 6px;
  width: 100%;
  margin: 5px 0 0 0;
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.step figure .dialog .placeholder-select {
  position: relative;
  padding-right: 15px;
}
.step figure .dialog .placeholder-select::after {
  content: '';
  background: url('sprite.png') -400px -300px no-repeat;
  height: 0;
  overflow: hidden;
  width: 10px;
  padding-top: 5px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.step figure .dialog .placeholder-footer {
  margin-top: 4px;
  background: none;
  height: auto;
  padding: 0;
}
.step figure .dialog .placeholder-button {
  background: none;
  -webkit-box-shadow: 0 0 0 1px #fff;
          box-shadow: 0 0 0 1px #fff;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.step figure .dialog .placeholder-page {
  width: 32px;
  height: 45px;
  -webkit-box-shadow: 0 0 0 1px #fff;
          box-shadow: 0 0 0 1px #fff;
  margin: 0 10px 0 0;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.step figure .dialog .placeholder-form {
  width: calc(100% - 42px);
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.step.active figure .dialog,
.step.complete figure .dialog {
  -webkit-transform: translate(calc(-50% - 10px), 0);
  transform: translate(calc(-50% - 10px), 0);
}
.step figure .dialog label {
  margin: 0 3px 0 0;
  color: #fff;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.page-install:not(.new-device) .complete figure::before {
  content: '';
  background: url('sprite.png') -789px -787px no-repeat;
  height: 0;
  overflow: hidden;
  width: 32px;
  padding-top: 32px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  background-color: #26AA27;
}
.page-install:not(.new-device) .complete figure::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 3px;
  background: rgba(23, 43, 68, 0.7);
  content: 'completed!';
  z-index: -1;
  color: #8E959E;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 0.05em;
  -webkit-font-smoothing: auto;
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.page-install .wrap .complete figure::after {
  -webkit-transition: all 0.3s ease-in-out, z-index 0.3s ease-in-out 0.2s;
  transition: all 0.3s ease-in-out, z-index 0.3s ease-in-out 0.2s;
  z-index: 1;
}
.page-install .wrap .step.active figure {
  -webkit-box-shadow: inset 0 0 0 2px #1A2329, 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07) !important;
          box-shadow: inset 0 0 0 2px #1A2329, 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07) !important;
}
.page-install:not(.new-device) .step.active figure::before {
  background-color: #1A2329;
}
.page-install .disabled figure {
  background: #BBC1C7;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.page-install .disabled figure img {
  -webkit-filter: grayscale(0.81);
          filter: grayscale(0.81);
}
.page-install:not(.new-device) .disabled figure::before {
  background-color: #BBC1C7;
}
.page-install .disabled input[type=text] {
  opacity: 0.5;
  filter: alpha(opacity=50);
  pointer-events: none;
}
.page-install .disabled .btn {
  background-color: #BBC1C7;
  pointer-events: none;
}
.page-install #step-mobile.active figure img,
.page-install #step-mobile.complete figure img {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
.page-install #step-computer.active figure div {
  overflow: visible;
}
.page-install #step-computer.active figure img,
.page-install #step-computer.complete figure img {
  -webkit-transform: translate(-15px, 0);
  transform: translate(-15px, 0);
}
.page-install:not(.new-device) .active .btn,
.page-install:not(.new-device) .active #link-account,
.page-install:not(.new-device) .complete .btn,
.page-install:not(.new-device) .complete #link-account {
  opacity: 1;
  filter: alpha(opacity=100);
}
.page-install .complete .btn {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#F9FAFB));
  background-image: linear-gradient(-180deg, #FFF 0%, #F9FAFB 100%);
  -webkit-box-shadow: 0 1px 1px 0 rgba(63, 63, 68, 0.05), inset 0 0 0 1px rgba(142, 149, 158, 0.5);
          box-shadow: 0 1px 1px 0 rgba(63, 63, 68, 0.05), inset 0 0 0 1px rgba(142, 149, 158, 0.5);
  color: #8E959E;
}
.page-install #step-print figure {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 0 30px 20px 30px;
}
.page-install .step figure img {
  max-width: 260px;
  margin: 0 auto;
  -webkit-transition: all 0.3s ease-in-out, X;
  transition: all 0.3s ease-in-out, X;
}
.page-install #step-computer figure img {
  max-width: 340px;
  -webkit-transform: translate(80px, 0);
  transform: translate(80px, 0);
}
[tab-step=link] #link-account {
  max-width: none;
}
#link-account .flex pre[class*="language-"] {
  line-height: 1.2;
  font-size: 0.9375rem;
  letter-spacing: 0.1rem;
  margin: 0 5px 0 0;
}
#link-account input[type=text]:focus {
  -webkit-box-shadow: 0 0 0 1px #A3BFC4, 0 0 0 3px rgba(163, 191, 196, 0.5);
          box-shadow: 0 0 0 1px #A3BFC4, 0 0 0 3px rgba(163, 191, 196, 0.5);
}
.page-install #logo {
  content: '';
  background: url('sprite.png') 0 -1800px no-repeat;
  height: 0;
  overflow: hidden;
  width: 119px;
  padding-top: 32px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  margin: 0 auto 2rem auto;
  display: block;
}
.page-install #logo.hive {
  content: '';
  background: url('sprite.png') -200px -1900px no-repeat;
  height: 0;
  overflow: hidden;
  width: 135px;
  padding-top: 35px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  margin: 0 auto 2rem auto;
  display: block;
}
.page-install .app-icon {
  content: '';
  background: url('sprite.png') 10px -1690px no-repeat;
  height: 0;
  overflow: hidden;
  width: 48px;
  padding-top: 48px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  position: absolute;
  bottom: 10px;
  left: 10px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5), 0 2px 16px 0 rgba(33, 43, 54, 0.08);
          box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5), 0 2px 16px 0 rgba(33, 43, 54, 0.08);
  border-radius: 10px 10px 10px 10px;
  display: none !important;
}
.alert {
  background: #FFEFF4;
  padding: 0.5rem 20px;
  font-size: 0.813rem;
  color: #EC235F;
}
header + .alert {
  padding: 0.5rem 30px;
}
.alert.center {
  width: 100%;
}
.alert:not(.noflex) {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.alert.sticky {
  position: fixed;
  z-index: 99;
  -webkit-transform: translate(0, -100%);
  transform: translate(0, -100%);
  -webkit-transition: transform 0.3s, X;
  -webkit-transition: X, -webkit-transform 0.3s;
  transition: X, -webkit-transform 0.3s;
  transition: transform 0.3s, X;
  transition: transform 0.3s, X, -webkit-transform 0.3s;
}
.alert.sticky.visible {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
.alert.fp {
  border-radius: 0 !important;
  margin: 0 !important;
}
.alert.offer {
  background: #e2f7f5;
  font-size: 0.9375rem;
  color: inherit;
  padding: 20px !important;
  position: relative;
}
.alert.offer i svg {
  fill: #33C1AF;
}
.alert.offer * {
  position: relative;
  z-index: 1;
}
.alert.offer .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin: 0;
  z-index: 0;
}
.alert.offer .bg img {
  max-width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.alert.info {
  background-color: #e6f0eb;
  color: #5F6470;
}
.alert.caution {
  background-color: #FFF0D0;
  color: inherit;
}
.alert.warning {
  background-color: #fff3d6;
  color: inherit;
}
.alert.warning i svg {
  fill: #FFB100;
}
.alert.warning .flag {
  color: #fff;
  background: #FB8332;
}
.alert .flag {
  margin-right: 6px;
}
.alert:not(.offer) .btn {
  margin: 0 0.5rem;
}
.alert i,
.alert i.outline,
.alert i.twenty {
  margin: 0 10px 0 0;
  width: 20px;
  height: 20px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
.alert i.thirtytwo {
  width: 32px;
  height: 32px;
}
.alert i svg {
  fill: #EC235F;
  height: 100%;
  max-width: 100%;
}
.alert.info i svg {
  fill: #006633;
  color: #006633;
}
.alert .message ul {
  padding-left: 22px;
  border-left: 1px solid #EC235F;
  color: #5F6470;
  margin: 0.5rem 0 0.5rem -21px;
}
.alert p {
  margin-bottom: 0.5rem;
}
#hero + .alert {
  margin: -2rem -30px 2rem -30px;
  padding: 0.5rem 30px;
  -webkit-box-shadow: inset 0 -1px 0 0 rgba(215, 222, 227, 0.5);
          box-shadow: inset 0 -1px 0 0 rgba(215, 222, 227, 0.5);
}
aside .alert:not(.pullout) {
  margin: 0 -20px;
  -webkit-box-shadow: inset 0 -1px 0 0 rgba(215, 222, 227, 0.5);
          box-shadow: inset 0 -1px 0 0 rgba(215, 222, 227, 0.5);
  position: relative;
  z-index: 99;
}
.scrolling > .alert {
  -webkit-box-shadow: inset 0 -1px 0 0 rgba(215, 222, 227, 0.5) 0 2px 4px 0 rgba(33, 43, 54, 0.05);
          box-shadow: inset 0 -1px 0 0 rgba(215, 222, 227, 0.5) 0 2px 4px 0 rgba(33, 43, 54, 0.05);
}
.list .alert {
  margin: -20px -20px 20px;
  width: calc(100% + 40px);
}
.alert.ticket {
  border-top: 1px dashed #CBD0D3;
  color: inherit;
  background: #fff url(ticket.png) 0 100% repeat-x;
}
.coming-soon {
  position: relative;
  overflow: hidden;
}
.coming-soon.popup {
  position: absolute;
}
.coming-soon .underconstruction i.icon {
  height: 18px;
  width: 20px;
  fill: #fff;
  margin: 0 6px 0 0;
}
.coming-soon .underconstruction {
  padding: 0.3rem 0;
  font-size: 13px;
  line-height: 1.2;
  background: #FC7405;
  color: #fff;
  -webkit-box-shadow: none;
          box-shadow: none;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 101;
}
.list li a.row.status-submitted figure::after {
  background: #fff;
}
.list li a.row.status-submitted figure::before {
  content: '';
  background: url('sprite.png') -1600px -660px no-repeat;
  height: 0;
  overflow: hidden;
  width: 20px;
  padding-top: 20px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
}
.list li a.row.status-analysed figure::before {
  content: '';
  background: url('sprite.png') -1600px -660px no-repeat;
  height: 0;
  overflow: hidden;
  width: 20px;
  padding-top: 20px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
}
.list li a.row.status-pending-release figure::after {
  background: #fff;
}
.list li a.row.status-pending-release figure .placeholder-checkbox {
  content: '';
  background: url('sprite.png') -1660px -660px no-repeat;
  height: 0;
  overflow: hidden;
  width: 20px;
  padding-top: 20px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  left: 50%;
  z-index: 2;
}
.list li a.row.status-pending-release figure .placeholder-checkbox.spinner::before {
  border-top: 2px solid #26AA27;
  border: 2px solid rgba(0, 0, 0, 0);
  border-bottom-color: #26AA27;
  border-top-color: #26AA27;
  -webkit-animation: spinner 10s linear infinite;
  animation: spinner 10s linear infinite;
}
.list li a.row.status-pending-release .flag {
  color: #FFB100;
  background: #fff3d6;
}
/* .list li a.row.status-pending-release {
  background: none;
  .box-shadow(none);
  border: 1px dashed rgba(215, 222, 227, 1);
} */
.list li a.row.status-pending-release:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.list li a.row.status-pending-release figure::before {
  background: none;
}
.list li a.row.status-printed figure::after {
  background: #fff;
}
.list li a.row.status-printing figure::after {
  background: #fff;
}
.list li a.row.status-printed figure::before {
  content: '';
  background: url('sprite.png') -1600px -660px no-repeat;
  height: 0;
  overflow: hidden;
  width: 20px;
  padding-top: 20px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
}
.list li a.row.status-printing figure::before {
  content: '';
  background: url('sprite.png') -1600px -660px no-repeat;
  height: 0;
  overflow: hidden;
  width: 20px;
  padding-top: 20px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
}
.list li a.row.status-failed figure::after {
  background: #E9205F;
  opacity: 0.12;
  filter: alpha(opacity=12);
}
.list li a.row.status-failed .flag {
  background: #FFEFF4;
  color: #EC235F;
}
.list li a.row.status-failed figure::before {
  content: '';
  background: url('sprite.png') -1660px -600px no-repeat;
  height: 0;
  overflow: hidden;
  width: 20px;
  padding-top: 20px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
}
.list li a.row.status-failed-recoverable figure::before {
  content: '';
  background: url('sprite.png') -1660px -600px no-repeat;
  height: 0;
  overflow: hidden;
  width: 20px;
  padding-top: 20px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
}
.list li a.row.status-cancelled figure::before,
.list li a.row.status-routed figure::before {
  content: '';
  background: url('sprite.png') -1600px -600px no-repeat;
  height: 0;
  overflow: hidden;
  width: 20px;
  padding-top: 20px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
}
.list li a.row.status-cancelled .flag {
  color: #A4ACB9;
  background: #EFF3F7;
}
.list li a.row.status-cancelled figure::after {
  background: #D7DEE3;
}
.list > ul,
.activity ul,
.list > ol {
  margin-bottom: 1.3rem;
  padding: 0 20px;
  list-style: none;
  line-height: 1.3;
  position: relative;
  text-align: left;
}
.list > ul > li,
.activity li,
.list > ol > li {
  margin: 0 0 1rem;
}
.list li a.row {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  position: relative;
  background: #fff;
  border-radius: 3px;
  padding: 0.813rem 0;
  -webkit-box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5);
          box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5);
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.list.condensed li a.row {
  background: none;
  border-radius: 0;
}
.list li .extra a.row,
.list li .extra a.row:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.list li > .row {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  position: relative;
  padding: 1.125rem 0;
  /* justify-content: space-between; */
}
.todo {
  overflow: hidden;
  padding: 0 20px !important;
  margin: 0 -20px !important;
}
.list.flex-wrap li .row {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.list:not(.condensed) li > .row.extra {
  -webkit-box-shadow: 1px 0 0 0 rgba(215, 222, 227, 0.5), -1px 0 0 0 rgba(215, 222, 227, 0.5), 0 1px 0 0 rgba(215, 222, 227, 0.5);
          box-shadow: 1px 0 0 0 rgba(215, 222, 227, 0.5), -1px 0 0 0 rgba(215, 222, 227, 0.5), 0 1px 0 0 rgba(215, 222, 227, 0.5);
  padding: 0 0 1.125rem 0;
  border-radius: 0 0 3px 3px;
}
.list li:first-child > .row.extra {
  padding: 0 0 1.125rem 0;
}
.list li > .row.extra.alt {
  background: #F4F6F9;
  padding: 1.125rem 0;
}
.list.collapsable li > .row.extra {
  -webkit-transition: all 0.3s, X;
  transition: all 0.3s, X;
  max-height: 10000px;
}
.list.collapsable li {
  z-index: 1;
}
.list.collapsable li.minimised {
  z-index: 0;
}
.list.collapsable a.row {
  padding-left: 1.2rem;
  border-radius: 3px 3px 0 0;
  z-index: 2;
}
.list.collapsable li.minimised a.row {
  border-radius: 3px;
}
.list.collapsable li:not(.minimised) a.row:hover {
  border-radius: 3px 3px 0 0;
}
.list.collapsable a.row::after {
  top: 18px;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transition: all 0.3s, X;
  transition: all 0.3s, X;
}
.list.collapsable .minimised a.row::after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.list.collapsable a.row::before {
  content: '';
  background: url('sprite.png') -400px -200px no-repeat;
  height: 0;
  overflow: hidden;
  width: 9px;
  padding-top: 6px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  position: absolute;
  top: 50%;
  left: 15px;
  -webkit-transform: translate(0, calc(-50% + 1px)) rotate(0deg);
  transform: translate(0, calc(-50% + 1px)) rotate(0deg);
  -webkit-transition: all 0.3s, X;
  transition: all 0.3s, X;
}
.list.collapsable li.minimised a.row::before {
  -webkit-transform: translate(0, calc(-50% + 1px)) rotate(-90deg);
  transform: translate(0, calc(-50% + 1px)) rotate(-90deg);
}
.list.collapsable li.minimised a.row::after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.list.collapsable li.minimised > .row.extra {
  max-height: 0;
  padding: 0;
  overflow: hidden;
}
/** Comment this out based on feedback
.list.collapsable li a.row .rule .def {
  max-height: 0;
  padding: 0;
  overflow: hidden;
  .transition(all 0.3s ease-in-out .3s);
}

.list.collapsable li.minimised a.row .rule .def {
  max-height: 200px;
  padding-top: .5rem;
  .transition(all 0.3s ease-in-out 0s);
}
*/
.list.collapsable li.minimised .row.extra .fp {
  opacity: 0;
  filter: alpha(opacity=0);
}
.list.collapsable li .row.extra .fp {
  -webkit-transition: opacity 0.15s, X;
  transition: opacity 0.15s, X;
  opacity: 1;
  filter: alpha(opacity=100);
}
.list:not(.condensed) li a.row:hover,
.row-link:hover {
  -webkit-box-shadow: 0 0 0 1px #A3BFC4 !important;
          box-shadow: 0 0 0 1px #A3BFC4 !important;
}
/* .list:not(.condensed) li a.row.status-pending-release:hover {
  border: 1px solid #C5D6D5;
  .box-shadow(none) !important;
} */
.list .row {
  margin: 0 -20px;
}
.list .row-link {
  cursor: pointer;
}
.list .col {
  padding: 0 20px;
  display: block !important;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  width: 15%;
  position: relative;
  color: #8E959E;
  word-break: break-word;
}
.list .title .col {
  padding: 0;
  width: auto;
}
.list .col.half {
  width: 50%;
}
.page-printlog .list figure:not(.graph) {
  overflow: hidden;
  width: 54px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
  border-radius: 3px 0 0 3px;
}
.page-printlog .list figure img {
  position: relative;
  z-index: 1;
  margin: 0;
  max-width: none;
  min-width: 54px;
  min-height: 100%;
  max-height: 80px;
}
/* .list figure .landscape img {
  max-width: none;
  height: 100%;
} */
.page-printlog .list figure .flag {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  padding: 3px 2px;
  border-radius: 0;
  font-size: 9px;
  z-index: 2;
}
.page-printlog .list figure:not(.graph)::before {
  content: '';
  background: url('sprite.png') -800px -400px no-repeat;
  height: 0;
  overflow: hidden;
  width: 18px;
  padding-top: 18px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  position: absolute;
  top: 50%;
  left: 18px;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  z-index: 2;
}
.list a.row::after {
  content: '';
  background: url('sprite.png') -601px -400px no-repeat;
  height: 0;
  overflow: hidden;
  width: 8px;
  padding-top: 14px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  z-index: 0;
}
.list a.row.no-arrow::after {
  display: none;
}
.list.stack .disabled .row,
.list.grid .disabled .row {
  background: #EFF3F7 !important;
}
.list .disabled .row .fp {
  opacity: 0.5;
  filter: alpha(opacity=50);
  pointer-events: none;
}
.list .disabled .col.status,
.list .disabled .col.device-name,
.list .disabled .col.monitor,
.list .disabled .col.type,
.list .disabled .col.actions,
.list .disabled .col.os {
  opacity: 1;
  filter: alpha(opacity=100);
}
.list .disabled .col.type .icon svg {
  fill: #BABFC4;
  color: #BABFC4;
}
.list header {
  margin-bottom: 1rem;
  overflow: visible;
}
.list header .col,
.list footer .col {
  color: #bbc1c7;
  font-family: 'Barlow', sans-serif;
  font-weight: normal;
  word-break: initial;
  line-height: 1.2;
}
.list .select select {
  padding: 0.5rem 2rem 0.5rem 0.8rem;
}
.list .select:not(.inl) {
  margin: 0;
}
.list h4 {
  margin-bottom: 1.3rem;
}
.col.fp {
  width: 100%;
}
.col.type {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  color: #394C59;
  font-family: 'Barlow', sans-serif;
  font-weight: 600;
}
.col.type dl {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: normal;
  margin: 0.2rem 0 -0.1rem 0;
  font-size: 0.813rem;
  line-height: 1.3;
  color: #5F6470;
}
.col.type dl dt,
.col.type dl dd {
  padding: 0.1rem 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.col.type.inset {
  padding-left: 60px;
}
.col.type.inset .icon {
  position: absolute;
  left: 20px;
  top: 0;
  z-index: 0;
}
.col.type.inset .icon svg {
  color: #13293D;
}
.col.type.inset .icon.numeric svg {
  color: #fff;
}
.col.rule {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  position: static;
  padding-right: 48px;
}
.col.document {
  width: calc(45% - 54px - 80px);
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  color: #212B36;
  word-break: break-all;
  font-family: 'Barlow', sans-serif;
  font-weight: 600;
}
.col.document .flag {
  margin-left: 6px;
}
.list .col.msg {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  color: #212B36;
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
  font-family: 'Barlow', sans-serif;
  font-weight: 600;
}
.list .col.profile {
  width: 52px;
  padding-right: 0;
}
.list .col.profile .avatar {
  margin: 0;
}
.grid.list .col.profile {
  position: absolute;
  top: 1.125rem;
  left: 0;
}
.col.status {
  width: auto;
  min-width: 32px;
  padding-right: 0 !important;
  text-align: center;
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
}
.col.monitor {
  width: 90px !important;
  margin-left: auto;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.col.actions {
  width: 62px;
  padding-right: 10px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.col.device-name {
  color: #212B36;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 35%;
  word-break: break-all;
  font-family: 'Barlow', sans-serif;
  font-weight: 600;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.col.device-name small {
  display: block;
}
.col.attr {
  width: 25%;
}
.col.owner {
  width: 15%;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.col.time,
.col.seen {
  width: 120px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.col.method {
  width: 64px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: #5F6470;
  text-align: center;
}
.list i svg {
  stroke: none;
}
.mobile-pr i.fill.icon {
  margin: 0 10px 0 0;
  width: 20px;
  height: 20px;
}
.mobile-pr i.fill svg {
  fill: #13293D;
  height: auto;
  width: 20px;
}
.list .col > .icon {
  margin: 0;
}
.option-list {
  font-size: 13px;
  background: #fff;
  -webkit-box-shadow: inset 0 0 0 1px #DFE4E8;
          box-shadow: inset 0 0 0 1px #DFE4E8;
  border-radius: 3px;
}
.option-list li {
  width: 25%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.option-list li.disabled {
  pointer-events: none;
  overflow: hidden;
}
.option-list li.disabled > *:not(.sample):not(.whatsnext) {
  opacity: 0.5;
  filter: alpha(opacity=50);
  pointer-events: none;
}
.option-list li > a {
  padding: 10px;
  display: block;
  color: #8E959E;
  height: 100%;
  -webkit-box-shadow: inset -1px 0 0 0 rgba(215, 222, 227, 0.5);
          box-shadow: inset -1px 0 0 0 rgba(215, 222, 227, 0.5);
  overflow: hidden;
  position: relative;
}
.option-list li:last-child > a {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.option-list li .icon {
  height: 32px;
  width: 32px;
  margin: 0 auto 0.5rem;
  position: relative;
}
.option-list li .icon svg {
  fill: #BABFC4;
  color: #BABFC4;
  max-width: 100%;
}
.option-list li.active .icon svg {
  fill: #13293D;
  color: #13293D;
}
.option-list li.active[data-content="deny"] .icon svg {
  fill: #E9205F;
  color: #E9205F;
}
.option-list li.active[data-content="warn"] .icon svg {
  fill: #FFB100;
  color: #FFB100;
}
.option-list li > a strong {
  display: block;
}
.option-list li.active {
  z-index: 1;
}
.option-list li small {
  display: block;
  line-height: 1.2;
}
.option-list li.active small {
  color: #5F6470;
}
.option-list li.active > a {
  -webkit-box-shadow: inset 0 0 0 1px #a3bfc4, 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
          box-shadow: inset 0 0 0 1px #a3bfc4, 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
}
.option-list li.active::before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 25px 32px 0;
  border-color: transparent #00A68B transparent transparent;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
}
.option-list li.active::after {
  content: '';
  background: url('sprite.png') -800px -800px no-repeat;
  height: 0;
  overflow: hidden;
  width: 10px;
  padding-top: 8px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  position: absolute;
  top: 5px;
  right: 3px;
  width: 10px !important;
  z-index: 3;
}
.option-list-content {
  font-size: 0.813rem;
  line-height: 1.3;
  padding: 10px 1rem;
  -webkit-box-shadow: inset 0 0 0 1px #a3bfc4, 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
          box-shadow: inset 0 0 0 1px #a3bfc4, 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
  border-radius: 0 0 3px 3px;
  margin: -1px 0 0.5rem 0 !important;
  position: relative;
  background: #fff;
  max-height: 1000px;
  -webkit-transition: all 0.3s, X;
  transition: all 0.3s, X;
  margin-bottom: 0.5rem !important;
}
.option-list-content * {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all 0.2s 0.2s, X;
  transition: all 0.2s 0.2s, X;
}
.option-list-content :last-child {
  margin-bottom: 0 !important;
}
.option-list-content.hidden {
  margin: 0 !important;
}
.option-list-content ol,
.option-list-content ul.disc {
  margin: 0 0 0.8rem 20px;
}
.option-list-content p,
.option-list-content .field {
  margin: 0 0 0.8rem;
}
.option-list-content li {
  margin-bottom: 0.3rem;
}
.option-list-content ul.disc {
  margin: 0 0 0.65rem 14px;
}
.option-list-content ul.disc > li::before {
  top: 5px;
  left: -14px;
}
.option-list-content label {
  margin-bottom: 5px;
}
.option-off .row.extra {
  padding: 0;
  border: 0 !important;
  max-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden;
  -webkit-transition: all 0.3s 0.3s, X;
  transition: all 0.3s 0.3s, X;
}
.message-warn,
.message-stop {
  margin: 0;
  display: none;
}
.option-warn .message-warn {
  display: block;
}
.option-warnstop .message-warn {
  display: block;
}
.option-warnstop .message-stop {
  display: block;
}
#skew {
  position: absolute;
  height: 100%;
  width: 100%;
  overflow: hidden;
  -webkit-transform: skewY(-12deg);
          transform: skewY(-12deg);
  -webkit-transform-origin: 0;
          transform-origin: 0;
  background: linear-gradient(150deg, #53f 15%, #05d5ff 70%, #a6ffcb 94%);
  z-index: -1;
  top: 0;
  left: 0;
}
#skew span {
  height: 150px;
  float: left;
  opacity: 0.1;
  -webkit-transition: 0.8s;
  transition: 0.8s;
}
#skew :nth-child(1) {
  background: #92C44A;
  width: 10%;
}
#skew :nth-child(2) {
  background: #2CAD62;
  width: 90%;
}
#skew :nth-child(3) {
  background: #53f;
  width: 20%;
}
#skew :nth-child(4) {
  background: #a1ffc8;
  width: 80%;
}
#skew :nth-child(5) {
  background: #0dcfff;
  width: 30%;
}
#skew :nth-child(6) {
  background: #a1ffc8;
  width: 70%;
}
.list.stack li .row {
  background: #fff;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5);
          box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.condensed > ul,
.condensed > ol {
  border-radius: 3px;
  background: #fff;
  -webkit-box-shadow: 0 0 0 1px #DFE4E8;
          box-shadow: 0 0 0 1px #DFE4E8;
}
.condensed.alt > ul {
  background: none;
}
.list.condensed > ul > li,
.list.condensed > ol > li {
  margin: 0;
  padding: 0;
}
.list.condensed > ol > li::before {
  left: -31px;
  top: 18px;
  text-align: center;
  color: #A4ACB9;
  font-weight: normal;
}
.condensed:not(.alt) > ul li > .row:not(.extra),
.condensed:not(.alt) > ol li > .row:not(.extra) {
  -webkit-box-shadow: 0 -1px 0 0 #DFE4E8;
          box-shadow: 0 -1px 0 0 #DFE4E8;
}
.condensed:not(.alt) > ul li:first-child .row:first-child,
.condensed:not(.alt) > ol li:first-child .row:first-child {
  border-radius: 3px 3px 0 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.condensed:not(.alt) > ul li:last-child > .row.extra:last-child,
.condensed:not(.alt) > ul li:first-child > .row:last-child,
.condensed:not(.alt) > ol li:last-child > .row.extra:last-child,
.condensed:not(.alt) > ol li:first-child > .row:last-child {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.condensed:not(.alt) > ul li:last-child > .row:last-child:not(:first-child),
.condensed:not(.alt) > ol li:last-child > .row:last-child:not(:first-child) {
  padding-top: 0;
}
.condensed:not(.alt) > ul li.multi:not(.visible):last-child > .row {
  -webkit-transition: box-shadow 0.1s 0.4s, X;
  -webkit-transition: X, -webkit-box-shadow 0.1s 0.4s;
  transition: X, -webkit-box-shadow 0.1s 0.4s;
  transition: box-shadow 0.1s 0.4s, X;
  transition: box-shadow 0.1s 0.4s, X, -webkit-box-shadow 0.1s 0.4s;
  border-radius: 0 0 3px 3px;
}
.condensed .disabled {
  background: transparent;
}
.condensed a::after {
  display: none !important;
}
.condensed.alt > ul > li .row {
  -webkit-box-shadow: inset 0 1px 0 0 #DFE4E8;
          box-shadow: inset 0 1px 0 0 #DFE4E8;
}
.condensed.alt > ul > li:first-child .row {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.timeline {
  position: relative;
}
.timeline h4 {
  padding: 1rem 0;
  background: #f5f7fa;
  background: #EFF3F7;
  max-width: 150px;
  font-weight: 600;
  position: relative;
  z-index: 1;
}
.timeline::before {
  content: '';
  position: absolute;
  left: 180px;
  top: 0;
  bottom: -2rem;
  border-right: 1px solid rgba(215, 222, 227, 0.7);
  z-index: 0;
}
.activity.list li .row {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 0;
  background: none;
}
.activity.list .col.time {
  width: 140px;
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
  text-align: left;
  padding-left: 0;
  font-family: 'Barlow', sans-serif;
}
.activity.list .status {
  width: 160px;
  display: -ms-flexbox !important;
  display: -webkit-box !important;
  display: flex !important;
  display: -webkit-flex !important;
  -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  text-align: left;
}
.activity.list i.avatar {
  width: 40px;
  height: 40px;
  line-height: 40px;
  background: #EFF3F7;
  margin: 0 0 0 -20px;
  -webkit-transition: margin 0.3s, z-index 0s 0s;
  transition: margin 0.3s, z-index 0s 0s;
  position: relative;
  z-index: 0;
}
.activity.list i.avatar:nth-child(2) {
  z-index: 1;
}
.activity.list .status:hover i.avatar {
  margin: 0;
  z-index: 99;
  -webkit-transition: margin 0.3s, z-index 0s 0.3s;
  transition: margin 0.3s, z-index 0s 0.3s;
}
.activity.list .status:hover i.avatar:hover {
  z-index: 100;
}
.activity .col.message {
  overflow: hidden;
  word-break: break-word;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: calc(100% - 320px);
  background: #fff;
  border-radius: 3px;
  padding: 1.125rem 20px;
  -webkit-box-shadow: inset 0 0 0 1px rgba(215, 222, 227, 0.5);
          box-shadow: inset 0 0 0 1px rgba(215, 222, 227, 0.5);
}
.list.grid:not(.condensed) > ul {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -8px 2rem -8px;
  padding: 0;
}
.list.grid.condensed > ul,
.list.grid.condensed > ol {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0;
  padding: 0;
}
.list.grid > ul > li,
.list.grid > ol > li {
  width: calc(100% / 4);
  min-height: 130px;
  padding: 0 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.list.grid.condensed > ul > li:not(:last-child),
.list.grid.condensed > ol > li:not(:last-child) {
  -webkit-box-shadow: inset -1px 0 0 0 #DFE4E8;
          box-shadow: inset -1px 0 0 0 #DFE4E8;
}
.list.grid.three > ul > li,
.list.grid.three > ol > li {
  width: calc(100% / 3);
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 480px;
}
.list.grid > ul > li a.row,
.list.grid > ul > li > .row,
.list.grid > ol > li > .row {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  margin: 0;
  background: #fff;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5);
          box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5);
  padding: 1.125rem 0;
  min-height: 100%;
}
.list.grid.condensed > ul > li a.row,
.list.grid.condensed > ol > li a.row {
  padding: 20px;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  color: #5F6470;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0;
}
.list.grid.condensed > ul > li a.row h6 {
  width: 100%;
}
.list.grid > ul > li > .row .row {
  width: 100%;
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
}
.list.grid > ul > li .profile {
  margin: 0 auto 1rem 0;
}
.list.grid i.avatar:not(.logo) {
  width: 40px;
  height: 40px;
  line-height: 40px;
}
.list.grid > ul > li .time {
  color: #BABFC4;
  width: auto;
}
.list.grid > ul > li .col {
  width: 50%;
  float: left;
}
.list.grid > ul > li .col.fp {
  width: 100%;
}
.list.grid > ul > li .col.status {
  width: auto;
  position: absolute;
  left: 0;
  top: 23px;
}
.list.grid > ul > li .col.actions {
  width: auto;
  position: absolute;
  right: 0;
  top: 1.125em;
}
.list.grid > ul > li .col.status,
.list.grid li .col.device-name {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  font-size: 15px;
}
.list.grid > ul > li .col.status i:not(.type):not(.bold):not(.poi) {
  position: absolute;
  top: 0;
  right: -6px;
  z-index: 10;
  -webkit-box-shadow: 0 0 0 3px #fff;
          box-shadow: 0 0 0 3px #fff;
}
.list.grid > ul > li .col.device-name {
  width: calc(100% - 42px);
  height: 38px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  padding-left: 80px;
  word-break: break-all;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
.list.grid > ul > li .col.state {
  width: calc(100% - 42px);
  padding-left: 80px;
  margin-bottom: 1rem;
}
.list .flag {
  margin: 0;
  position: relative;
}
.page-printers .list.grid > ul > li .col.device-name,
.page-printers .list.grid > ul > li .col.ip {
  padding-left: 98px;
}
.list.grid > ul > li .col.ip {
  width: calc(100% - 64px);
  min-height: 20px;
  padding-left: 80px;
  word-break: break-all;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  margin-bottom: 1rem;
}
.list.grid .seen::before {
  content: 'Seen';
  color: #bbc1c7;
  width: 100%;
  display: block;
}
.list.grid .rgt,
.list.grid .seen {
  text-align: right;
  height: 25%;
}
.list.grid .col::before {
  font-family: 'Barlow', sans-serif;
}
.list.grid .last-print::before {
  content: 'Last Print';
  color: #bbc1c7;
  width: 100%;
  display: block;
}
.list.grid .enabled::before {
  content: 'Enabled';
  color: #bbc1c7;
  width: 100%;
  display: block;
}
.list.grid .total-pages::before {
  content: 'Total Pages';
  color: #bbc1c7;
  width: 100%;
  display: block;
}
.list.grid .first-seen::before {
  content: 'First Seen';
  color: #bbc1c7;
  width: 100%;
  display: block;
}
.list.grid .col.installed::before {
  content: 'Installed';
  color: #bbc1c7;
  width: 100%;
  display: block;
}
.list.grid .printers::after {
  content: 'Printers';
  color: #bbc1c7;
  width: 100%;
  display: block;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 15px;
  letter-spacing: 0;
  -webkit-font-smoothing: initial;
  margin-top: 3px;
}
.list.grid .monitor::after {
  content: 'Publish';
  color: #bbc1c7;
  width: 100%;
  display: block;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 15px;
  letter-spacing: 0;
  -webkit-font-smoothing: initial;
  margin-top: 3px;
}
.list.grid .col.jobs::after {
  content: 'Jobs Held';
  color: #bbc1c7;
  width: 100%;
  display: block;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 15px;
  letter-spacing: 0;
  -webkit-font-smoothing: initial;
  margin-top: 3px;
}
.list.grid .col.pages::after {
  content: 'Pages';
  color: #bbc1c7;
  width: 100%;
  display: block;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 15px;
  letter-spacing: 0;
  -webkit-font-smoothing: initial;
  margin-top: 3px;
}
.list.grid > ul > li .col.jobs,
.list.grid > ul > li .col.printers,
.list.grid > ul > li .col.pages,
.list.grid > ul > li .col.monitor {
  height: 100px;
  width: calc(50% - 22px) !important;
  margin: 1rem 0;
  text-align: center;
  font-family: 'Barlow', sans-serif;
  font-size: 1.5rem;
  letter-spacing: -0.05em;
  font-weight: normal;
  line-height: 1;
  letter-spacing: 0;
  color: #1A2329;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-item-align: end;
      align-self: flex-end;
  border: 1px solid rgba(215, 222, 227, 0.7);
  display: -ms-flexbox !important;
  display: -webkit-box !important;
  display: flex !important;
  display: -webkit-flex !important;
  -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important;
  -ms-flex-line-pack: center;
      align-content: center;
}
.list.grid > ul > li .col.pages {
  margin-left: 20px;
  border-right: 0;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.list.grid > ul > li .col.monitor .switch {
  margin: 2px 0;
}
.list.grid > ul > li .col.monitor {
  margin-right: 20px;
  border-left: 0;
}
.list.grid > ul > li .col.monitor.alt {
  padding-left: 44px;
}
.list.grid > ul > li .col.monitor.alt::after {
  content: 'Include in Mesh';
}
.list.grid > ul > li .col.jobs {
  margin-left: 20px;
  border-right: 0;
  padding-right: 44px;
}
.list.grid > ul > li .col.jobs.alt {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.list.grid > ul > li .col.printers {
  margin-right: 20px;
  border-left: 0;
  padding-left: 44px;
}
.list.grid > ul > li .col.username {
  width: calc(100% - 122px);
  margin-left: 80px;
  padding-left: 0;
  word-break: break-all;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  position: relative;
  font-size: 1rem;
}
.list.grid > ul > li .col.description {
  width: calc(100% - 100px);
  margin-left: 80px;
  padding-left: 0;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  position: relative;
}
.col.username > a,
.col.username > div,
.col.device-name > a,
.col.device-name > div,
.col.title {
  color: #212B36;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  position: relative;
  margin-right: 6px;
  display: inline-block;
  vertical-align: middle;
  font-family: 'Barlow', sans-serif;
  font-weight: 600;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  max-width: 100%;
}
.list .title .icon {
  margin-right: 12px;
}
.col.last-status {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.list.grid > ul > li .col.os {
  position: absolute;
  bottom: 124px;
  left: 50%;
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
  width: 48px;
  padding: 0;
  z-index: 10;
}
.list > ul > li .col.username .tip {
  width: auto;
  margin: 0;
  left: 0;
  white-space: nowrap;
}
.list > ul > li .col.username .tip::before {
  left: 10px;
}
.invite.envelope {
  display: block;
  background-image: repeating-linear-gradient(135deg, #EC235F 0, #EC235F 30px, #fff 30px, #fff 50px, #348496 50px, #348496 80px, #fff 80px, #fff 100px);
  -webkit-box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5), 0 10px 15px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5), 0 10px 15px 0 rgba(0, 0, 0, 0.07);
  height: 100%;
  padding: 6px;
  color: #8E959E;
  position: relative;
  border-radius: 3px;
  overflow: hidden;
}
.invite.envelope > .flex {
  background: #fff;
  padding: 1rem;
  height: 100%;
  width: 100%;
}
.invite.envelope .username {
  color: #212B36;
  font-family: 'Barlow', sans-serif;
  font-weight: 600;
}
.invite.envelope .sender em {
  color: #26AA27;
  font-style: normal;
}
.invite.envelope .avatar {
  border-radius: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#F2F6F9));
  background: linear-gradient(-180deg, #FFF 0%, #F2F6F9 100%);
  -webkit-box-shadow: inset 0 0 0 1px #D7DEE3;
          box-shadow: inset 0 0 0 1px #D7DEE3;
  margin: 0 0 0.5rem auto !important;
}
.invite.envelope .avatar img {
  border-radius: 0;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  opacity: 0.3;
  filter: alpha(opacity=30);
  top: 2px;
  left: 2px;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
}
.invite.envelope .avatar::after {
  content: '';
  background: url('sprite.png') -1000px -1400px no-repeat;
  height: 0;
  overflow: hidden;
  width: 63px;
  padding-top: 21px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  position: absolute;
  bottom: 10px;
  right: 10px;
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.list.grid > ul > li a.invite p {
  margin: 0;
  font-size: 13px;
}
.list.grid .col.monitor {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  text-align: right;
  width: 34px;
  padding-left: 0;
}
.list.grid .col.actions {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}
.list.grid header {
  display: none !important;
}
.list .empty:not(.success) {
  -webkit-transition: all 0s, X;
  transition: all 0s, X;
  padding: 1.125rem 20px 0 20px;
  height: 100%;
  -webkit-transform: none;
  transform: none;
  max-width: none;
}
.timeline .list .empty {
  border: 1px dashed #d7dee3;
  max-height: 320px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #eff3f7;
}
.list .empty * {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: opacity 0.3s 0.8s, X;
  transition: opacity 0.3s 0.8s, X;
}
.list .empty.hidden * {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.3s 0s, X;
  transition: opacity 0.3s 0s, X;
}
.list .empty h5,
.list .empty p {
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
  opacity: 1;
  filter: alpha(opacity=100);
}
.fun-fact {
  position: relative;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5);
          box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5);
  background: rgba(255, 255, 255, 0.7);
  max-width: 320px;
  margin: 0 auto 1.5rem auto;
  padding: 20px;
}
.fun-fact h6 {
  color: #A4ACB9;
}
.col.username {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.end {
  text-align: center;
  padding: 0.7rem 0 2rem;
  position: relative;
  font-size: 0.867rem;
  line-height: 1.2;
  margin: -1rem 0 0;
  color: #A4ACB9;
  background: #EFF3F7;
}
.end span {
  padding: 0 1rem;
  background: #EFF3F7;
  top: 0.7rem;
  display: inline-block;
  position: relative;
  z-index: 1;
}
.end::before {
  content: '';
  border-bottom: 1px solid rgba(215, 222, 227, 0.7);
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
}
.just-added {
  text-align: center;
  padding: 0.7rem 0;
  position: relative;
  font-size: 0.867rem;
  line-height: 1.2;
  margin: -1.3rem 0 0 0;
  color: #A4ACB9;
}
.just-added span {
  padding: 0 1rem;
  background: #f5f7fa;
  background: #EFF3F7;
  display: inline-block;
  position: relative;
  z-index: 1;
}
.just-added::before {
  content: '';
  border-bottom: 1px dashed rgba(215, 222, 227, 0.7);
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
}
.sep {
  font-family: 'Barlow', sans-serif;
  text-align: center !important;
  padding: 0.7rem 20px;
  position: relative;
  font-size: 0.867rem;
  line-height: 1.2;
  margin: -0.5rem 0 0.8rem;
  color: #5F6470;
}
.sep > span {
  padding: 0 1rem;
  background: #f5f7fa;
  display: inline-block;
  position: relative;
  z-index: 1;
}
.extra .sep > span {
  background: #F4F6F9;
}
.sep::before {
  content: '';
  border-bottom: 1px solid rgba(215, 222, 227, 0.7);
  position: absolute;
  top: 20px;
  left: 0;
  width: 100%;
}
.sep .lines,
.sep .lines::before,
.sep .lines::after {
  background: #8E959E;
}
.sep .lines-button.close {
  top: 10px;
  right: 0;
  z-index: 1;
  background-color: #fff;
}
.dothisfirst {
  border-radius: 50%;
  color: rgba(255, 255, 255, 0.8);
  z-index: 8;
  position: fixed;
  right: 20px;
  bottom: 20px;
  background: #0DAB76;
  padding: 7px;
  width: 80px;
  max-width: 80px;
  height: 80px;
  max-height: 80px;
  -webkit-transition: all 0.3s, X;
  transition: all 0.3s, X;
  -webkit-transform: translate(0, 200px);
  transform: translate(0, 200px);
  opacity: 0;
}
.open-tour .dothisfirst.highlighted {
  z-index: 11;
}
.ready .dothisfirst.loaded {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
}
.dothisfirst .expand {
  right: 10px;
}
.dothisfirst.expanded {
  width: calc(100% - 40px);
  height: auto;
  max-width: 300px;
  max-height: 300px;
  border-radius: 3px;
  padding: 0;
  background: #0dab76;
  -webkit-transition: all 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955), border-radius 0.2s, max-height 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.3s;
  transition: all 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955), border-radius 0.2s, max-height 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.3s;
}
.dothisfirst .nextstep {
  visibility: hidden;
  color: rgba(255, 255, 255, 0.8);
  background: #097c55;
  width: calc(100% - 40px);
  top: -26px;
  left: 20px;
  padding: 5px 10px 2px;
  position: absolute;
  z-index: 0;
  font-size: 0.813rem;
  border-radius: 3px 3px 0 0;
  -webkit-transition: all 0s, X;
  transition: all 0s, X;
  -webkit-transform: translate(0%, 52px);
  transform: translate(0%, 52px);
}
.dothisfirst .laststep {
  visibility: hidden;
  color: rgba(255, 255, 255, 0.8);
  background: #064c35;
  width: calc(100% - 60px);
  top: -52px;
  left: 30px;
  padding: 5px 10px 2px;
  position: absolute;
  z-index: -1;
  font-size: 0.813rem;
  border-radius: 3px 3px 0 0;
  -webkit-transition: all 0s, X;
  transition: all 0s, X;
  -webkit-transform: translate(0%, 52px);
  transform: translate(0%, 52px);
}
.dothisfirst .nextstep .count,
.dothisfirst .laststep .count {
  padding: 0;
}
.dothisfirst.expanded .nextstep {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  visibility: visible;
  -webkit-transition: all 0.3s 0.8s, X;
  transition: all 0.3s 0.8s, X;
}
.dothisfirst.expanded .laststep {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  visibility: visible;
  -webkit-transition: all 0.3s 1s, X;
  transition: all 0.3s 1s, X;
}
.dothisfirst.expanded.step-two .nextstep,
.dothisfirst.expanded.step-three .nextstep,
.dothisfirst.expanded.step-three .laststep,
.dothisfirst.expanded.step-four .nextstep,
.dothisfirst.expanded.step-four .laststep {
  top: 0;
  width: 100%;
  left: 0;
  -webkit-transition: all 0.3s, X;
  transition: all 0.3s, X;
}
.dothisfirst.expanded.step-two .laststep {
  top: -26px;
  width: calc(100% - 40px);
  left: 20px;
  -webkit-transition: all 0.3s, X;
  transition: all 0.3s, X;
}
.dothisfirst .seal i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: 24px;
}
.dothisfirst .seal i svg {
  fill: none;
  stroke: #fff;
  height: 100%;
}
.dothisfirst .avatar {
  margin-right: 15px;
  width: 72px;
  height: 72px;
  border-radius: 0;
  background-image: repeating-linear-gradient(135deg, #EC235F 0, #EC235F 10px, #fff 10px, #fff 20px, #3E96CE 20px, #3E96CE 30px, #fff 30px, #fff 40px);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.dothisfirst .avatar img {
  border: 2px solid #436ecb;
  border-radius: 0;
  top: 2px;
  left: 2px;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
}
.dothisfirst .cards {
  background: #0dab76;
  border-radius: 3px;
  z-index: 2;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  -webkit-transition: opacity 0.3s 0s, X;
  transition: opacity 0.3s 0s, X;
  position: relative;
  -webkit-box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.3);
          box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.3);
}
.dothisfirst .cards .content {
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  height: 0;
}
.dothisfirst.expanded .cards .content.active {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
  height: auto;
}
.dothisfirst .content h5 {
  color: #fff;
  -webkit-font-smoothing: antialiased;
}
.dothisfirst .content .icon {
  margin: 0 15px 0 0;
  width: 72px;
  height: 72px;
}
.dothisfirst .content .icon .mold {
  fill: rgba(0, 0, 0, 0.5);
}
.dothisfirst .count {
  font-family: 'Barlow', sans-serif;
  color: rgba(255, 255, 255, 0.5);
  margin-right: 4px;
  display: inline-block;
}
.dothisfirst .status,
#print-setup .status,
#print-setup .complete-status {
  font-family: 'Barlow', sans-serif;
  color: rgba(255, 255, 255, 0.5);
  font-size: 13px;
  padding: 0.333rem 0;
  display: inline-block;
}
#print-setup .status,
#print-setup .complete-status {
  color: #8E959E;
  padding-right: 15px;
}
.dothisfirst .status::after,
#print-setup .status::after {
  overflow: hidden;
  display: inline-block;
  vertical-align: bottom;
  -webkit-animation: ellipsis steps(4, end) 1200ms infinite;
          animation: ellipsis steps(4, end) 1200ms infinite;
  content: "\2026";
  width: 0;
  position: absolute;
}
.dothisfirst header {
  padding-right: 20px;
  margin-bottom: 1.5rem;
}
.dothisfirst a.btn,
.dothisfirst a.btn:hover {
  color: #fff;
}
.dothisfirst p {
  font-size: 0.813rem;
  line-height: 1.4;
  margin-bottom: 0.5rem;
}
.dothisfirst li a {
  color: rgba(255, 255, 255, 0.7);
  position: relative;
}
.dothisfirst li a:hover {
  color: #fff;
}
.dothisfirst .checklist li::before {
  background-color: transparent;
  opacity: 0.4;
  filter: alpha(opacity=40);
}
.dothisfirst .checklist li.complete::before {
  opacity: 1;
  filter: alpha(opacity=100);
}
.dothisfirst .checklist li.complete a {
  color: rgba(255, 255, 255, 0.5);
}
.dothisfirst .checklist li a::before {
  content: '';
  position: absolute;
  top: 50%;
  width: 0;
  left: 0;
  background: #fff;
  height: 2px;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  z-index: 4;
  -webkit-transition: all 0s, X;
  transition: all 0s, X;
}
.dothisfirst .checklist li.complete a::before {
  width: 100%;
}
.expanded .checklist li a::before {
  -webkit-transition: all 0.3s 0s, X;
  transition: all 0.3s 0s, X;
}
.emblem {
  text-align: center;
  font-family: 'Barlow', sans-serif;
  color: rgba(255, 255, 255, 0.7);
  text-transform: uppercase;
  font-size: 9px;
  font-weight: 600;
  width: 66px;
  height: 66px;
  position: relative;
  -webkit-transition: opacity 0.3s 0.5s, X;
  transition: opacity 0.3s 0.5s, X;
  /* .animation(spin 6s linear infinite); */
}
.emblem span {
  position: absolute;
  display: inline-block;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  -webkit-transition: all 0.5s cubic-bezier(0, 0, 0, 1);
  transition: all 0.5s cubic-bezier(0, 0, 0, 1);
}
.expanded .emblem,
.expanded .seal i,
.expanded .tip.stuck {
  padding: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  height: 0;
  width: 0;
  -webkit-transition: opacity 0.3s 0s, X;
  transition: opacity 0.3s 0s, X;
}
.expanded .emblem {
  -webkit-transition: all 0s, X;
  transition: all 0s, X;
}
.expanded .cards {
  position: relative;
  opacity: 1;
  filter: alpha(opacity=100);
  padding: 20px;
  visibility: visible;
  -webkit-transition: opacity 0.3s 0.5s, X;
  transition: opacity 0.3s 0.5s, X;
}
.steps {
  width: 100%;
  margin: 0;
  overflow: hidden;
  border-right: 1px solid rgba(215, 222, 227, 0.5);
  background: #fff;
  -webkit-font-smoothing: antialiased;
  height: 56px;
}
.steps ol {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  height: 56px;
  margin: 0;
  overflow: hidden;
  background: #fff;
}
.steps.stuck ol {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  border-bottom: 1px solid rgba(215, 222, 227, 0.5);
  -webkit-box-shadow: inset 0 -1px 0 0 rgba(215, 222, 227, 0.5), 0 2px 4px 0 rgba(33, 43, 54, 0.05);
          box-shadow: inset 0 -1px 0 0 rgba(215, 222, 227, 0.5), 0 2px 4px 0 rgba(33, 43, 54, 0.05);
}
.steps li {
  width: 33.33%;
  padding: 0 15px;
  position: relative;
  margin: 0;
  font-weight: 600;
  font-size: 17px;
  padding: 0;
}
.steps li a {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding: 0 2rem;
  height: 100%;
  color: #8E959E;
}
.steps li.active a {
  background: #26AA27;
  color: #fff;
}
.steps li.complete a {
  background: #fff;
  color: #1A2329;
}
.steps li strong {
  color: inherit;
  display: block;
}
.steps li::before {
  height: 0;
  width: 0;
  content: '';
  border-top: 36px solid transparent;
  border-bottom: 36px solid transparent;
  border-left: 10px solid #fff;
  position: absolute;
  z-index: 2;
  left: auto;
  right: -9px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.steps li::after {
  height: 0;
  width: 0;
  content: '';
  border-top: 36px solid transparent;
  border-bottom: 36px solid transparent;
  border-left: 10px solid rgba(215, 222, 227, 0.5);
  position: absolute;
  z-index: 1;
  left: auto;
  right: -10px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.steps li.active::before {
  border-left: 10px solid #26AA27;
}
.steps li.complete::before {
  border-left: 10px solid #fff;
}
.steps li.complete .icon::after {
  content: '';
  background: url('sprite.png') -795px -793px no-repeat;
  height: 0;
  overflow: hidden;
  width: 20px;
  padding-top: 20px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  background-color: #4EC4C1;
  border-radius: 50%;
  position: absolute;
  top: -6px;
  right: -8px;
  -webkit-box-shadow: 0 0 0 2px #fff;
          box-shadow: 0 0 0 2px #fff;
}
.steps li .icon {
  height: 32px;
  width: 32px;
  margin: 0 12px 0 0;
  position: relative;
}
.steps li svg {
  fill: #BABFC4;
}
.steps li.active svg {
  fill: #fff;
}
.steps li.complete svg {
  fill: #13293C;
}
.steps li:last-child::before,
.steps li:last-child::after {
  display: none !important;
}
.poi-wrapper {
  position: relative;
}
.poi-wrapper .poi {
  position: absolute;
  top: 8px;
  right: -30px;
  left: auto;
  cursor: default;
}
.poi {
  position: relative;
  display: inline-block;
  margin: 0 10px;
  width: 8px;
  height: 8px;
  z-index: 1;
}
.poi::before {
  content: '';
  background: #FB8332;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 0;
  left: 0;
}
.poi.stuck {
  position: absolute;
  top: -4px;
  right: -4px;
  margin: 0;
}
.poi::after {
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 50%;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: transparent;
  -webkit-animation: poi-pulse 2s infinite;
  animation: poi-pulse 2s infinite;
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
.poi.bl {
  top: auto;
  bottom: -4px;
  right: auto;
  left: 20px;
}
.poi:hover .tip.bl,
.poi:hover .tip.b {
  -webkit-transform: translate(0, 8px);
  transform: translate(0, 8px);
}
.poi .tip {
  width: 240px;
  background: #fff;
  padding: 0.8rem;
  -webkit-box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5), 0 30px 60px -12px rgba(50, 50, 93, 0.25), 0 18px 36px -18px rgba(0, 0, 0, 0.3), 0 -12px 36px -8px rgba(0, 0, 0, 0.025);
          box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5), 0 30px 60px -12px rgba(50, 50, 93, 0.25), 0 18px 36px -18px rgba(0, 0, 0, 0.3), 0 -12px 36px -8px rgba(0, 0, 0, 0.025);
}
.poi .tip:not(.bl):not(.tl) {
  margin: 0 0 0 -120px;
}
.tip.visible {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
  -webkit-transform: translate(0, -8px);
  transform: translate(0, -8px);
  -webkit-box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5), 0 30px 60px -12px rgba(50, 50, 93, 0.25), 0 18px 36px -18px rgba(0, 0, 0, 0.3), 0 -12px 36px -8px rgba(0, 0, 0, 0.025);
          box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5), 0 30px 60px -12px rgba(50, 50, 93, 0.25), 0 18px 36px -18px rgba(0, 0, 0, 0.3), 0 -12px 36px -8px rgba(0, 0, 0, 0.025);
}
.poi .tip.stuck span {
  -ms-flex-negative: 1;
      flex-shrink: 1;
}
.poi .tip strong {
  margin-bottom: 0.3rem;
  font-family: 'Barlow', sans-serif;
  font-weight: 600;
  font-size: 14px;
}
.poi .tip span.des {
  margin-bottom: 1rem;
  display: block;
  line-height: 1.4;
}
.poi .tip span.footer {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.poi .tip span.footer .btn {
  margin-left: 10px;
}
.sticky > .empty {
  padding: 0;
  -webkit-transition: opacity 0.15s 0s, max-height 0.5s 0.15s;
  transition: opacity 0.15s 0s, max-height 0.5s 0.15s;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  -webkit-transform: none;
  transform: none;
  position: static;
  max-height: 0;
  overflow: hidden;
}
.off .preview .empty {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
  max-height: 300px;
  -webkit-transition: opacity 0.15s 0.5s, max-height 0.5s 0s;
  transition: opacity 0.15s 0.5s, max-height 0.5s 0s;
}
.preview-a4,
.preview-phone,
.preview-email {
  -webkit-transition: opacity 0.15s 0.3s, max-height 0.5s 0.15s;
  transition: opacity 0.15s 0.3s, max-height 0.5s 0.15s;
  opacity: 1;
  filter: alpha(opacity=100);
  max-height: 400px;
  position: relative;
}
.preview-phone .slick-list {
  height: 100%;
}
.preview-email .icon.bold {
  background: #EFF3F7;
  position: absolute;
  top: -20px;
  right: -20px;
}
.preview-email #ink ul {
  padding: 1rem 30px 0 20px;
}
.preview-email #ink ul .progress {
  height: 8px;
}
.preview-email #ink .fig {
  display: block !important;
  font-size: 11px;
  top: -1px;
}
.preview-email #ink h5 {
  font-size: 11px;
}
.preview-email .icon.bold svg {
  fill: #A4ACB8;
}
.off .preview-a4,
.off .preview-phone {
  opacity: 0;
  filter: alpha(opacity=0);
  max-height: 0;
  -webkit-transition: opacity 0.15s 0s, max-height 0.5s 0s;
  transition: opacity 0.15s 0s, max-height 0.5s 0s;
}
.preview {
  padding: 2rem 20px;
  width: 272px;
  background: #EFF3F7;
  text-align: center;
  position: relative;
}
.preview .sticky {
  padding-top: 2rem;
}
.preview img {
  max-width: 194px;
}
.preview h4 {
  margin-bottom: 1.3rem;
}
.a4 {
  width: 232px;
  height: 300px;
  padding: 20px;
  font-size: 11px;
  line-height: 1.1;
  color: #8E959E;
  margin: 0 auto 12px;
  background: #fff;
  -webkit-box-shadow: inset 0 0 0 1px rgba(215, 222, 227, 0.5);
          box-shadow: inset 0 0 0 1px rgba(215, 222, 227, 0.5);
  position: relative;
}
.preview-a4 .a4::before {
  z-index: 2;
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-bottom: 24px solid #E1E7EE;
  border-left: 24px solid #EFF3F7;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.a4 .watermark {
  left: 0;
  right: 0;
  padding: 20px;
  position: absolute;
  opacity: 0.4;
  filter: alpha(opacity=40);
  z-index: 2;
}
.a4.pos-bottom .watermark {
  bottom: 0;
}
.a4.pos-top .watermark {
  top: 1px;
}
.a4.pos-custom {
  margin: 30px 0 12px;
}
.a4.pos-custom .watermark {
  border: 1px dashed #ccc;
  cursor: move;
}
.a4.pos-bottom .welcome {
  bottom: 0;
  text-align: left;
  position: absolute;
  left: 0;
  padding: 20px;
}
.a4 .icon.twentyfour {
  margin-right: 10px;
}
.a4.pos-custom::after {
  content: 'Drag watermark to desired position';
  position: absolute;
  top: -24px;
  left: 0;
  right: 0;
  font-size: 13px;
}
.a4.pos-full .watermark {
  top: 50%;
  -webkit-transform: translate(0%, -50%) rotate(-45deg);
  transform: translate(0%, -50%) rotate(-45deg);
}
.advice {
  font-size: 13px;
  line-height: 1.4;
  text-align: left;
  -webkit-box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5);
          box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5);
  border-radius: 3px;
  padding: 10px;
}
.advice ul {
  margin-bottom: 0;
}
.watermark-format li > a::before {
  content: '';
  background: url('sprite.png') -1000px -1000px no-repeat;
  height: 0;
  overflow: hidden;
  width: 64px;
  padding-top: 90px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  margin-bottom: 10px;
}
.watermark-format li.pos-top > a::before {
  content: '';
  background: url('sprite.png') -1200px -1000px no-repeat;
  height: 0;
  overflow: hidden;
  width: 64px;
  padding-top: 90px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
}
.watermark-format li.pos-full > a::before {
  content: '';
  background: url('sprite.png') -1200px -1200px no-repeat;
  height: 0;
  overflow: hidden;
  width: 64px;
  padding-top: 90px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
}
.watermark-format li.pos-custom > a::before {
  content: '';
  background: url('sprite.png') -1000px -1200px no-repeat;
  height: 0;
  overflow: hidden;
  width: 64px;
  padding-top: 90px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
}
.printer {
  margin: 0 auto 40px auto;
  padding-top: 22px;
  position: relative;
  border-radius: 0 4px 4px 4px;
  width: 120px;
  height: 150px;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-in-out 0s, X;
  transition: all 0.3s ease-in-out 0s, X;
}
.printer.shrink {
  height: 0;
  margin: 0 auto;
  padding: 0;
  -webkit-transition: all 0.3s ease-in-out 0.5s, X;
  transition: all 0.3s ease-in-out 0.5s, X;
}
.printer *,
.printer::before {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all 0.15s ease-in-out 0.5s, X;
  transition: all 0.15s ease-in-out 0.5s, X;
}
.printer.shrink *,
.printer.shrink::before {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.15s ease-in-out 0s, X;
  transition: all 0.15s ease-in-out 0s, X;
  visibility: hidden !important;
}
.tray {
  width: 50%;
  height: 24px;
  background: #BABDD1;
  position: absolute;
  top: 0;
  left: 1px;
  z-index: 3;
  border-radius: 6px 6px 0 0;
  -webkit-transform: skew(-6deg, -3deg);
          transform: skew(-6deg, -3deg);
}
.sticker {
  width: 20px;
  height: 20px;
  position: absolute;
  z-index: 4;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
}
.sticker.show {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
}
.sticker.qr {
  top: 10px;
  left: 10px;
}
.sticker.nfc {
  top: 10px;
  left: 36px;
}
.app-installed .printer {
  margin-left: 0;
  overflow: visible;
}
.sticker.app {
  left: 140px;
  top: -8px;
  width: 320px;
  height: auto;
}
.sticker.app figure::before {
  content: '';
  width: 200px;
  height: 84px;
  background: linear-gradient(-154deg, rgba(255, 255, 255, 0.3) 20%, rgba(255, 255, 255, 0) 36%);
  border-top: 0;
  border-left: 0;
  position: absolute;
  top: 90px;
  left: -68px;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform: rotate(-117deg) translate(0, 0);
          transform: rotate(-117deg) translate(0, 0);
  z-index: -1;
}
.sticker.app figure figcaption {
  font-size: 0.813rem;
  margin-bottom: 0.3rem;
  position: relative;
  color: rgba(255, 255, 255, 0.7);
}
.sticker.app figure figcaption .empty {
  position: absolute;
  top: 8px;
  right: 0;
  width: 24px;
}
.sticker.app figure img {
  -webkit-box-shadow: 2px 4px 20px 0 rgba(255, 255, 255, 0.2);
          box-shadow: 2px 4px 20px 0 rgba(255, 255, 255, 0.2);
  -webkit-transform: perspective(1000px) scale(1) rotateX(2deg) rotateY(-14deg) rotateZ(0deg);
          transform: perspective(1000px) scale(1) rotateX(2deg) rotateY(-14deg) rotateZ(0deg);
}
.sticker.app figure,
.sticker.app figure img {
  margin: 0;
}
.sticker.app .app-icon {
  position: absolute;
  left: -81px;
  top: 47px;
}
.sticker svg {
  fill: #fff;
  stroke: none;
  width: 20px;
  height: 20px;
}
.app-icon svg {
  color: #8896A2;
}
.sticker .app-icon svg {
  color: #fff;
}
.app-icon.online svg {
  color: #26AA27;
}
.sticker.pulse {
  opacity: 1;
  filter: alpha(opacity=100);
}
.sticker.pulse svg {
  -webkit-animation: pulse 1.5s 3;
  animation: pulse 1.5s 3;
}
.tray::after {
  content: '';
  display: block;
  background: #BABDD1;
  width: 16px;
  height: 26px;
  top: 1px;
  left: calc(100% - 12px);
  border-radius: 0 6px 0 0;
  position: absolute;
  -webkit-transform: rotate(-19deg);
          transform: rotate(-19deg);
}
.tray::before {
  content: '';
  display: block;
  -webkit-box-shadow: 0 2px 0 0 #9298B5;
          box-shadow: 0 2px 0 0 #9298B5;
  width: 80%;
  height: 4px;
  top: 2px;
  left: 100%;
  position: absolute;
  -webkit-transform: translateZ(0) rotate(-4deg) scale(1, 1);
  transform: translateZ(0) rotate(-4deg) scale(1, 1);
  z-index: -1;
}
.printer::before {
  content: '';
  display: block;
  width: 100%;
  height: 10%;
  background: #BABDD1;
  border-radius: 0 3px 0 3px;
  position: relative;
  z-index: 3;
}
.base {
  right: 0;
  height: calc(30%);
  position: absolute;
  top: calc(10% + 20px);
  left: 4px;
  background: #9298B5;
}
.base::before {
  background: #6F779B;
  content: '';
  position: absolute;
  width: 60%;
  left: 0;
  height: 100%;
}
.display {
  background: #3D4155;
  content: '';
  position: absolute;
  width: 50%;
  right: 4px;
  height: 20%;
  border-radius: 0 0 3px 3px;
}
.bottom {
  background: #BABDD1;
  width: 100%;
  height: 54%;
  border-radius: 0 0 4px 4px;
  padding-top: 18px;
  position: absolute;
  bottom: 0;
}
.printer .paper-drawer {
  width: 100%;
  height: 25%;
  -webkit-box-shadow: 0 -2px 0 0 #6F779B;
          box-shadow: 0 -2px 0 0 #6F779B;
  position: absolute;
  bottom: 0;
  background: #CCCFDD;
  border-radius: 0 0 4px 4px;
}
.printer .paper-drawer::before {
  content: '';
  display: block;
  width: 30%;
  height: 35%;
  background-color: #6F779B;
  border-radius: 0 0 6px 6px;
  margin: 0 auto;
}
.printer .paper-drawer:nth-child(2) {
  bottom: calc(25% + 2px);
  border-radius: 0;
  background: #C0C3D5;
}
.printer .paper-drawer:nth-child(3) {
  bottom: calc(50% + 4px);
  border-radius: 0;
  background: #BABDD1;
}
.printer-shadow {
  height: 7px;
  width: 160px;
  border-radius: 50%;
  z-index: -1;
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-filter: blur(4px);
          filter: blur(4px);
  position: absolute;
  bottom: -4px;
  left: 50%;
  margin-left: -80px;
}
.printer-shadow::before {
  content: '';
  position: absolute;
  left: 20px;
  width: 120px;
  height: 4px;
  background-color: #3D4154;
  border-radius: 50%;
}
.phone {
  opacity: 1;
  filter: alpha(opacity=100);
  border-radius: 18px;
  background-color: #485563;
  padding: 10px;
  width: 212px;
  margin: 0 auto 1rem auto;
  height: 365px;
  position: relative;
  -webkit-box-shadow: 0 -0.5em 1.6em 0 rgba(0, 0, 0, 0.15), 0 0 0.875em 0 rgba(0, 0, 0, 0.15), 0 -0.063em 0.25em 0 rgba(0, 0, 0, 0.15), inset 0 -1em 2em 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 -0.5em 1.6em 0 rgba(0, 0, 0, 0.15), 0 0 0.875em 0 rgba(0, 0, 0, 0.15), 0 -0.063em 0.25em 0 rgba(0, 0, 0, 0.15), inset 0 -1em 2em 0 rgba(0, 0, 0, 0.2);
}
.notch {
  position: absolute;
  width: 40%;
  height: 3%;
  top: 10px;
  left: 30%;
  z-index: 4;
  background: #485563;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}
.notch::before,
.notch::after {
  content: '';
  height: 14px;
  position: absolute;
  top: -4px;
  width: 8px;
}
.notch::before {
  background: radial-gradient(circle at bottom right, transparent 0, transparent 70%, #485563 70%, #485563 100%);
  right: -7px;
}
.notch::after {
  background: radial-gradient(circle at bottom left, transparent 0, transparent 70%, #485563 70%, #485563 100%);
  left: -7px;
}
.glass {
  z-index: 0;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  background-color: none;
  /* border-radius: 35px; */
}
/* .glass:before {content: ''; z-index: 1; position: absolute; top: 5px; left: 22%; width: 56%; height: 20px; background-color: black; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; } */
.screen {
  z-index: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: calc(100%);
  height: calc(100%);
  opacity: 1;
  overflow: hidden;
  border-radius: 16px;
  background: #EFF3F7;
}
.screen.silent {
  background: none;
}
.screen .empty {
  font-size: 0.813rem;
  color: rgba(255, 255, 255, 0.7);
  line-height: 1.4;
}
.screen .interstitial {
  font-size: 0.813rem;
  line-height: 1.4;
  background: #EFF1F4;
  position: relative;
  text-align: center;
  width: 100%;
  height: calc(100% - 30px);
  padding: 0 20px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.interstitial .icon:not(.mold) {
  margin-bottom: 0.8rem;
  background: #EA215F;
  width: 48px;
  height: 48px;
  padding: 12px;
  border-radius: 17px;
  margin: 0 auto 8px auto;
}
.interstitial .icon.warn {
  background: #FFB100;
}
.interstitial .icon.restrict {
  background: #A4ACB8;
}
.interstitial svg {
  fill: #fff;
}
.interstitial .placeholder-paragraph span {
  margin-left: auto;
  margin-right: auto;
}
.screen .empty h5 {
  color: #fff;
}
.warning-process {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  max-width: 232px;
  margin: 0 auto 1.3rem auto;
  overflow: hidden;
}
.warning-process:not(.split)::before {
  -webkit-animation: move-arrows 0.5s linear infinite;
          animation: move-arrows 0.5s linear infinite;
  content: '';
  position: absolute;
  left: 10px;
  width: calc(100% - 20px);
  top: 50%;
  margin-top: -4px;
  height: 8px;
  background: -webkit-gradient(linear, left top, right top, color-stop(20%, #3b8cc5), color-stop(40%, #ffb100), color-stop(50%, #ffb100), color-stop(60%, #ffb100), color-stop(80%, #07ae59));
  background: linear-gradient(to right, #3b8cc5 20%, #ffb100 40%, #ffb100 50%, #ffb100 60%, #07ae59 80%);
  z-index: -1;
  mask: url(arrow.svg);
  -webkit-mask: url(arrow.svg);
}
@-webkit-keyframes move-arrows {
  to {
    -webkit-mask-position: 11px 0;
    mask-position: 11px 0;
  }
}
@keyframes move-arrows {
  to {
    -webkit-mask-position: 11px 0;
    mask-position: 11px 0;
  }
}
.warning-process.split .step-1::before {
  -webkit-animation: move-arrows 0.5s linear infinite;
          animation: move-arrows 0.5s linear infinite;
  content: '';
  position: absolute;
  left: 10px;
  width: 50%;
  top: 50%;
  margin-top: -4px;
  height: 8px;
  background: -webkit-gradient(linear, left top, right top, color-stop(20%, #3b8cc5), color-stop(80%, #ffb100));
  background: linear-gradient(to right, #3b8cc5 20%, #ffb100 80%);
  z-index: -1;
  mask: url(arrow.svg);
  -webkit-mask: url(arrow.svg);
}
@keyframes move-arrows {
  to {
    -webkit-mask-position: 11px 0;
    mask-position: 11px 0;
  }
}
.warning-process.split .step-2::before {
  -webkit-animation: move-arrows 0.5s linear infinite;
          animation: move-arrows 0.5s linear infinite;
  content: '';
  position: absolute;
  left: calc(50% - 10px);
  width: 50%;
  top: 50%;
  height: 8px;
  background: -webkit-gradient(linear, left top, right top, color-stop(40%, #ffb100), color-stop(80%, #EB235F));
  background: linear-gradient(to right, #ffb100 40%, #EB235F 80%);
  z-index: -1;
  mask: url(arrow.svg);
  -webkit-mask: url(arrow.svg);
  -webkit-transform: rotate(12deg);
          transform: rotate(12deg);
  margin-top: 4px;
}
@keyframes move-arrows {
  to {
    -webkit-mask-position: 11px 0;
    mask-position: 11px 0;
  }
}
.warning-process.split .step-2::after {
  -webkit-animation: move-arrows 0.5s linear infinite;
          animation: move-arrows 0.5s linear infinite;
  content: '';
  position: absolute;
  left: calc(50% - 10px);
  width: 50%;
  top: 50%;
  height: 8px;
  background: -webkit-gradient(linear, left top, right top, color-stop(40%, #ffb100), color-stop(80%, #07ae59));
  background: linear-gradient(to right, #ffb100 40%, #07ae59 80%);
  z-index: -1;
  mask: url(arrow.svg);
  -webkit-mask: url(arrow.svg);
  -webkit-transform: rotate(-12deg);
          transform: rotate(-12deg);
  margin-top: -14px;
}
@keyframes move-arrows {
  to {
    -webkit-mask-position: 11px 0;
    mask-position: 11px 0;
  }
}
.option-b {
  position: relative;
  display: none;
}
.split .option-b {
  display: block;
}
.option-b::before {
  content: '';
  height: 2px;
  width: 28px;
  -webkit-box-shadow: 0 0 0 2px #EB235F;
          box-shadow: 0 0 0 2px #EB235F;
  background: #fff;
  position: absolute;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
  z-index: 10;
  top: 50%;
  left: 50%;
  margin-top: 2px;
}
.warning-process .tip.stuck {
  right: auto;
  left: 29%;
  bottom: 0;
  margin: 0;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  -webkit-box-shadow: none;
          box-shadow: none;
  background: none;
  font-family: 'Barlow', sans-serif;
  font-size: 11px;
  -webkit-backdrop-filter: none;
          backdrop-filter: none;
}
.warning-process .tip.stuck span {
  width: auto;
}
.warning-process .tip.stuck::before {
  left: 50%;
  height: 14px;
  bottom: 18px;
  background: none;
  width: 1px;
  border: 0;
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-transform: none;
  transform: none;
}
.warning-process.split .step-3 {
  height: 80px;
}
.warning-process.split .step-3 .option-b {
  margin-top: 5px;
}
.warning-process .bold {
  -webkit-transition: all 0.5s, X;
  transition: all 0.5s, X;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}
.warning-process .step-1 .bold {
  background: #348496;
}
.warning-process .step-2 .bold {
  background: #FFB100;
}
.warning-process .step-3 .bold {
  background: #26AA27;
}
.warning-process .step-3 .bold.stop {
  background: #EB235F;
  position: relative;
  border-radius: 0;
  padding: 0;
  height: 20px;
}
.warning-process .step-3 .bold.stop svg {
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.warning-process .step-3 .bold.stop::before {
  content: "";
  position: absolute;
  top: -10px;
  left: 0;
  width: 20px;
  height: 0;
  border-bottom: 10px solid #EB235F;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
.warning-process .step-3 .bold.stop::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 20px;
  height: 0;
  border-top: 10px solid #EB235F;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
.warning-process .slick-slide {
  outline: none;
  cursor: pointer;
}
.warning-process .slick-current .bold {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.warning-process .slick-list {
  overflow: visible;
  width: 100%;
}
.screen .carousel h5 {
  font-size: 13px;
}
.screen .carousel .item {
  background: #EFF3F7;
  width: 192px;
  padding: 15px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}
.screen .carousel .item.center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.screen .carousel .icon {
  height: 48px;
}
.phone.step-2 {
  -webkit-animation: shake 3s;
  animation: shake 3s;
}
.wifi {
  width: 64px;
  height: 64px;
  fill: #3D4155;
  position: absolute;
  top: -53px;
  left: 73px;
}
.wifi path {
  -webkit-animation: wifi 3s infinite;
          animation: wifi 3s infinite;
}
.wifi path:nth-child(1) {
  -webkit-animation-delay: -2s;
          animation-delay: -2s;
}
.wifi path:nth-child(2) {
  -webkit-animation-delay: -1.6s;
          animation-delay: -1.6s;
}
.wifi path:nth-child(3) {
  -webkit-animation-delay: -1.2s;
          animation-delay: -1.2s;
}
.chat-bubble {
  width: 120px;
  color: #fff;
  background: #26AA27;
  border-radius: 30px;
  position: relative;
  display: block;
  padding: 10px 15px;
  margin: 0 auto 40px;
  font-size: 13px;
  line-height: 1.2;
}
.chat-bubble:hover,
.chat-bubble:hover::before,
.chat-bubble:hover::after {
  background: #61d095;
  color: #fff;
}
.chat-bubble .loader {
  display: none;
}
.chat-bubble::before {
  height: 25px;
  width: 25px;
  background: #26AA27;
  position: absolute;
  left: -1px;
  bottom: 0;
  border-radius: 50%;
  content: '';
  z-index: -1;
}
.chat-bubble::after {
  height: 12px;
  width: 12px;
  background: #26AA27;
  content: '';
  display: block;
  border-radius: 50%;
  position: absolute;
  left: -10px;
  bottom: -10px;
}
.preview .document {
  background: #fff;
  padding: 15px;
  position: relative;
  -webkit-box-shadow: inset 0 0 0 1px rgba(215, 222, 227, 0.5);
          box-shadow: inset 0 0 0 1px rgba(215, 222, 227, 0.5);
}
.preview .document figure {
  margin: -14px -14px 0 -14px;
}
.preview .document::before {
  z-index: 1;
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-bottom: 24px solid #E1E7EE;
  border-left: 24px solid #EFF3F7;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.placeholder-header {
  background: #01353d;
  margin: -15px -15px 0 -15px;
  height: 40px;
  position: relative;
  z-index: 1;
  text-align: left;
  color: #fff;
  font-size: 12px;
  padding: 15px 15px 0 15px;
}
.placeholder-header .nav-toggle.lines-button {
  display: block;
  left: 10px;
  pointer-events: none;
}
.placeholder-header .nav-toggle.lines-button .lines,
.placeholder-header .nav-toggle.lines-button .lines::before,
.placeholder-header .nav-toggle.lines-button .lines::after {
  background: #fff;
  width: 12px;
  height: 1px;
}
.placeholder-header .nav-toggle.lines-button .lines::before {
  top: -4px;
}
.placeholder-header .nav-toggle.lines-button .lines::after {
  top: 4px;
}
.placeholder-logo {
  background: #d1d5d9;
  height: 27px;
  width: 27px;
  border-radius: 50%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 0.5rem;
}
.placeholder-item {
  background: #fff;
  position: relative;
  padding: 0.532rem 0.8rem 0.532rem calc(40px);
  opacity: 1;
  filter: alpha(opacity=100);
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 1px 0 rgba(63, 63, 68, 0.05), 0 0 0 1px #D7DEE3;
          box-shadow: 0 1px 1px 0 rgba(63, 63, 68, 0.05), 0 0 0 1px #D7DEE3;
  margin: 5px -10px;
}
.placeholder-item .placeholder-paragraph span:last-child {
  margin: 3px 0 0 0;
}
.placeholder-checkbox {
  background: #d1d5d9;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 10px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: background-color 0.3s 0.5s, X;
  transition: background-color 0.3s 0.5s, X;
}
.placeholder-checkbox::before {
  content: '';
  background: url('sprite.png') -800px -800px no-repeat;
  height: 0;
  overflow: hidden;
  width: 10px;
  padding-top: 8px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -3px 0 0 -5px;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.3s 0.5s, X;
  transition: opacity 0.3s 0.5s, X;
}
@-webkit-keyframes spinner {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes spinner {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.placeholder-checkbox.spinner::before {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all 0s, X;
  transition: all 0s, X;
  content: '';
  background: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  border-radius: 50%;
  border-top: 2px solid #26AA27;
  border-right: 2px solid transparent;
  -webkit-animation: spinner 0.6s linear infinite;
  animation: spinner 0.6s linear infinite;
}
.placeholder-heading {
  margin-bottom: 2px;
  width: 100%;
  font-weight: 600;
  color: #394C59;
  font-size: 13px;
  text-align: left;
}
.placeholder-heading span {
  display: block;
  background: #d1d5d9;
  height: 10px;
  width: 100%;
  margin-bottom: 6px;
}
.placeholder-heading span:last-child {
  width: 60%;
}
.placeholder-paragraph {
  margin-bottom: 0.5rem;
}
.placeholder-image {
  overflow: hidden;
  border: 3px solid #dde0e3;
  height: 60px;
  width: 100%;
  margin: 0 0 0.5rem 0;
  position: relative;
}
.placeholder-image svg {
  stroke-width: 3;
  stroke: #dde0e3;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.placeholder-paragraph span {
  display: block;
  background: #dde0e3;
  height: 5px;
  width: 100%;
  margin-top: 3px;
}
.placeholder-paragraph.last span:last-child {
  width: 80%;
  margin: 3px 10%;
  background: #e2e5e7;
}
.a4 .placeholder-image {
  border: 3px solid #f9f9fa;
}
.a4 .placeholder-image svg {
  stroke: #f9f9fa;
}
.a4 .placeholder-header {
  margin: 0 0 0.5rem 0;
  padding: 0;
  background: none;
  height: auto;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.a4 .placeholder-logo,
.a4 .placeholder-paragraph span,
.a4 .placeholder-paragraph.last span,
.a4 .placeholder-heading span {
  background: #f9f9fa;
}
.a4 .placeholder-paragraph.last span:last-child {
  margin: 3px 0;
}
.placeholder-button {
  color: #fff;
  padding: 0 0.5rem;
  margin: 0.5rem auto 0 auto;
  height: 20px;
  background: #d1d5d9;
  border-radius: 3px;
  font-size: 8px;
  font-family: 'Barlow', sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  line-height: 20px;
  display: inline-block;
}
.placeholder-button.active {
  background: #26AA27;
}
.placeholder-button.secondary {
  color: #8E959E;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#F9FAFB));
  background-image: linear-gradient(-180deg, #FFF 0%, #F9FAFB 100%);
  -webkit-box-shadow: 0 1px 1px 0 rgba(63, 63, 68, 0.05), 0 0 0 1px #D7DEE3;
          box-shadow: 0 1px 1px 0 rgba(63, 63, 68, 0.05), 0 0 0 1px #D7DEE3;
}
.placeholder-toast {
  background: #212B36;
  color: #ffffff;
  font-family: 'Barlow', sans-serif;
  font-size: 13px;
  line-height: 1.2;
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.12);
  border-radius: 3px;
  z-index: 0;
  position: absolute;
  bottom: 40px;
  right: 10px;
  padding: 0.532rem 0.8rem;
  -webkit-transition: transform 0.3s 0.5s, opacity 0.3s 2s;
  -webkit-transition: opacity 0.3s 2s, -webkit-transform 0.3s 0.5s;
  transition: opacity 0.3s 2s, -webkit-transform 0.3s 0.5s;
  transition: transform 0.3s 0.5s, opacity 0.3s 2s;
  transition: transform 0.3s 0.5s, opacity 0.3s 2s, -webkit-transform 0.3s 0.5s;
  -webkit-transform: translateY(calc(100% + 40px));
  transform: translateY(calc(100% + 40px));
}
.placeholder-footer {
  background: #fff;
  margin: auto 0 0 0;
  padding: 0 10px;
  height: 30px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  z-index: 1;
  width: 100%;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.item .placeholder-footer {
  margin: auto -15px -15px -15px;
  width: calc(100% + 30px);
}
.placeholder-footer .placeholder-button {
  margin: 5px 0 0 5px;
}
.phone.step-3 .placeholder-item {
  opacity: 0;
  filter: alpha(opacity=0);
  margin-top: -80px;
}
.phone.step-3 .placeholder-toast {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 0;
  filter: alpha(opacity=0);
}
.item.step-3 .placeholder-item {
  -webkit-transition: opacity 0.3s 2.5s, margin 0.3s 2.5s;
  transition: opacity 0.3s 2.5s, margin 0.3s 2.5s;
}
.item.step-3 .placeholder-checkbox {
  background: none;
}
.item.step-2 .placeholder-button {
  -webkit-transition: transform 0.3s 2.7s, X;
  -webkit-transition: X, -webkit-transform 0.3s 2.7s;
  transition: X, -webkit-transform 0.3s 2.7s;
  transition: transform 0.3s 2.7s, X;
  transition: transform 0.3s 2.7s, X, -webkit-transform 0.3s 2.7s;
}
.phone.step-2 .item.step-2 .placeholder-button {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-box-shadow: 0 1px 5px 0 rgba(63, 63, 68, 0.2), 0 0 0 1px #D7DEE3;
          box-shadow: 0 1px 5px 0 rgba(63, 63, 68, 0.2), 0 0 0 1px #D7DEE3;
}
.phone.step-1 .placeholder-checkbox {
  background-color: #26AA27;
}
.phone.step-1 .placeholder-checkbox::before {
  opacity: 1;
  filter: alpha(opacity=100);
}
.placeholder-item h5 {
  text-align: left;
  line-height: 1.1;
}
.item.step-1 .placeholder-button {
  -webkit-transition: transform 0.3s 2.7s, background-color 0.3s 0.5s, X;
  -webkit-transition: background-color 0.3s 0.5s, X, -webkit-transform 0.3s 2.7s;
  transition: background-color 0.3s 0.5s, X, -webkit-transform 0.3s 2.7s;
  transition: transform 0.3s 2.7s, background-color 0.3s 0.5s, X;
  transition: transform 0.3s 2.7s, background-color 0.3s 0.5s, X, -webkit-transform 0.3s 2.7s;
}
.phone.step-1 .item.step-1 .placeholder-footer .placeholder-button {
  background: #26AA27;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}
.phase {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 15px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  border-radius: 10px;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: none;
  z-index: 2;
  position: absolute;
}
.phase .placeholder-footer {
  margin: auto -15px -15px -15px;
  width: calc(100% + 30px);
}
.phase.b {
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  -webkit-transition: all 0.2s 2.2s, X;
  transition: all 0.2s 2.2s, X;
}
.slick-active .phase.b {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
}
.phase.a {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
  -webkit-transition: all 0.2s 3s, X;
  transition: all 0.2s 3s, X;
  z-index: 1;
}
.slick-active .phase.a {
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: visible;
}
.apphome {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
}
.placeholder-appicon {
  width: calc(28% - 10px);
  height: 0;
  padding-top: calc(28% - 10px);
  border-radius: 12px;
  background: #dde0e3;
  margin: 5px;
  position: relative;
}
.placeholder-appicon.brand {
  background-color: #fff;
  -webkit-transition: all 0.6s 2s, X;
  transition: all 0.6s 2s, X;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  z-index: 2;
}
.placeholder-appicon.brand::before {
  content: '';
  background: url('sprite.png') 0 -1700px no-repeat;
  height: 0;
  overflow: hidden;
  width: 28px;
  padding-top: 28px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  -webkit-transition: all 0.2s 1.8s, X;
  transition: all 0.2s 1.8s, X;
  opacity: 1;
  filter: alpha(opacity=100);
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.slick-active .placeholder-appicon.brand {
  -webkit-transform: scale(12);
  transform: scale(12);
  background: #EFF3F7;
  margin: 0;
}
.slick-active .placeholder-appicon.brand::before {
  opacity: 0;
  filter: alpha(opacity=0);
}
.placeholder-notification {
  text-align: left;
  font-size: 0.813rem;
  line-height: 1.2;
  color: #5F6470;
  background: #fff;
  -webkit-box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5), 0 10px 15px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5), 0 10px 15px 0 rgba(0, 0, 0, 0.07);
  position: absolute;
  top: 20px;
  left: 10px;
  right: 10px;
  padding: 0.532rem 0.8rem;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate(0, -100px);
  transform: translate(0, -100px);
  border-radius: 3px;
  -webkit-transition: all 0.3s, X;
  transition: all 0.3s, X;
  z-index: 5;
}
.slick-active .placeholder-notification,
.placeholder-notification.visible {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
.placeholder-notification .header {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 5px;
  font-size: 11px;
  color: #394C59;
  font-family: 'Barlow', sans-serif;
  font-weight: 600;
}
.placeholder-pagetitle {
  background: #01353D;
  height: 25%;
  margin: 0 -15px;
  padding: 15px;
}
.placeholder-pagetitle .placeholder-paragraph span {
  background: rgba(255, 255, 255, 0.3);
  margin-top: 8px;
}
.placeholder-pagetitle .placeholder-paragraph span:last-child::after {
  content: '';
  display: block;
  background: rgba(255, 255, 255, 0.15);
  height: 5px;
  width: 60%;
  position: relative;
  top: 13px;
}
.placeholder-tabs {
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  background: #01353D;
  margin: 0 -15px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 12px;
  color: #fff;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  text-align: center;
}
.placeholder-tabs > div {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  padding: 8px 0 6px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-shadow: 1px 0 0 0 rgba(255, 255, 255, 0.3);
          box-shadow: 1px 0 0 0 rgba(255, 255, 255, 0.3);
}
.placeholder-tabs > div.disabled svg,
.placeholder-tabs > div.disabled span {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.placeholder-tabs i.icon {
  width: 20px;
  height: 20px;
  margin: 0 auto 3px;
}
.placeholder-tabs i.icon svg {
  fill: #fff;
}
.placeholder-tabs .icon.numeric svg {
  color: #01353D;
}
.placeholder-notification .header::before {
  content: '';
  background: url('sprite.png') -200px -1700px no-repeat;
  height: 0;
  overflow: hidden;
  width: 12px;
  padding-top: 12px;
  vertical-align: middle;
  background-size: 2000px 2000px;
  display: inline-block;
  margin: 0 5px 0 0;
}
.placeholder-notification .header .time {
  color: #A4ACB9;
  margin-left: auto;
  font-weight: normal;
}
.mb {
  width: 80%;
  margin: 4rem auto 2rem auto;
  max-width: 400px;
  position: relative;
  font-size: 125%;
  -webkit-transition: all 0.3s 0.3s, X;
  transition: all 0.3s 0.3s, X;
  z-index: 2;
}
.mb.manual {
  width: 100%;
  max-width: none;
  font-size: 100%;
  margin: 0 auto 2rem auto;
}
.slider:hover .mb {
  z-index: -1;
}
.tampa {
  width: 100%;
  border-radius: 10px 10px 0 0;
  background: #1A2329;
  max-height: 400px;
  overflow: auto;
  -webkit-transition: all 0.3s ease-in-out, X;
  transition: all 0.3s ease-in-out, X;
  padding: 50px 0 70px;
  margin: 0 auto -0.2em auto;
  -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08), inset 0 6px 0 0 #fff, inset 6px 0 0 0 #fff, inset -6px 0 0 0 #fff, inset 0 -26px 0 0 #fff, 0 0 2em 0 rgba(0, 0, 0, 0.12);
          box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08), inset 0 6px 0 0 #fff, inset 6px 0 0 0 #fff, inset -6px 0 0 0 #fff, inset 0 -26px 0 0 #fff, 0 0 2em 0 rgba(0, 0, 0, 0.12);
}
.tampa pre {
  opacity: 0;
  filter: alpha(opacity=0);
  max-height: 0;
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
  visibility: hidden;
  -webkit-transition: opacity 0.3s ease-in-out 0.3s, X;
  transition: opacity 0.3s ease-in-out 0.3s, X;
}
.manual-printer {
  text-align: left;
  padding: 20px;
  max-height: 200px;
  position: relative;
  z-index: 2;
  top: 0;
  margin-top: -2rem;
  -webkit-transition: top 0.3s 0.5s, opacity 0.3s 0.5s, z-index 0.3s 1s;
  transition: top 0.3s 0.5s, opacity 0.3s 0.5s, z-index 0.3s 1s;
}
.manual-printer.hidden {
  top: -200px;
  max-height: 0;
  overflow: hidden;
  visibility: hidden;
  padding: 0;
  z-index: 1;
  -webkit-transition: opacity 0.3s 0s, X;
  transition: opacity 0.3s 0s, X;
}
.manual-printer .field {
  max-width: 480px;
  margin: 0 auto;
}
.manual-printer input {
  border-radius: 3px 0 0 3px;
}
.manual-printer .btn {
  border-radius: 0 3px 3px 0;
}
.manual-printer h4 {
  color: #1A2329;
  max-width: 480px;
  margin: 0 auto 0.8rem auto;
  font-size: 15px;
}
.edgenode {
  font-size: 12px;
  position: absolute;
  bottom: 20px;
  width: 100%;
  color: #A4ACB9;
  -webkit-transition: all 0.3s, X;
  transition: all 0.3s, X;
}
.teclado {
  background-color: #fff;
  width: 120%;
  padding-top: 1%;
  margin: 0 0 0 -10%;
  position: relative;
  -webkit-transition: all 0.3s, X;
  transition: all 0.3s, X;
}
.touchpad {
  background-image: -webkit-linear-gradient(0deg, #c3c3c4 0%, #c6c6c8 1%, #dddddd 4%, #eeeeef 8%, #ededed 27%, #ededed 50%, #ededed 86%, #e0e0e3 93%, #d3d2d5 96%, #c5c5c7 99%, #c7c7c8 100%);
  border-radius: 8%;
  border-top: none;
  border-bottom: none;
  width: 20%;
  height: 100%;
  position: absolute;
  left: calc(40%);
  top: 0;
}
.sombra {
  position: relative;
  width: 120%;
  margin: 0 -10%;
  padding-top: 3.4%;
  -webkit-transition: all 0.3s, X;
  transition: all 0.3s, X;
}
.sombra::before {
  content: '';
  display: block;
  background-color: rgba(198, 198, 200, 0.3);
  border-radius: 0 0 100% 0;
  height: 100%;
  width: 50%;
  position: absolute;
  left: 50%;
  top: 0;
}
.sombra::after {
  content: '';
  display: block;
  background-color: rgba(198, 198, 200, 0.3);
  border-radius: 0 0 0 100%;
  height: 100%;
  width: 50%;
  position: absolute;
  left: 0;
  top: 0;
}
.dev-mode {
  content: '';
  background: url('sprite.png') -1400px -300px no-repeat;
  height: 0;
  overflow: hidden;
  width: 16px;
  padding-top: 16px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  position: absolute;
  top: 15px;
  left: 15px;
  z-index: 10;
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.dev-mode:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.mb.manual::before {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(18, 16, 16, 0)), color-stop(50%, rgba(0, 0, 0, 0.25))), -webkit-gradient(linear, left top, right top, from(rgba(255, 0, 0, 0.06)), color-stop(rgba(0, 255, 0, 0.02)), to(rgba(0, 0, 255, 0.06)));
  background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06));
  z-index: 2;
  background-size: 100% 2px, 3px 100%;
  pointer-events: none;
}
.mb.manual::after {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(18, 16, 16, 0.1);
  opacity: 0;
  z-index: 2;
  pointer-events: none;
  -webkit-animation: flicker 0.15s infinite;
          animation: flicker 0.15s infinite;
}
.mode {
  color: #8EC742;
  position: absolute;
  top: 14px;
  left: 20px;
  right: 20px;
  font-size: 18px;
  line-height: 1;
  text-align: left;
  visibility: hidden;
  text-transform: uppercase;
  pointer-events: none;
  z-index: 10;
  font-family: 'Source Code Pro', Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
}
.auto-status {
  font-size: 0.813rem;
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 52px;
  color: #fff;
  font-family: 'Source Code Pro', Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all 0.3s 0.3s, X;
  transition: all 0.3s 0.3s, X;
}
.manual .auto-status {
  opacity: 0;
  filter: alpha(opacity=0);
}
/* .anim .mode {
  animation: overlay-anim 5s linear;
  animation-fill-mode: forwards;
} */
.terminal {
  background: #1A2329;
  padding: 0 1rem;
  color: #096;
  text-shadow: 0 1px rgba(0, 0, 0, 0.3);
  font-family: 'Source Code Pro', Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
  font-size: 0.935rem;
  text-align: left;
  overflow: hidden;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  max-height: 0;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  -webkit-animation: turn-off 0.55s cubic-bezier(0.23, 1, 0.32, 1);
          animation: turn-off 0.55s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.terminal .error {
  color: #EC235F;
}
.terminal .window {
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
}
#popup-discovery figure.progress {
  border-radius: 0;
  margin: 0;
  display: none;
  height: 22px;
  line-height: 22px;
  color: rgba(255, 255, 255, 0.4);
  text-align: left;
  font-size: 0.813rem;
  font-weight: 600;
  background: #425867;
}
#popup-discovery figure.progress::before {
  padding: 0 1rem;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  white-space: nowrap;
  overflow: hidden;
  content: attr(data-content);
  width: calc(100% - 1rem);
}
#popup-discovery figure.progress .after {
  padding: 0 1rem;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: #26AA27;
  color: #fff;
}
#popup-discovery .manual figure {
  display: block;
}
.manual .terminal {
  -webkit-animation: turn-on 4s linear;
          animation: turn-on 4s linear;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  height: 50vh;
  max-height: 50vh;
  overflow: auto;
}
.manual .terminal .window {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
}
.mb.manual .tampa {
  padding: 0;
  border-radius: 3px 3px 0 0;
  -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08), 0 0 2em 0 rgba(0, 0, 0, 0.12);
          box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08), 0 0 2em 0 rgba(0, 0, 0, 0.12);
  max-height: 800px;
}
.mb.manual .tampa pre {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
  max-height: none;
  overflow: auto;
  padding-top: 1em;
  padding-bottom: 1em;
}
.mb.manual .teclado,
.mb.manual .sombra,
.mb.manual .shadow,
.mb.manual .edgenode,
.mb.manual .radar {
  display: none !important;
}
.mb .screen {
  position: absolute;
  top: 1em;
  left: 1em;
  width: calc(100% - 2em);
  z-index: -1;
}
.shadow {
  -webkit-filter: blur(50px);
  -webkit-transform: skew(-20deg);
  transform: skew(-20deg);
  width: calc(110% - 100px);
  height: 60px;
  background: rgba(0, 0, 0, 0.15);
  z-index: -1;
  position: absolute;
  top: calc(100%);
  left: -10%;
  -webkit-transition: all 0.3s, X;
  transition: all 0.3s, X;
}
.smart-detect {
  font-size: 13px;
  background: #fff;
  -webkit-box-shadow: inset 0 0 0 1px #DFE4E8;
          box-shadow: inset 0 0 0 1px #DFE4E8;
  border-radius: 3px;
  overflow: hidden;
}
.smart-detect li {
  width: 25%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-shadow: 1px 0 0 0 rgba(215, 222, 227, 0.5);
          box-shadow: 1px 0 0 0 rgba(215, 222, 227, 0.5);
  padding: 10px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.smart-detect li .switch {
  margin: auto auto 0 auto;
}
.smart-detect li.disabled > a {
  opacity: 0.5;
  filter: alpha(opacity=50);
  pointer-events: none;
}
.smart-detect li:last-child {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.smart-detect li::before {
  content: '';
  background: url('sprite.png') -1000px -1000px no-repeat;
  height: 0;
  overflow: hidden;
  width: 64px;
  padding-top: 90px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  margin-bottom: 10px;
}
.smart-detect li > a span {
  display: block;
}
.smart-detect li.blank::before {
  content: '';
  background: url('sprite.png') -1400px -1200px no-repeat;
  height: 0;
  overflow: hidden;
  width: 64px;
  padding-top: 90px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
}
.smart-detect li.blank-header::before {
  content: '';
  background: url('sprite.png') -1600px -1000px no-repeat;
  height: 0;
  overflow: hidden;
  width: 64px;
  padding-top: 90px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
}
.smart-detect li.blank-intent::before {
  content: '';
  background: url('sprite.png') -1400px -1000px no-repeat;
  height: 0;
  overflow: hidden;
  width: 64px;
  padding-top: 90px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
}
.smart-detect input[type=checkbox] {
  margin: 0;
}
.sub {
  border: 1px solid rgba(255, 255, 255, 0.2);
}
/* .sub li { border-bottom: 1px solid rgba(255,255,255, 0.2); }
.sub li:last-child { border: 0; } */
.sub a {
  -webkit-transition: all 0.3s, X;
  transition: all 0.3s, X;
  line-height: 1.2;
  -webkit-box-shadow: 0 1px 1px 0 rgba(63, 63, 68, 0.05), 0 0 0 1px #D7DEE3;
          box-shadow: 0 1px 1px 0 rgba(63, 63, 68, 0.05), 0 0 0 1px #D7DEE3;
  color: #8E959E;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#F2F6F9));
  background-image: linear-gradient(-180deg, #FFF 0%, #F2F6F9 100%);
  padding: 0.813rem 2rem 0.813rem 1rem;
  display: block;
  text-align: left;
  position: relative;
  overflow: hidden;
}
.sub a:hover {
  -webkit-box-shadow: 0 0 0 1px #C5D6D5;
          box-shadow: 0 0 0 1px #C5D6D5;
}
.sub li:first-child a {
  margin-top: 1px;
  border-radius: 3px 3px 0 0;
}
.sub li:last-child a {
  margin-top: 1px;
  border-radius: 0 0 3px 3px;
}
.sub li:only-child a {
  margin-top: 1px;
  border-radius: 3px;
}
.sub li a i {
  position: absolute;
  right: 22px;
  top: 50%;
  z-index: 3;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  content: '';
  background: url('sprite.png') -601px -400px no-repeat;
  height: 0;
  overflow: hidden;
  width: 8px;
  padding-top: 14px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
}
.sub li a.link-external i {
  content: '';
  background: url('sprite.png') -600px -440px no-repeat;
  height: 0;
  overflow: hidden;
  width: 14px;
  padding-top: 14px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
}
.sub li.complete a::before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 25px 32px 0;
  border-color: transparent #00A68B transparent transparent;
  position: absolute;
  top: 0;
  right: 0;
}
.sub li.complete a::after {
  content: '';
  background: url('sprite.png') -800px -800px no-repeat;
  height: 0;
  overflow: hidden;
  width: 10px;
  padding-top: 8px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  position: absolute;
  top: 5px;
  right: 3px;
  width: 10px !important;
}
.sub .disabled a {
  background: #F4F6F9;
  background: #EFF3F7;
  color: #bbc1c7;
  pointer-events: none;
}
.sub .disabled a i,
.sub li.complete.disabled a::before,
.sub li.complete.disabled a::after {
  display: none !important;
}
.honeycomb {
  margin-bottom: 1rem;
  text-align: center;
}
.honeycomb .row {
  margin: 5px 0;
}
.honeycomb .avatar {
  color: #8E959E;
  -webkit-box-shadow: inset 0 0 1 1px rgba(215, 222, 227, 0.5);
          box-shadow: inset 0 0 1 1px rgba(215, 222, 227, 0.5);
}
.flip-clock-with-dates {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: all 0.3s 0.3s, X;
  transition: all 0.3s 0.3s, X;
}
.flip-clock-with-dates.loaded {
  opacity: 1;
  max-height: 400px;
}
.flip-clock-wrapper {
  font-family: 'Barlow', sans-serif;
  margin: 0;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0.5rem;
}
.flip-clock-wrapper ul {
  background: #13293D;
  width: 40px;
  height: 60px;
  max-width: 40px;
  min-width: 40px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.flip-clock-wrapper ul li {
  line-height: 60px;
}
.flip-clock-wrapper ul li a div div.inn {
  font-size: 36px;
  background: #13293D;
}
.trend {
  margin: 0 0 0 auto;
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5;
  letter-spacing: 0.03em;
  font-size: 11px;
  display: block;
  padding: 0;
  color: #A4ACB9;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.trend > span {
  position: relative;
}
.trend.up {
  color: #26AA27;
}
.trend.down {
  color: #EA215F;
}
.trend.up::before {
  content: '';
  background: url('sprite.png') -1400px -800px no-repeat;
  height: 0;
  overflow: hidden;
  width: 6px;
  padding-top: 8px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  margin: 0 0.1rem 0 0;
}
.trend.down::before {
  content: '';
  background: url('sprite.png') -1200px -800px no-repeat;
  height: 0;
  overflow: hidden;
  width: 6px;
  padding-top: 8px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  margin: 0 0.1rem 0 0;
}
@media print {
  @page {
    margin: 2cm;
    size: auto;
    width: auto;
  }
  body {
    margin: 0;
    display: block !important;
    width: auto;
  }
  .page {
    display: block;
    width: auto;
  }
  .toprint::before {
    display: none !important;
  }
  .page-break {
    page-break-after: always;
    -webkit-column-break-after: always;
       -moz-column-break-after: always;
            break-after: always;
    page-break-before: always;
  }
  .printout {
    border: 1px solid #eee;
    -webkit-box-shadow: none;
            box-shadow: none;
    page-break-inside: avoid;
  }
  .draft-wrap .snip-qr,
  .draft-wrap .snip-nfc,
  .draft-wrap .snip-code,
  .draft-wrap .snip-details {
    display: block !important;
  }
  .printout.draft .feature.left,
  .printout.draft .feature.right {
    border: 0 !important;
  }
  .printout.draft .details,
  .printout.draft.cut-qr .details,
  .printout.draft.cut-qr.cut-code .details,
  .printout.draft.cut-qr.cut-code.cut-nfc .details,
  .printout.draft.cut-qr.cut-nfc .details,
  .printout.draft.cut-code.cut-nfc .details {
    border: 1px dashed #000 !important;
    border-top: 0 !important;
  }
  .printout.draft .code,
  .printout.draft.cut-qr .code,
  .printout.draft.cut-qr.cut-code .code,
  .printout.draft.cut-qr.cut-code.cut-nfc .code,
  .printout.draft.cut-qr.cut-nfc .code,
  .printout.draft.cut-code.cut-nfc .code {
    border: 1px dashed #000 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
  }
  .printout.draft .qr,
  .printout.draft.cut-qr .qr,
  .printout.draft.cut-qr.cut-code .qr,
  .printout.draft.cut-qr.cut-code.cut-nfc .qr,
  .printout.draft.cut-qr.cut-nfc .qr,
  .printout.draft .nfc,
  .printout.draft.cut-qr .nfc,
  .printout.draft.cut-qr.cut-code .nfc,
  .printout.draft.cut-qr.cut-code.cut-nfc .nfc,
  .printout.draft.cut-qr.cut-nfc .nfc {
    border: 0 !important;
    border-bottom: 1px dashed #000 !important;
  }
  .printout .segment > *:not(h4) {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
  }
  .cutout {
    display: none;
  }
}
.topbar {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: left 0.3s, X;
  transition: left 0.3s, X;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  background: red;
  background: #00B49C;
  background: #4170FC;
  background: #096;
  color: #fff;
  font-size: 0.813rem;
  position: absolute;
  width: calc(100%);
  height: 56px;
  z-index: 6;
  top: -56px;
  left: 0;
}
.open-user .topbar {
  z-index: 11;
}
.scrolling .topbar {
  -webkit-box-shadow: 0 2px 4px 0 rgba(33, 43, 54, 0.15);
          box-shadow: 0 2px 4px 0 rgba(33, 43, 54, 0.15);
}
.open-menu .topbar {
  left: 0;
  z-index: 8;
}
.demo-mode .topbar {
  background: #FC7405;
}
.topbar .alert {
  margin: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: none;
  color: #fff;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.topbar .alert i svg {
  fill: #fff;
}
.topbar p {
  margin: 0;
  line-height: 1.2;
}
.topbar .btn {
  margin: 0 0.5rem;
  color: #26AA27;
  -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.7);
          box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.7);
}
.topbar .btn.outline {
  color: rgba(255, 255, 255, 0.7);
}
.topbar .btn.outline:hover {
  color: #fff;
  -webkit-box-shadow: inset 0 0 0 1px #ffffff;
          box-shadow: inset 0 0 0 1px #ffffff;
}
.page > header,
.page-heading {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  padding: 0 30px;
  position: relative;
  background: #ffffff;
  color: #5F6470;
  width: 100%;
  z-index: 5;
}
.page > header .auto,
.page-heading .auto {
  padding: 1.5rem 0 0.5rem 0;
}
.configure .page > header .auto > .row {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.page > header .col,
.page-heading .col {
  margin-bottom: 1rem;
}
.page > header p,
.page-heading p {
  margin: 0.2rem 0 0 0;
  font-size: 1.063rem;
  line-height: 1.3;
  color: #8E959E;
}
.page > header .select,
.page-heading .select {
  margin-left: auto;
}
header .more {
  position: absolute;
  top: 45px;
  right: 10px;
}
header .switch {
  position: absolute;
  left: 20px;
  top: 20px;
}
.page-easyprinting .page-heading,
.page-printsecurity .page-heading,
.page-reducewaste .page-heading {
  min-height: 170px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.nav-account {
  height: 100%;
  position: relative;
}
.nav-account > a {
  color: rgba(255, 255, 255, 0.7);
  -webkit-transition: all 0.3s, X;
  transition: all 0.3s, X;
  line-height: 1.2;
  text-decoration: none;
  font-size: 0.813rem;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 30px 0 15px;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  text-align: left;
  width: 240px;
  -webkit-box-shadow: -1px 0 0 rgba(255, 255, 255, 0.1);
          box-shadow: -1px 0 0 rgba(255, 255, 255, 0.1);
}
.nav-account .whatsnew {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.nav-account .whatsnew .num {
  background: #FB8332;
  border-radius: 10px;
  margin-left: auto;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  padding: 0 8px;
  height: 20px;
  display: block;
}
.nav-account > a::after {
  content: '';
  background: url('sprite.png') -400px -300px no-repeat;
  height: 0;
  overflow: hidden;
  width: 10px;
  padding-top: 5px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.nav-account a > i {
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  width: 32px;
  height: 32px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  line-height: 32px;
  text-transform: uppercase;
  color: #fff;
  border-radius: 50%;
  text-align: center;
  position: relative;
  margin: 0;
}
.nav-account.unread a > i::after {
  content: '';
  background: #fff;
  width: 8px;
  height: 8px;
  -webkit-box-shadow: 0 0 0 3px #096;
          box-shadow: 0 0 0 3px #096;
  border-radius: 50%;
  position: absolute;
  top: 1px;
  left: 26px;
}
.nav-account a > i img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.nav-account strong {
  display: block;
  color: #fff;
  font-family: 'Barlow', sans-serif;
}
.user {
  margin-left: 10px;
  width: calc(100% - 42px);
}
.demo-mode nav {
  padding-bottom: 111px;
}
.reminder i {
  margin: 0 10px 0 0;
  width: 20px;
  height: 20px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
.reminder i svg {
  fill: #fff;
  color: #fff;
}
.demo-mode nav .reminder {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 200px;
  padding: 10px;
  background: #FC7405;
  color: #fff;
  font-size: 0.813rem;
}
.demo-mode nav .reminder h5 {
  margin: 0;
  color: #fff;
}
.demo-mode nav .reminder p {
  margin: 0;
}
.user span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block !important;
  max-width: 100%;
}
.user-menu {
  -webkit-transition: opacity 0.2s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: opacity 0.2s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: opacity 0.2s ease-in-out, transform 0.3s ease-in-out;
  transition: opacity 0.2s ease-in-out, transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  -webkit-transform: translate(0, 10px);
          transform: translate(0, 10px);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  background: #fff;
  -webkit-box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5), 0 30px 60px -12px rgba(50, 50, 93, 0.25), 0 18px 36px -18px rgba(0, 0, 0, 0.3), 0 -12px 36px -8px rgba(0, 0, 0, 0.025);
          box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5), 0 30px 60px -12px rgba(50, 50, 93, 0.25), 0 18px 36px -18px rgba(0, 0, 0, 0.3), 0 -12px 36px -8px rgba(0, 0, 0, 0.025);
  border-radius: 3px;
  position: absolute;
  top: 53px;
  right: 10px;
  width: 220px;
  padding: 0.8rem 1rem 0.268rem 1rem;
}
.open-user .user-menu {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
/* .user-menu::before {
  content: '';
  width: 8px;
  height: 8px;
  background: #fff;
  border: 1px solid rgba(215, 222, 227, 0.6);
  border-bottom: 0;
  border-right: 0;
  position: absolute;
  left: 20px;
  top: -5px;
  transform-origin: 50% 50%;
  .transform(rotate(45deg) translate(0, 0));
} */
.user-menu li:not(:last-child) {
  border-bottom: 1px solid rgba(215, 222, 227, 0.5);
}
.user-menu li.split {
  margin: -1px -1rem 0 -1rem;
  padding: 0 1rem;
  border-top: 1px solid #d7dee3;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.user-menu li.split .tip span {
  width: 200px;
}
.user-menu li a {
  color: #8e959e;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0.532rem 0;
}
.user-menu li a:hover {
  color: #26AA27;
}
.nav-account label {
  margin: 0 0 0.532rem 0;
  padding: 0.532rem 0;
}
.nav-account .select {
  margin: 0 0 0.532rem auto;
}
.nav-account .select select {
  padding: 0.3rem 2rem 0.3rem 0.5rem;
  font-size: 0.813rem;
}
.open-menu nav {
  left: 0;
}
#logo {
  content: '';
  background: url('sprite.png') -200px -1800px no-repeat;
  height: 0;
  overflow: hidden;
  width: 119px;
  padding-top: 32px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  margin: 1.5rem auto;
  display: block;
}
#logo.hive {
  content: '';
  background: url('sprite.png') -400px -1900px no-repeat;
  height: 0;
  overflow: hidden;
  width: 135px;
  padding-top: 35px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  margin: 1.5rem auto;
  display: block;
}
#cloud-center {
  fill: red;
}
#logo.mobile {
  display: none !important;
  height: 30px;
  width: auto;
  position: absolute;
  left: 50px;
  top: 13px;
  margin: 0;
}
nav {
  font-family: 'Barlow', sans-serif;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  line-height: 1.2;
  background: #01353D;
  -webkit-box-shadow: inset -3px 0 20px rgba(0, 0, 0, 0.2);
          box-shadow: inset -3px 0 20px rgba(0, 0, 0, 0.2);
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 200px;
  -webkit-transition: left 0.3s, X;
  transition: left 0.3s, X;
  overflow-y: auto;
}
nav > ul {
  margin: 2rem 0 0 0;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  list-style: none;
}
nav > ul li > ul {
  margin: 0;
  list-style: none;
}
nav li {
  margin-bottom: 0;
}
nav li > a {
  color: #ffffff;
  display: block;
  padding: 0.5rem 0.5rem 0.5rem 2.5rem;
  position: relative;
}
nav li.active a,
nav li.active a:hover {
  color: #fff;
  -webkit-box-shadow: inset -4px 0 0 0 #00A68B;
          box-shadow: inset -4px 0 0 0 #00A68B;
  background: rgba(0, 166, 139, 0.2);
  height: 100%;
}
nav > ul li a:hover {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.1);
}
nav h6 {
  margin: 1.5rem 0 0 0;
  padding: 0.5rem 2.5rem;
  position: relative;
  color: #a4acb9;
  -webkit-font-smoothing: antialiased;
}
nav li a i,
nav h6 i {
  width: 2.5rem;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  margin: 2px 0 0 0;
  text-align: center;
}
nav li a i svg,
nav h6 svg {
  fill: #fff;
  width: 20px;
}
nav .nav-home svg {
  width: 22px;
}
nav .nav-configure svg {
  width: 18px;
}
nav .nav-configure > h6 > a {
  color: #ffd23f;
}
nav .nav-explore h6 a {
  color: #26AA27;
}
nav .nav-manage svg {
  width: 18px;
}
nav .nav-manage h6 a {
  color: #2d77e5;
}
nav .nav-account {
  height: auto;
  margin-top: 2rem;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  width: 100%;
  -webkit-transition: all 0.4s, X;
  transition: all 0.4s, X;
}
nav .nav-account > a {
  margin: 0;
  width: 100%;
  padding: 10px;
  height: auto;
}
nav .nav-account .user-menu {
  position: static;
  width: 100%;
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
  max-height: 0;
  padding: 0;
  overflow: hidden;
  -webkit-transition: all 0.2s, max-height 0.5s;
  transition: all 0.2s, max-height 0.5s;
  -webkit-transform: none;
  transform: none;
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
nav .nav-account .user-menu::before {
  display: none !important;
}
nav .user {
  width: calc(100% - 30px);
}
nav .nav-account .user-menu li {
  padding: 0.5rem 10px;
  font-size: 0.813rem;
  border: 0;
}
nav .nav-account .select {
  margin: 0 0 0 auto;
}
nav .nav-account label {
  margin: 0;
  padding: 0;
  color: rgba(255, 255, 255, 0.5);
}
nav .nav-account .user-menu li a {
  padding: 0;
  color: rgba(255, 255, 255, 0.8);
}
nav .nav-account i {
  width: 20px;
  height: 20px;
  line-height: 20px;
}
.open-user nav .nav-account .user-menu {
  max-height: 200px;
}
.nav-toggle.lines-button {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: none;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 24px;
  height: 30px;
  left: 20px;
  z-index: 6;
}
.lines-button {
  position: absolute;
  opacity: 0.8;
  filter: alpha(opacity=80);
  cursor: pointer;
}
.lines-button:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.lines-button.close {
  width: 20px;
  height: 20px;
  right: 1rem;
  top: 1rem;
}
.lines,
.lines::before,
.lines::after {
  display: inline-block;
  width: 18px;
  height: 2px;
  background: #fff;
  -webkit-transition: 0.3s, X;
  transition: 0.3s, X;
  position: absolute;
  top: 14px;
  left: 0;
  content: '';
}
.nav-toggle.lines-button .lines::before {
  width: 24px;
}
.nav-toggle.lines-button .lines::after {
  width: 12px;
}
.lines::before {
  top: -6px;
}
.lines::after {
  top: 6px;
}
.open-menu .lines-button .lines,
.close.lines-button .lines {
  background: transparent;
}
.open-menu .lines-button .lines::before,
.open-menu .lines-button .lines::after,
.close.lines-button .lines::before,
.close.lines-button .lines::after {
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  top: 0;
  width: 24px;
}
.open-menu .lines-button .lines::before,
.close.lines-button .lines::before {
  -webkit-transform: rotate3d(0, 0, 1, 45deg);
          transform: rotate3d(0, 0, 1, 45deg);
}
.open-menu .lines-button .lines::after,
.close.lines-button .lines::after {
  -webkit-transform: rotate3d(0, 0, 1, -45deg);
          transform: rotate3d(0, 0, 1, -45deg);
}
.close .lines,
.close .lines::before,
.close .lines::after {
  width: 16px !important;
  top: 9px;
  left: 1px;
}
aside .lines,
aside .lines::before,
aside .lines::after {
  background: #8e959e;
}
.nav-pages {
  margin: 1rem 0;
}
.nav-pages li {
  margin: 0 15px;
  position: relative;
}
.nav-pages li a.active {
  color: #26AA27;
}
.nav-pages li:not(:last-child)::after {
  content: '';
  background: rgba(255, 255, 255, 0.3);
  width: 6px;
  height: 6px;
  position: absolute;
  right: -18px;
  top: 50%;
  margin: -3px 0 0 0;
  border-radius: 50%;
}
.nav-pages li:last-child:not(.active) .row {
  border-radius: 0 0 3px 3px;
}
#hero {
  background: #d9e8e0 url('cross-section-bg.jpg') 50% 100% no-repeat;
  color: #fff;
  max-height: 325px;
  height: 325px;
  font-size: 0.813rem;
  margin: -2rem -30px 2rem -30px;
  width: calc(100% + 60px);
  padding: 0 30px;
  position: relative;
  -webkit-transition: max-height 0.5s 0.3s, X;
  transition: max-height 0.5s 0.3s, X;
  overflow: hidden;
  overflow-x: auto;
}
#hero.offline .coord::before,
#hero.offline .coord::after,
#hero.offline .client::before,
#hero.offline .client::after {
  content: none;
}
#hero.offline .client .logo {
  -webkit-animation: flicker 2s linear infinite both;
  animation: flicker 2s linear infinite both;
  background: rgba(255, 255, 255, 0.5);
}
#hero .auto {
  height: 100%;
}
body:not(.page-extensions) #hero img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  max-width: none;
  height: 100%;
}
#hero .outline {
  color: #26AA27;
  -webkit-box-shadow: inset 0 0 0 1px #26AA27;
          box-shadow: inset 0 0 0 1px #26AA27;
}
#hero .coord {
  position: absolute;
  color: rgba(0, 0, 0, 0.75);
}
#hero .coord .icon-info {
  position: absolute;
  z-index: 10;
  cursor: pointer;
}
#hero .coord .icon-info svg {
  fill: rgba(0, 0, 0, 0.3);
}
#hero .coord a:not(.btn):hover {
  color: #26AA27;
  text-decoration: underline;
}
#hero .coord .icon {
  width: 48px;
  position: absolute;
  z-index: 1;
  color: #253031;
}
#hero .coord .icon:not(.embel):not(.bold) svg {
  -webkit-filter: drop-shadow(3px 3px 2px rgba(0, 0, 0, 0.3));
          filter: drop-shadow(3px 3px 2px rgba(0, 0, 0, 0.3));
}
#hero-super,
#hero-new {
  top: 10px;
  left: 200px;
}
#hero .coord::before,
#hero .coord::after {
  z-index: 1;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  content: '';
  width: 0;
  -webkit-animation: move-arrows 0.5s linear infinite;
          animation: move-arrows 0.5s linear infinite;
  height: 8px;
  background: -webkit-gradient(linear, left top, right top, color-stop(20%, rgba(255, 255, 255, 0.8)), color-stop(80%, rgba(255, 255, 255, 0.4)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0.8) 20%, rgba(255, 255, 255, 0.4) 80%);
  mask: url(arrow.svg);
  -webkit-mask: url(arrow.svg);
}
@keyframes move-arrows {
  to {
    -webkit-mask-position: 11px 0;
    mask-position: 11px 0;
  }
}
#hero-super::before {
  -webkit-transition: all 0.6s ease-in 1.1s, X;
  transition: all 0.6s ease-in 1.1s, X;
  position: absolute;
  top: 40px;
  left: 230px;
  -webkit-transform: rotate(2deg);
  transform: rotate(2deg);
}
.ready #hero-super::before {
  width: 580px;
}
#hero-super::after {
  -webkit-transition: all 0.6s ease-in 1.5s, X;
  transition: all 0.6s ease-in 1.5s, X;
  position: absolute;
  top: 100px;
  left: 200px;
  -webkit-transform: rotate(55deg);
          transform: rotate(55deg);
}
.ready #hero-super::after {
  width: 110px;
}
#hero-super .icon,
#hero-new .icon {
  height: 48px;
  top: 30px;
  left: 142px;
}
#hero-new .icon.embel {
  top: -4px;
  left: 154px;
  -webkit-animation: flicker 5s ease-in-out 2s 5;
  animation: flicker 5s ease-in-out 2s 5;
}
#hero-new .icon.embel svg {
  stroke: #EB225F;
  stroke-width: 2;
}
#hero-standard,
#hero-toner {
  top: 170px;
  left: 50px;
}
#hero-standard::before {
  -webkit-transition: all 0.6s ease-in 1.3s, X;
  transition: all 0.6s ease-in 1.3s, X;
  position: absolute;
  top: 20px;
  left: 210px;
  -webkit-transform: rotate(-51deg);
          transform: rotate(-51deg);
}
.ready #hero-standard::before {
  width: 110px;
}
#hero-standard::after {
  -webkit-transition: all 0.6s ease-in 1.5s, X;
  transition: all 0.6s ease-in 1.5s, X;
  position: absolute;
  top: 70px;
  left: 220px;
}
.ready #hero-standard::after {
  width: 140px;
}
#hero-standard .icon,
#hero-toner .icon {
  top: 52px;
  left: 140px;
  height: 43px;
}
#hero-toner .icon {
  height: 37px;
  top: 57px;
}
#hero-blank {
  top: 231px;
  left: 450px;
}
#hero-blank .icon {
  height: 34px;
}
#hero-blank.coord::before {
  -webkit-transition: all 0.6s ease-in 1.5s, X;
  transition: all 0.6s ease-in 1.5s, X;
  position: absolute;
  top: 0;
  left: 86px;
  -webkit-transform: rotate(-31deg);
          transform: rotate(-31deg);
  background: -webkit-gradient(linear, left top, right top, color-stop(20%, rgba(37, 169, 39, 0.8)), color-stop(80%, rgba(37, 169, 39, 0.4)));
  background: linear-gradient(to right, rgba(37, 169, 39, 0.8) 20%, rgba(37, 169, 39, 0.4) 80%);
  -webkit-animation: printer-connect 6s ease-in-out 4s 12, move-arrows 0.5s infinite linear;
          animation: printer-connect 6s ease-in-out 4s 12, move-arrows 0.5s infinite linear;
}
.ready #hero-blank::before {
  width: 223px;
}
#hero-blank::after {
  -webkit-transition: all 0.6s ease-in 1.5s, X;
  transition: all 0.6s ease-in 1.5s, X;
  position: absolute;
  top: 10px;
  left: 86px;
  -webkit-transform: rotate(-15deg);
          transform: rotate(-15deg);
}
.ready #hero-blank::after {
  width: 480px;
}
#hero-toner .icon.bold {
  top: 29px;
  left: 169px;
  width: 32px;
  height: 32px;
  padding: 8px;
  background: #FFB100;
  -webkit-animation: shake 5s 5;
  animation: shake 5s 5;
}
#hero-toner .icon.bold svg {
  fill: #fff;
}
#hero-passive,
#hero-popular {
  top: 200px;
  left: 780px;
}
#hero-cloud {
  top: 145px;
  left: 1220px;
}
#hero-cloud > .icon {
  left: -50px;
}
#hero-cloud::before {
  -webkit-transition: all 0.6s ease-in 1.3s, X;
  transition: all 0.6s ease-in 1.3s, X;
  position: absolute;
  top: 5px;
  left: -55px;
  -webkit-transform: rotate(-150deg);
  transform: rotate(-150deg);
}
.ready #hero-cloud::before {
  width: 20px;
}
#hero-cloud .icon {
  padding: 8px;
  width: 36px !important;
  height: 36px;
  background: #89949E;
  border-radius: 50%;
  color: #fff !important;
}
#hero-cloud .icon svg {
  -webkit-filter: none !important;
          filter: none !important;
}
#hero-cloud .icon::before {
  content: '';
  width: 2px;
  height: 26px;
  background: #fff;
  -webkit-box-shadow: 0 0 0 3px #89949E;
          box-shadow: 0 0 0 3px #89949E;
  position: absolute;
  top: 5px;
  left: 17px;
  z-index: 2;
  -webkit-transform: rotate(-42deg);
  transform: rotate(-42deg);
}
#hero-cloud .icon.online {
  background: #26AA27;
}
#hero-cloud .icon.online::before {
  content: none;
}
#hero-remote {
  bottom: 21px;
  left: 1180px;
}
#hero-remote::before {
  -webkit-transition: all 0.6s ease-in 1.3s, X;
  transition: all 0.6s ease-in 1.3s, X;
  position: absolute;
  top: -20px;
  left: 7px;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.ready #hero-remote::before {
  width: 100px;
}
.ready #hero-remote.excl::before {
  height: 3px;
  background: #fff;
  -webkit-mask: none;
          mask: none;
  opacity: 0.3;
  filter: alpha(opacity=30);
}
#hero #hero-remote .icon {
  width: 24px;
}
#hero-passive > .icon {
  left: -70px;
  height: 34px;
  top: 31px;
}
#hero-passive .snooze .icon svg {
  fill: #fff;
}
#hero-popular > .icon {
  top: 18px;
  height: 46px;
  left: -70px;
}
#hero-popular > .icon.embel {
  top: -16px;
}
#hero-popular > .icon.embel .ray {
  -webkit-animation: pulsate 5s ease-in-out 1s 5;
  animation: pulsate 5s ease-in-out 1s 5;
}
#hero-popular > .icon.embel .ray:nth-child(2) {
  -webkit-animation: pulsate 5s ease-in-out 1.1s 5;
  animation: pulsate 5s ease-in-out 1.1s 5;
}
#hero-popular > .icon.embel .ray:nth-child(3) {
  -webkit-animation: pulsate 5s ease-in-out 1.2s 5;
  animation: pulsate 5s ease-in-out 1.2s 5;
}
.snooze {
  position: absolute;
  left: -60px;
  top: 30px;
}
.z {
  position: absolute;
  height: 9px;
  width: 9px;
  z-index: 0;
  opacity: 0;
}
#steam-one {
  -webkit-animation: steam-one 3s ease-out 0.8s infinite;
  animation: steam-one 3s ease-out 0.8s infinite;
}
#steam-two {
  -webkit-animation: steam-two 3s ease-out 0s infinite;
  animation: steam-two 3s ease-out 0s infinite;
}
#steam-three {
  -webkit-animation: steam-three 3s ease-out 1s infinite;
  animation: steam-three 3s ease-out 1s infinite;
}
#hero-user {
  top: 56px;
  left: 741px;
}
#hero-user.coord .icon {
  width: 11px;
  -webkit-transform: rotate(110deg);
  transform: rotate(110deg);
}
#hero-user.coord .icon svg {
  stroke: #13293D;
}
.coord .text {
  width: 140px;
  text-align: center;
  color: rgba(0, 0, 0, 0.7);
}
.transmit::before,
.transmit::after {
  content: "";
  width: 120px;
  height: 120px;
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: 0;
  -webkit-box-shadow: 0 0 0 8px #fff;
          box-shadow: 0 0 0 8px #fff;
  border-radius: 50%;
}
.transmit::before {
  -webkit-animation: ripples 4s ease-out infinite;
  animation: ripples 4s ease-out infinite;
}
.transmit::after {
  -webkit-animation: ripples 4s ease-out infinite 2s;
  animation: ripples 4s ease-out infinite 2s;
}
#hero-user .transmit::before,
#hero-user .transmit::after {
  width: 60px;
  height: 60px;
  -webkit-box-shadow: 0 0 0 6px #fff;
          box-shadow: 0 0 0 6px #fff;
  -webkit-animation: ripples 3s ease-out infinite 0s;
  animation: ripples 3s ease-out infinite 0s;
}
#hero-user .transmit::after {
  -webkit-animation: ripples 3s ease-out infinite 1.5s;
  animation: ripples 3s ease-out infinite 1.5s;
}
#hero em {
  color: #006633;
  font-style: normal;
}
#hero p {
  margin: 0 0 0.5rem;
}
#hero.minimised {
  max-height: 52px;
}
#hero::after {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.3s 0.8s, X;
  transition: all 0.3s 0.8s, X;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  visibility: hidden;
  z-index: 11;
  background-color: #e6f0eb;
  -webkit-box-shadow: inset 0 0 0 1px rgba(215, 222, 227, 0.5);
          box-shadow: inset 0 0 0 1px rgba(215, 222, 227, 0.5);
}
#hero.minimised::after {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all 0.3s 0s, X;
  transition: all 0.3s 0s, X;
  visibility: visible;
}
#hero .empty {
  color: #5F6470;
  display: block;
  -webkit-transition: all 0.3s 0s, X;
  transition: all 0.3s 0s, X;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  top: 0;
  left: 0;
  -webkit-transform: translate(0);
          transform: translate(0);
  z-index: 12;
  max-width: none;
  line-height: 52px;
  text-align: left;
  padding: 0;
}
#hero.minimised .empty {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all 0.3s 0.5s, X;
  transition: all 0.3s 0.5s, X;
  visibility: visible;
}
.page > footer {
  padding: 1.3rem 30px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #E1E7EE;
  color: #A4ACB9;
  font-size: 0.813rem;
  width: calc(100% - 200px);
  position: relative;
  position: fixed;
  bottom: 0;
  left: 200px;
  z-index: 1;
  height: 100px;
}
.page > footer p {
  margin: 0;
}
.page > footer a {
  color: #8E959E;
  text-decoration: underline;
  -webkit-text-decoration-skip: auto;
          text-decoration-skip: auto;
}
.page-faq {
  height: 100%;
}
.page-faq h1 {
  margin-bottom: 2rem;
  -webkit-font-smoothing: antialiased;
}
.page-faq .index h1 {
  margin-bottom: 0.3rem;
  color: #fff;
}
.page-faq .index .icon {
  opacity: 0.3;
  filter: alpha(opacity=30);
  width: 20px;
  height: 24px;
}
.page-faq .index .active .icon {
  opacity: 1;
  filter: alpha(opacity=100);
}
.page-faq .wrap {
  padding: 0;
  height: 100%;
}
.page-faq .auto {
  height: 100%;
  max-width: 100%;
}
.page-faq .auto::before {
  content: '';
  position: absolute;
  background: #01343D;
  width: 3000px;
  top: 0;
  right: 50%;
  height: 100%;
  z-index: -1;
}
.page-faq #logo,
.page-pricing #logo {
  margin: 0 auto 4rem;
  content: '';
  background: url('sprite.png') -200px -1600px no-repeat;
  height: 0;
  overflow: hidden;
  width: 82px;
  padding-top: 83px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
}
.page-faq .page {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  height: 100%;
  margin-bottom: 0;
}
.page-faq .index {
  overflow: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  position: relative;
  background: #01343D;
  color: rgba(255, 255, 255, 0.7);
  min-width: 375px;
  width: 40%;
}
.page-faq .index .row {
  -webkit-box-shadow: inset 0 1px 0 0 rgba(215, 222, 227, 0.5) !important;
          box-shadow: inset 0 1px 0 0 rgba(215, 222, 227, 0.5) !important;
}
.page-faq .title {
  font-family: 'Barlow', sans-serif;
  font-weight: 600;
}
.page-faq .index .row.extra {
  max-height: 0;
  padding: 0 !important;
  overflow: hidden;
  -webkit-transition: all 0.5s, X;
  transition: all 0.5s, X;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.page-faq .index .row.extra ul {
  width: 100%;
}
.page-faq .index a {
  color: #8E959E;
}
.page-faq .index a:hover {
  color: #26AA27;
}
.page-faq .index .active .row.extra {
  max-height: 400px;
  padding-bottom: 0.813rem;
}
.page-faq .search {
  margin-bottom: 1rem;
}
.page-faq .search input[type=search] {
  width: 100%;
}
.page-faq .col > div {
  max-width: 360px;
  padding: 20px 20px 0 20px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin: auto;
  text-align: center;
}
.page-faq .answers {
  overflow: auto;
  position: relative;
  background: #fff;
  padding: 40px;
  width: 60%;
}
.page-faq .placeholder-image {
  height: 240px;
}
.scrollto {
  padding: 0.5rem 20px;
  display: block;
}
.page-faq .index li:last-child:not(.active) .row {
  border-radius: 0 0 3px 3px;
}
.branded .topbar {
  background: #fff;
  -webkit-box-shadow: inset 0 -1px 0 0 #E5E9ED;
          box-shadow: inset 0 -1px 0 0 #E5E9ED;
  color: inherit;
}
.branded .topbar .alert {
  color: inherit;
}
.branded .topbar .alert i svg {
  fill: #A4ACB5;
}
.branded .topbar .btn {
  -webkit-box-shadow: 0 1px 1px 0 rgba(63, 63, 68, 0.05), inset 0 0 0 1px #D7DEE3;
          box-shadow: 0 1px 1px 0 rgba(63, 63, 68, 0.05), inset 0 0 0 1px #D7DEE3;
  color: #8E959E;
}
.branded .nav-account > a {
  width: auto;
  -webkit-box-shadow: inset 1px 0 0 0 #E5E9ED;
          box-shadow: inset 1px 0 0 0 #E5E9ED;
  color: #637381;
}
.branded .nav-account > a .vendor {
  margin-right: 1rem;
  display: block;
  height: 24px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.branded .nav-account > a .vendor img {
  height: 100%;
}
.branded .nav-account strong {
  color: #1A2329;
}
.branded .lines,
.branded .lines::before,
.branded .lines::after {
  background: #8e959e;
}
.branded .user-menu .support {
  background: #F2F7F5;
  margin: 0 -1rem -0.268rem -1rem;
  padding: 0.8rem 1rem 0.8rem 1rem;
  -webkit-box-shadow: inset 0 1px 0 0 #E5E9ED;
          box-shadow: inset 0 1px 0 0 #E5E9ED;
  border-radius: 0 0 3px 3px;
}
.branded .user-menu .support strong {
  display: initial;
}
.branded nav {
  padding-bottom: 111px;
}
.open-user.branded nav {
  padding-bottom: 262px;
}
.branded nav .nav-account {
  background: #fff;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 200px;
}
.branded nav .nav-account a {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.branded nav .nav-account .vendor {
  margin: 0 0 10px 0;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 18px;
}
.branded nav .nav-account .vendor img {
  height: 100%;
}
.branded nav .nav-account label,
.branded nav .nav-account .user-menu li a {
  color: #8E959E;
}
.branded nav .nav-account .user-menu li {
  border-bottom: 1px solid rgba(215, 222, 227, 0.5);
}
.branded nav .user-menu .support {
  margin: 0;
  font-size: 13px;
  padding: 0.5rem 10px;
  -webkit-box-shadow: none;
          box-shadow: none;
  line-height: 1.4;
}
#current-plan {
  padding: 2rem 30px;
  background: #DDEDED;
  width: calc(100% + 60px);
  margin: -2rem -30px 3rem -30px;
  overflow: hidden;
}
#current-plan .row.center {
  border: 1px solid #B6D8D8;
  border-top: 0;
  margin: -1rem 0 0 0;
  padding-top: 20px;
  overflow: hidden;
}
#current-plan .row.center.alt {
  border: 0;
}
#current-plan .card {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  min-height: 240px;
  position: relative;
}
.your-plan .logo {
  content: '';
  background: url('sprite.png') 0 -1800px no-repeat;
  height: 0;
  overflow: hidden;
  width: 119px;
  padding-top: 32px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  margin: 0 auto 2rem auto;
}
.hive .your-plan .logo {
  content: '';
  background: url('sprite.png') -200px -1900px no-repeat;
  height: 0;
  overflow: hidden;
  width: 135px;
  padding-top: 35px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  margin: 0 auto 2rem auto;
}
#current-plan .active-users .card::before,
#current-plan .active-users .card::after {
  height: 200%;
  width: 1px;
  background: #B6D8D8;
  position: absolute;
  left: -30px;
  top: -50%;
  content: '';
  -webkit-transform: rotate(-9deg);
  transform: rotate(-9deg);
  z-index: 0;
}
#current-plan .active-users .card::after {
  left: auto;
  right: -30px;
  -webkit-transform: rotate(9deg);
  transform: rotate(9deg);
}
#current-plan .active-users figure {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 0;
  margin-left: 85px;
}
#current-plan .active-users .lge,
#current-plan .active-users .blk {
  position: relative;
  z-index: 1;
}
#current-plan .icon {
  height: 54px;
  color: #1A2329;
}
.hive .icon {
  color: #1A2329;
}
.hive .icon .pc {
  stroke: #26AA27;
}
#current-plan small {
  color: #5F6470;
  max-width: 240px;
  margin: 0 auto;
}
#current-plan small.last-week {
  color: rgba(0, 0, 0, 0.5);
}
#current-plan .card .lge {
  font-size: 60px;
}
#current-plan h6 {
  color: #3C8787;
  position: relative;
  z-index: 1;
}
#current-plan .num {
  color: #1A2329;
  margin-bottom: 0.3rem;
}
#current-plan .flag {
  position: absolute;
  background: #3C8787;
  color: #DDEDED;
  padding: 3px 5px;
  letter-spacing: 0.05em;
}
#billing-top {
  color: #8E959E;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 0.05em;
  -webkit-font-smoothing: auto;
  font-size: 24px;
}
#current-plan .auto > h3 {
  border-bottom: 1px solid #B6D8D8;
  margin-bottom: 1rem;
}
#current-plan .auto > h3 span {
  background: #DDEDED;
  display: inline-block;
  position: relative;
  top: 10px;
  padding: 0 10px;
}
#current-plan img {
  max-height: 100px;
  margin-bottom: 1rem;
  -ms-flex-item-align: center;
      align-self: center;
  max-width: none;
}
#current-plan h4 {
  margin-bottom: 1rem;
}
#plan-details {
  padding: 2rem 30px;
  background: #DDEDED;
  width: calc(100% + 60px);
  margin: -2rem -30px 3rem -30px;
}
#plan-details .program {
  position: relative;
}
#plan-details .mark {
  width: 100px;
  height: 100px;
}
#current-license {
  margin-bottom: 2rem;
}
.unclaimed .license-certificate {
  background: #eee;
}

#btn-remove {
  float: right;
  margin-right: 32px;
} 

.expired {
  opacity: 0.6;
}

.expired .val.license-to{
  color: red;
}

.expired .license-certificate {
  background: #faa;
}

.text-danger {
  color: #dc3545 !important;
  font-size: 16px;
}

.form-group {
  margin-bottom: 24px;
}

.license-mark {
  padding: 12px;
  margin-bottom: 12px;
}


.license-certificate {
  background: #fff;
  -webkit-box-shadow: inset 1px 1px 0 0 #B6D8D8, inset 0 -1px 0 0 #B6D8D8;
          box-shadow: inset 1px 1px 0 0 #B6D8D8, inset 0 -1px 0 0 #B6D8D8;
  border-right: 1px dashed rgba(215, 222, 227, 0.9);
  padding: 2rem;
  position: relative;
  min-height: 480px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 3px 0 0 3px;
}
.license-certificate .mark {
  position: absolute;
  width: 120px;
  height: 120px;
  bottom: 2rem;
  -webkit-transform: rotate(-5deg);
          transform: rotate(-5deg);
}
.license-details {
  padding: 2rem;
  border-radius: 0 3px 3px 0;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  position: relative;
  background: #fff url(lightpaperfibers.png);
  -webkit-box-shadow: inset -1px 1px 0 0 #B6D8D8, inset 0 -1px 0 0 #B6D8D8, 0 8px 10px -7px rgba(0, 0, 0, 0.1);
          box-shadow: inset -1px 1px 0 0 #B6D8D8, inset 0 -1px 0 0 #B6D8D8, 0 8px 10px -7px rgba(0, 0, 0, 0.1);
  border-bottom-right-radius: 200px 40px;
}
.license-details::before {
  content: '';
  position: absolute;
  left: -15px;
  top: 0;
  background: #DDEDED;
  -webkit-box-shadow: inset -1px 0 0 0 #B6D8D8, inset 0 -1px 0 0 #B6D8D8;
          box-shadow: inset -1px 0 0 0 #B6D8D8, inset 0 -1px 0 0 #B6D8D8;
  width: 30px;
  height: 15px;
  border-bottom-left-radius: 90px;
  border-bottom-right-radius: 90px;
}
.license-details::after {
  content: '';
  position: absolute;
  left: -15px;
  bottom: 0;
  background: #DDEDED;
  -webkit-box-shadow: inset -1px 0 0 0 #B6D8D8, inset 0 -1px 0 0 #B6D8D8;
          box-shadow: inset -1px 0 0 0 #B6D8D8, inset 0 -1px 0 0 #B6D8D8;
  width: 30px;
  height: 15px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  border-bottom-left-radius: 90px;
  border-bottom-right-radius: 90px;
}
.license-certificate .license-pc h3 {
  -webkit-transform: skewY(-10deg);
  transform: skewY(-10deg);
  text-align: center;
  border: 1px solid rgba(215, 222, 227, 0.7);
  padding: 0 10px 5px 10px;
  font-size: 21px;
}
.license-certificate .license-pc small {
  display: block;
  line-height: 0.6;
  margin: -4px -10px 0 0;
  position: relative;
  z-index: -1;
}
.license-certificate .license-pc small span {
  background: #fff;
  padding: 3px 6px;
}
.license-details .tab {
  min-height: 0;
}
.license-details dt {
  color: #1A2329;
  font-weight: 600;
}
.license-details .btn-group {
  margin-top: auto;
}
.license-details .tabs.segments {
  width: 100%;
  padding: 0;
  position: relative;
  text-align: center;
  font-size: 17px;
  -webkit-box-shadow: inset 0 0 0 1px rgba(215, 222, 227, 0.5);
          box-shadow: inset 0 0 0 1px rgba(215, 222, 227, 0.5);
  overflow: visible;
}
.license-details .tabs.segments ul {
  width: 100%;
  padding: 10px 0;
}
.license-details .tabs.segments ul li {
  width: 50%;
}
.license-details .tabs.segments ul li a {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  background: none;
  padding: 0.532rem 0;
}
.license-details .tabs.segments li.active {
  background: none;
}
.license-details .tabs.segments::before {
  content: '';
  width: calc(50%);
  height: calc(100%);
  background: #0A1C2E;
  -webkit-box-shadow: inset -2px -2px 2px 0 rgba(0, 0, 0, 0.1), inset 2px 2px 2px 0 rgba(255, 255, 255, 0.1), 9px 9px 16px rgba(163, 177, 198, 0.6);
          box-shadow: inset -2px -2px 2px 0 rgba(0, 0, 0, 0.1), inset 2px 2px 2px 0 rgba(255, 255, 255, 0.1), 9px 9px 16px rgba(163, 177, 198, 0.6);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  border-radius: 3px;
  -webkit-transition: all 0.3s ease-in-out, X;
  transition: all 0.3s ease-in-out, X;
}
.tabs.segments.usage::before {
  left: calc(50%);
}
.license-details .tabs.segments li.active a {
  color: #fff !important;
  background: none;
}
.license-certificate .center {
  margin: auto;
}
.license-certificate .center .sep {
  font-size: 0.813rem;
  color: #A4ACB9;
  line-height: 1.4;
  font-family: 'Source Sans Pro', sans-serif;
  display: block;
  margin: -0.5rem 0;
}
.license-certificate .center .sep span {
  background: #fff;
}
.license-certificate .row {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#plan-details .license-certificate .row .col:last-child {
  text-align: right;
}
.license-certificate .rgt {
  text-align: right;
}
.license-certificate .val {
  color: #0A1C2E;
  font-family: 'Barlow', sans-serif;
  font-weight: 600;
  font-size: 21px;
  line-height: 1.2;
}
.license-customer .val {
  font-size: 27px;
  padding-bottom: 3px;
  line-height: 1.2;
  color: #0A1C2E;
  font-weight: 600;
}

.license-customer .val.org-crn {
  font-size: 20px;
  padding-bottom: 3px;
  line-height: 1.2;
  color: #A4ACB9;
  font-weight: 200;
}

.license-customer .val.org-id {
  font-size: 16px;
  padding-bottom: 3px;
  line-height: 1.2;
  color: #A4ACB9;
  font-weight: 200;
}

.license-customer .val.distribution, .license-customer .val.partnerCode {
  font-size: 16px;
  padding-bottom: 3px;
  line-height: 1.2;
  color: #A4ACB9;
  font-weight: 200;
}

.license-customer .val.partner {
  border: 0;
  font-size: 21px;
  color: #5F6470;
  font-weight: normal;
}
.license-certificate h6 {
  margin: 0;
  color: #A4ACB9;
}
#current-plan .license-customer small {
  color: #A4ACB9;
  max-width: none;
  margin-top: 0.15rem;
}
.license-details h3 {
  margin-bottom: 0.8rem;
}
.license-details dl {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.license-details .scroll {
  -webkit-box-shadow: 0 -1px 0 0 rgba(215, 222, 227, 0.5);
          box-shadow: 0 -1px 0 0 rgba(215, 222, 227, 0.5);
  margin: 0;
  padding: 0;
  min-height: 100px !important;
}
.license-details .scroll::after {
  content: '';
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 60px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, rgba(250, 251, 251, 0)), to(#fafbfb));
  background: linear-gradient(to bottom, rgba(250, 251, 251, 0) 20%, #fafbfb 100%);
  bottom: 0;
  left: 0;
}
.license-details dt,
.license-details dd {
  width: 50%;
  padding: 0.8rem 0;
  -webkit-box-shadow: 0 1px 0 0 rgba(215, 222, 227, 0.5);
          box-shadow: 0 1px 0 0 rgba(215, 222, 227, 0.5);
}
.license-details dt:nth-last-child(2),
.license-details dd:last-child {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.ribbon {
  width: 100px;
  height: 150px;
  background-color: rgba(182, 216, 216, 0.3);
  position: absolute;
  right: 2rem;
  top: 0;
  z-index: 3;
  color: #A6C5C5;
}
.ribbon svg {
  position: absolute;
  top: 40px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.ribbon::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: -50px;
  border-left: 50px solid rgba(182, 216, 216, 0.3);
  border-right: 50px solid rgba(182, 216, 216, 0.3);
  border-bottom: 50px solid transparent;
}
#plan-details #usage .col {
  margin-bottom: 1rem;
  min-width: 0;
}
#plan-details #usage h6 {
  margin: 0 0 0.2rem;
  color: #3C8787;
}
#plan-details #usage small {
  margin-top: -0.2rem;
  color: rgba(60, 135, 135, 0.8);
}
#plan-details #usage small.period {
  color: #5F6470;
  opacity: 1;
  filter: alpha(opacity=100);
}
#usage .num {
  font-size: 17px;
  color: #0A1C2E;
  font-weight: 600;
  margin-bottom: 0.3rem;
  line-height: 1.3;
}
#usage .icon-info svg {
  fill: #3C8787;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
#plan-details .mark em {
  margin-top: 28px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  -webkit-transform: rotate(-6deg) translate(-50%, 0);
  transform: rotate(-6deg) translate(-50%, 0);
  font-size: 24px;
  background: #fff;
}
#plan-details .mark .tl,
#plan-details .mark .bl {
  font-size: 11px;
}
#plan-details .cert {
  margin: 0;
  padding: 3rem;
  overflow: hidden;
  background: #fff url(lightpaperfibers.png);
  position: relative;
  -webkit-box-shadow: 0 8px 10px -7px rgba(0, 0, 0, 0.1);
          box-shadow: 0 8px 10px -7px rgba(0, 0, 0, 0.1);
  border-bottom-right-radius: 200px 40px;
}
#plan-details .cert::before {
  content: '';
  background: #F2F7F5;
  width: calc(43.33% + 30px);
  height: 140%;
  -webkit-transform: rotate(-9deg);
  transform: rotate(-9deg);
  position: absolute;
  left: -10%;
  top: -10%;
  z-index: 0;
}
#plan-details .cert h4 {
  position: relative;
  margin-bottom: 2rem;
  color: #3C8787;
  font-weight: normal;
  padding-right: 160px;
}
#plan-details .script {
  font-family: 'little_opheliaregular';
  font-size: 20px;
  color: rgba(63, 63, 68, 0.3);
  line-height: 1;
  display: inline-block;
}
#plan-details .col {
  z-index: 2;
  min-width: 150px;
}
#plan-details h2 {
  font-size: 24px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
#plan-details .cert .logo svg {
  height: 60px;
}
#plan-details .divider {
  border-color: #B6D8D8;
  opacity: 0.7;
  filter: alpha(opacity=70);
}
/*
#plan-details dl {
  .flex;
  .box-shadow(0 0 0 1px rgba(182, 216, 216, .5));
}

#plan-details dl dt {
  width: 160px;
  .box-shadow(0 1px 0 0 rgba(182, 216, 216, .5));
  text-transform: uppercase;
  color: #A6C5C5;
  font-size: 10px;
  letter-spacing: 0.05em;
  .flex;
  align-content: center;
  padding: 4px 12px;
}

#plan-details dl dd {
  width: ~"calc(100% - 160px)";
  .box-shadow(0 1px 0 0 rgba(182, 216, 216, .5));
  padding: 4px 6px;
  color: #3C8787;
  font-size: 0.813rem;
} */
#all-plans h2 {
  font-size: 27px;
  margin-bottom: 2rem;
}
#all-plans .tabs.segments {
  max-width: 320px;
  width: 100%;
  margin: 0 auto 2rem auto;
  padding: 0;
  position: relative;
  text-align: center;
  font-size: 0.9375rem;
  -webkit-box-shadow: inset 0 0 0 1px rgba(63, 63, 68, 0.1);
          box-shadow: inset 0 0 0 1px rgba(63, 63, 68, 0.1);
  overflow: visible;
}
#all-plans .tabs.segments ul {
  width: 100%;
  padding: 0;
}
#all-plans .tabs.segments ul li {
  width: 50%;
}
#all-plans .tabs.segments ul li a {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  background: none;
  padding: 0.813rem 1rem;
}
#all-plans .tabs.segments li.active {
  background: none;
}
#all-plans .tabs.segments::before {
  content: '';
  width: calc(50%);
  height: calc(100%);
  background: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #FFF), to(#F2F5F8));
  background-image: linear-gradient(180deg, #FFF 20%, #F2F5F8 100%);
  -webkit-box-shadow: inset -1px -1px 1px 0 rgba(0, 0, 0, 0.1), inset 2px 2px 2px 0 rgba(255, 255, 255, 0.2), 9px 9px 16px rgba(163, 177, 198, 0.6);
          box-shadow: inset -1px -1px 1px 0 rgba(0, 0, 0, 0.1), inset 2px 2px 2px 0 rgba(255, 255, 255, 0.2), 9px 9px 16px rgba(163, 177, 198, 0.6);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  border-radius: 3px;
  -webkit-transition: all 0.3s ease-in-out, X;
  transition: all 0.3s ease-in-out, X;
}
#all-plans .tabs.segments.billing::before {
  left: calc(50%);
}
#all-plans .tabs.segments li.active a {
  background: none;
  color: #1A2329;
  font-weight: 600;
}
.pc svg {
  height: 35px;
  margin: 20px auto calc(11px + 1rem) auto;
}
.hive #all-plans h2 {
  margin-bottom: 4rem;
}
#all-plans h2 strong {
  color: #8E959E;
  font-family: 'Source Sans Pro', sans-serif;
  display: block;
  font-weight: normal;
  font-size: 17px;
}
.hive #all-plans h2 strong {
  max-width: 480px;
  margin: 0 auto;
}
#all-plans .price {
  color: #1A2329;
  font-weight: 600;
  font-family: 'Barlow', sans-serif;
  font-size: 17px;
  margin-top: 1rem;
  width: 100%;
}
#all-plans .price .val {
  font-size: 21px;
}
#all-plans .price small {
  font-family: 'Barlow', sans-serif;
}
#all-plans .list.grid ul {
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  margin-bottom: 2rem;
}
#all-plans .list.grid ul.ticks {
  margin-left: 20px;
}
#all-plans .list.grid > ul > li {
  width: 33.33%;
  padding: 0 15px;
  background: #fff;
  -webkit-box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5) !important;
          box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5) !important;
  max-height: none;
  padding: 0;
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
  -webkit-transition: all 0.3s ease-in-out, X;
  transition: all 0.3s ease-in-out, X;
  opacity: 0;
  filter: alpha(opacity=0);
}
#all-plans.visible .list.grid > ul > li.tier-one {
  border-radius: 3px 0 0 3px;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
#all-plans figure svg {
  margin: 0 auto;
}
#all-plans .logo {
  content: '';
  background: url('sprite.png') 0 -1800px no-repeat;
  height: 0;
  overflow: hidden;
  width: 119px;
  padding-top: 32px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  margin: 0 auto 10px auto;
}
#all-plans .logo-hive {
  margin: 0 auto 10px auto;
}
#all-plans.visible .list.grid > ul > li.tier-two {
  border-radius: 3px 0 0 0;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
#all-plans.visible .list.grid > ul > li.tier-three {
  border-radius: 3px 3px 3px 0;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition-delay: 0.9s;
  transition-delay: 0.9s;
}
#all-plans .list.grid > ul > li.current {
  -webkit-box-shadow: 0 0 0 1px #a3bfc4, 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07) !important;
          box-shadow: 0 0 0 1px #a3bfc4, 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07) !important;
  z-index: 3;
  border-radius: 3px !important;
}
#all-plans .list.grid header {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 30px 20px 0 20px;
  margin: 0 0 10px;
  position: relative;
  overflow: hidden;
}
#all-plans .list.grid header .flag {
  position: absolute;
  left: 0;
  right: 0;
  padding: 10px;
  border-radius: 0;
  top: 0;
  background-color: #DDEDED;
  color: #3C8787;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  text-align: center;
}
#all-plans .list.grid li.tier-one {
  margin-top: 80px;
}
#all-plans .list.grid li.tier-one header {
  padding-top: 44px;
}
#all-plans .list.grid li.tier-one ul {
  margin-top: 39px;
}
#all-plans .list.grid li.tier-two {
  margin-top: 40px;
  z-index: 2;
}
#all-plans .list.grid li.tier-three header {
  margin-bottom: 50px;
}
.ticks {
  margin: 0 0 20px 0;
  color: #1A2329;
  font-weight: 600;
}
.ticks li {
  padding: 5px 20px 5px 20px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.ticks .notick {
  color: #5F6470;
  font-weight: normal;
}
.ticks .notick::before {
  display: none !important;
}
.ticks .icon {
  margin-left: auto;
  color: #A4ACB9;
}
/* .ticks li:nth-child(even) {
  background: #F2F7F5;
} */
.ticks li::before {
  content: '';
  background: url('sprite.png') -600px -900px no-repeat;
  height: 0;
  overflow: hidden;
  width: 12px;
  padding-top: 10px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  position: absolute;
  left: 0;
  top: 10px;
}
#all-plans footer {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  background: #fff;
  padding: 20px 15px 15px 15px;
  width: 100%;
  margin: 0 0 15px 0;
  position: relative;
  -webkit-box-shadow: 0 1px 0 0 rgba(215, 222, 227, 0.5);
          box-shadow: 0 1px 0 0 rgba(215, 222, 227, 0.5);
}
#all-plans .plus {
  text-align: center;
  padding: 5px 0;
  margin-bottom: 10px;
}
.plus strong {
  font-weight: 600;
  font-size: 17px;
  font-style: italic;
  position: relative;
  color: #26AA27;
}
.plus strong::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 0;
  height: 7px;
  width: 100%;
  border: solid 2px #26AA27;
  border-color: #26AA27 transparent transparent transparent;
  border-radius: 50%;
}
/* #all-plans footer::before {
  content: '';
  position: absolute;
  z-index: 2;
  bottom: -50px;
  left: 0;
  height: 50px;
  width: 100%;
  background: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, rgba(50, 50, 93, 0.1) 150%);
} */
#all-plans footer .btn {
  margin: 5px;
  width: 100%;
  -ms-flex-item-align: start;
      align-self: start;
}
#all-plans figure {
  margin: 1rem 0;
  -ms-flex-item-align: center;
      align-self: center;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 75px;
}
#all-plans figure img {
  max-height: 100%;
}
#all-plans .current .card {
  -webkit-box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5), 0 15px 30px -6px rgba(50, 50, 93, 0.15), 0 18px 18px -9px rgba(0, 0, 0, 0.2), 0 -6px 36px -8px rgba(0, 0, 0, 0.025);
          box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5), 0 15px 30px -6px rgba(50, 50, 93, 0.15), 0 18px 18px -9px rgba(0, 0, 0, 0.2), 0 -6px 36px -8px rgba(0, 0, 0, 0.025);
}
.page-billing .mark {
  display: block !important;
  border-radius: 50%;
  border: 1px solid #A6C5C5;
}
.page-billing .mark .icon {
  height: 48px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: none !important;
}
.page-billing .mark em {
  font-size: 21px;
  font-weight: 600;
  line-height: 1.3;
  color: #1A2329;
  font-family: 'Barlow', sans-serif;
  margin-top: 34px;
}
.page-billing .mark .tl {
  font-size: 9px;
  top: 4px;
  color: #A6C5C5;
}
.page-billing .mark .bl {
  font-size: 9px;
  bottom: 4px;
  color: #A6C5C5;
}
.page-pricing #cloud {
  display: none !important;
}
.page-pricing #logo svg {
  visibility: visible;
}
.page-pricing .fills {
  opacity: 1;
  filter: alpha(opacity=100);
}
.page-pricing .wrap {
  padding: 0;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background: #01343D;
  text-align: center;
}
.page-pricing .page-heading {
  background: none;
  color: #fff;
}
.page-pricing h1 {
  color: #80D0C6;
  font-size: 36px;
}
.page-pricing .page {
  min-height: 0;
  width: 100%;
  margin: auto;
  padding: 30px;
}
.pricing-table {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 560px;
  margin: 2rem auto 0 auto;
}
.pricing-table li {
  width: 50%;
  padding: 0 20px;
}
.pricing-table li .card {
  border: 0;
  height: 100%;
  margin: 0 !important;
}
.pricing-table li header {
  background: #759197;
  border-radius: 3px 3px 0 0;
  overflow: hidden;
  color: #fff;
  margin: -20px -20px 20px -20px;
  width: auto;
  padding: 20px;
}
.pricing-table li header img {
  margin: -20px -20px 0.5rem -20px;
  max-width: none;
}
.pricing-table li header h2 {
  color: #95dddb;
  margin-bottom: 0.3rem;
}
.pricing-table li header .lge {
  color: #fff;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.pricing-table li header .lge .unit {
  font-size: 1rem;
  line-height: 1;
  top: 5px;
  opacity: 0.6;
  filter: alpha(opacity=60);
  position: relative;
  margin-right: 2px;
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.pricing-table li header .lge .billing-type {
  position: relative;
  opacity: 0.6;
  filter: alpha(opacity=60);
  text-transform: uppercase;
  font-size: 17px;
  letter-spacing: 0.05em;
  line-height: 1;
  -ms-flex-item-align: end;
      align-self: flex-end;
  top: -5px;
}
.page-styleguide main {
  background: none;
  margin-top: 2rem;
  padding: 0;
  -webkit-box-shadow: inset 0 0 0 1px rgba(215, 222, 227, 0.5);
          box-shadow: inset 0 0 0 1px rgba(215, 222, 227, 0.5);
  border-radius: 3px;
  -ms-flex-wrap: initial;
      flex-wrap: initial;
}
.font-family-reg h1,
.font-family-feg h4 {
  font-weight: normal;
}
.font-family-base h1,
.font-family-base h4 {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: normal;
}
.page-styleguide section {
  -webkit-box-shadow: inset 0 1px 0 0 rgba(215, 222, 227, 0.5);
          box-shadow: inset 0 1px 0 0 rgba(215, 222, 227, 0.5);
  padding: 30px;
}
.page-styleguide main > .flex > .third {
  -webkit-box-shadow: inset -1px 1px 0 0 rgba(215, 222, 227, 0.5);
          box-shadow: inset -1px 1px 0 0 rgba(215, 222, 227, 0.5);
}
.page-styleguide div.twothird {
  padding: 0;
}
.page-styleguide li,
.page-styleguide h6 {
  margin-bottom: 1.3rem;
}
.palette {
  display: grid;
  grid: 80px 45px -webkit-min-content / repeat(5, minmax(50px, 1fr));
  grid: 80px 45px min-content / repeat(5, minmax(50px, 1fr));
  margin-bottom: 1em;
}
.palette h5 {
  grid-column: span 5;
  text-align: left;
  padding: 10px 0;
}
.palette__main {
  grid-column: span 5;
}
.palette.main div:nth-child(1) {
  background: #26AA27;
}
.palette.main div:nth-child(2) {
  background: #BFD9CC;
}
.palette.main div:nth-child(3) {
  background: #0DAB76;
}
.palette.main div:nth-child(4) {
  background: #096;
}
.palette.main div:nth-child(5) {
  background: #065143;
}
.palette.main div:nth-child(6) {
  background: #01353D;
}
.palette.second div:nth-child(1) {
  background: #8E959E;
}
.palette.second div:nth-child(2) {
  background: #B8BFC4;
}
.palette.second div:nth-child(3) {
  background: #A4ACB5;
}
.palette.second div:nth-child(4) {
  background: #5F6470;
}
.palette.second div:nth-child(5) {
  background: #394C59;
}
.palette.second div:nth-child(6) {
  background: #1A2329;
}
.palette.alternates {
  grid: 80px 45px -webkit-min-content / repeat(3, minmax(50px, 1fr));
  grid: 80px 45px min-content / repeat(3, minmax(50px, 1fr));
}
.palette.alternates div:nth-child(1) {
  background: #348496;
  grid-column: span 1;
}
.palette.alternates div:nth-child(2) {
  background: #E81F5F;
}
.palette.alternates div:nth-child(3) {
  background: #FFB100;
}
.font-family {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.page-signin.mobile.animated .pitch {
  background: #01353d;
}
.page-signin.mobile.animated .phase.a {
  background: url(mobile-bg-b.jpg) no-repeat center center;
}
.page-signin.mobile.animated .phone .placeholder-header {
  background: #01353d;
  padding-top: 13px;
  height: 69px;
}
.page-signin.mobile.animated .pitch > .flex .col ul li.poi-thumbnails {
  top: 165px;
}
.page-signin.mobile.animated .pitch > .flex .col ul li.poi-btn {
  bottom: 0;
  position: absolute;
}
.mobile.page-signin.animated .nav-account {
  top: 0;
  padding-top: 13px;
}
.mobile.page-signin.animated .screen .empty {
  font-size: 1em;
  color: #5F6470;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all 0.3s 0.5s, X;
  transition: all 0.3s 0.5s, X;
}
.mobile.page-signin.animated .screen .empty.humpty {
  opacity: 0;
  filter: alpha(opacity=0);
}
.mobile.page-signin.animated .screen .empty h5 {
  color: #1A2329;
}
.mobile.page-signin.animated .screen .empty .icon {
  height: 120px;
}
.page-signin.mobile.animated .phone .placeholder-header strong {
  color: #fff;
}
.page-signin.mobile.animated .placeholder-pc::after {
  content: '';
  background: url('sprite.png') -222px -1800px no-repeat;
  height: 0;
  overflow: hidden;
  width: 92px;
  padding-top: 32px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
}
.page-signin.mobile.animated .phase.b .placeholder-item {
  padding: 15px 15px 15px 72px;
  margin: 0 -15px;
  border-radius: 0;
  -webkit-box-shadow: inset 0 -1px 0 0 #E6E6E6;
          box-shadow: inset 0 -1px 0 0 #E6E6E6;
  text-align: left;
  -webkit-transition: all 0.3s, X;
  transition: all 0.3s, X;
  -webkit-transform: translate(0, 20px);
  transform: translate(0, 20px);
  opacity: 0;
  filter: alpha(opacity=0);
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(100) {
  -webkit-transition-delay: 39.6s;
  transition-delay: 39.6s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(99) {
  -webkit-transition-delay: 39.2s;
  transition-delay: 39.2s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(98) {
  -webkit-transition-delay: 38.8s;
  transition-delay: 38.8s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(97) {
  -webkit-transition-delay: 38.4s;
  transition-delay: 38.4s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(96) {
  -webkit-transition-delay: 38s;
  transition-delay: 38s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(95) {
  -webkit-transition-delay: 37.6s;
  transition-delay: 37.6s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(94) {
  -webkit-transition-delay: 37.2s;
  transition-delay: 37.2s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(93) {
  -webkit-transition-delay: 36.8s;
  transition-delay: 36.8s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(92) {
  -webkit-transition-delay: 36.4s;
  transition-delay: 36.4s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(91) {
  -webkit-transition-delay: 36s;
  transition-delay: 36s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(90) {
  -webkit-transition-delay: 35.6s;
  transition-delay: 35.6s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(89) {
  -webkit-transition-delay: 35.2s;
  transition-delay: 35.2s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(88) {
  -webkit-transition-delay: 34.8s;
  transition-delay: 34.8s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(87) {
  -webkit-transition-delay: 34.4s;
  transition-delay: 34.4s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(86) {
  -webkit-transition-delay: 34s;
  transition-delay: 34s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(85) {
  -webkit-transition-delay: 33.6s;
  transition-delay: 33.6s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(84) {
  -webkit-transition-delay: 33.2s;
  transition-delay: 33.2s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(83) {
  -webkit-transition-delay: 32.8s;
  transition-delay: 32.8s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(82) {
  -webkit-transition-delay: 32.4s;
  transition-delay: 32.4s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(81) {
  -webkit-transition-delay: 32s;
  transition-delay: 32s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(80) {
  -webkit-transition-delay: 31.6s;
  transition-delay: 31.6s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(79) {
  -webkit-transition-delay: 31.2s;
  transition-delay: 31.2s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(78) {
  -webkit-transition-delay: 30.8s;
  transition-delay: 30.8s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(77) {
  -webkit-transition-delay: 30.4s;
  transition-delay: 30.4s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(76) {
  -webkit-transition-delay: 30s;
  transition-delay: 30s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(75) {
  -webkit-transition-delay: 29.6s;
  transition-delay: 29.6s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(74) {
  -webkit-transition-delay: 29.2s;
  transition-delay: 29.2s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(73) {
  -webkit-transition-delay: 28.8s;
  transition-delay: 28.8s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(72) {
  -webkit-transition-delay: 28.4s;
  transition-delay: 28.4s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(71) {
  -webkit-transition-delay: 28s;
  transition-delay: 28s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(70) {
  -webkit-transition-delay: 27.6s;
  transition-delay: 27.6s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(69) {
  -webkit-transition-delay: 27.2s;
  transition-delay: 27.2s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(68) {
  -webkit-transition-delay: 26.8s;
  transition-delay: 26.8s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(67) {
  -webkit-transition-delay: 26.4s;
  transition-delay: 26.4s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(66) {
  -webkit-transition-delay: 26s;
  transition-delay: 26s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(65) {
  -webkit-transition-delay: 25.6s;
  transition-delay: 25.6s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(64) {
  -webkit-transition-delay: 25.2s;
  transition-delay: 25.2s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(63) {
  -webkit-transition-delay: 24.8s;
  transition-delay: 24.8s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(62) {
  -webkit-transition-delay: 24.4s;
  transition-delay: 24.4s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(61) {
  -webkit-transition-delay: 24s;
  transition-delay: 24s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(60) {
  -webkit-transition-delay: 23.6s;
  transition-delay: 23.6s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(59) {
  -webkit-transition-delay: 23.2s;
  transition-delay: 23.2s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(58) {
  -webkit-transition-delay: 22.8s;
  transition-delay: 22.8s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(57) {
  -webkit-transition-delay: 22.4s;
  transition-delay: 22.4s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(56) {
  -webkit-transition-delay: 22s;
  transition-delay: 22s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(55) {
  -webkit-transition-delay: 21.6s;
  transition-delay: 21.6s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(54) {
  -webkit-transition-delay: 21.2s;
  transition-delay: 21.2s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(53) {
  -webkit-transition-delay: 20.8s;
  transition-delay: 20.8s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(52) {
  -webkit-transition-delay: 20.4s;
  transition-delay: 20.4s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(51) {
  -webkit-transition-delay: 20s;
  transition-delay: 20s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(50) {
  -webkit-transition-delay: 19.6s;
  transition-delay: 19.6s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(49) {
  -webkit-transition-delay: 19.2s;
  transition-delay: 19.2s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(48) {
  -webkit-transition-delay: 18.8s;
  transition-delay: 18.8s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(47) {
  -webkit-transition-delay: 18.4s;
  transition-delay: 18.4s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(46) {
  -webkit-transition-delay: 18s;
  transition-delay: 18s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(45) {
  -webkit-transition-delay: 17.6s;
  transition-delay: 17.6s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(44) {
  -webkit-transition-delay: 17.2s;
  transition-delay: 17.2s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(43) {
  -webkit-transition-delay: 16.8s;
  transition-delay: 16.8s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(42) {
  -webkit-transition-delay: 16.4s;
  transition-delay: 16.4s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(41) {
  -webkit-transition-delay: 16s;
  transition-delay: 16s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(40) {
  -webkit-transition-delay: 15.6s;
  transition-delay: 15.6s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(39) {
  -webkit-transition-delay: 15.2s;
  transition-delay: 15.2s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(38) {
  -webkit-transition-delay: 14.8s;
  transition-delay: 14.8s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(37) {
  -webkit-transition-delay: 14.4s;
  transition-delay: 14.4s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(36) {
  -webkit-transition-delay: 14s;
  transition-delay: 14s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(35) {
  -webkit-transition-delay: 13.6s;
  transition-delay: 13.6s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(34) {
  -webkit-transition-delay: 13.2s;
  transition-delay: 13.2s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(33) {
  -webkit-transition-delay: 12.8s;
  transition-delay: 12.8s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(32) {
  -webkit-transition-delay: 12.4s;
  transition-delay: 12.4s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(31) {
  -webkit-transition-delay: 12s;
  transition-delay: 12s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(30) {
  -webkit-transition-delay: 11.6s;
  transition-delay: 11.6s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(29) {
  -webkit-transition-delay: 11.2s;
  transition-delay: 11.2s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(28) {
  -webkit-transition-delay: 10.8s;
  transition-delay: 10.8s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(27) {
  -webkit-transition-delay: 10.4s;
  transition-delay: 10.4s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(26) {
  -webkit-transition-delay: 10s;
  transition-delay: 10s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(25) {
  -webkit-transition-delay: 9.6s;
  transition-delay: 9.6s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(24) {
  -webkit-transition-delay: 9.2s;
  transition-delay: 9.2s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(23) {
  -webkit-transition-delay: 8.8s;
  transition-delay: 8.8s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(22) {
  -webkit-transition-delay: 8.4s;
  transition-delay: 8.4s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(21) {
  -webkit-transition-delay: 8s;
  transition-delay: 8s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(20) {
  -webkit-transition-delay: 7.6s;
  transition-delay: 7.6s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(19) {
  -webkit-transition-delay: 7.2s;
  transition-delay: 7.2s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(18) {
  -webkit-transition-delay: 6.8s;
  transition-delay: 6.8s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(17) {
  -webkit-transition-delay: 6.4s;
  transition-delay: 6.4s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(16) {
  -webkit-transition-delay: 6s;
  transition-delay: 6s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(15) {
  -webkit-transition-delay: 5.6s;
  transition-delay: 5.6s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(14) {
  -webkit-transition-delay: 5.2s;
  transition-delay: 5.2s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(13) {
  -webkit-transition-delay: 4.8s;
  transition-delay: 4.8s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(12) {
  -webkit-transition-delay: 4.4s;
  transition-delay: 4.4s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(11) {
  -webkit-transition-delay: 4s;
  transition-delay: 4s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(10) {
  -webkit-transition-delay: 3.6s;
  transition-delay: 3.6s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(9) {
  -webkit-transition-delay: 3.2s;
  transition-delay: 3.2s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(8) {
  -webkit-transition-delay: 2.8s;
  transition-delay: 2.8s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(7) {
  -webkit-transition-delay: 2.4s;
  transition-delay: 2.4s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(6) {
  -webkit-transition-delay: 2s;
  transition-delay: 2s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(5) {
  -webkit-transition-delay: 1.6s;
  transition-delay: 1.6s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(4) {
  -webkit-transition-delay: 1.2s;
  transition-delay: 1.2s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(3) {
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.8s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(2) {
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
.page-signin.mobile.animated .phase.b .placeholder-item:nth-child(1) {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.page-signin.mobile.animated .step-2 .phase.b .placeholder-item {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  max-height: 100px;
}
.page-signin.mobile.animated .step-2 .phase.b .placeholder-item.printing > * {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.3s 2.7s, X;
  transition: opacity 0.3s 2.7s, X;
}
.page-signin.mobile.animated .step-2 .phase.b .placeholder-item.printing {
  max-height: 0;
  padding: 0;
  -webkit-transition: all 0.3s 3s, X;
  transition: all 0.3s 3s, X;
}
.page-signin.mobile.animated .phase.b .placeholder-checkbox {
  height: 40px;
  width: 40px;
  left: 15px;
  background: #A4ACB9;
  -webkit-box-shadow: 0 0 0 1px #E6E6E6;
          box-shadow: 0 0 0 1px #E6E6E6;
}
.page-signin.mobile.animated .phase.b .placeholder-checkbox svg:not(.wave) {
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.15s, X;
  transition: all 0.15s, X;
  z-index: 3;
}
.page-signin.mobile.animated .phase.b .placeholder-checkbox .wave {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 23px;
  z-index: 1;
  margin-top: 1px;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.15s, X;
  transition: all 0.15s, X;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.wave span {
  display: block;
  bottom: 0;
  left: 0;
  width: 3px;
  height: 5px;
  background: #26AA27;
  position: absolute;
  -webkit-animation: analyze 1.5s infinite ease-in-out;
          animation: analyze 1.5s infinite ease-in-out;
}
.wave span:nth-child(2) {
  left: 5px;
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.wave span:nth-child(3) {
  left: 10px;
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
.wave span:nth-child(4) {
  left: 15px;
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
.wave span:nth-child(5) {
  left: 20px;
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}
.page-signin.mobile.animated .phase.b .placeholder-checkbox img {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.15s, X;
  transition: all 0.15s, X;
  position: relative;
  z-index: 2;
}
.page-signin.mobile.animated .print-ready .phase.b .placeholder-checkbox img {
  opacity: 1;
  filter: alpha(opacity=100);
}
.page-signin.mobile.animated .phase.b .placeholder-checkbox .tick {
  content: '';
  background: url('sprite.png') -988px -787px no-repeat;
  height: 0;
  overflow: hidden;
  width: 40px;
  padding-top: 40px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  background-color: #26AA27;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin-top: 1px;
  z-index: 2;
  opacity: 0;
  filter: alpha(opacity=0);
}
.page-signin.mobile.animated .phase.b .printing .placeholder-checkbox {
  background: #fff;
}
.page-signin.mobile.animated .phase.b .printing .placeholder-checkbox .tick {
  -webkit-transition: all 0.15s 2s, X;
  transition: all 0.15s 2s, X;
  opacity: 1;
  filter: alpha(opacity=100);
}
.page-signin.mobile.animated .phase.b .printing .placeholder-checkbox img {
  opacity: 0;
  filter: alpha(opacity=0);
}
.page-signin.mobile.animated .phase.b .printing .placeholder-checkbox svg {
  opacity: 1;
  filter: alpha(opacity=100);
}
.page-signin.mobile.animated .phase.b .printing .placeholder-checkbox .wave {
  opacity: 1;
  filter: alpha(opacity=100);
}
.printing .progress-value {
  stroke-dasharray: 125.66;
  stroke-dashoffset: 125.66;
  -webkit-animation: loader 2s 1 forwards;
          animation: loader 2s 1 forwards;
}
@-webkit-keyframes loader {
  from {
    stroke-dashoffset: 125.66;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes loader {
  from {
    stroke-dashoffset: 125.66;
  }
  to {
    stroke-dashoffset: 0;
  }
}
.page-signin .phase.b .placeholder-checkbox::before {
  display: none !important;
}
.page-signin.mobile.animated .phase.b .placeholder-item h5 {
  font-size: 1em;
  line-height: 1.3;
  position: relative;
}
.page-signin.mobile.animated .phase.b .placeholder-item span.shimmer {
  background: #A4ACB9;
  height: 13px;
  width: 80%;
  position: absolute;
  left: 0;
  top: 3px;
}
.page-signin.mobile.animated .phase.b .placeholder-item span.shimmer:nth-child(2) {
  width: 60%;
  top: 21px;
}
.page-signin.mobile.animated .phase.b .placeholder-item span.text {
  opacity: 0;
  filter: alpha(opacity=0);
}
.page-signin.mobile.animated .print-ready .phase.b .placeholder-item span.shimmer {
  opacity: 0;
  filter: alpha(opacity=0);
}
.page-signin.mobile.animated .print-ready .phase.b .placeholder-item span.text {
  opacity: 1;
  filter: alpha(opacity=100);
}
.page-signin.mobile.animated .phase.b .placeholder-item p {
  margin: 0;
  position: relative;
}
.page-signin.mobile.animated .phase.b .placeholder-item p span.shimmer {
  width: 40%;
  opacity: 0.5;
  filter: alpha(opacity=50);
  top: 3px;
}
.page-signin.mobile .page {
  min-height: 100%;
}
.page-signin.mobile .phone .screen {
  background: #01353D;
}
.page-signin.mobile .screen.open-user .step-release {
  -webkit-transform: translate(0, 260px);
  transform: translate(0, 260px);
}
.page-signin.mobile .screen .step-user {
  background: #01353D;
  width: calc(100% - 10px);
  position: absolute;
  left: 5px;
  top: 5px;
  text-align: left;
  z-index: -1;
  padding: 20px 0;
}
.page-signin.mobile .screen .step-user a {
  color: #fff;
}
.page-signin.mobile .screen .step-user a.close {
  top: 13px;
}
.page-signin.mobile .screen .step-user header {
  padding: 0.8rem 15px;
  text-align: center;
}
.page-signin.mobile .screen .step-user ul {
  margin: 0;
}
.page-signin.mobile .screen .step-user li a {
  padding: 0.5rem 0;
  display: block;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.page-signin.mobile .screen .step-user li a i {
  width: 22px;
  margin-right: 20px;
  text-align: center;
}
.page-signin.mobile .screen .step-user li a span {
  display: block;
  -ms-flex-item-align: center;
      align-self: center;
}
.page-signin.mobile .screen .step-user footer {
  padding: 0.8rem 0;
  margin: 0.8rem 15px 0 15px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 13px;
  color: #a4acb9;
  -webkit-box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.2);
          box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.2);
}
.page-signin.mobile .pitch {
  padding: 6rem 0 30px;
  width: 100%;
  background: -webkit-gradient(linear, left top, right top, from(#021E66), to(#0F7578));
  background: linear-gradient(to right, #021E66, #0F7578);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.page-signin.mobile .pitch #logo {
  position: absolute;
  top: 2rem;
  left: 30px;
}
.page-signin.mobile .pitch > .flex {
  margin: 3rem auto 0 auto;
  max-width: 1180px;
}
.page-signin.mobile .pitch > .flex .col {
  width: calc(50% - 376px/2);
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
.page-signin.mobile .pitch > .flex .col:first-child ul {
  text-align: right;
  list-style: none;
  font-family: Barlow, sans-serif;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: calc(100% - 60px);
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 40px 20px 0 40px;
  position: relative;
}
.page-signin.mobile .pitch > .flex .col:last-child ul {
  text-align: left;
  list-style: none;
  font-family: Barlow, sans-serif;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: calc(100% - 60px);
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 40px 0 40px 20px;
  position: relative;
}
.page-signin.mobile .pitch > .flex .col ul li {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate(20px, 0);
  transform: translate(20px, 0);
  -webkit-transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1), X;
  transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1), X;
  position: relative;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(100) {
  -webkit-transition-delay: 99s;
  transition-delay: 99s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(99) {
  -webkit-transition-delay: 98s;
  transition-delay: 98s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(98) {
  -webkit-transition-delay: 97s;
  transition-delay: 97s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(97) {
  -webkit-transition-delay: 96s;
  transition-delay: 96s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(96) {
  -webkit-transition-delay: 95s;
  transition-delay: 95s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(95) {
  -webkit-transition-delay: 94s;
  transition-delay: 94s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(94) {
  -webkit-transition-delay: 93s;
  transition-delay: 93s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(93) {
  -webkit-transition-delay: 92s;
  transition-delay: 92s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(92) {
  -webkit-transition-delay: 91s;
  transition-delay: 91s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(91) {
  -webkit-transition-delay: 90s;
  transition-delay: 90s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(90) {
  -webkit-transition-delay: 89s;
  transition-delay: 89s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(89) {
  -webkit-transition-delay: 88s;
  transition-delay: 88s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(88) {
  -webkit-transition-delay: 87s;
  transition-delay: 87s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(87) {
  -webkit-transition-delay: 86s;
  transition-delay: 86s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(86) {
  -webkit-transition-delay: 85s;
  transition-delay: 85s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(85) {
  -webkit-transition-delay: 84s;
  transition-delay: 84s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(84) {
  -webkit-transition-delay: 83s;
  transition-delay: 83s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(83) {
  -webkit-transition-delay: 82s;
  transition-delay: 82s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(82) {
  -webkit-transition-delay: 81s;
  transition-delay: 81s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(81) {
  -webkit-transition-delay: 80s;
  transition-delay: 80s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(80) {
  -webkit-transition-delay: 79s;
  transition-delay: 79s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(79) {
  -webkit-transition-delay: 78s;
  transition-delay: 78s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(78) {
  -webkit-transition-delay: 77s;
  transition-delay: 77s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(77) {
  -webkit-transition-delay: 76s;
  transition-delay: 76s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(76) {
  -webkit-transition-delay: 75s;
  transition-delay: 75s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(75) {
  -webkit-transition-delay: 74s;
  transition-delay: 74s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(74) {
  -webkit-transition-delay: 73s;
  transition-delay: 73s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(73) {
  -webkit-transition-delay: 72s;
  transition-delay: 72s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(72) {
  -webkit-transition-delay: 71s;
  transition-delay: 71s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(71) {
  -webkit-transition-delay: 70s;
  transition-delay: 70s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(70) {
  -webkit-transition-delay: 69s;
  transition-delay: 69s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(69) {
  -webkit-transition-delay: 68s;
  transition-delay: 68s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(68) {
  -webkit-transition-delay: 67s;
  transition-delay: 67s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(67) {
  -webkit-transition-delay: 66s;
  transition-delay: 66s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(66) {
  -webkit-transition-delay: 65s;
  transition-delay: 65s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(65) {
  -webkit-transition-delay: 64s;
  transition-delay: 64s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(64) {
  -webkit-transition-delay: 63s;
  transition-delay: 63s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(63) {
  -webkit-transition-delay: 62s;
  transition-delay: 62s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(62) {
  -webkit-transition-delay: 61s;
  transition-delay: 61s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(61) {
  -webkit-transition-delay: 60s;
  transition-delay: 60s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(60) {
  -webkit-transition-delay: 59s;
  transition-delay: 59s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(59) {
  -webkit-transition-delay: 58s;
  transition-delay: 58s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(58) {
  -webkit-transition-delay: 57s;
  transition-delay: 57s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(57) {
  -webkit-transition-delay: 56s;
  transition-delay: 56s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(56) {
  -webkit-transition-delay: 55s;
  transition-delay: 55s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(55) {
  -webkit-transition-delay: 54s;
  transition-delay: 54s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(54) {
  -webkit-transition-delay: 53s;
  transition-delay: 53s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(53) {
  -webkit-transition-delay: 52s;
  transition-delay: 52s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(52) {
  -webkit-transition-delay: 51s;
  transition-delay: 51s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(51) {
  -webkit-transition-delay: 50s;
  transition-delay: 50s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(50) {
  -webkit-transition-delay: 49s;
  transition-delay: 49s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(49) {
  -webkit-transition-delay: 48s;
  transition-delay: 48s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(48) {
  -webkit-transition-delay: 47s;
  transition-delay: 47s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(47) {
  -webkit-transition-delay: 46s;
  transition-delay: 46s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(46) {
  -webkit-transition-delay: 45s;
  transition-delay: 45s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(45) {
  -webkit-transition-delay: 44s;
  transition-delay: 44s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(44) {
  -webkit-transition-delay: 43s;
  transition-delay: 43s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(43) {
  -webkit-transition-delay: 42s;
  transition-delay: 42s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(42) {
  -webkit-transition-delay: 41s;
  transition-delay: 41s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(41) {
  -webkit-transition-delay: 40s;
  transition-delay: 40s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(40) {
  -webkit-transition-delay: 39s;
  transition-delay: 39s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(39) {
  -webkit-transition-delay: 38s;
  transition-delay: 38s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(38) {
  -webkit-transition-delay: 37s;
  transition-delay: 37s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(37) {
  -webkit-transition-delay: 36s;
  transition-delay: 36s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(36) {
  -webkit-transition-delay: 35s;
  transition-delay: 35s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(35) {
  -webkit-transition-delay: 34s;
  transition-delay: 34s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(34) {
  -webkit-transition-delay: 33s;
  transition-delay: 33s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(33) {
  -webkit-transition-delay: 32s;
  transition-delay: 32s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(32) {
  -webkit-transition-delay: 31s;
  transition-delay: 31s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(31) {
  -webkit-transition-delay: 30s;
  transition-delay: 30s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(30) {
  -webkit-transition-delay: 29s;
  transition-delay: 29s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(29) {
  -webkit-transition-delay: 28s;
  transition-delay: 28s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(28) {
  -webkit-transition-delay: 27s;
  transition-delay: 27s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(27) {
  -webkit-transition-delay: 26s;
  transition-delay: 26s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(26) {
  -webkit-transition-delay: 25s;
  transition-delay: 25s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(25) {
  -webkit-transition-delay: 24s;
  transition-delay: 24s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(24) {
  -webkit-transition-delay: 23s;
  transition-delay: 23s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(23) {
  -webkit-transition-delay: 22s;
  transition-delay: 22s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(22) {
  -webkit-transition-delay: 21s;
  transition-delay: 21s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(21) {
  -webkit-transition-delay: 20s;
  transition-delay: 20s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(20) {
  -webkit-transition-delay: 19s;
  transition-delay: 19s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(19) {
  -webkit-transition-delay: 18s;
  transition-delay: 18s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(18) {
  -webkit-transition-delay: 17s;
  transition-delay: 17s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(17) {
  -webkit-transition-delay: 16s;
  transition-delay: 16s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(16) {
  -webkit-transition-delay: 15s;
  transition-delay: 15s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(15) {
  -webkit-transition-delay: 14s;
  transition-delay: 14s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(14) {
  -webkit-transition-delay: 13s;
  transition-delay: 13s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(13) {
  -webkit-transition-delay: 12s;
  transition-delay: 12s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(12) {
  -webkit-transition-delay: 11s;
  transition-delay: 11s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(11) {
  -webkit-transition-delay: 10s;
  transition-delay: 10s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(10) {
  -webkit-transition-delay: 9s;
  transition-delay: 9s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(9) {
  -webkit-transition-delay: 8s;
  transition-delay: 8s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(8) {
  -webkit-transition-delay: 7s;
  transition-delay: 7s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(7) {
  -webkit-transition-delay: 6s;
  transition-delay: 6s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(6) {
  -webkit-transition-delay: 5s;
  transition-delay: 5s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(5) {
  -webkit-transition-delay: 4s;
  transition-delay: 4s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(4) {
  -webkit-transition-delay: 3s;
  transition-delay: 3s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(3) {
  -webkit-transition-delay: 2s;
  transition-delay: 2s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(2) {
  -webkit-transition-delay: 1s;
  transition-delay: 1s;
}
.page-signin.mobile .pitch > .flex .col ul li:nth-child(1) {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.page-signin.mobile .pitch > .flex .col ul li.poi-thumbnails {
  top: 200px;
  position: absolute;
}
.page-signin.mobile .pitch > .flex .col ul li::after {
  content: '';
  width: 35px;
  height: 1px;
  background: #fff;
  position: absolute;
  top: 12px;
  right: -42px;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.page-signin.mobile .pitch > .flex .col:last-child ul li::after {
  right: auto;
  left: -42px;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li {
  -webkit-transform: translate(-20px, 0);
  transform: translate(-20px, 0);
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(100) {
  -webkit-transition-delay: 39.6s;
  transition-delay: 39.6s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(99) {
  -webkit-transition-delay: 39.2s;
  transition-delay: 39.2s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(98) {
  -webkit-transition-delay: 38.8s;
  transition-delay: 38.8s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(97) {
  -webkit-transition-delay: 38.4s;
  transition-delay: 38.4s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(96) {
  -webkit-transition-delay: 38s;
  transition-delay: 38s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(95) {
  -webkit-transition-delay: 37.6s;
  transition-delay: 37.6s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(94) {
  -webkit-transition-delay: 37.2s;
  transition-delay: 37.2s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(93) {
  -webkit-transition-delay: 36.8s;
  transition-delay: 36.8s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(92) {
  -webkit-transition-delay: 36.4s;
  transition-delay: 36.4s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(91) {
  -webkit-transition-delay: 36s;
  transition-delay: 36s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(90) {
  -webkit-transition-delay: 35.6s;
  transition-delay: 35.6s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(89) {
  -webkit-transition-delay: 35.2s;
  transition-delay: 35.2s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(88) {
  -webkit-transition-delay: 34.8s;
  transition-delay: 34.8s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(87) {
  -webkit-transition-delay: 34.4s;
  transition-delay: 34.4s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(86) {
  -webkit-transition-delay: 34s;
  transition-delay: 34s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(85) {
  -webkit-transition-delay: 33.6s;
  transition-delay: 33.6s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(84) {
  -webkit-transition-delay: 33.2s;
  transition-delay: 33.2s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(83) {
  -webkit-transition-delay: 32.8s;
  transition-delay: 32.8s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(82) {
  -webkit-transition-delay: 32.4s;
  transition-delay: 32.4s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(81) {
  -webkit-transition-delay: 32s;
  transition-delay: 32s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(80) {
  -webkit-transition-delay: 31.6s;
  transition-delay: 31.6s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(79) {
  -webkit-transition-delay: 31.2s;
  transition-delay: 31.2s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(78) {
  -webkit-transition-delay: 30.8s;
  transition-delay: 30.8s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(77) {
  -webkit-transition-delay: 30.4s;
  transition-delay: 30.4s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(76) {
  -webkit-transition-delay: 30s;
  transition-delay: 30s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(75) {
  -webkit-transition-delay: 29.6s;
  transition-delay: 29.6s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(74) {
  -webkit-transition-delay: 29.2s;
  transition-delay: 29.2s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(73) {
  -webkit-transition-delay: 28.8s;
  transition-delay: 28.8s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(72) {
  -webkit-transition-delay: 28.4s;
  transition-delay: 28.4s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(71) {
  -webkit-transition-delay: 28s;
  transition-delay: 28s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(70) {
  -webkit-transition-delay: 27.6s;
  transition-delay: 27.6s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(69) {
  -webkit-transition-delay: 27.2s;
  transition-delay: 27.2s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(68) {
  -webkit-transition-delay: 26.8s;
  transition-delay: 26.8s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(67) {
  -webkit-transition-delay: 26.4s;
  transition-delay: 26.4s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(66) {
  -webkit-transition-delay: 26s;
  transition-delay: 26s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(65) {
  -webkit-transition-delay: 25.6s;
  transition-delay: 25.6s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(64) {
  -webkit-transition-delay: 25.2s;
  transition-delay: 25.2s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(63) {
  -webkit-transition-delay: 24.8s;
  transition-delay: 24.8s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(62) {
  -webkit-transition-delay: 24.4s;
  transition-delay: 24.4s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(61) {
  -webkit-transition-delay: 24s;
  transition-delay: 24s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(60) {
  -webkit-transition-delay: 23.6s;
  transition-delay: 23.6s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(59) {
  -webkit-transition-delay: 23.2s;
  transition-delay: 23.2s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(58) {
  -webkit-transition-delay: 22.8s;
  transition-delay: 22.8s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(57) {
  -webkit-transition-delay: 22.4s;
  transition-delay: 22.4s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(56) {
  -webkit-transition-delay: 22s;
  transition-delay: 22s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(55) {
  -webkit-transition-delay: 21.6s;
  transition-delay: 21.6s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(54) {
  -webkit-transition-delay: 21.2s;
  transition-delay: 21.2s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(53) {
  -webkit-transition-delay: 20.8s;
  transition-delay: 20.8s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(52) {
  -webkit-transition-delay: 20.4s;
  transition-delay: 20.4s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(51) {
  -webkit-transition-delay: 20s;
  transition-delay: 20s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(50) {
  -webkit-transition-delay: 19.6s;
  transition-delay: 19.6s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(49) {
  -webkit-transition-delay: 19.2s;
  transition-delay: 19.2s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(48) {
  -webkit-transition-delay: 18.8s;
  transition-delay: 18.8s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(47) {
  -webkit-transition-delay: 18.4s;
  transition-delay: 18.4s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(46) {
  -webkit-transition-delay: 18s;
  transition-delay: 18s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(45) {
  -webkit-transition-delay: 17.6s;
  transition-delay: 17.6s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(44) {
  -webkit-transition-delay: 17.2s;
  transition-delay: 17.2s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(43) {
  -webkit-transition-delay: 16.8s;
  transition-delay: 16.8s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(42) {
  -webkit-transition-delay: 16.4s;
  transition-delay: 16.4s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(41) {
  -webkit-transition-delay: 16s;
  transition-delay: 16s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(40) {
  -webkit-transition-delay: 15.6s;
  transition-delay: 15.6s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(39) {
  -webkit-transition-delay: 15.2s;
  transition-delay: 15.2s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(38) {
  -webkit-transition-delay: 14.8s;
  transition-delay: 14.8s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(37) {
  -webkit-transition-delay: 14.4s;
  transition-delay: 14.4s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(36) {
  -webkit-transition-delay: 14s;
  transition-delay: 14s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(35) {
  -webkit-transition-delay: 13.6s;
  transition-delay: 13.6s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(34) {
  -webkit-transition-delay: 13.2s;
  transition-delay: 13.2s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(33) {
  -webkit-transition-delay: 12.8s;
  transition-delay: 12.8s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(32) {
  -webkit-transition-delay: 12.4s;
  transition-delay: 12.4s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(31) {
  -webkit-transition-delay: 12s;
  transition-delay: 12s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(30) {
  -webkit-transition-delay: 11.6s;
  transition-delay: 11.6s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(29) {
  -webkit-transition-delay: 11.2s;
  transition-delay: 11.2s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(28) {
  -webkit-transition-delay: 10.8s;
  transition-delay: 10.8s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(27) {
  -webkit-transition-delay: 10.4s;
  transition-delay: 10.4s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(26) {
  -webkit-transition-delay: 10s;
  transition-delay: 10s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(25) {
  -webkit-transition-delay: 9.6s;
  transition-delay: 9.6s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(24) {
  -webkit-transition-delay: 9.2s;
  transition-delay: 9.2s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(23) {
  -webkit-transition-delay: 8.8s;
  transition-delay: 8.8s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(22) {
  -webkit-transition-delay: 8.4s;
  transition-delay: 8.4s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(21) {
  -webkit-transition-delay: 8s;
  transition-delay: 8s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(20) {
  -webkit-transition-delay: 7.6s;
  transition-delay: 7.6s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(19) {
  -webkit-transition-delay: 7.2s;
  transition-delay: 7.2s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(18) {
  -webkit-transition-delay: 6.8s;
  transition-delay: 6.8s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(17) {
  -webkit-transition-delay: 6.4s;
  transition-delay: 6.4s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(16) {
  -webkit-transition-delay: 6s;
  transition-delay: 6s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(15) {
  -webkit-transition-delay: 5.6s;
  transition-delay: 5.6s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(14) {
  -webkit-transition-delay: 5.2s;
  transition-delay: 5.2s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(13) {
  -webkit-transition-delay: 4.8s;
  transition-delay: 4.8s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(12) {
  -webkit-transition-delay: 4.4s;
  transition-delay: 4.4s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(11) {
  -webkit-transition-delay: 4s;
  transition-delay: 4s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(10) {
  -webkit-transition-delay: 3.6s;
  transition-delay: 3.6s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(9) {
  -webkit-transition-delay: 3.2s;
  transition-delay: 3.2s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(8) {
  -webkit-transition-delay: 2.8s;
  transition-delay: 2.8s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(7) {
  -webkit-transition-delay: 2.4s;
  transition-delay: 2.4s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(6) {
  -webkit-transition-delay: 2s;
  transition-delay: 2s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(5) {
  -webkit-transition-delay: 1.6s;
  transition-delay: 1.6s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(4) {
  -webkit-transition-delay: 1.2s;
  transition-delay: 1.2s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(3) {
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.8s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(2) {
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
.page-signin.mobile .pitch > .flex .col:first-child ul li:nth-child(1) {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.page-signin.mobile .pitch.step-2 > .flex .col ul li,
.page-signin.mobile .pitch.listview > .flex .col ul li {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
.page-signin.mobile .demo {
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all 0s cubic-bezier(0.23, 1, 0.32, 1), X;
  transition: all 0s cubic-bezier(0.23, 1, 0.32, 1), X;
  margin-top: 0;
}
.ready.mobile .demo {
  -webkit-transform: scale(1);
          transform: scale(1);
  height: 656px;
}
.page-signin.mobile .phone,
.page-signin.mobile .step-2 .phone {
  width: 376px;
  height: 656px;
  margin-top: 0;
}
.page-signin.mobile .phone .notch {
  height: 2%;
}
.page-signin.mobile .phase {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #EFF3F7;
}
.page-signin.mobile .phase.a {
  background: url(mobile-bg.jpg) no-repeat center center;
}
.page-signin.mobile .phase h2 {
  position: absolute;
  left: 50%;
  top: 50%;
  color: #8E959E;
  width: 100%;
  opacity: 0.4;
  filter: alpha(opacity=40);
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1) 1s, X;
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1) 1s, X;
}
.page-signin.mobile .step-2 .phase h2 {
  top: 100px;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.page-signin.mobile .listview .phase h2 {
  top: 100px;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  -webkit-transition: all 0s 0s, X;
  transition: all 0s 0s, X;
}
.page-signin.mobile .step-release {
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: relative;
  background: #EFF3F7;
  border-radius: 10px;
  -webkit-transition: all 0.3s ease-in-out, X;
  transition: all 0.3s ease-in-out, X;
}
.page-signin.mobile .phone .apphome {
  position: static;
  height: 100%;
}
.page-signin.mobile .placeholder-appicon {
  width: calc(25% - 10px);
  height: 0;
  padding-top: calc(25% - 10px);
  background: #fff;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.ready.page-signin.mobile .placeholder-appicon.brand,
.page-signin.mobile .placeholder-appicon.brand {
  opacity: 1;
  filter: alpha(opacity=100);
}
.page-signin.mobile h1 {
  color: #fff;
  text-transform: uppercase;
  font-size: 48px;
  -webkit-transform: skewY(-10deg);
          transform: skewY(-10deg);
  line-height: 1;
}
.mobile h1 span.first {
  display: block;
  -webkit-transform: translate(-100px, 0);
          transform: translate(-100px, 0);
  -webkit-filter: blur(5px);
          filter: blur(5px);
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1), X;
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1), X;
}
.mobile h1 span.last {
  display: block;
  -webkit-transform: translate(200px, 0);
          transform: translate(200px, 0);
  -webkit-filter: blur(5px);
          filter: blur(5px);
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1), X;
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1), X;
  color: #D5FE45;
}
.ready.mobile h1 span {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-filter: blur(0);
          filter: blur(0);
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
.mobile.page-signin .phone {
  background: -webkit-gradient(linear, left top, right top, from(#6ACFEC), to(#9EEDED));
  background: linear-gradient(to right, #6ACFEC, #9EEDED);
}
.mobile.page-signin .phone .placeholder-header {
  padding: 0;
  height: 80px;
  background: none;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.mobile.page-signin .nav-account {
  position: absolute;
  right: 0;
  z-index: 10;
}
.mobile.page-signin .nav-account > a {
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 0;
  margin-right: 20px;
}
.mobile.page-signin .nav-account > a::after {
  display: none !important;
}
.placeholder-pc {
  width: 114px;
  height: 32px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transition: all 0.15s cubic-bezier(0.23, 1, 0.32, 1) 0.2s, left 0.5s cubic-bezier(0.23, 1, 0.32, 1) 1.5s, width 0.5s cubic-bezier(0.23, 1, 0.32, 1) 1.5s, transform 0.5s cubic-bezier(0.23, 1, 0.32, 1) 1.5s;
  -webkit-transition: all 0.15s cubic-bezier(0.23, 1, 0.32, 1) 0.2s, left 0.5s cubic-bezier(0.23, 1, 0.32, 1) 1.5s, width 0.5s cubic-bezier(0.23, 1, 0.32, 1) 1.5s, -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1) 1.5s;
  transition: all 0.15s cubic-bezier(0.23, 1, 0.32, 1) 0.2s, left 0.5s cubic-bezier(0.23, 1, 0.32, 1) 1.5s, width 0.5s cubic-bezier(0.23, 1, 0.32, 1) 1.5s, -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1) 1.5s;
  transition: all 0.15s cubic-bezier(0.23, 1, 0.32, 1) 0.2s, left 0.5s cubic-bezier(0.23, 1, 0.32, 1) 1.5s, width 0.5s cubic-bezier(0.23, 1, 0.32, 1) 1.5s, transform 0.5s cubic-bezier(0.23, 1, 0.32, 1) 1.5s;
  transition: all 0.15s cubic-bezier(0.23, 1, 0.32, 1) 0.2s, left 0.5s cubic-bezier(0.23, 1, 0.32, 1) 1.5s, width 0.5s cubic-bezier(0.23, 1, 0.32, 1) 1.5s, transform 0.5s cubic-bezier(0.23, 1, 0.32, 1) 1.5s, -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1) 1.5s;
  opacity: 0;
  filter: alpha(opacity=0);
  white-space: nowrap;
  overflow: hidden;
}
.placeholder-pc::before {
  content: '';
  background: url('sprite.png') 0 -1800px no-repeat;
  height: 0;
  overflow: hidden;
  width: 22px;
  padding-top: 32px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
}
.placeholder-pc::after {
  content: '';
  background: url('sprite.png') -22px -1800px no-repeat;
  height: 0;
  overflow: hidden;
  width: 92px;
  padding-top: 32px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  -webkit-transition: opacity 0.15s ease-in-out 1s, X;
  transition: opacity 0.15s ease-in-out 1s, X;
}
.step-2 .placeholder-pc {
  opacity: 1;
  filter: alpha(opacity=100);
  left: 20px;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  -webkit-animation: blur 0.5s cubic-bezier(0.23, 1, 0.32, 1) 1s;
  animation: blur 0.5s cubic-bezier(0.23, 1, 0.32, 1) 1s;
  width: 22px;
}
.listview .placeholder-pc {
  opacity: 1;
  filter: alpha(opacity=100);
  left: 20px;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  -webkit-transition: all 0s, X;
  transition: all 0s, X;
  width: 22px;
}
.step-2 .placeholder-pc::after {
  opacity: 0;
  filter: alpha(opacity=0);
}
.page-signin .details .phase.a,
.page-signin .listview .phase.a {
  opacity: 0;
  visibility: hidden;
}
.page-signin .listview .phase.b {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
.mobile.page-signin .phase.b .placeholder-carousel {
  margin: 0 -15px;
  width: calc(100% + 30px);
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item {
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0;
  text-align: center;
  -webkit-transform: translate(100px, 0);
  transform: translate(100px, 0);
  -webkit-transition: opacity 0.15s ease-in-out 1s, transform 0.3s ease-in-out 1s;
  -webkit-transition: opacity 0.15s ease-in-out 1s, -webkit-transform 0.3s ease-in-out 1s;
  transition: opacity 0.15s ease-in-out 1s, -webkit-transform 0.3s ease-in-out 1s;
  transition: opacity 0.15s ease-in-out 1s, transform 0.3s ease-in-out 1s;
  transition: opacity 0.15s ease-in-out 1s, transform 0.3s ease-in-out 1s, -webkit-transform 0.3s ease-in-out 1s;
  opacity: 0;
  filter: alpha(opacity=0);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 20px 0 80px 0;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(100) {
  -webkit-transition-delay: 19.8s;
  transition-delay: 19.8s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(99) {
  -webkit-transition-delay: 19.6s;
  transition-delay: 19.6s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(98) {
  -webkit-transition-delay: 19.4s;
  transition-delay: 19.4s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(97) {
  -webkit-transition-delay: 19.2s;
  transition-delay: 19.2s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(96) {
  -webkit-transition-delay: 19s;
  transition-delay: 19s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(95) {
  -webkit-transition-delay: 18.8s;
  transition-delay: 18.8s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(94) {
  -webkit-transition-delay: 18.6s;
  transition-delay: 18.6s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(93) {
  -webkit-transition-delay: 18.4s;
  transition-delay: 18.4s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(92) {
  -webkit-transition-delay: 18.2s;
  transition-delay: 18.2s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(91) {
  -webkit-transition-delay: 18s;
  transition-delay: 18s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(90) {
  -webkit-transition-delay: 17.8s;
  transition-delay: 17.8s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(89) {
  -webkit-transition-delay: 17.6s;
  transition-delay: 17.6s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(88) {
  -webkit-transition-delay: 17.4s;
  transition-delay: 17.4s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(87) {
  -webkit-transition-delay: 17.2s;
  transition-delay: 17.2s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(86) {
  -webkit-transition-delay: 17s;
  transition-delay: 17s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(85) {
  -webkit-transition-delay: 16.8s;
  transition-delay: 16.8s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(84) {
  -webkit-transition-delay: 16.6s;
  transition-delay: 16.6s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(83) {
  -webkit-transition-delay: 16.4s;
  transition-delay: 16.4s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(82) {
  -webkit-transition-delay: 16.2s;
  transition-delay: 16.2s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(81) {
  -webkit-transition-delay: 16s;
  transition-delay: 16s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(80) {
  -webkit-transition-delay: 15.8s;
  transition-delay: 15.8s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(79) {
  -webkit-transition-delay: 15.6s;
  transition-delay: 15.6s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(78) {
  -webkit-transition-delay: 15.4s;
  transition-delay: 15.4s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(77) {
  -webkit-transition-delay: 15.2s;
  transition-delay: 15.2s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(76) {
  -webkit-transition-delay: 15s;
  transition-delay: 15s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(75) {
  -webkit-transition-delay: 14.8s;
  transition-delay: 14.8s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(74) {
  -webkit-transition-delay: 14.6s;
  transition-delay: 14.6s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(73) {
  -webkit-transition-delay: 14.4s;
  transition-delay: 14.4s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(72) {
  -webkit-transition-delay: 14.2s;
  transition-delay: 14.2s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(71) {
  -webkit-transition-delay: 14s;
  transition-delay: 14s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(70) {
  -webkit-transition-delay: 13.8s;
  transition-delay: 13.8s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(69) {
  -webkit-transition-delay: 13.6s;
  transition-delay: 13.6s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(68) {
  -webkit-transition-delay: 13.4s;
  transition-delay: 13.4s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(67) {
  -webkit-transition-delay: 13.2s;
  transition-delay: 13.2s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(66) {
  -webkit-transition-delay: 13s;
  transition-delay: 13s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(65) {
  -webkit-transition-delay: 12.8s;
  transition-delay: 12.8s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(64) {
  -webkit-transition-delay: 12.6s;
  transition-delay: 12.6s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(63) {
  -webkit-transition-delay: 12.4s;
  transition-delay: 12.4s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(62) {
  -webkit-transition-delay: 12.2s;
  transition-delay: 12.2s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(61) {
  -webkit-transition-delay: 12s;
  transition-delay: 12s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(60) {
  -webkit-transition-delay: 11.8s;
  transition-delay: 11.8s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(59) {
  -webkit-transition-delay: 11.6s;
  transition-delay: 11.6s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(58) {
  -webkit-transition-delay: 11.4s;
  transition-delay: 11.4s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(57) {
  -webkit-transition-delay: 11.2s;
  transition-delay: 11.2s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(56) {
  -webkit-transition-delay: 11s;
  transition-delay: 11s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(55) {
  -webkit-transition-delay: 10.8s;
  transition-delay: 10.8s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(54) {
  -webkit-transition-delay: 10.6s;
  transition-delay: 10.6s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(53) {
  -webkit-transition-delay: 10.4s;
  transition-delay: 10.4s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(52) {
  -webkit-transition-delay: 10.2s;
  transition-delay: 10.2s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(51) {
  -webkit-transition-delay: 10s;
  transition-delay: 10s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(50) {
  -webkit-transition-delay: 9.8s;
  transition-delay: 9.8s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(49) {
  -webkit-transition-delay: 9.6s;
  transition-delay: 9.6s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(48) {
  -webkit-transition-delay: 9.4s;
  transition-delay: 9.4s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(47) {
  -webkit-transition-delay: 9.2s;
  transition-delay: 9.2s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(46) {
  -webkit-transition-delay: 9s;
  transition-delay: 9s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(45) {
  -webkit-transition-delay: 8.8s;
  transition-delay: 8.8s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(44) {
  -webkit-transition-delay: 8.6s;
  transition-delay: 8.6s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(43) {
  -webkit-transition-delay: 8.4s;
  transition-delay: 8.4s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(42) {
  -webkit-transition-delay: 8.2s;
  transition-delay: 8.2s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(41) {
  -webkit-transition-delay: 8s;
  transition-delay: 8s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(40) {
  -webkit-transition-delay: 7.8s;
  transition-delay: 7.8s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(39) {
  -webkit-transition-delay: 7.6s;
  transition-delay: 7.6s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(38) {
  -webkit-transition-delay: 7.4s;
  transition-delay: 7.4s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(37) {
  -webkit-transition-delay: 7.2s;
  transition-delay: 7.2s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(36) {
  -webkit-transition-delay: 7s;
  transition-delay: 7s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(35) {
  -webkit-transition-delay: 6.8s;
  transition-delay: 6.8s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(34) {
  -webkit-transition-delay: 6.6s;
  transition-delay: 6.6s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(33) {
  -webkit-transition-delay: 6.4s;
  transition-delay: 6.4s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(32) {
  -webkit-transition-delay: 6.2s;
  transition-delay: 6.2s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(31) {
  -webkit-transition-delay: 6s;
  transition-delay: 6s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(30) {
  -webkit-transition-delay: 5.8s;
  transition-delay: 5.8s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(29) {
  -webkit-transition-delay: 5.6s;
  transition-delay: 5.6s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(28) {
  -webkit-transition-delay: 5.4s;
  transition-delay: 5.4s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(27) {
  -webkit-transition-delay: 5.2s;
  transition-delay: 5.2s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(26) {
  -webkit-transition-delay: 5s;
  transition-delay: 5s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(25) {
  -webkit-transition-delay: 4.8s;
  transition-delay: 4.8s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(24) {
  -webkit-transition-delay: 4.6s;
  transition-delay: 4.6s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(23) {
  -webkit-transition-delay: 4.4s;
  transition-delay: 4.4s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(22) {
  -webkit-transition-delay: 4.2s;
  transition-delay: 4.2s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(21) {
  -webkit-transition-delay: 4s;
  transition-delay: 4s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(20) {
  -webkit-transition-delay: 3.8s;
  transition-delay: 3.8s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(19) {
  -webkit-transition-delay: 3.6s;
  transition-delay: 3.6s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(18) {
  -webkit-transition-delay: 3.4s;
  transition-delay: 3.4s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(17) {
  -webkit-transition-delay: 3.2s;
  transition-delay: 3.2s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(16) {
  -webkit-transition-delay: 3s;
  transition-delay: 3s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(15) {
  -webkit-transition-delay: 2.8s;
  transition-delay: 2.8s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(14) {
  -webkit-transition-delay: 2.6s;
  transition-delay: 2.6s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(13) {
  -webkit-transition-delay: 2.4s;
  transition-delay: 2.4s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(12) {
  -webkit-transition-delay: 2.2s;
  transition-delay: 2.2s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(11) {
  -webkit-transition-delay: 2s;
  transition-delay: 2s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(10) {
  -webkit-transition-delay: 1.8s;
  transition-delay: 1.8s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(9) {
  -webkit-transition-delay: 1.6s;
  transition-delay: 1.6s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(8) {
  -webkit-transition-delay: 1.4s;
  transition-delay: 1.4s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(7) {
  -webkit-transition-delay: 1.2s;
  transition-delay: 1.2s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(6) {
  -webkit-transition-delay: 1s;
  transition-delay: 1s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(5) {
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.8s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(4) {
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(3) {
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(2) {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.mobile.page-signin:not(.animated) .phase.b .placeholder-item:nth-child(1) {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.mobile.page-signin .slick-current {
  cursor: pointer;
}
.mobile .placeholder-item h4 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block !important;
  max-width: 100%;
  margin: 0;
}
.mobile.page-signin .phase.b .init .placeholder-item {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
  filter: alpha(opacity=100);
}
.mobile .placeholder-item .placeholder-a4 {
  width: 208px;
  top: 0;
  left: 0;
  overflow: hidden;
  background: #fff;
  border-radius: 0;
  margin: 0 auto 20px auto;
  -webkit-box-shadow: inset 0 -1px 0 0 #DFE4E8, 0 6px 12px -2px rgba(50, 50, 93, 0.25), 0 3px 7px -3px rgba(0, 0, 0, 0.3);
          box-shadow: inset 0 -1px 0 0 #DFE4E8, 0 6px 12px -2px rgba(50, 50, 93, 0.25), 0 3px 7px -3px rgba(0, 0, 0, 0.3);
}
.phase.c {
  visibility: hidden;
  padding: 0;
  overflow: auto;
}
.details .phase.c {
  visibility: visible;
}
.placeholder-a4.clone {
  width: 208px;
  height: 292px;
  position: absolute;
  z-index: 99;
}
.placeholder-a4.clone h4 {
  position: absolute;
  bottom: 20px;
  left: 15px;
  color: #fff;
  z-index: 11;
  margin: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.2s ease-in-out 0s, X;
  transition: all 0.2s ease-in-out 0s, X;
}
.phase.c.visible.shrink .placeholder-a4.clone h4 {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0s ease-in-out 0s, X;
  transition: all 0s ease-in-out 0s, X;
}
.phase.c.visible .placeholder-a4.clone h4 {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all 0.2s ease-in-out 0.3s, X;
  transition: all 0.2s ease-in-out 0.3s, X;
}
.phase.c.visible .placeholder-a4.clone {
  position: relative;
  background: #01353D;
  -webkit-transition: all 0.5s ease-in-out 0s, background 0s;
  transition: all 0.5s ease-in-out 0s, background 0s;
}
.phase.c.shrink.visible .placeholder-a4.clone {
  background: none;
  -webkit-transition: all 0.5s ease-in-out 0s, background 0s;
  transition: all 0.5s ease-in-out 0s, background 0s;
}
.phase.c.visible dl {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
}
.phase.c dl,
.phase.c.shrink dl {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  -webkit-transition: all 0s ease-in-out 0s, X;
  transition: all 0s ease-in-out 0s, X;
  text-align: left;
}
.phase.c dl dt,
.phase.c dl dd {
  width: calc(100% - 100px);
  padding: 0.6rem 15px;
  background: #fff;
  -webkit-box-shadow: inset 0 1px 0 0 rgba(215, 222, 227, 0.5);
          box-shadow: inset 0 1px 0 0 rgba(215, 222, 227, 0.5);
}
.doc-attr {
  overflow: auto;
  padding-bottom: 59px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.doc-attr .close,
.details .shrink .doc-attr .close {
  z-index: 99;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.2s ease-in-out 0s, X;
  transition: all 0.2s ease-in-out 0s, X;
}
.details .doc-attr .close {
  opacity: 1;
  filter: alpha(opacity=100);
}
.phase.c dl dt {
  width: 100px;
}
.placeholder-a4.grayscale img {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}
.details .phase:not(.shrink) .placeholder-a4.clone {
  width: 100%;
  height: auto;
  overflow: hidden;
  top: 0 !important;
  left: 0 !important;
  -webkit-transition: all 0.5s ease-in-out 0s, X;
  transition: all 0.5s ease-in-out 0s, X;
}
.details .shrink .placeholder-a4.clone {
  position: absolute !important;
  width: 208px;
}
.details .shrink .placeholder-a4.clone img {
  opacity: 1;
  filter: alpha(opacity=100);
}
.details .placeholder-a4.clone img {
  display: block;
  margin: 0 auto;
}
.mobile .slick-current.placeholder-item .placeholder-a4 {
  -webkit-box-shadow: 0 30px 60px -12px rgba(50, 50, 93, 0.25), 0 18px 36px -18px rgba(0, 0, 0, 0.3), 0 -12px 36px -8px rgba(0, 0, 0, 0.025);
          box-shadow: 0 30px 60px -12px rgba(50, 50, 93, 0.25), 0 18px 36px -18px rgba(0, 0, 0, 0.3), 0 -12px 36px -8px rgba(0, 0, 0, 0.025);
}
.mobile .placeholder-footer {
  width: calc(100%);
  height: 60px;
  padding: 10px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: absolute;
  left: 15px;
  bottom: 15px;
  z-index: 10;
  -webkit-box-shadow: 0 -1px 0 0 rgba(215, 222, 227, 0.5), 0 -10px 15px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 -1px 0 0 rgba(215, 222, 227, 0.5), 0 -10px 15px 0 rgba(0, 0, 0, 0.07);
  -webkit-transform: translate(0, 60px);
  transform: translate(0, 60px);
  -webkit-transition: all 0.3s ease-in-out, X;
  transition: all 0.3s ease-in-out, X;
}
.placeholder-appheader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: #A4ACB9;
  margin: 0 auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 15px;
  line-height: 1;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.15s ease-in-out 1.5s, X;
  transition: all 0.15s ease-in-out 1.5s, X;
}
.mobile.page-signin .phone .placeholder-appheader.humpty {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.15s ease-in-out 0s, X;
  transition: all 0.15s ease-in-out 0s, X;
}
.step-2 .placeholder-appheader,
.listview .placeholder-appheader {
  opacity: 1;
  filter: alpha(opacity=100);
}
.listview .placeholder-appheader {
  -webkit-transition: all 0s 0s, X;
  transition: all 0s 0s, X;
}
.page-signin .placeholder-appheader small {
  color: #A4ACB9;
}
.mobile .visible .placeholder-footer,
.mobile .listview .phase.b .placeholder-footer {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
.mobile .step-2 .placeholder-footer {
  -webkit-transform: translate(0, 100%);
  transform: translate(0, 100%);
}
.mobile .step-2 .placeholder-footer.visible {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
.mobile .visible .placeholder-footer {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: all 0.3s ease-in-out 0.5s, X;
  transition: all 0.3s ease-in-out 0.5s, X;
}
.phase.c .placeholder-a4::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  height: 50%;
  z-index: 1;
  width: 100%;
  opacity: 0;
  filter: alpha(opacity=0);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.7)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
}
.phase.c.visible:not(.shrink) .placeholder-a4::before {
  opacity: 1;
  filter: alpha(opacity=100);
}
.page-signin.mobile .step-2 .phase.b .placeholder-button {
  -webkit-transform: scale(1) !important;
  transform: scale(1) !important;
  width: 100%;
  height: 100%;
  margin: 0;
  font-size: 1rem;
  text-transform: none;
  letter-spacing: 0;
  font-weight: normal;
  line-height: 40px;
  background: #26AA27;
  cursor: pointer;
  -webkit-transition: background-color 0.3s, X;
  transition: background-color 0.3s, X;
}
.page-signin.mobile .step-2 .phase.b .placeholder-button.disabled {
  pointer-events: none;
  background: #bbc1c7;
}
@-webkit-keyframes blur {
  0% {
    -webkit-filter: blur(2px);
            filter: blur(2px);
  }
  100% {
    -webkit-filter: blur(0);
            filter: blur(0);
  }
}
@keyframes blur {
  0% {
    -webkit-filter: blur(2px);
            filter: blur(2px);
  }
  100% {
    -webkit-filter: blur(0);
            filter: blur(0);
  }
}
.page-quickstart {
  background: #fff;
  height: 100%;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.page-quickstart main {
  background: #fff;
}
.page-quickstart .wrap {
  padding: 0;
  background: #fff;
  margin: auto;
  min-height: 0;
  overflow: auto;
}
.page-quickstart .page {
  margin: 0;
  min-height: 0;
}
.page-quickstart .manual {
  border-radius: 4px;
  overflow: hidden;
  border: 1px solid rgba(215, 222, 227, 0.5);
  border-right: 0;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  margin: auto;
  background: #fff url(paper.png);
}
.page-quickstart.alt .manual {
  background: #fff;
}
.page-quickstart .wrap header {
  margin: 0;
  padding: 0;
  background: url(grid.png);
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.page-quickstart.alt header {
  background: #13293D;
}
.page-quickstart header .half {
  padding: 2rem;
}
.page-quickstart header .brand {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 2rem;
}
.page-quickstart.alt header .brand {
  background: #EFF3F7 url(quick-start.jpg) 0 100% no-repeat;
  background-size: cover;
}
.page-quickstart header .requirements {
  background: #0D1B27;
  text-align: center;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0;
}
.page-quickstart.alt header .requirements {
  padding: 2rem;
}
.page-quickstart header .requirements li {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 20px;
  margin-bottom: 10px;
}
.page-quickstart header .requirements h6 {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  font-family: 'ddc_hardwarecondensed';
  font-weight: normal;
}
.page-quickstart.alt header .requirements h6 {
  margin: 0;
}
.page-quickstart header .requirements .col {
  padding: 2rem 0;
  margin: 0;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.page-quickstart header .requirements .icon {
  height: 68px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.page-quickstart header .requirements .icon svg {
  margin: auto;
  fill: none;
}
.page-quickstart header .requirements .icon svg.icon-phone {
  max-height: 48px;
}
.page-quickstart header .requirements .icon svg.icon-allen {
  max-height: 34px;
}
.page-quickstart header .requirements .downloads {
  border-right: 1px dashed rgba(255, 255, 255, 0.4);
  background: #0D1B27;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.page-quickstart header .requirements .downloads > div {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 20px;
}
.page-quickstart header .requirements .downloads > div:last-child {
  margin: 0;
}
.badge {
  content: '';
  background: url('sprite.png') -200px -800px no-repeat;
  height: 0;
  overflow: hidden;
  width: 142px;
  padding-top: 48px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  margin: 0 auto;
}
.alt .badge {
  margin: 10px;
}
.badge:hover {
  content: '';
  background: url('sprite.png') -200px -848px no-repeat;
  height: 0;
  overflow: hidden;
  width: 142px;
  padding-top: 48px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
}
.googleplay {
  content: '';
  background: url('sprite.png') -200px -900px no-repeat;
  height: 0;
  overflow: hidden;
  width: 142px;
  padding-top: 48px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
}
.googleplay:hover {
  content: '';
  background: url('sprite.png') -200px -948px no-repeat;
  height: 0;
  overflow: hidden;
  width: 142px;
  padding-top: 48px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
}
.windows {
  content: '';
  background: url('sprite.png') 0 -900px no-repeat;
  height: 0;
  overflow: hidden;
  width: 142px;
  padding-top: 48px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
}
.windows:hover {
  content: '';
  background: url('sprite.png') 0 -948px no-repeat;
  height: 0;
  overflow: hidden;
  width: 142px;
  padding-top: 48px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
}
.mac {
  content: '';
  background: url('sprite.png') -400px -900px no-repeat;
  height: 0;
  overflow: hidden;
  width: 142px;
  padding-top: 48px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
}
.mac:hover {
  content: '';
  background: url('sprite.png') -400px -948px no-repeat;
  height: 0;
  overflow: hidden;
  width: 142px;
  padding-top: 48px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
}
.page-quickstart header .requirements .num {
  display: block;
  color: #b4e7e5;
  font-family: 'ddc_hardwarecompressed';
  font-size: 24px;
}
.page-quickstart header .requirements .num small {
  font-size: 16px;
  color: #b4e7e5;
  font-family: 'ddc_hardwarecompressed';
  margin-left: 2px;
}
.page-quickstart header h2 {
  color: #006633;
  font-family: 'ddc_hardwarecondensed';
  font-size: 36px;
  font-weight: normal;
  margin-bottom: 1.3rem;
}
.page-quickstart header #logo {
  margin: 0 0 1.5rem 0;
  width: auto;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-quickstart header .ver {
  margin-bottom: 1.3rem;
  line-height: 1;
  font-size: 36px;
  font-family: 'ddc_hardwarecompressed';
}
.page-quickstart header .edition {
  margin: 0.5rem 0 0.2rem 0.5rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  content: '';
  background: url('sprite.png') 0 -800px no-repeat;
  height: 0;
  overflow: hidden;
  width: 145px;
  padding-top: 30px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
}
.page-quickstart.alt header .edition {
  margin: 0 0 1.5rem auto;
}
.page-quickstart:not(.alt) header h1 {
  font-size: 64px;
  font-family: 'ddc_hardware_regular';
  font-weight: normal;
  line-height: 0.94;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.page-quickstart.alt header h1 {
  color: rgba(255, 255, 255, 0.6);
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 30px;
  line-height: 0.9;
  letter-spacing: 8px;
  font-family: 'ddc_hardwarecondensed';
  font-weight: normal;
}
.page-quickstart.alt header h1 span {
  display: block;
  font-size: 76px;
  letter-spacing: 0;
  margin: 0 0 0 -4px;
  color: #fff;
}
.quick-start {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0;
  overflow: hidden;
  text-align: center;
}
.quick-start > li {
  width: 33.33%;
  padding: 0 15px;
  text-align: center;
  padding: 3rem 40px;
  margin: 0;
  border-top: 1px solid rgba(215, 222, 227, 0.5);
  border-right: 1px solid rgba(215, 222, 227, 0.5);
}
.alt .quick-start .third {
  padding: 2rem 40px 0 40px;
  border-top: 1px solid rgba(215, 222, 227, 0.5);
  border-right: 1px solid rgba(215, 222, 227, 0.5);
}
.alt .quick-start .third > ul,
.alt .quick-start .third > ol {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0;
}
.alt .quick-start .third > ul > li > ul,
.alt .quick-start .third > ol > li > ul {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.alt .quick-start .col > ol > li {
  width: 100%;
  text-align: center;
  margin: 0 0 1.3rem;
}
.alt .quick-start .col > ol > li::before {
  display: none !important;
}
.alt .quick-start .col > ol > li p .num {
  background: #8E959E;
  width: 24px;
  height: 24px;
  color: #fff;
  line-height: 25px;
  border-radius: 50%;
  font-family: 'Roboto Condensed', sans-serif;
  display: inline-block;
  position: static;
  font-size: 13px;
  margin-right: 6px;
  -webkit-font-smoothing: auto;
}
.alt .quick-start .col.highlight {
  background: rgba(65, 199, 196, 0.05);
}
.quick-start > li a {
  text-decoration: underline;
}
.quick-start > li .icon svg {
  stroke: #1A2329;
  fill: none;
}
.quick-start > li::before {
  font-size: 36px;
  top: 1.5rem;
  left: 2rem;
  line-height: 1;
  color: #1A2329;
  content: counter(counter) '.';
  font-family: 'ddc_hardwarecondensed';
}
.quick-start li p {
  color: #637381;
  margin: 0;
}
.quick-start > li ul {
  margin: 1.3rem 0 0 0;
}
.quick-start li .callout {
  color: #8E959E;
  position: absolute;
  top: 1.5rem;
  right: 1rem;
  width: 120px;
  padding: 0;
  text-align: left;
}
.quick-start li .callout::before {
  content: '';
  width: 60px;
  border-top: 1px dashed #ccc;
  position: absolute;
  left: -67px;
  top: 24px;
  -webkit-transform: rotate(-28deg);
          transform: rotate(-28deg);
}
.page-quickstart > footer {
  position: static;
  height: auto;
  width: 100%;
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 1.5rem 20px;
  color: #8E959E;
  font-size: 13px;
}
.page-quickstart.v4 .manual {
  background: #fff;
  border: 0;
  max-width: 1180px;
  padding: 2rem;
}
.page-quickstart.v4 .manual .flex > header {
  background: none;
  padding: 0 6rem 0 0;
}
.page-quickstart.v4 .manual .title {
  width: 100%;
  margin-bottom: 1rem;
}
.page-quickstart.v4 .manual .title svg {
  width: 100%;
}
.page-quickstart.v4 .manual footer {
  padding: 0;
  margin-top: calc(-2rem - 19px);
}
.page-quickstart.v4 .manual p {
  margin: 0;
}
.page-quickstart.v4 .manual ol {
  margin: 0;
}
.page-quickstart.v4 .manual ol li {
  padding: 0 0 2rem calc(100px + 2rem);
  margin-bottom: 1rem;
}
.page-quickstart.v4 .manual ol > li::before {
  content: '';
  height: calc(100% - 100px - 1rem);
  width: 1px;
  background: #D6DCE0;
  position: absolute;
  left: 50px;
  top: calc(100px + 1rem);
}
.page-quickstart.v4 .manual ol > li:last-child {
  margin: 0;
  padding-bottom: 0;
}
.page-quickstart.v4 .manual ol > li:last-child::before {
  display: none !important;
}
.page-quickstart.v4 .manual ol li header {
  background: none;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 1rem;
}
.page-quickstart.v4 .manual ol li header .icon {
  margin: 0 2rem 0 calc(-100px - 2rem);
}
.page-quickstart.v4 .manual ol li header h3 {
  margin: 0;
}
.page-quickstart.v4 .manual small.blk {
  margin-top: 6px;
  line-height: 1.5;
  background-color: #e6f0eb;
  color: #063;
  padding: 0.532rem 0.8rem;
  border-radius: 3px;
}
.page-quickstart.v4 .manual figure {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.page-quickstart.v4 .manual figure svg {
  width: 100%;
  max-width: 181px;
}
.page-quickstart.v4 .manual figure figcaption {
  width: 50%;
  padding-left: 2rem;
  font-weight: normal;
  color: #5F6470;
  text-transform: none;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 1.5;
}
.page-quickstart.v4 .app-links {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 1.3rem;
}
.page-quickstart.v4 .app-links .badge {
  display: block;
  margin: 0;
}
.page-quickstart.v4 .app-links .badge:last-child {
  margin-left: 20px;
}
.page-sticker {
  height: auto;
  background: #EFF3F7;
}
.page-sticker .wrap {
  padding: 0;
  margin: auto;
  min-height: 0;
  overflow: visible;
}
.page-sticker .page {
  margin: 0;
  min-height: 0;
}
.page-sticker header {
  background: #fff;
  position: relative;
}
.page-sticker .page header p {
  margin: 0 0 1.3rem 0;
  font-size: 0.9375rem;
  line-height: 1.5;
  color: initial;
}
.page-sticker header h1 {
  margin-bottom: 0.3rem;
}
.page-sticker header .auto {
  max-width: 520px;
  margin: 0 auto;
  padding: 1.5rem 0 0.5rem 0;
}
.page-sticker header ol {
  font-size: 17px;
  margin: 0.7rem 0 1.3rem;
}
.page-sticker header ol li {
  width: 33.33%;
  padding: 0 15px;
  max-width: 160px;
  padding: 0;
}
.page-sticker header ol li i {
  display: block;
}
.page-sticker header ol li .mold {
  fill: #13293C;
}
.page-sticker header ol li::before {
  content: '';
  width: calc(100% - 100px - 1rem);
  height: 1px;
  background: #D6DCE0;
  position: absolute;
  left: calc(50% + 58px);
  top: calc(50px);
}
.page-sticker header ol li:last-child::before {
  display: none !important;
}
.page-sticker .toprint {
  position: relative;
}
.page-sticker .highlight {
  color: #5F6470;
  text-transform: none;
  font-size: 15px;
  padding: 0.8rem 1rem;
  border-radius: 3px;
  margin-bottom: 1.3rem;
  font-family: 'Barlow', sans-serif;
  border: 1px solid #D6DCE0;
}
.page-sticker .highlight ul {
  margin-bottom: 0;
}
.page-sticker .alert .flag {
  background: #1A2329;
  color: #fff;
}
.printout {
  overflow: hidden;
  -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
          box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
  background: #fff;
  max-width: 520px;
  margin: 2rem auto;
  position: relative;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.draft-wrap .snip-qr {
  position: absolute;
  width: 13px;
  height: 12px;
  top: 128px;
  left: -6px;
  display: none;
  z-index: 2;
}
.cut-qr .snip-qr {
  display: block;
}
.draft-wrap .snip-qr span {
  position: absolute;
  color: #8E959E;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 0.05em;
  -webkit-font-smoothing: auto;
  font-size: 10px;
  left: calc(100% - 30px);
  top: 2px;
}
.draft-wrap .snip-qr svg {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.draft-wrap .snip-code {
  position: absolute;
  width: 13px;
  height: 12px;
  bottom: -2px;
  left: calc(50% - 10px);
  display: none;
  z-index: 2;
}
.cut-code .snip-code {
  display: block;
}
.draft-wrap .snip-code span {
  position: absolute;
  color: #8E959E;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 0.05em;
  -webkit-font-smoothing: auto;
  font-size: 10px;
  right: -6px;
  top: 16px;
}
.draft-wrap .snip-code svg {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
.draft-wrap .snip-details {
  display: none;
  position: absolute;
  width: 33.33%;
  top: -14px;
  left: calc(33.33%);
  color: #8E959E;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 0.05em;
  -webkit-font-smoothing: auto;
  font-size: 9px;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom: 0;
}
.draft-wrap .snip-nfc {
  position: absolute;
  width: 13px;
  height: 12px;
  top: 128px;
  right: -6px;
  display: none;
  z-index: 2;
}
.cut-nfc .snip-nfc {
  display: block;
}
.draft-wrap .snip-nfc span {
  position: absolute;
  color: #8E959E;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 0.05em;
  -webkit-font-smoothing: auto;
  font-size: 10px;
  right: calc(100% - 35px);
  top: 2px;
}
.draft-wrap .snip-nfc svg {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.draft-wrap {
  position: relative;
}
.draft-wrap .qr i::before {
  content: 'Example Only';
  color: #8E959E;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 0.05em;
  -webkit-font-smoothing: auto;
  color: #000;
  font-weight: 600;
  font-size: 10px;
  -webkit-transform: rotate(-45deg) translate(-50%, -50%);
  transform: rotate(-45deg) translate(-50%, -50%);
  position: absolute;
  top: -5%;
  left: 35%;
  width: 150%;
  line-height: 1;
  padding: 4px 0;
  text-align: center;
  background: #fff;
  z-index: 10;
}
.printout.draft {
  margin: 1rem auto 2rem auto;
}
.printout.draft .segment > *:not(h4) {
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.printout > div {
  width: 33.33%;
  padding: 0 15px;
  text-align: center;
  padding: 15px 10px;
  position: relative;
  overflow: hidden;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 3;
}
.printout > .code {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  background: none;
}
.printout > .details {
  overflow: initial;
  z-index: 2;
}
.printout > .qr h6 {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  left: -20px;
  position: absolute;
}
.printout i {
  width: 60%;
  margin: 0 auto;
}
.printout.no-gaps i {
  width: 100%;
}
.printout i.logo {
  width: 24px;
  height: 24px;
  margin-bottom: 5px;
}
.printout i.icon {
  width: 40px;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
}
.printout > .nfc h6 {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  right: -32px;
  position: absolute;
}
.printout small {
  font-size: 10px;
  color: #000;
}
.printout small a {
  color: rgba(0, 0, 0, 0.5);
}
.printout .watermark {
  overflow: hidden;
  position: absolute;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  bottom: -25px;
  width: 100%;
  height: 135%;
  z-index: 1;
}
.printout .watermark svg,
.printout .watermark img {
  position: absolute;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  top: -10px;
  height: 100%;
  max-width: initial;
}
.mark {
  display: none !important;
  height: 100px;
  width: 100px;
  margin: 0 auto;
  border-radius: 50%;
  position: relative;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}
.mark em {
  display: block;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  color: #000;
  font-family: 'little_opheliaregular';
  font-style: normal;
  font-size: 32px;
  white-space: nowrap;
}
.printout h2 {
  font-size: 1rem;
  color: #000;
}
.printout h6 {
  color: #000;
  opacity: 0.5;
  filter: alpha(opacity=50);
  font-size: 8px;
  margin: 0;
}
.printout .code h6 {
  display: none !important;
}
.printout .numcode {
  font-size: 20px;
  color: #000;
  font-weight: 600;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.printout .numcode span {
  width: 20px;
}
.mark .tl,
.mark .tr {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  color: #8E959E;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 0.05em;
  -webkit-font-smoothing: auto;
  font-size: 8px;
}
.mark .bl,
.mark .br {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  color: #8E959E;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 0.05em;
  -webkit-font-smoothing: auto;
  font-size: 8px;
}
.printout h4 {
  display: none !important;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: -3px;
  color: #8E959E;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 0.05em;
  -webkit-font-smoothing: auto;
  color: #000;
  opacity: 0.07;
  filter: alpha(opacity=7);
  font-size: 30px;
  margin: 0;
  font-weight: 900;
}
.printout .code h4 {
  bottom: auto;
  top: 50%;
  -webkit-transform: translate(0, calc(50% - 25px));
  transform: translate(0, calc(50% - 25px));
}
.segment * {
  position: relative;
  z-index: 2;
}
.cut-qr .qr {
  border: 1px dashed #000;
  border-right: 0;
}
.cut-qr .details {
  border: 1px dashed #000;
  border-left: 0;
}
.cut-qr .printout .qr > *:not(h4),
.cut-qr .printout .details > *:not(h4) {
  opacity: 1;
  filter: alpha(opacity=100);
}
.cut-nfc .nfc {
  border: 1px dashed #000;
  border-left: 0;
}
.cut-nfc .details {
  border: 1px dashed #000;
  border-right: 0;
}
.cut-nfc .printout .nfc > *:not(h4),
.cut-nfc .printout .details > *:not(h4) {
  opacity: 1;
  filter: alpha(opacity=100);
}
.cut-code .code {
  border: 1px dashed #000;
  border-top: 0;
}
.cut-code .details {
  border: 1px dashed #000;
  border-bottom: 0;
}
.cut-code.cut-qr .qr {
  border-bottom: 0;
}
.cut-code.cut-qr .code {
  border-left: 0;
}
.cut-code.cut-qr .details {
  border-left: 0 !important;
}
.cut-code.cut-qr .feature.left {
  border: 1px dashed #000;
  border-top: 0;
  border-right: 0;
}
.cut-code .printout .code > *:not(h4),
.cut-code .printout .details > *:not(h4) {
  opacity: 1;
  filter: alpha(opacity=100);
}
.cut-all {
  border: 1px dashed #000;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.cut-all .segment > *:not(h4) {
  opacity: 1;
  filter: alpha(opacity=100);
}
.cut-qr.cut-nfc .details {
  border-left: 0;
}
.cut-code.cut-nfc .nfc {
  border-bottom: 0;
}
.cut-code.cut-nfc .code {
  border-right: 0 !important;
}
.cut-code.cut-nfc .details {
  border-right: 0 !important;
}
.cut-code.cut-nfc .feature.right {
  border: 1px dashed #000;
  border-top: 0;
  border-left: 0;
}
.toprint {
  position: relative;
}
.toprint::before {
  position: fixed;
  top: -75%;
  left: -75%;
  display: block;
  width: 300%;
  height: 300%;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  font-family: 'Barlow', sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  content: attr(data-watermark);
  color: #000;
  opacity: 0.04;
  filter: alpha(opacity=4);
  font-size: 30px;
  margin: 0;
  font-weight: 900;
  z-index: -1;
}
.page-terms {
  height: 100%;
}
.page-terms .page > .auto {
  max-width: 100%;
}
.page-terms h1 {
  margin-bottom: 2rem;
  -webkit-font-smoothing: antialiased;
}
.page-terms .pitch h1 {
  margin-bottom: 0.3rem;
  color: #fff;
}
.page-terms .pitch .icon {
  opacity: 0.3;
  filter: alpha(opacity=30);
  width: 20px;
  height: 24px;
}
.page-terms .pitch .active .icon {
  opacity: 1;
  filter: alpha(opacity=100);
}
.page-terms .wrap {
  padding: 0;
  height: 100%;
}
.page-terms .auto {
  height: 100%;
}
.page-terms .auto::before {
  content: '';
  position: absolute;
  background: #01343D;
  width: 3000px;
  top: 0;
  right: 50%;
  height: 100%;
  z-index: -1;
}
.abridged p,
.intro {
  font-size: 17px;
  color: #1A2329;
}
.page-terms #logo,
.page-pricing #logo {
  margin: 0 auto 4rem;
  content: '';
  background: url('sprite.png') -200px -1800px no-repeat;
  height: 0;
  overflow: hidden;
  width: 119px;
  padding-top: 32px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
}
.page-terms .page {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  height: 100%;
  margin-bottom: 0;
}
.page-terms .pitch {
  overflow: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  position: relative;
  background: #01343D;
  color: rgba(255, 255, 255, 0.7);
  width: 30%;
}
.page-terms .pitch .row {
  -webkit-box-shadow: inset 0 1px 0 0 rgba(215, 222, 227, 0.5) !important;
          box-shadow: inset 0 1px 0 0 rgba(215, 222, 227, 0.5) !important;
}
.page-terms .title {
  font-family: 'Barlow', sans-serif;
  font-weight: 600;
}
.page-terms .pitch .row.extra {
  max-height: 0;
  padding: 0 !important;
  overflow: hidden;
  -webkit-transition: all 0.5s, X;
  transition: all 0.5s, X;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.page-terms .pitch .row.extra ul {
  width: 100%;
}
.page-terms .pitch a {
  color: #8E959E;
}
.page-terms .pitch a:hover {
  color: #26AA27;
}
.page-terms .pitch .active .row.extra {
  max-height: 400px;
  padding-bottom: 0.813rem;
}
.page-terms .search {
  margin-bottom: 1rem;
}
.page-terms .search input[type=search] {
  width: 100%;
}
.page-terms .pitch > div {
  max-width: 360px;
  padding: 20px;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  margin: auto;
}
.page-terms .content {
  overflow: auto;
  position: relative;
  background: #fff;
  padding: 40px;
  width: 60%;
}
.page-terms .content > div {
  max-width: 760px;
}
.page-terms .placeholder-image {
  height: 240px;
}
.page-terms dd {
  margin-bottom: 0.5rem;
}
.page-terms ol {
  margin-bottom: 1.3rem;
}
.page-terms ol li {
  margin-bottom: 0.5rem;
  padding-left: 30px;
}
.page-terms .scrollto {
  display: block;
  padding: 0;
}
.page-signin.alt {
  background: #01343D;
  color: rgba(255, 255, 255, 0.7);
  height: 100%;
  text-align: center;
}
.page-signin.alt h1 {
  margin-bottom: 0.3rem;
  color: #fff;
  -webkit-font-smoothing: antialiased;
}
.scene {
  fill: #192028;
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
#cloud {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: opacity 0.3s, X;
  transition: opacity 0.3s, X;
}
.completed #cloud {
  opacity: 0;
  filter: alpha(opacity=0);
}
.fills {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.3s, X;
  transition: all 0.3s, X;
}
.completed .fills {
  opacity: 1;
  filter: alpha(opacity=100);
}
.page-signin .wrap {
  padding: 0;
  height: 100%;
  overflow: auto;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.page-signin.alt #logo,
.page-pricing #logo {
  margin: 0 auto 4rem;
  content: '';
  background: url('sprite.png') -200px -1800px no-repeat;
  height: 0;
  overflow: hidden;
  width: 119px;
  padding-top: 32px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
}
.page-signin.alt .page {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  height: 100%;
  margin-bottom: 0;
}
.page-signin .page .row {
  margin: 0;
  width: 100%;
}
.page-signin .col {
  height: 100%;
}
.page-signin .signin {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  position: relative;
}
.page-signin .signin > div,
.page-signin .pitch > div {
  padding: 40px 20px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin: auto;
  width: 100%;
  max-width: 480px;
}
.page-signin .pitch {
  overflow: hidden;
  width: calc(50%);
  position: relative;
  background: #01343D;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.page-signin .pitch .tip.stuck {
  font-family: 'Barlow', sans-serif;
  font-size: 0.9375rem;
  line-height: 1.4;
  min-width: 240px;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  -webkit-transform: translate(0, 8px);
  transform: translate(0, 8px);
  -webkit-transition: all 0.3s 0.5s, X;
  transition: all 0.3s 0.5s, X;
  left: auto;
  right: 40px;
  color: #637381;
  max-width: 320px;
  background: #fff;
  -webkit-box-shadow: 0 15px 35px rgba(50, 50, 93, 0.12), 0 5px 15px rgba(0, 0, 0, 0.1);
          box-shadow: 0 15px 35px rgba(50, 50, 93, 0.12), 0 5px 15px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
}
.page-signin.ready .pitch .tip.stuck {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
  -webkit-transform: translate(0, -8px);
  transform: translate(0, -8px);
}
.page-signin .pitch .tip.stuck::before,
.pitch .tip.stuck::before {
  left: auto;
  right: 15px;
  background: #fff;
  border: 1px solid rgba(215, 222, 227, 0.6);
  border-left: 0;
  border-top: 0;
}
.page-signin .pitch > img {
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  max-height: none;
  max-width: none;
}
.page-signin .pitch .avatar img {
  z-index: 4;
}
.page-signin .pitch .avatar::before {
  content: '';
  width: 200px;
  height: 200px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: #00331a;
  z-index: 3;
}
.page-signin .pitch .avatar::after {
  content: '';
  width: 400px;
  height: 400px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: #004d26;
  z-index: 2;
}
.page-signin.org .pitch::before {
  content: '';
  width: 600px;
  height: 600px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: #005c2e;
  z-index: 1;
}
ul.social {
  list-style: none;
  padding: 0;
  margin: 1.4rem auto;
  text-align: left;
  max-width: 200px;
}
.social li {
  display: block;
  margin: 0 0 10px;
}
.social li a.btn {
  width: 100%;
  text-align: center;
  line-height: 20px;
  color: rgba(255, 255, 255, 0.8);
}
.social li a.btn:hover {
  color: #fff;
}
.btn svg,
.btn .svg {
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: bottom;
  fill: #fff;
  margin: 0 9px 0 -6px;
}
.social li a.btn.google {
  background: #fff;
  color: #8E959E;
}
.social li a.btn.linkedin {
  background: #0077B5;
  color: #fff;
}
.social li a.btn.facebook {
  background: #3B5998;
  color: #fff;
}
.social li a.btn.office {
  background: #D83B01;
  color: #fff;
}
.social li a.btn.microsoft {
  background: #fff;
  color: #8E959E;
  -webkit-box-shadow: inset 0 0 0 1px #D7DEE3;
          box-shadow: inset 0 0 0 1px #D7DEE3;
}
.page-signin small {
  color: rgba(255, 255, 255, 0.7);
  max-width: 200px;
  margin: 0 auto;
  line-height: 1.4;
}
.page-signin {
  background: #fff;
  color: inherit;
}
.page-install .link-client h2 {
  margin-bottom: calc(100px + 1rem);
  position: relative;
}
.page-install .link-client h2 span {
  padding-right: 20px;
}
.page-install .link-client h2 span::after {
  overflow: hidden;
  display: inline-block;
  vertical-align: bottom;
  -webkit-animation: ellipsis steps(4, end) 1200ms infinite;
          animation: ellipsis steps(4, end) 1200ms infinite;
  content: "\2026";
  width: 0;
  font-size: 1em;
  position: absolute;
}
.page-install .link-client,
.page-install .three-steps {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.3s ease-in-out, X;
  transition: all 0.3s ease-in-out, X;
}
.page-install .link-client.visible,
.page-install .three-steps.visible {
  opacity: 1;
  filter: alpha(opacity=100);
}
.page-signin h1 {
  color: #1A2329;
  margin-bottom: 1.4rem;
  -webkit-font-smoothing: auto;
}
.page-signin h1 + p {
  margin: -1rem 0 1.4rem 0;
}
.page-signin h1 .action {
  font-size: 0.9375rem;
  font-weight: normal;
}
.page-signin .alert {
  margin: 0 0 1.4rem 0;
  border-radius: 3px;
  padding: 0.5rem 0.8rem;
}
.page-signin .btn.google {
  -webkit-box-shadow: inset 0 0 0 1px #D7DEE3;
          box-shadow: inset 0 0 0 1px #D7DEE3;
}
.page-signin .page {
  min-height: auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.page-signin .signin .vendor {
  margin-bottom: 2rem;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.page-signin .signin .vendor img {
  max-width: 160px;
}
.page-redeem-alt .ver {
  display: block;
  border-left: 1px solid #d7dee3;
  margin: 0 15px;
}
.page-signin:not(.alt) .signin .social {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0.5rem -5px 0 -5px;
  width: calc(100% + 10px);
  max-width: none;
}
.page-signin:not(.alt) .signin .social li {
  margin: 0 5px;
  width: calc(100%/2 - 10px);
}
.page-signin header {
  padding: 2rem 30px;
  position: relative;
  width: 100%;
  z-index: 10;
  font-size: 13px;
  color: #a4acb9;
}
.page-signin header .rgt .btn {
  margin-left: 10px;
}
.page-signin .wrap::before {
  content: '';
  position: fixed;
  right: 50%;
  left: 0;
  top: 0;
  height: 100vh;
  background: #01343D;
  z-index: -1;
}
.page-signin.login .wrap::before {
  display: none !important;
}
.page-signin.login header {
  background: #01343D;
}
.page-signin.login footer {
  width: 100%;
  color: #8E959E;
  max-width: 540px;
  margin: 0 auto;
}
.page-signin #logo {
  content: '';
  background: url('sprite.png') -200px -1800px no-repeat;
  height: 0;
  overflow: hidden;
  width: 119px;
  padding-top: 32px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  position: relative;
  margin: 0;
}
.page-signin .signin .sep span {
  background: #fff;
}
.page-signin .printer {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -100px 0 0 -80px;
  width: 160px;
  height: 200px;
}
.page-signin .phone {
  -webkit-box-shadow: none;
          box-shadow: none;
  background: -webkit-gradient(linear, left top, right top, from(#27A927), to(#8DC641));
  background: linear-gradient(to right, #27A927, #8DC641);
  padding: 3px;
  margin: 0 auto;
  width: 210px;
  z-index: 2;
  -webkit-transition: all 0.5s ease-in-out, margin-top 0.3s 0.3s;
  transition: all 0.5s ease-in-out, margin-top 0.3s 0.3s;
}
.page-signin .phone::before {
  width: 255px;
  height: 10px;
  border-radius: 0 0 20px 20px;
  content: '';
  border: 3px solid #8DC641;
  position: absolute;
  left: 137px;
  top: calc(100% + 10px);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  z-index: 10;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.2s ease-in-out 0.5s, X;
  transition: all 0.2s ease-in-out 0.5s, X;
}
.page-signin .step-3 .phone::before {
  opacity: 1;
  filter: alpha(opacity=100);
}
.page-signin .step-2 .phone {
  width: 140px;
  height: 240px;
  margin-top: 100px;
  -webkit-box-shadow: 0 -0.5em 1.6em 0 rgba(0, 0, 0, 0.15), 0 0 0.875em 0 rgba(0, 0, 0, 0.15), 0 -0.063em 0.25em 0 rgba(0, 0, 0, 0.15), inset 0 -1em 2em 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 -0.5em 1.6em 0 rgba(0, 0, 0, 0.15), 0 0 0.875em 0 rgba(0, 0, 0, 0.15), 0 -0.063em 0.25em 0 rgba(0, 0, 0, 0.15), inset 0 -1em 2em 0 rgba(0, 0, 0, 0.2);
}
.page-signin .phase {
  top: 5px;
  right: 5px;
  bottom: 5px;
  left: 5px;
}
.page-signin .step-2 .phase.a,
.page-signin .step-3 .phase.a {
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
}
.page-signin .phase.a,
.page-signin .phase.b {
  -webkit-transition: all 0.2s ease-in-out 0s, X;
  transition: all 0.2s ease-in-out 0s, X;
}
.page-signin .step-2 .phase.b {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
  -webkit-transition: all 0.2s ease-in-out 0s, X;
  transition: all 0.2s ease-in-out 0s, X;
}
.page-signin .phase.b .placeholder-item {
  padding: 0.532rem 5px 0.532rem 22px;
}
.page-signin .phase.b .placeholder-checkbox {
  width: 12px;
  height: 12px;
  left: 5px;
}
.page-signin .step-2 .phase.b .placeholder-checkbox {
  background: #26AA27;
  -webkit-transition: background-color 0.3s 2s, X;
  transition: background-color 0.3s 2s, X;
}
.page-signin .phase.b .placeholder-checkbox::before {
  content: '';
  background: url('sprite.png') -800px -800px no-repeat;
  height: 0;
  overflow: hidden;
  width: 10px;
  padding-top: 8px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  -webkit-transform: scale(0.6);
  transform: scale(0.6);
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -3px 0 0 -5px;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.3s 2s, X;
  transition: opacity 0.3s 2s, X;
}
.page-signin .step-2 .phase.b .placeholder-button {
  background: #26AA27;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition: background-color 0.3s 2s, transform 0.3s 3s;
  -webkit-transition: background-color 0.3s 2s, -webkit-transform 0.3s 3s;
  transition: background-color 0.3s 2s, -webkit-transform 0.3s 3s;
  transition: background-color 0.3s 2s, transform 0.3s 3s;
  transition: background-color 0.3s 2s, transform 0.3s 3s, -webkit-transform 0.3s 3s;
}
.page-signin .step-2 .phase.b .placeholder-checkbox::before {
  opacity: 1;
  filter: alpha(opacity=100);
}
.page-signin .phase.b .placeholder-item h5 {
  font-size: 12px;
}
.page-signin .step-admin {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  height: 100%;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  background: #EFF3F7;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  -webkit-transition: opacity 0.3s 0s, X;
  transition: opacity 0.3s 0s, X;
}
.page-signin .step-3 .step-admin {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
}
.page-signin .placeholder-nav {
  background: #01343D;
  height: 40px;
  width: 100%;
  position: relative;
}
.page-signin .placeholder-dashboard {
  margin: 10px;
  height: calc(100% - 60px);
  width: 100%;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.page-signin .placeholder-dashboard .placeholder-status,
.page-signin .placeholder-dashboard .placeholder-forecast {
  height: 100%;
  width: 50%;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.page-signin .placeholder-dashboard .placeholder-status .placeholder-system {
  content: '';
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: calc(40% - 10px);
  margin-bottom: 10px;
  width: 100%;
  background: #01343D;
  border-radius: 3px;
}
.page-signin .placeholder-dashboard .placeholder-status .icon.bold {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  width: 20px;
  height: 20px;
  padding: 5px;
}
.page-signin .placeholder-dashboard .placeholder-status .placeholder-trend {
  display: block;
  height: 60%;
  width: 100%;
  -webkit-box-shadow: inset 0 0 0 1px rgba(215, 222, 227, 0.5);
  box-shadow: inset 0 0 0 1px rgba(215, 222, 227, 0.5);
  background: #fff;
  border-radius: 3px;
  position: relative;
}
.page-signin .placeholder-dashboard .placeholder-status .placeholder-trend svg {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  position: absolute;
  left: -25%;
  top: 40%;
  width: 160%;
}
.page-signin .placeholder-dashboard .placeholder-feed {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  height: calc(40% - 10px);
  margin-left: 8px;
  margin-bottom: 10px;
  width: calc(100% - 8px);
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}
.page-signin .placeholder-dashboard .placeholder-feed .placeholder-stat {
  content: '';
  display: block;
  width: calc(100%);
  height: calc(100%);
  position: relative;
  margin-left: 2px;
  -webkit-box-shadow: inset 0 0 0 1px rgba(215, 222, 227, 0.5);
          box-shadow: inset 0 0 0 1px rgba(215, 222, 227, 0.5);
  background: #fff;
  border-radius: 3px;
}
.page-signin .placeholder-dashboard .placeholder-forecast::after,
.page-signin .placeholder-dashboard .placeholder-forecast::before {
  content: '';
  display: block;
  height: calc(40% - 10px);
  width: calc(100% - 10px);
  margin-top: 10px;
  margin-left: 10px;
  -webkit-box-shadow: inset 0 0 0 1px rgba(215, 222, 227, 0.5);
  box-shadow: inset 0 0 0 1px rgba(215, 222, 227, 0.5);
  background: #fff;
  border-radius: 3px;
}
.page-signin .placeholder-dashboard .placeholder-forecast::before {
  height: 20%;
  margin-top: 0;
}
.page-signin .placeholder-nav::before {
  position: absolute;
  left: 14px;
  top: 14px;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  content: '';
  background: url('sprite.png') -200px -1700px no-repeat;
  height: 0;
  overflow: hidden;
  width: 12px;
  padding-top: 12px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
}
.ready.page-signin .placeholder-appicon.brand {
  -webkit-transform: scale(12);
  transform: scale(12);
  background: #EFF3F7;
  z-index: 10;
  margin: 0;
  -webkit-transition: all 0.2s ease-in-out 4.8s, X;
  transition: all 0.2s ease-in-out 4.8s, X;
}
.ready.page-signin .placeholder-appicon.brand::before {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.2s ease-in-out 4.6s, X;
  transition: all 0.2s ease-in-out 4.6s, X;
}
.page-signin .step-3 .phone {
  width: 140px;
  height: 240px;
  margin-top: 100px;
  -webkit-box-shadow: 0 -0.5em 1.6em 0 rgba(0, 0, 0, 0.15), 0 0 0.875em 0 rgba(0, 0, 0, 0.15), 0 -0.063em 0.25em 0 rgba(0, 0, 0, 0.15), inset 0 -1em 2em 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 -0.5em 1.6em 0 rgba(0, 0, 0, 0.15), 0 0 0.875em 0 rgba(0, 0, 0, 0.15), 0 -0.063em 0.25em 0 rgba(0, 0, 0, 0.15), inset 0 -1em 2em 0 rgba(0, 0, 0, 0.2);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  border-radius: 18px 0 0 18px;
}
.page-signin .phone .notch {
  background: #01343D;
  top: 8px;
}
.page-signin .step-3 .phone .notch {
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
}
.page-signin .step-3 .phone .screen {
  border-radius: 16px 0 0 16px;
  -webkit-transition: all 0.5s ease-in-out, border-radius 0.1s ease-in-out 0.5s;
  transition: all 0.5s ease-in-out, border-radius 0.1s ease-in-out 0.5s;
}
.page-signin .phone .screen {
  border: 5px solid #01343D;
}
.page-signin .notch::before,
.page-signin .notch::after {
  display: none !important;
}
.page-signin .pitch h3 {
  color: #fff;
  max-width: 480px;
  margin: 40px 0 1rem;
  -webkit-font-smoothing: antialiased;
}
.page-signin .pitch p {
  color: rgba(255, 255, 255, 0.7);
}
.page-signin .pitch ul {
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 40px;
}
.page-signin .pitch ul li {
  margin: 0 15px;
  position: relative;
}
.page-signin:not(.mobile) .pitch ul li:not(:last-child)::after {
  content: '';
  background: rgba(255, 255, 255, 0.3);
  width: 6px;
  height: 6px;
  position: absolute;
  right: -18px;
  top: 50%;
  margin: -3px 0 0 0;
  border-radius: 50%;
}
.page-signin .demo {
  height: 400px;
  position: relative;
  margin-top: 3rem;
}
.page-signin .pitch .content {
  margin: auto 0;
}
.page-signin .pitch figure {
  margin: 3rem 0;
}
.page-signin .signin ul {
  margin-bottom: 1.4rem;
}
.page-signin .signin li {
  margin-bottom: 1rem;
}
.page-signin .signin .passwordPolicy {
  margin-bottom: 0.4rem;
}
.page-signin footer {
  color: rgba(255, 255, 255, 0.4);
  font-size: 13px;
  padding: 0 30px 2rem 30px;
  text-align: center;
  width: 50%;
}
.passwordPolicy .a0-checked {
  text-decoration: line-through;
}
.tip .passwordPolicy li {
  margin-bottom: 0.4rem;
  padding-left: 16px;
  position: relative;
}
.tip .passwordPolicy li::before {
  border: 2px solid #BABFC4;
  content: '';
  width: 6px;
  height: 6px;
  position: absolute;
  left: 0;
  top: 2px;
  border-radius: 50%;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.tip .passwordPolicy li.a0-checked::before {
  content: '';
  background: url('sprite.png') -600px -800px no-repeat;
  height: 0;
  overflow: hidden;
  width: 10px;
  padding-top: 8px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  position: absolute;
  left: 0;
  top: 3px;
  border: 0;
  border-radius: 0;
  opacity: 1;
  filter: alpha(opacity=100);
}
.tipFocus {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate(0, -8px);
  transform: translate(0, -8px);
  visibility: visible;
  margin-bottom: 0.4rem;
}
/* Password Wink */
::-ms-reveal,
::-ms-clear {
  display: none !important;
}
.hideShowPassword-toggle {
  background-color: transparent;
  background-image: url('wink.png');
  /* fallback */
  background-image: url('wink.svg'), none;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: 88px 44px;
  border-radius: 0.25em;
  cursor: pointer;
  font-size: 100%;
  height: 44px;
  margin: 0;
  max-height: 100%;
  padding: 0;
  overflow: 'hidden';
  text-indent: -999em;
  width: 46px;
  -moz-appearance: none;
  -webkit-appearance: none;
}
.hideShowPassword-toggle-hide {
  background-position: -44px center;
}
.hideShowPassword-toggle:hover,
.hideShowPassword-toggle:focus {
  /* border-color: #26AA27; */
  outline: transparent;
}
.page-signin.page-redeem .wrap::before {
  background: #EFF3F7;
}
.page-signin.page-redeem .neo {
  background: #81B53C;
}
.page-signin.page-redeem .pitch .third:nth-child(1) .neo {
  background: #159966;
}
.page-signin.page-redeem .pitch .third:nth-child(2) .neo {
  background: #2A9F8F;
}
.page-signin.page-redeem-alt .page .row {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.page-signin.page-redeem-alt .wrap {
  height: auto;
}
.page-signin.page-redeem .alert {
  border-radius: 12px;
}
.page-signin.page-redeem .mark {
  position: absolute;
  top: -20px;
  right: -60px;
  z-index: 2;
}
.page-signin .alert .auto {
  max-width: 480px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.page-signin.page-redeem header {
  background: #01343D;
}
.page-signin.page-redeem .pitch {
  background: none;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.page-signin.page-redeem .pitch #logo {
  margin-bottom: 3rem;
}
.page-signin.page-redeem .pitch h3 {
  margin: 2rem 0 0.3rem;
  color: #1A2329;
}
.bg-pitch {
  margin: 0 0 -5rem 0;
  width: 360px;
}
.page-signin.page-redeem input {
  background: #fff;
  text-align: center;
}
.page-signin.page-redeem small,
.page-signin.page-redeem-alt small {
  color: #A4ACB9;
  max-width: none;
}
.page-signin .page > .alert {
  margin: 0;
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.page-signin.page-redeem footer {
  color: #A4ACB9;
  position: relative;
  left: 50%;
}
.bg-embed {
  width: 600px;
  position: relative;
  left: 50%;
  top: -100px;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  margin-bottom: 40px;
  padding: 8px;
  border-radius: 6px;
  -webkit-box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.7);
          box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.7);
}
.page-redeem .alert.offer .mark,
.page-redeem-alt .alert.offer .mark {
  display: block !important;
  margin: 0 30px 0 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background: #33C1AF;
  color: #fff;
  -webkit-box-shadow: inset -2px -2px 2px 0 rgba(0, 0, 0, 0.1), inset 2px 2px 2px 0 rgba(255, 255, 255, 0.2), 0 6px 3px #baede6;
          box-shadow: inset -2px -2px 2px 0 rgba(0, 0, 0, 0.1), inset 2px 2px 2px 0 rgba(255, 255, 255, 0.2), 0 6px 3px #baede6;
  -webkit-transform: rotate(-12deg);
          transform: rotate(-12deg);
}
.page-redeem-alt .alert.offer .mark::after {
  content: '';
  background: #2BA193;
  height: 35px;
  width: 75px;
  position: absolute;
  top: 2px;
  right: -9px;
  -webkit-transform: rotate(36deg);
          transform: rotate(36deg);
  border-bottom-left-radius: 90px;
  border-bottom-right-radius: 90px;
  z-index: 1;
}
.page-redeem-alt .alert.offer .mark::before {
  content: '';
  background: #E2F7F5;
  height: 35px;
  width: 85px;
  position: absolute;
  top: -10px;
  right: -27px;
  -webkit-transform: rotate(-144deg);
          transform: rotate(-144deg);
  z-index: 2;
}
.page-redeem .alert.offer .mark .center,
.page-redeem-alt .alert.offer .mark .center {
  font-size: 0.9375rem;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 70px;
  line-height: 1.1;
  margin: 3px 0 0 0;
}
.page-redeem .alert.offer .mark .tl,
.page-redeem-alt .alert.offer .mark .tl {
  top: 5px;
  color: rgba(255, 255, 255, 0.7);
}
.page-redeem .alert.offer .mark .bl,
.page-redeem-alt .alert.offer .mark .bl {
  bottom: 5px;
  color: rgba(255, 255, 255, 0.7);
}
.open-tour main {
  z-index: initial;
}
.open-tour .page > footer {
  position: static;
  margin: 0 0 -100px 0;
  width: 100%;
}
.open-tour .overlay,
.open-menu.open-tour .overlay {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
  z-index: 9;
}
.open-tour.open-invite .overlay {
  z-index: 12;
}
.open-tour .overlay::before {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
}
.open-tour .highlighted {
  z-index: 12;
}
.open-tour .highlighted .col {
  z-index: 10;
}
.open-tour .highlighted .col:first-child {
  z-index: 11;
}
.open-tour .frost {
  -webkit-filter: none;
          filter: none;
}
.guide {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  z-index: 10;
  -webkit-box-shadow: 0 -2px 16px 0 rgba(33, 43, 54, 0.15);
          box-shadow: 0 -2px 16px 0 rgba(33, 43, 54, 0.15);
  padding: 1rem 2rem;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-transition: all 0.3s, X;
  transition: all 0.3s, X;
  -webkit-transform: translateY(calc(100% + 40px));
  transform: translateY(calc(100% + 40px));
}
.guide[data-seq='1'] {
  padding-right: 350px;
}
.guide.visible {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.guide ul {
  width: 100%;
  max-width: 800px;
}
.guide li {
  display: none;
}
.guide li i.icon,
.guide li i.icon.twentyfour.outline {
  margin: 0 1rem 0 0;
}
.guide li i.icon.twentyfour svg {
  fill: #348496;
  color: #348496;
}
.guide li i.icon.twentyfour.outline svg {
  stroke: #348496;
  fill: none;
}
.guide li h4 {
  margin: 0 0 1rem 0;
  padding-bottom: 1rem;
  position: relative;
  color: #348496;
}
.guide li h4::before {
  content: '';
  display: block;
  background: #f4f6f9;
  position: absolute;
  top: -1rem;
  left: -100px;
  z-index: -1;
  bottom: 0;
  width: calc(100vw + 100px);
}
.guide li h4::after {
  content: '';
  display: block;
  background: #DDEDED;
  position: absolute;
  top: -1rem;
  left: -100px;
  z-index: -1;
  bottom: 0;
  width: calc((100vw + 100px)/4);
  -webkit-transition: all 0.3s, X;
  transition: all 0.3s, X;
}
.guide li p {
  margin: 0;
  min-height: 28px;
}
.guide[data-seq="1"] li:nth-child(1) {
  display: block;
}
.guide[data-seq="2"] li:nth-child(2) {
  display: block;
}
.guide[data-seq="2"] h4::after {
  width: calc((100vw + 100px)/3);
}
.guide[data-seq="3"] li:nth-child(3) {
  display: block;
}
.guide[data-seq="3"] h4::after {
  width: calc((100vw + 100px)/2);
}
.guide[data-seq="4"] li:nth-child(4) {
  display: block;
}
.guide[data-seq="4"] h4::after {
  width: calc((100vw + 100px)/1);
}
.guide .actions {
  margin: 0 40px;
  -ms-flex-item-align: end;
      align-self: flex-end;
}
.guide .actions .btn {
  display: block;
  margin-left: 10px;
}
.guide .actions .btn.outline {
  -webkit-box-shadow: inset 0 0 0 1px #26AA27;
          box-shadow: inset 0 0 0 1px #26AA27;
}
.guide .actions .btn.disabled {
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.guide .next::before,
.guide .prev::before {
  content: '';
  background: url('sprite.png') -651px -440px no-repeat;
  height: 0;
  overflow: hidden;
  width: 8px;
  padding-top: 14px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
}
.guide .prev::before {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.guide .next::before {
  position: relative;
  top: -1px;
}
.guide .lines,
.guide .lines::before,
.guide .lines::after {
  background: #8e959e;
}
.guide .action {
  position: absolute;
  top: 22px;
  right: 20px;
  font-size: 13px;
  color: #26AA27;
}
.card.highlights {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 476px;
  background: #fff;
  position: relative;
  overflow: hidden;
  padding: 0;
  -webkit-transition: all 0.3s ease-in-out 0s, X;
  transition: all 0.3s ease-in-out 0s, X;
}
.card.highlights.slide-status {
  background: #E1E7EE;
}
.card.highlights.slide-environment {
  background: #065143;
}
.card.highlights.slide-environment small {
  color: #599c7a;
}
.card.highlights.slide-environment h3 {
  color: #ffffff;
  margin: 0;
}
.card.highlights .item[data-name=environment] {
  display: -ms-flexbox !important;
  display: -webkit-box !important;
  display: flex !important;
  display: -webkit-flex !important;
  -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important;
}
.card.highlights .item[data-name=environment] .stats {
  z-index: 1;
  color: rgba(255, 255, 255, 0.7);
  width: 100%;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.card.highlights .item[data-name=environment] .stats .row {
  width: calc(100% + 20px);
  margin: 20px 0;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.card.highlights .item[data-name=environment] .stats .row:last-child {
  margin: 20px 0 0 0;
}
.card.highlights .item[data-name=environment] .stats .forty .row {
  margin: 2rem -10px;
}
.card.highlights .item[data-name=environment] .stats .forty .row .icon {
  width: 120px;
  height: 120px;
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.card.highlights .item[data-name=environment] .stats .row .col.rgt .icon {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  margin: 0 0 0 20px;
}
.card.highlights .item[data-name=environment] .lge {
  color: #fff;
  display: block;
  font-size: 19px;
  margin-bottom: 0.3rem;
}
.card.highlights .item[data-name=environment] .forty .lge {
  font-size: 60px;
}
.card.highlights .item[data-name=environment] p {
  margin: 0;
}
.card.highlights .item[data-name=environment] .icon {
  margin: 0 20px 0 0;
  width: 72px;
  height: 72px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-shadow: inset -2px -2px 2px 0 rgba(0, 0, 0, 0.1), inset 2px 2px 2px 0 rgba(255, 255, 255, 0.2), 4px 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: inset -2px -2px 2px 0 rgba(0, 0, 0, 0.1), inset 2px 2px 2px 0 rgba(255, 255, 255, 0.2), 4px 4px 8px rgba(0, 0, 0, 0.3);
  background: #096;
  border-radius: 26px;
}
.card.highlights .item[data-name=environment] .icon .mold {
  fill: none;
}
.card.highlights .item[data-name=environment] .sixty .row:nth-child(2) .icon {
  background: #8DC741;
}
.card.highlights .item[data-name=environment] .sixty .row:nth-child(3) .icon {
  background: #33C2AE;
}
.card.highlights .item[data-name=environment] strong {
  color: #fff;
}
.item[data-name=network] {
  display: -ms-flexbox !important;
  display: -webkit-box !important;
  display: flex !important;
  display: -webkit-flex !important;
  -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.item[data-name=network] .btn {
  width: 140px;
}
.item[data-name=network] .content {
  width: 100%;
  margin: auto;
  position: relative;
  z-index: 1;
}
.item[data-name=network] .mold {
  fill: #13293D;
}
.item[data-name=network] .diagram {
  position: relative;
  padding-top: 100px;
}
.item[data-name=network] .diagram .col {
  position: relative;
}
.item[data-name=network] .diagram .icon {
  margin-bottom: 1rem;
  color: #253031;
}
.item[data-name=network] .diagram::before {
  content: '';
  border-top: 2px dashed #DFE4E8;
  position: absolute;
  top: 60px;
  left: 50%;
  width: calc(100% - 100%/6);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.item[data-name=network] .diagram .col::before {
  content: '';
  border-left: 2px dashed #DFE4E8;
  position: absolute;
  top: -40px;
  left: 50%;
  height: 30px;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.item[data-name=network] .diagram::after {
  content: '';
  border-left: 2px dashed #DFE4E8;
  position: absolute;
  top: 0;
  left: 50%;
  height: 60px;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.operator {
  font-family: 'little_opheliaregular';
  font-style: normal;
  font-size: 32px;
  color: #599c7a;
  line-height: 1;
  text-align: center;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.operator span {
  padding: 0 1rem;
  background: #065143;
  display: inline-block;
  position: relative;
  z-index: 1;
}
.operator::before {
  content: '';
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.card.highlights .item[data-name=environment]::after {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.3s 0s, X;
  transition: opacity 0.3s 0s, X;
  background: url(e-br.png) 0 0 no-repeat;
  width: 102px;
  height: 238px;
  position: absolute;
  bottom: 20px;
  right: 20px;
  content: '';
}
.highlights h2 {
  text-align: center;
}
.highlights .item {
  padding: 20px;
  position: relative;
  height: auto;
}
.highlights .item .content {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.3s 0.5s, X;
  transition: opacity 0.3s 0.5s, X;
}
.highlights .item.slick-active .content,
.card.highlights .item[data-name=environment].slick-active::before,
.card.highlights .item[data-name=environment].slick-active::after {
  opacity: 1;
  filter: alpha(opacity=100);
}
.card.highlights .item[data-name=environment].slick-active::after {
  opacity: 0.05;
  filter: alpha(opacity=5);
}
/* .card.highlights .chart { min-height: 300px; background: none; }
.card.highlights #pages-trend-chart { background: none; }
.card.highlights.environment .tabs.segments li a { color: rgba(255,255,255,.3); }
.card.highlights.environment .tabs.segments li.active a { color: #fff; }
.highlights .tabs.segments { margin: 20px auto; width: 100%; text-align: center; position: relative; overflow: initial; }
.highlights .tabs ul { width: 100%; }
.highlights .tabs.segments.alt li {  white-space: nowrap; .opacity(100); width: 33.33%;.transition(all .66s ease-in-out 0s, opacity .2s ease-in-out 0s); position: absolute; bottom: 0; z-index: 1; }
.highlights .tabs.segments.alt li a { .h2; .box-shadow(none); background: none; padding: 0; font-weight: 600; margin: 0; color: rgba(0,0,0,0.2); .transition(all .66s ease-in-out .2s, color 0s); }
.highlights .tabs.segments.alt li:not(.active) a:hover { color: @primary; }
.highlights .tabs.segments li.active { background: none; }
.highlights .tabs.segments li.active a { color: #1A2329; }
.highlights .tabs.segments.anim li.prev { .opacity(0); }
.highlights .tabs.segments.anim-rev li.next { .opacity(0); }
.highlights .tabs.segments.anim li.prev { .transition(all 0s ease-in-out .3s, opacity .2s ease-in-out 0s);  }
.highlights .tabs.segments.anim-rev li.next { .transition(all 0s ease-in-out .3s, opacity .2s ease-in-out 0s); }
.highlights .tabs.segments li.prev { left: 0; .transform(translate(-33%, 0)); }
.highlights .tabs.segments li.active { left: 33.33%; }
.highlights .tabs.segments li.next { left: 66.66%; .transform(translate(33%, 0)); }  */
.highlights .icon.fill svg path {
  opacity: 1;
  filter: alpha(opacity=100);
}
.highlights .tabs.segments {
  background: #fff;
  width: 100%;
  padding: 0;
  margin-top: auto;
  text-align: center;
  position: relative;
  font-size: 1em;
  border-radius: 0 0 3px 3px;
  -webkit-box-shadow: inset 0 0 0 1px rgba(215, 222, 227, 0.5);
          box-shadow: inset 0 0 0 1px rgba(215, 222, 227, 0.5);
}
.highlights .tabs.segments ul {
  width: 100%;
  padding: 10px 0;
}
.highlights .tabs.segments ul li {
  width: 33.33%;
}
.highlights .tabs.segments ul li a {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  background: none;
  padding: 0.532rem 0;
}
.highlights .tabs.segments ul li a .icon {
  margin: 0 10px 0 0;
  width: 24px;
  height: 24px;
}
.highlights .tabs.segments ul li a .icon svg {
  stroke: #BABFC4;
  stroke-width: 4;
  fill: none;
  overflow: visible;
}
.highlights .tabs.segments ul li a .icon.fill svg {
  fill: #BABFC4;
  stroke: none;
}
.highlights .tabs.segments li.active .icon.fill svg {
  fill: #063;
}
.highlights .tabs.segments li.active .icon:not(.fill) svg {
  stroke: #063;
}
.highlights .tabs.segments li.active {
  background: none;
}
.highlights .tabs.segments::before {
  content: '';
  width: calc(33.33% - 5px);
  height: calc(100% - 10px);
  background: #BFD9CC;
  opacity: 0.4;
  filter: alpha(opacity=40);
  position: absolute;
  top: 5px;
  left: 5px;
  z-index: 0;
  border-radius: 3px;
  -webkit-transition: all 0.3s ease-in-out, X;
  transition: all 0.3s ease-in-out, X;
}
.highlights.slide-network .tabs.segments::before {
  left: calc(33.33%);
}
.highlights.slide-environment .tabs.segments::before {
  left: calc(66.66%);
}
.highlights .tabs.segments li.active a {
  color: #063 !important;
  background: none;
}
#pages-trend-chart .c3-chart-lines path {
  stroke-dasharray: 4000;
  stroke-dashoffset: 4000;
}
.c3 line,
.c3-axis path {
  stroke: #DFE4E8 !important;
}
.tick text {
  fill: #A4ACB9 !important;
}
.c3-region {
  fill-opacity: 0.3 !important;
  fill: #cce0d6;
}
.c3-region rect {
  fill-opacity: 0.3 !important;
}
.c3-line {
  stroke-width: 2px;
}
.c3-tooltip {
  -webkit-box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5), 0 2px 4px 0 rgba(33, 43, 54, 0.15);
          box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5), 0 2px 4px 0 rgba(33, 43, 54, 0.15);
  background: #13293D;
  border-radius: 3px;
  color: #fff;
}
.c3-tooltip tr {
  border: 0;
}
.c3-tooltip th {
  background: none;
  color: #8E959E;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 0.05em;
  -webkit-font-smoothing: auto;
  font-size: 11px;
}
.c3-tooltip td {
  background: none;
  border: 0;
}
.c3-tooltip td > span {
  border-radius: 50%;
}
.config-highlights .config.card .list {
  height: 100%;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.config-highlights .config.card .list header {
  margin: -15px -15px 0 -15px;
  padding: 15px;
  width: calc(100% + 30px);
  border-radius: 2px 2px 0 0;
}
.config-highlights .config.card .list header .flex div {
  margin: 6px 0 0 0;
}
.config-highlights .config.card .list ul {
  position: static;
  background-color: #f2f7f5;
  margin: 0 -15px -15px -15px;
  padding: 0 15px;
  width: calc(100% + 30px);
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  border-radius: 0 0 2px 2px;
}
.config-highlights .config.card .label {
  color: #063;
  width: calc(100% - 60px);
  font-size: 13px;
}
.config-highlights .config.card .circle-bg {
  stroke: #bfd9cc;
}
.config-highlights .icon svg {
  fill: #bfd9cc;
}
.config-highlights .lit {
  fill: #26AA27;
}
.config.card {
  overflow: hidden;
}
.config.card > header {
  background-color: #104F55;
  color: #fff;
  margin: -20px -20px 20px -20px;
  padding: 20px;
  width: auto;
  overflow: hidden;
  position: relative;
}
.config.card > header h6 {
  color: rgba(255, 255, 255, 0.5);
  -webkit-font-smoothing: antialiased;
}
.config.card > header .col:not(.rgt) {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.config.card > header .rgt {
  margin-left: 20px;
}
.config.card > header .btn {
  background: none;
  color: #fff;
  -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3);
          box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3);
}
.config.card > header .btn:hover {
  -webkit-box-shadow: inset 0 0 0 1px #ffffff;
          box-shadow: inset 0 0 0 1px #ffffff;
}
.config.card .list .col {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  line-height: 1.2;
}
.config.card ul .row {
  margin: 0;
}
.config.card .label {
  width: 30%;
  padding: 0 20px 0 0;
}
.config.card header .label {
  color: #1A2329;
  padding: 0 20px;
  font-weight: 600;
  font-size: 17px;
  font-family: 'Barlow', sans-serif;
}
.config.card .list header {
  margin: 0 0 0.5rem 0;
}
.config.card header .month,
.config.card header .all {
  font-size: 13px;
}
.config.card .list li:first-child {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.config.card ul {
  padding: 0;
  margin-bottom: -20px;
}
.config.card li .month {
  color: #1A2329;
}
.config.card .list .month,
.config.card .list .all {
  width: 100px;
  text-align: right;
}
.config.card .num.all {
  font-size: 16px;
  padding-right: 0;
}
.config.card figcaption {
  color: #fff;
}
.config.card .circle-bg {
  stroke: #1F405F;
}
.config.card .easeometer .value {
  fill: #fff;
}
.config.card .stars polygon {
  fill: #1E4060;
}
#forecasts {
  position: relative;
}
#forecasts .col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#forecasts h3 {
  margin-bottom: 1.3rem;
  padding: 0.3rem 0;
}
#forecasts h6 {
  margin-bottom: 1rem;
}
body:not(.home-b):not(.home-c) #forecasts .col {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate(0, 20px);
  transform: translate(0, 20px);
  -webkit-transition: opacity 0.3s linear 3s, transform 0.3s linear 3s;
  -webkit-transition: opacity 0.3s linear 3s, -webkit-transform 0.3s linear 3s;
  transition: opacity 0.3s linear 3s, -webkit-transform 0.3s linear 3s;
  transition: opacity 0.3s linear 3s, transform 0.3s linear 3s;
  transition: opacity 0.3s linear 3s, transform 0.3s linear 3s, -webkit-transform 0.3s linear 3s;
}
body:not(.home-b):not(.home-c) #forecasts .col:nth-child(2) {
  -webkit-transition-delay: 3.3s;
  transition-delay: 3.3s;
}
body:not(.home-b):not(.home-c) #forecasts .col:nth-child(3) {
  -webkit-transition-delay: 3.3s;
  transition-delay: 3.3s;
}
body:not(.home-b):not(.home-c).ready #forecasts .col {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
#forecasts .gauge {
  height: 123px;
  overflow: hidden;
}
#forecasts .gauge figcaption {
  position: absolute;
  width: 50%;
  text-align: center;
  bottom: 10px;
  left: 25%;
  color: #1A2329;
  font-weight: normal;
  text-transform: none;
  letter-spacing: 0;
}
#forecasts svg {
  margin: 0 auto;
}
.toner-breakdown {
  display: block;
  font-size: 11px;
  color: #8E959E;
  vertical-align: top;
  width: 100%;
  height: 73px;
  text-align: center;
  list-style: none;
  padding: 0;
  margin: 0 0 1.1rem 6px;
  position: relative;
}
.toner-breakdown li {
  mix-blend-mode: multiply;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-93px, 0);
  transform: translate(-93px, 0);
  -webkit-backface-visibility: hidden;
}
.visible .toner-breakdown li {
  -webkit-transition: 0.3s linear, X;
  transition: 0.3s linear, X;
}
.toner-breakdown li .num {
  font-size: 16px;
}
.toner-breakdown .fill {
  width: 48px;
  z-index: 1;
  line-height: 52px;
  height: 48px;
  border-radius: 50%;
  color: #fff;
  margin-bottom: 0.5rem;
}
.toner-breakdown li span {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: 0.3s, X;
  transition: 0.3s, X;
}
.visible .toner-breakdown li span {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.visible .toner-breakdown .ink-m {
  -webkit-transform: translate(-51px, 0);
  transform: translate(-51px, 0);
}
.visible .toner-breakdown .ink-y {
  -webkit-transform: translate(-9px, 0);
  transform: translate(-9px, 0);
}
.visible .toner-breakdown .ink-k {
  -webkit-transform: translate(30px, 0);
  transform: translate(30px, 0);
}
.toner-breakdown .ink-k {
  z-index: 0;
}
.toner-breakdown .ink-k .fill {
  mix-blend-mode: inherit;
}
.forecast-toner .ink-c .fill,
.open-toner .ink-c .fill.anim {
  background-color: #00A0C6;
}
.forecast-toner .ink-m .fill,
.open-toner .ink-m .fill.anim {
  background-color: #DE0184;
}
.forecast-toner .ink-y .fill,
.open-toner .ink-y .fill.anim {
  background-color: #FDDF05;
}
.forecast-toner .ink-k .fill,
.open-toner .ink-k .fill.anim {
  background-color: #000;
}
/* .forecast-paper { position: relative; }
.forecast-paper .stat { margin-bottom: 1.1rem; position: relative; height: 73px; .flex; flex-direction: column; justify-content: center; }
.forecast-paper .stat .desc { font-size: 11px; letter-spacing: 0.05em; text-transform: uppercase; }
.forecast-paper .stat:before { .sprite(0, -599px, 112px, 73px); position: absolute; top: 0; left: 50%; .transform(translate(-50%, 0)); } */
.forecast-paper .stat {
  margin-bottom: 1.65rem;
}
.ecoratings.icon svg path {
  -webkit-transition: fill 0.3s;
  transition: fill 0.3s;
}
.ecoratings.icon svg path:nth-child(2) {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.ecoratings.icon svg path:nth-child(3) {
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
.ecoratings.icon svg path:nth-child(4) {
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
.ecoratings.icon svg path:nth-child(5) {
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.8s;
}
.ecoratings.icon.level-1 svg path:nth-child(1) {
  fill: #26AA26;
}
.ecoratings.icon.level-2 svg path:nth-child(1),
.ecoratings.icon.level-2 svg path:nth-child(2) {
  fill: #26AA26;
}
.ecoratings.icon.level-3 svg path:nth-child(1),
.ecoratings.icon.level-3 svg path:nth-child(2),
.ecoratings.icon.level-3 svg path:nth-child(3) {
  fill: #26AA26;
}
.ecoratings.icon.level-4 svg path:nth-child(1),
.ecoratings.icon.level-4 svg path:nth-child(2),
.ecoratings.icon.level-4 svg path:nth-child(3),
.ecoratings.icon.level-4 svg path:nth-child(4) {
  fill: #26AA26;
}
.ecoratings.icon.level-5 svg path {
  fill: #26AA26;
}
#stats {
  position: relative;
  padding-top: 4rem;
}
#stats .third {
  position: relative;
}
#stats .third::before {
  border-right: 1px dashed #BABFC4;
  content: '';
  position: absolute;
  left: 50%;
  top: -2rem;
  height: 0;
  -webkit-transition: all 0.3s linear 2.3s, X;
  transition: all 0.3s linear 2.3s, X;
}
.ready #stats .third::before {
  height: 32px;
}
#stats::before {
  content: '';
  width: 0;
  position: absolute;
  top: 2rem;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  border-top: 1px dashed #BABFC4;
  -webkit-transition: all 0.6s linear 1.7s, X;
  transition: all 0.6s linear 1.7s, X;
}
.ready #stats::before {
  width: 66.66%;
}
.scope {
  position: absolute;
  left: -100px;
  top: -100px;
  width: 200px;
  height: 200px;
  background: #fff3d6;
  border-radius: 50%;
}
.scope::before {
  content: '';
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background: #fff;
  opacity: 0.7;
  filter: alpha(opacity=70);
  position: absolute;
  bottom: -10px;
  right: 40px;
}
.scope::after {
  content: '';
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #fff;
  opacity: 0.7;
  filter: alpha(opacity=70);
  position: absolute;
  bottom: 0;
  right: 0;
}
.scope span {
  position: absolute;
  bottom: 50px;
  right: 50px;
  line-height: 1;
  color: #8E959E;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 0.05em;
  -webkit-font-smoothing: auto;
  color: #ffc747;
}
.scope span strong {
  display: block;
  font-weight: 400;
  font-size: 24px;
  color: #ffb100;
}
.symbol {
  margin: 0 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 30px;
  color: #599c7a;
}
.highlights dl {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 140px;
  margin: 0 auto 0.5rem auto;
}
#status-board {
  position: relative;
  margin: 0 -20px -20px;
  width: calc(100% + 40px);
  padding: 20px;
}
#status-board .icon {
  margin-bottom: 0.5rem;
}
#status-board .icon svg {
  height: 72px;
}
.heartbeat {
  position: relative;
  width: calc(100% + 40px);
  margin: 0 -20px;
  height: 62px;
  overflow: hidden;
}
.heartbeat svg {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.ready .heartbeat svg.top {
  opacity: 1;
  filter: alpha(opacity=100);
}
.heartbeat svg.top polyline {
  -webkit-animation: dash-heart 2s;
          animation: dash-heart 2s;
  -webkit-animation-iteration-count: 3;
          animation-iteration-count: 3;
}
@-webkit-keyframes dash-heart {
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes dash-heart {
  100% {
    stroke-dashoffset: 0;
  }
}
#status-board img {
  position: absolute;
  bottom: -120px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.home-c .card.system-status {
  position: relative;
  overflow: visible;
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: #01353D;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
#new-activity h4 {
  margin: 0;
  color: #fff;
}
.system-status h4 {
  color: #fff;
}
.system-status .type {
  position: absolute;
  font-size: 11px;
  top: 26px;
}
#status-board .type {
  top: -16px;
}
.system-status .status {
  border-radius: 3px;
  padding: 10px;
  color: #063;
  text-align: center;
}
.system-status .status .services {
  position: relative;
  z-index: 0;
}
.system-status .status i {
  display: block;
  margin: 0 auto 10px auto;
  position: relative;
  z-index: 0;
}
.system-status .status .services::before {
  content: "";
  opacity: 0.5;
  filter: alpha(opacity=50);
  width: 100px;
  height: 100px;
  background-color: #cce0d6;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.system-status .status .services::after {
  content: "";
  opacity: 0.2;
  filter: alpha(opacity=20);
  width: 160px;
  height: 160px;
  background-color: #d9e8e0;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.system-status .icon {
  margin: 0;
}
.system-status .logo {
  content: '';
  background: url('sprite.png') 0 -1600px no-repeat;
  height: 0;
  overflow: hidden;
  width: 55px;
  padding-top: 56px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
}
.system-status .connection {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 340px;
  margin: 0 auto 1.3rem auto;
  position: relative;
}
.system-status .connection .wire {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin: 0 10px;
}
.system-status .connection .wire .connector {
  width: 0;
  height: 2px;
  border-top: 2px dashed rgba(255, 255, 255, 0.2);
  -webkit-transition: all 0.5s ease-in-out, X;
  transition: all 0.5s ease-in-out, X;
  -webkit-animation: glow 1200ms ease-out infinite alternate;
  animation: glow 1200ms ease-out infinite alternate;
}
.ready .system-status .connection .wire .connector {
  width: 100%;
}
.system-status .connection .icon:not(.bold) {
  margin: 0;
  height: 48px;
  width: 48px;
}
.system-status .connection .icon:not(.bold) svg {
  stroke: #fff;
  stroke-width: 2;
  fill: none;
  overflow: visible;
}
.system-status .connection .status {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  margin: 0;
  z-index: 4;
}
.system-status .connection .status .icon {
  margin: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.3s ease-in-out 0.5s, X;
  transition: all 0.3s ease-in-out 0.5s, X;
}
.ready .system-status .connection .status .icon {
  -webkit-transform: scale(1);
  transform: scale(1);
}
#status-board .count {
  color: #fff;
  font-family: 'Barlow', sans-serif;
  font-weight: 600;
  font-size: 13px;
  position: absolute;
  top: -12px;
  right: -12px;
  background: #01353d;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 50%;
  text-align: center;
  z-index: 2;
}
#status-board.newicons .count {
  color: #fff;
  font-family: 'Barlow', sans-serif;
  font-weight: 600;
  font-size: 13px;
  line-height: 18px;
  position: absolute;
  background: none;
  height: auto;
  width: 100%;
  left: 0;
  top: 12px;
  text-align: center;
  z-index: 2;
}
#printerstatus {
  --color-stop-1: #EB225F;
  --color-stop-2: #FFB100;
}
#status-board .mold {
  fill: #A4ACB9;
}
#status-errors.has-errors .icon {
  -webkit-animation: shake 5s 5;
  animation: shake 5s 5;
}
#status-errors.has-no-errors .icon .mold {
  fill: #A4ACB9;
}
#status-errors .icon .mold {
  fill: #EB225F;
}
#status-warnings.has-no-warnings .icon .mold {
  fill: #A4ACB9;
}
#status-warnings .icon .mold {
  fill: #FFB100;
}
#status-healthy .icon .mold {
  fill: #26aa27;
}
#new-activity header {
  padding: 20px;
  position: -webkit-sticky;
  position: sticky;
  top: -50px;
  margin: -50px -20px 0 -20px;
  background: #159966;
  border-radius: 3px 3px 0 0;
}
#new-activity {
  position: relative;
  border-radius: 0 0 3px 3px;
  -webkit-box-shadow: inset 0 0 0 1px rgba(215, 222, 227, 0.5);
          box-shadow: inset 0 0 0 1px rgba(215, 222, 227, 0.5);
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  overflow: auto;
  padding: 50px 20px 20px 20px;
}
/* #new-activity::after {
  content: '';
  position: absolute;
  z-index: 2;
  bottom: -10px;
  left: 0;
  height: 200px;
  width: 100%;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #EFF3F7 80%);
} */
#new-activity .list {
  padding: 0;
}
#new-activity ul {
  margin: -10px 0 0 0;
  padding: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
#new-activity li .row {
  background: #ffffff;
  -webkit-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955), X;
  transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955), X;
  margin: 0;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 -1px 0 0 #DFE4E8, 0 6px 12px -2px rgba(50, 50, 93, 0.25), 0 3px 7px -3px rgba(0, 0, 0, 0.3);
          box-shadow: inset 0 -1px 0 0 #DFE4E8, 0 6px 12px -2px rgba(50, 50, 93, 0.25), 0 3px 7px -3px rgba(0, 0, 0, 0.3);
  padding: 1.125rem 20px;
}
#new-activity li.new {
  max-height: 0;
  border: 0;
  padding: 0;
  margin: 0;
  overflow: hidden;
  z-index: 2;
}
#new-activity .empty {
  margin-top: 40px;
  height: calc(100% - 40px);
}
#new-activity li.new .row {
  background: #fff;
  margin: 0;
  -webkit-box-shadow: 0 30px 60px -12px rgba(50, 50, 93, 0.25), 0 18px 36px -18px rgba(0, 0, 0, 0.3), 0 -12px 36px -8px rgba(0, 0, 0, 0.025);
          box-shadow: 0 30px 60px -12px rgba(50, 50, 93, 0.25), 0 18px 36px -18px rgba(0, 0, 0, 0.3), 0 -12px 36px -8px rgba(0, 0, 0, 0.025);
}
.ready #new-activity li.new {
  max-height: 140px;
  overflow: visible;
  margin: 0 0 0.5rem 0;
}
#new-activity li {
  margin: 0 0 0.5rem 0;
}
#new-activity .mock li {
  margin: 0 0 0.5rem 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: 0.3s, X;
  transition: 0.3s, X;
}
#new-activity .mock li:nth-child(10) {
  -webkit-transition-delay: 880ms;
          transition-delay: 880ms;
}
.ready #new-activity .mock li:nth-child(10) {
  opacity: 1;
}
#new-activity .mock li:nth-child(9) {
  -webkit-transition-delay: 800ms;
          transition-delay: 800ms;
}
.ready #new-activity .mock li:nth-child(9) {
  opacity: 1;
}
#new-activity .mock li:nth-child(8) {
  -webkit-transition-delay: 720ms;
          transition-delay: 720ms;
}
.ready #new-activity .mock li:nth-child(8) {
  opacity: 1;
}
#new-activity .mock li:nth-child(7) {
  -webkit-transition-delay: 640ms;
          transition-delay: 640ms;
}
.ready #new-activity .mock li:nth-child(7) {
  opacity: 1;
}
#new-activity .mock li:nth-child(6) {
  -webkit-transition-delay: 560ms;
          transition-delay: 560ms;
}
.ready #new-activity .mock li:nth-child(6) {
  opacity: 1;
}
#new-activity .mock li:nth-child(5) {
  -webkit-transition-delay: 480ms;
          transition-delay: 480ms;
}
.ready #new-activity .mock li:nth-child(5) {
  opacity: 1;
}
#new-activity .mock li:nth-child(4) {
  -webkit-transition-delay: 400ms;
          transition-delay: 400ms;
}
.ready #new-activity .mock li:nth-child(4) {
  opacity: 1;
}
#new-activity .mock li:nth-child(3) {
  -webkit-transition-delay: 320ms;
          transition-delay: 320ms;
}
.ready #new-activity .mock li:nth-child(3) {
  opacity: 1;
}
#new-activity .mock li:nth-child(2) {
  -webkit-transition-delay: 240ms;
          transition-delay: 240ms;
}
.ready #new-activity .mock li:nth-child(2) {
  opacity: 1;
}
#new-activity .mock li:nth-child(1) {
  -webkit-transition-delay: 160ms;
          transition-delay: 160ms;
}
.ready #new-activity .mock li:nth-child(1) {
  opacity: 1;
}
#new-activity .mock li:nth-child(3) {
  -webkit-transition-delay: 1s !important;
  transition-delay: 1s !important;
}
#new-activity .mock li:nth-child(2) {
  -webkit-transition-delay: 3s !important;
  transition-delay: 3s !important;
}
#new-activity .mock li:nth-child(1) {
  -webkit-transition-delay: 5s !important;
  transition-delay: 5s !important;
}
#new-activity li a.row::after {
  display: none !important;
}
#new-activity .icon.bold {
  width: 32px;
  height: 32px;
  padding: 8px;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955), X;
  transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955), X;
}
#new-activity li:not(.new) .icon.bold {
  background: #063;
}
#new-activity .icon.bold svg {
  max-height: 100%;
  height: auto;
}
#new-activity .avatar {
  margin: 0;
  -ms-flex-item-align: center;
      align-self: center;
}
.page header .col.license {
  font-size: 13px;
  color: #637381;
  -webkit-box-shadow: inset 1px 0 0 0 #E5E9ED;
          box-shadow: inset 1px 0 0 0 #E5E9ED;
  margin: -1.5rem 0 -0.5rem auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  overflow: hidden;
}
.license h5 {
  margin: 0;
  font-size: 13px;
  font-weight: normal;
  color: #B5BBC1;
}
.page header .license > .col {
  margin-bottom: 0;
}
.license .bg {
  -webkit-transform: none;
  transform: none;
  z-index: -1;
  left: auto;
  top: auto;
  right: 0;
  bottom: -10px;
}
.placeholder .card,
.card.placeholder {
  background: none;
}
.placeholder .held {
  display: none !important;
}
.placeholder.card figure {
  height: 65px;
  margin: 0 auto 15px;
}
.placeholder.card figure svg {
  display: none !important;
}
.placeholder .list li .col {
  color: transparent !important;
}
.placeholder .card header p,
.placeholder.rgt,
.placeholder .stat span,
.placeholder .stat p {
  position: relative;
  color: transparent;
  margin-bottom: 0.5rem;
  min-height: 50px;
}
.placeholder .list li .col::before,
.placeholder .card header p::before,
.placeholder .card header p::after,
.placeholder.rgt::before,
.placeholder .honeycomb .avatar::before,
.placeholder .stat span::before,
.placeholder .stat p::before,
.placeholder.card figure::before {
  content: '';
  position: absolute;
  background: #DBE2E7;
  height: 100%;
  width: 100%;
  z-index: 7;
}
.placeholder .card header p::before,
.placeholder .card header p::after {
  height: calc(40%);
}
.placeholder .card header p::before,
.placeholder.rgt::before {
  background: #1E4060;
}
.placeholder .honeycomb .avatar::before,
.placeholder .stat span::before,
.placeholder .stat p::before,
.placeholder figure::before {
  left: 0;
}
.placeholder .card header p::after {
  background: #1E4060;
  top: 55%;
  left: 0;
  width: 80%;
}
.network.placeholder .bracket .list li::after {
  border: 0;
}
.network.placeholder .connector::before,
.network.placeholder .bracket .list::before {
  background: none;
}
#stats.placeholder .list li .col::before {
  width: calc(100% - 20px);
}
.placeholder.rgt::before {
  width: calc(100% - 30px);
}
.network .list .col.icon::before {
  left: 0;
}
#stats.placeholder .config.card .list li .month::before,
#stats.placeholder .config.card .list li .all::before {
  right: 0;
}
#first-setup {
  width: calc(100% + 60px);
  margin: -2rem -30px;
  background: #fff;
  padding: 20px 30px;
  margin-bottom: 2rem;
  border-top: 1px solid #E5E9ED;
}
#print-setup.hidden {
  padding: 0 30px !important;
}
#print-setup {
  z-index: 8;
  background: #F2F7F5;
  width: calc(100%);
  margin: 0;
  padding: 20px 30px;
  max-height: 600px;
  position: relative;
  -webkit-box-shadow: inset 0 0 0 1px rgba(140, 162, 166, 0.1), inset 0 0 10px 0 rgba(48, 88, 96, 0.3);
          box-shadow: inset 0 0 0 1px rgba(140, 162, 166, 0.1), inset 0 0 10px 0 rgba(48, 88, 96, 0.3);
  -webkit-transition: all 0.3s ease-in, width 0s;
  transition: all 0.3s ease-in, width 0s;
}
#print-setup .auto {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all 0.3s ease-in 0.3s, X;
  transition: all 0.3s ease-in 0.3s, X;
}
#print-setup.hidden .auto {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.3s ease-in 0s, X;
  transition: all 0.3s ease-in 0s, X;
}
#print-setup.highlighted {
  z-index: 10;
}
nav.expose {
  z-index: 10;
  position: absolute;
  overflow: initial;
}
#print-setup .empty {
  width: calc(100% + 40px);
  height: calc(100% + 10px);
  max-width: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: linear-gradient(45deg, rgba(242, 247, 245, 0) 0%, rgba(242, 247, 245, 0.8) 15%, #f2f7f5 50%, rgba(242, 247, 245, 0.8) 85%, rgba(242, 247, 245, 0) 100%);
}
#print-setup .empty .mold {
  fill: transparent;
}
#print-setup .empty p {
  max-width: 400px;
}
#print-setup .empty .btn {
  -ms-flex-item-align: center;
      align-self: center;
}
#print-setup ol {
  background: none;
}
#print-setup ol li::before {
  z-index: 1;
  left: 0;
  top: 0;
  color: #fff;
}
#print-setup ol li::after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 38px 32px 0 0;
  border-color: #065143 transparent transparent transparent;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
#print-setup ol li.complete::after {
  border-color: #A4ACB6 transparent transparent transparent;
}
#print-setup ol li.active::after {
  border-color: #159966 transparent transparent transparent;
}
#print-setup .empty .icon {
  width: 72px;
  height: 72px;
  margin: 0 auto 1rem auto;
  -webkit-box-shadow: inset -2px -2px 2px 0 rgba(0, 0, 0, 0.1), inset 2px 2px 2px 0 rgba(255, 255, 255, 0.2), 9px 9px 16px rgba(163, 177, 198, 0.6);
          box-shadow: inset -2px -2px 2px 0 rgba(0, 0, 0, 0.1), inset 2px 2px 2px 0 rgba(255, 255, 255, 0.2), 9px 9px 16px rgba(163, 177, 198, 0.6);
  border-radius: 26px;
  background: #81B53C;
}
#first-setup .sep span,
#print-setup .sep span {
  background: #fff;
  color: #8E959E;
}
#first-setup h4,
#print-setup h4 {
  margin-bottom: 0.8rem;
}
#first-setup .list li,
#print-setup .list li {
  min-height: 0;
  padding: 0;
  margin: 0;
  -webkit-transition: 0s, X;
  transition: 0s, X;
}
#print-setup .list li:first-child {
  z-index: 1;
}
#print-setup .list li .row {
  padding: 20px;
  -webkit-box-shadow: none;
          box-shadow: none;
}
#print-setup .list li.active {
  background: #fff;
  position: relative;
  z-index: 1;
  -webkit-box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5), 0 15px 30px -6px rgba(50, 50, 93, 0.15), 0 18px 18px -9px rgba(0, 0, 0, 0.2), 0 -6px 36px -8px rgba(0, 0, 0, 0.025);
          box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5), 0 15px 30px -6px rgba(50, 50, 93, 0.15), 0 18px 18px -9px rgba(0, 0, 0, 0.2), 0 -6px 36px -8px rgba(0, 0, 0, 0.025);
}
#first-setup .list li.complete .icon::before,
#print-setup .list li.complete .icon::before {
  content: '';
  background: url('sprite.png') -793px -791px no-repeat;
  height: 0;
  overflow: hidden;
  width: 24px;
  padding-top: 24px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  border-radius: 50%;
  background-color: #13293D;
  position: absolute;
  top: -9px;
  right: -9px;
  -webkit-box-shadow: 0 0 0 3px #F2F7F5;
          box-shadow: 0 0 0 3px #F2F7F5;
  z-index: 2;
}
#print-setup .list li.complete .btn.outline {
  pointer-events: none;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
#first-setup .list li a.row,
#print-setup .list li .row {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  background: none;
  position: relative;
  z-index: 0;
}
#first-setup .list li:hover {
  background-color: #f5fafc;
}
#first-setup .list li a.row .icon,
#print-setup .list li .row .icon {
  margin: 0 20px 0 0;
  background: #BABFC4;
  border-radius: 26px;
  -webkit-box-shadow: inset -2px -2px 2px 0 rgba(0, 0, 0, 0.1), inset 2px 2px 2px 0 rgba(255, 255, 255, 0.2), 9px 9px 16px rgba(163, 177, 198, 0.6);
          box-shadow: inset -2px -2px 2px 0 rgba(0, 0, 0, 0.1), inset 2px 2px 2px 0 rgba(255, 255, 255, 0.2), 9px 9px 16px rgba(163, 177, 198, 0.6);
}
#print-setup p {
  margin-bottom: 0.5rem;
}
#first-setup svg,
#print-setup svg {
  width: 72px;
  height: 72px;
  max-width: none;
}
#print-setup li.complete h5 {
  text-decoration: line-through;
}
#first-setup .list li.active .icon,
#print-setup .list li.active .icon {
  background: #159966;
}
#status-held svg {
  position: relative;
  z-index: 1;
}
.pie {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  border: 4px solid #A4ACB6;
  background: #A4ACB6;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, transparent), color-stop(0, currentColor));
  background-image: linear-gradient(to right, transparent 50%, currentColor 0);
  color: #BFC5CC;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  z-index: 0;
}
.ready .pie::before {
  content: '';
  display: block;
  margin-left: 50%;
  height: 100%;
  border-radius: 0 100% 100% 0%;
  background-color: inherit;
  -webkit-transform-origin: left;
          transform-origin: left;
  -webkit-animation: piespin 3s linear 2 normal, piebg 6s step-end 1 normal;
          animation: piespin 3s linear 2 normal, piebg 6s step-end 1 normal;
}
@-webkit-keyframes piespin {
  to {
    -webkit-transform: rotate(0.5turn);
            transform: rotate(0.5turn);
  }
}
@keyframes piespin {
  to {
    -webkit-transform: rotate(0.5turn);
            transform: rotate(0.5turn);
  }
}
@-webkit-keyframes piebg {
  50% {
    background: currentColor;
  }
}
@keyframes piebg {
  50% {
    background: currentColor;
  }
}
.ready .blink {
  -webkit-animation: blink 1s linear 5 normal;
          animation: blink 1s linear 5 normal;
}
.home-c .config.card ul .row {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 10px 0;
  -webkit-transform: none;
          transform: none;
}
.home-c .config.card .list li .month {
  width: 60px;
  padding: 0;
  line-height: 1;
}
.home-c .config.card h4 {
  margin: 0 10px 0 0;
  position: relative;
  white-space: nowrap;
  font-size: 15px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.home-c .sep span {
  background: #EFF3F7;
  color: #A4ACB9;
}
.home-c .honeycomb {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.home-c .honeycomb .avatar {
  width: 40px;
  height: 40px;
  line-height: 40px;
  margin: 0 5px;
  position: relative;
  z-index: 1;
}
.home-c .honeycomb h6 {
  line-height: 0.9;
  position: absolute;
  width: 100%;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #8E959E;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 0.05em;
  -webkit-font-smoothing: auto;
  color: #000;
  opacity: 0.05;
  filter: alpha(opacity=5);
  font-size: 72px;
  margin: 0;
  font-weight: 900;
  z-index: 0;
}
.home-c .card {
  overflow: initial;
}
.home-c .honeycomb .row {
  margin: 5px -10px;
}
.home-c main hr {
  margin: 10px 0;
}
.home-c main .row {
  margin: 0 -10px;
}
.home-c main .col {
  padding: 0 10px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.page-onboarding .topbar,
.page-onboarding.open-menu .topbar {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  position: inherit;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-left: 72px;
  font-size: 19px;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
}
.page-onboarding.open-menu .overlay {
  display: none !important;
}
.page-onboarding .nav-toggle.lines-button {
  display: block;
}
.page-onboarding .wrap {
  padding: 0;
  background: #EFF3F7;
}
.page-onboarding .page {
  margin: 0;
  max-height: 100vh;
}
.page-onboarding .page > .col {
  padding: 3rem 0;
}
.page-onboarding aside {
  background: #fff;
  right: 0;
  width: 100%;
  max-width: none;
  height: 100vh;
  padding: 3rem 0;
  -webkit-transform: translate(0%, 100%);
  transform: translate(0%, 100%);
  -webkit-transition: transform 0.5s, X;
  -webkit-transition: X, -webkit-transform 0.5s;
  transition: X, -webkit-transform 0.5s;
  transition: transform 0.5s, X;
  transition: transform 0.5s, X, -webkit-transform 0.5s;
  position: fixed;
  top: 0;
}
.page-onboarding aside header {
  padding: 0;
  margin: 0;
  display: block;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.page-onboarding.slideup aside {
  -webkit-transform: translate(0, 56px);
  transform: translate(0, 56px);
}
.page-onboarding .slides {
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  -webkit-transition: opacity 0.3s, X;
  transition: opacity 0.3s, X;
}
.page-onboarding .slides.slick-initialized {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
}
.page-onboarding .slides .item {
  margin: 60px 0 30px 0;
  padding: 0 15px;
  min-width: calc(272px + 60px);
  -webkit-transition: all 0.3s, X;
  transition: all 0.3s, X;
  position: relative;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.page-onboarding .slides .item h3,
.page-onboarding .slides .item p {
  display: none !important;
}
.page-onboarding .step-2 .item:nth-child(1) figure,
.page-onboarding .step-3 .item:nth-child(2) figure {
  margin: 0 0 0 auto;
}
.page-onboarding .slides .slick-current figure {
  margin: 0 auto;
}
.page-onboarding .slides .item:focus {
  outline: none;
}
.onboarding.ios .slides figure {
  width: 272px;
  -webkit-box-shadow: 0 0 0 1px #CCD2D7;
          box-shadow: 0 0 0 1px #CCD2D7;
  background: #fff;
  opacity: 0.5;
  filter: alpha(opacity=50);
  border-radius: 3px;
  overflow: hidden;
  -webkit-transition: box-shadow 0.3s 0.5s, X;
  -webkit-transition: X, -webkit-box-shadow 0.3s 0.5s;
  transition: X, -webkit-box-shadow 0.3s 0.5s;
  transition: box-shadow 0.3s 0.5s, X;
  transition: box-shadow 0.3s 0.5s, X, -webkit-box-shadow 0.3s 0.5s;
}
.onboarding.ios .slides .slick-current figure {
  -webkit-box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5), 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
          box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5), 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
  opacity: 1;
  filter: alpha(opacity=100);
}
.onboarding header h3 {
  margin-bottom: 2rem;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: opacity 0.3s, X;
  transition: opacity 0.3s, X;
  min-height: 22px;
}
.page-onboarding p {
  max-width: 300px;
  margin: 0 auto 1.3rem;
}
.page-onboarding .page p {
  color: #637381;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: opacity 0.3s, X;
  transition: opacity 0.3s, X;
}
.page-onboarding .slick-dots {
  bottom: calc(100% - 30px);
  right: 50%;
  -webkit-transform: translate(50%, 0);
  transform: translate(50%, 0);
  border-radius: 3px;
}
.page-onboarding .slick-dots li {
  width: 40px;
  height: 40px;
  margin: 0 5px;
}
.page-onboarding .slick-dots li button {
  background: #D6DCE0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: #fff;
  line-height: 40px;
  font-family: 'Barlow', sans-serif;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
}
.page-onboarding .slick-dots li.slick-active button {
  background: #13293C;
}
.onboarding.animating header h3,
.onboarding.animating footer p {
  opacity: 0;
  filter: alpha(opacity=0);
}
.page-onboarding .overlay {
  -webkit-transition: all 0s, X;
  transition: all 0s, X;
  overflow: hidden;
}
.open-mobile .overlay {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
  z-index: 9;
  padding: 0;
  background: #13293D;
}
.open-mobile #popup-mobile {
  background: none;
  color: rgba(255, 255, 255, 0.7);
  padding: 3rem 0;
  position: static;
  top: 0;
  opacity: 1;
  display: block;
  z-index: 100;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  visibility: visible;
  width: 100%;
  /* min-height: 100%; */
  -webkit-transition: opacity 0.3s, X;
  transition: opacity 0.3s, X;
}
.open-mobile h3 {
  color: #fff;
}
#popup-mobile header,
#popup-mobile footer {
  max-width: 360px;
  padding: 0;
}
#popup-mobile .content {
  overflow: hidden;
  margin: 30px 0;
  padding: 0;
  border-radius: 0;
}
#popup-mobile h1 {
  color: #fff;
  font-size: 19px;
}
.onboarding.mobile {
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding: 3rem 0;
  top: 0;
  left: 0;
  position: absolute;
  -webkit-transition: opacity 0.3s, X;
  transition: opacity 0.3s, X;
  visibility: visible;
}
.onboarding.mobile .slick-dots {
  display: none !important;
}
.onboarding.mobile .item {
  padding: 0;
}
.onboarding.mobile figure {
  position: relative;
}
#popup-mobile figure img {
  margin: 0 auto;
}
.onboarding.mobile.replay .slides {
  cursor: pointer;
}
.onboarding.mobile .item:last-child figure::before {
  -webkit-transition: opacity 0.3s, X;
  transition: opacity 0.3s, X;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  content: '';
  background: rgba(23, 43, 68, 0.8);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.onboarding.mobile .item:last-child figure::after {
  -webkit-transition: opacity 0.3s, X;
  transition: opacity 0.3s, X;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  content: '';
  width: 114px;
  height: 26px;
  background: url(replay.png) 0 0 no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.onboarding.mobile.replay .item:last-child figure::before,
.onboarding.mobile.replay .item:last-child figure::after {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
}
.onboarding.mobile h3 {
  color: #fff;
  margin: 0;
  font-size: 19px;
}
.onboarding.mobile p {
  color: rgba(255, 255, 255, 0.8);
}
.mask {
  opacity: 0 !important;
  filter: alpha(opacity=0) !important;
  visibility: hidden !important;
}
.prog {
  margin: -30px auto 30px;
  display: block;
  width: 360px;
  height: 6px;
  overflow: hidden;
  background-color: #20405e;
  background-image: -webkit-gradient(linear, left top, right top, from(#26AA27), to(#26AA27));
  background-image: linear-gradient(to right, #26AA27, #26AA27);
  background-repeat: no-repeat;
  background-size: 33.33% 100%;
  -webkit-transition: background-size 0.4s ease-in-out;
  transition: background-size 0.4s ease-in-out;
}
#verification {
  max-width: 300px;
  margin: -1.3rem 0 30px 0;
  text-align: center;
  color: #8E959E;
}
#verification .row {
  margin: 0 -5px;
}
#verification .row > div {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  padding: 0.375rem 5px;
}
#verification .row > div input {
  display: none !important;
}
#verification .row > div .num {
  background: #13293D;
  border-radius: 3px;
  color: #fff;
  padding: 0.8125rem;
  display: block;
}
.page-onboarding.mobile .overlay.visible {
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
  z-index: 0;
}
.page-onboarding.mobile .page {
  min-height: calc(100vh - 56px - 56px);
}
.page-onboarding.mobile .list:not(.condensed) li a.row {
  z-index: 10;
  overflow: initial;
  border-radius: 0;
  -webkit-box-shadow: 0 -1px 0 0 rgba(215, 222, 227, 0.5), 0 1px 0 0 rgba(215, 222, 227, 0.5);
          box-shadow: 0 -1px 0 0 rgba(215, 222, 227, 0.5), 0 1px 0 0 rgba(215, 222, 227, 0.5);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0.8rem 30px 0.8rem 54px;
}
.page-onboarding.mobile .list.condensed li a.row {
  border-radius: 0;
  -webkit-box-shadow: 0 -1px 0 0 rgba(215, 222, 227, 0.5), 0 1px 0 0 rgba(215, 222, 227, 0.5);
          box-shadow: 0 -1px 0 0 rgba(215, 222, 227, 0.5), 0 1px 0 0 rgba(215, 222, 227, 0.5);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background: #fff;
  z-index: 0;
  padding: 0.8rem 0;
}
.page-onboarding.mobile .list figure {
  border-radius: 50%;
  left: 15px;
  top: 12px;
  content: '';
  background: url('sprite.png') -989px -787px no-repeat;
  height: 0;
  overflow: hidden;
  width: 40px;
  padding-top: 40px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  background-color: #13293B;
}
.page-onboarding.mobile .list figure::before {
  display: none !important;
}
.page-onboarding.mobile .list figure img {
  display: none !important;
}
.page-onboarding.mobile .list .col.document,
.page-onboarding.mobile .list .col.attr {
  width: 100%;
  display: block !important;
}
.page-onboarding.mobile .list .col.document {
  margin-bottom: 0.2rem;
}
.page-onboarding.mobile footer {
  z-index: 1;
  bottom: 0;
  position: fixed;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  left: 0;
  width: 100%;
  font-size: 1rem;
  height: auto;
  padding: 0.5rem;
  background: #FFF;
  -webkit-box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.12), 0 16px 16px 0 rgba(0, 0, 0, 0.24);
          box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.12), 0 16px 16px 0 rgba(0, 0, 0, 0.24);
}
.page-onboarding.mobile .uo-print,
.page-onboarding.mobile .uo-release {
  min-height: calc(100vh - 56px - 56px - 61px);
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.page-onboarding.mobile .uo-print .task,
.page-onboarding.mobile .uo-release .task {
  display: none !important;
  margin: auto;
  padding: 1.125rem 1.125rem 0 1.125rem;
  background: rgba(255, 255, 255, 0.7);
  position: relative;
  -webkit-box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5), 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
          box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5), 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
  border-radius: 3px;
}
.page-onboarding.mobile .uo-release h5 {
  position: relative;
  color: #8E959E;
  padding: 0.5rem 20px;
  margin: 0;
}
.page-onboarding.mobile .uo-release h5 .tip.stuck {
  right: auto;
  left: 100px;
  -webkit-transform: translate(0);
          transform: translate(0);
  bottom: auto;
  top: 2px;
}
.page-onboarding.mobile .uo-release h5 .tip.stuck::before {
  right: auto;
  left: -4px;
  top: 12px;
  bottom: 0;
}
.page-onboarding.mobile .uo-release header {
  background: #212B36;
  padding: 0.5rem 0;
}
.page-onboarding.mobile .uo-release header h3 {
  color: #fff;
  margin: 0;
  padding: 0.5rem 0 1rem;
  text-align: center;
  -webkit-box-shadow: inset 0 -1px 0 0 rgba(255, 255, 255, 0.15);
          box-shadow: inset 0 -1px 0 0 rgba(255, 255, 255, 0.15);
}
.page-onboarding.mobile .uo-release header .tabs {
  margin-top: 0;
  -webkit-font-smoothing: antialiased;
}
.page-onboarding.mobile .uo-release header .tabs ul {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.page-onboarding.mobile .uo-release header .tabs ul li {
  width: 33.33%;
  padding: 0 15px;
  margin: 0;
  text-align: center;
  padding: 0;
}
.page-onboarding.mobile .uo-release header .tabs ul li.active {
  background: #171F27;
}
.page-onboarding.mobile .uo-release header .tabs ul li .icon {
  height: 20px;
  display: block;
  margin: 0 auto 0.2rem auto;
}
.page-onboarding.mobile .uo-release header .tabs ul li .icon svg {
  fill: #fff;
}
.page-onboarding.mobile .uo-release header .tabs ul li a {
  color: #fff;
  padding: 0.8rem 0;
  -webkit-box-shadow: inset -1px 0 0 0 rgba(255, 255, 255, 0.15);
          box-shadow: inset -1px 0 0 0 rgba(255, 255, 255, 0.15);
}
.page-onboarding.mobile .uo-release header .tabs ul li:last-child a {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.crop {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 150px;
  display: inline-block;
  line-height: 20px;
  vertical-align: middle;
  margin-top: -2px;
}
a.row.deleted {
  cursor: default;
}
a.row.deleted::after {
  background: none;
}
.row.deleted .rule {
  padding-right: 90px;
}
.row.deleted .rule h4 {
  text-decoration: line-through;
}
.row.deleted a.restore {
  position: absolute;
  top: 0;
  right: 20px;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
  line-height: 24px;
}
.rule-details-actions {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
}
.rule-details-actions .rgt .btn {
  margin-left: 0.5rem;
}
.rule h4 {
  margin: 0;
  min-height: 24px;
}
.rule-user:empty {
  background: #DBE2E7;
  width: 210px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 2px 0 0;
}
.rule-printer:empty {
  background: #DBE2E7;
  width: 120px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 2px;
}
.rule-time:empty {
  background: #DBE2E7;
  width: 80px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 2px;
}
.collapsable a.row > .icon {
  width: 24px;
  height: 24px;
  -ms-flex-item-align: start;
      align-self: start;
  margin: 0 7px 0 -7px;
}
.collapsable li[data-type="warn"] a.row > .icon svg {
  fill: #FFB100;
}
.collapsable a.row > .icon svg {
  fill: #E9205F;
}
.collapsable.nochildren ul {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.aside-accesscontrol .list.collapsable a.row::before {
  content: '';
  width: 48px;
  background: #FFEFF4;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  padding: 0;
  border-radius: 3px 0 0 3px;
  -webkit-transform: none !important;
  transform: none !important;
}
.aside-accesscontrol .list.collapsable li[data-type="warn"] a.row::before {
  background: #fff3d6;
}
.aside-accesscontrol .list li a.row {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.empty-rule {
  -webkit-box-shadow: 0 0 0 1px #CCD2D7;
          box-shadow: 0 0 0 1px #CCD2D7;
  border-radius: 3px;
  padding: 15px 15px 0 15px;
  margin-bottom: 1.3rem;
  color: #8E959E;
}
.empty-rule .col {
  padding: 20px 15px;
  margin-top: 15px;
  -webkit-box-shadow: 1px -1px 0 0 #CCD2D7;
          box-shadow: 1px -1px 0 0 #CCD2D7;
}
.empty-rule .icon.outline {
  width: 48px;
  height: 48px;
  margin: 0 auto;
  color: #CCD2D7;
}
.empty-rule .icon.outline svg {
  stroke-width: 1;
}
.aside-accesscontrol .list .row.extra.alt {
  padding-top: 0;
}
.aside-accesscontrol .list .row.level {
  border-radius: 0 !important;
  border-top: 1px solid rgba(215, 222, 227, 0.7);
  border-bottom: 1px solid rgba(215, 222, 227, 0.7);
  padding: 20px;
  margin-bottom: 20px;
}
/* .page-printsecurity .pusher { background: #19417D; } */
/* .page-printsecurity .pusher { background: url(paper.png); } */
/* .configure main .col { visibility: hidden; .opacity(0); .transition(opacity .3s ease-in .3s); min-width: 240px; color: rgba(255, 255, 255, 0.7); } */
.page .configure {
  min-height: calc(100vh - 56px);
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.configure main {
  min-height: calc(100vh - 175px - 56px);
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-line-pack: initial;
      align-content: initial;
}
.configure main .row {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.configure main .col {
  -webkit-transition: opacity 0.3s ease-in 0.3s, X;
  transition: opacity 0.3s ease-in 0.3s, X;
  min-width: 240px;
}
.configure main .col.divider {
  min-width: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-transition: all 0s, X;
  transition: all 0s, X;
}
.configure main .col p {
  min-height: 44px;
}
.configure .diagram hr {
  max-width: 0;
  -webkit-transition: all 0.5s ease-in, X;
  transition: all 0.5s ease-in, X;
  display: none !important;
}
.configure.ready .diagram hr {
  max-width: 200px;
}
.configure.ready .diagram .col {
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
}
.configure .diagram .col:first-child .icon {
  background: #159966;
}
.configure main .row:last-child .col:first-child .icon {
  background: #2A9F8F;
}
.configure .diagram .col:last-child .icon {
  background: #81B53C;
}
.configure main .row:last-child {
  margin-top: -70px;
}
/* .configure main .col h6 { color: #FFD23F; } */
.configure main .icon svg {
  fill: none;
  stroke: none;
}
.lit {
  fill: #E5E9ED;
}
.get.lit {
  fill: #26AA27;
}
.container-printsecurity {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  min-height: calc(100vh - 56px);
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#shield-border {
  stroke: rgba(255, 255, 255, 0.5);
}
.config.card .shield-bg {
  fill: rgba(0, 0, 0, 0.2);
}
.shield .filler {
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}
.ready .shield.low .filler {
  fill: #26AA27;
  -webkit-transform: translateY(66.66%);
          transform: translateY(66.66%);
}
.ready .shield.medium .filler {
  fill: #26AA27;
  -webkit-transform: translateY(33.33%);
          transform: translateY(33.33%);
}
.ready .shield.high .filler {
  fill: #26AA27;
  /* fill: url(#shieldgrad); */
  -webkit-transform: translateY(0%);
          transform: translateY(0%);
}
/* .page-theenvironment .pusher { background: #114B5F; } */
.page-theenvironment .diagram > .row {
  width: 100%;
  padding: 0 0 0 30px;
}
.page-theenvironment.configure main .row:last-child {
  margin-top: -70px;
}
.page-theenvironment .diagram .col:nth-child(2) {
  margin: 0 0 0 auto;
}
.spin {
  -webkit-animation: spin 2s linear infinite;
          animation: spin 2s linear infinite;
  opacity: 0.7;
  filter: alpha(opacity=70);
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}
.pipe {
  stroke-dasharray: 1200;
  stroke-dashoffset: 1200;
  stroke: #41a5bc;
}
.pipe.rev {
  stroke-dasharray: 1200;
  stroke-dashoffset: 1200;
}
.ready .pipe {
  -webkit-animation: dash 0.5s 0.3s linear forwards;
          animation: dash 0.5s 0.3s linear forwards;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
}
.ready .pipe.rev {
  -webkit-animation: dash-rev 0.5s linear forwards;
          animation: dash-rev 0.5s linear forwards;
}
.ready #pipe-clever .pipe {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
.ready #pipe-blunt .pipe {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}
.fillup {
  -webkit-transition: all 0.6s 0.6s ease-in-out;
  transition: all 0.6s 0.6s ease-in-out;
  -webkit-transform: translateY(101%);
          transform: translateY(101%);
  opacity: 1;
  filter: alpha(opacity=100);
}
#mygradient stop.start-color {
  stop-color: #348496;
}
#mygradient stop.end-color {
  stop-color: #348496;
}
.ready .fillup {
  fill: #348496;
  /* fill: url(#mygradient); */
  opacity: 0.6;
  filter: alpha(opacity=60);
  -webkit-transform: translateY(75%);
          transform: translateY(75%);
}
.bird {
  -webkit-animation: float 3s linear infinite;
          animation: float 3s linear infinite;
}
.whale .blowhole path {
  stroke-dasharray: 7;
  stroke-dashoffset: 7;
  -webkit-animation: blowhole 5s 0.2s linear infinite;
          animation: blowhole 5s 0.2s linear infinite;
}
.whale .blowhole :nth-child(2) {
  -webkit-animation: blowhole 5s 0.4s linear infinite;
          animation: blowhole 5s 0.4s linear infinite;
}
.whale .blowhole :nth-child(3) {
  -webkit-animation: gush 5s 0.6s linear infinite;
          animation: gush 5s 0.6s linear infinite;
  opacity: 0;
  filter: alpha(opacity=0);
}
.whale .blowhole :nth-child(4) {
  -webkit-animation: gush 5s 0.6s linear infinite;
          animation: gush 5s 0.6s linear infinite;
  opacity: 0;
  filter: alpha(opacity=0);
}
.wind path {
  -webkit-animation: wind 3s linear infinite;
          animation: wind 3s linear infinite;
}
.wind path:nth-child(1) {
  -webkit-animation: wind 3.4s linear infinite;
          animation: wind 3.4s linear infinite;
}
.wind path:nth-child(2) {
  -webkit-animation: wind 3.2s linear infinite;
          animation: wind 3.2s linear infinite;
}
.earth {
  -webkit-filter: drop-shadow(0 0 20px rgba(50, 50, 93, 0.2));
          filter: drop-shadow(0 0 20px rgba(50, 50, 93, 0.2));
}
#land {
  fill: url(#landfill);
}
#water {
  fill: url(#wave);
}
#globe {
  fill: url(#wave2);
}
/* .cloud-2 { animation: cloud 30s linear infinite; }
.cloud-3 { animation: cloud 120s linear infinite; }
.cloud-4 { animation: cloud 70s linear infinite; } */
@-webkit-keyframes RingProgress {
  0% {
    stroke-dasharray: 0 100;
  }
}
@keyframes RingProgress {
  0% {
    stroke-dasharray: 0 100;
  }
}
.ActivityRings {
  height: 100%;
  width: 100%;
}
.ActivityRings .ring {
  -webkit-transform-origin: 50%;
          transform-origin: 50%;
}
.ActivityRings .completed {
  -webkit-animation: RingProgress 1s ease-in-out forwards;
          animation: RingProgress 1s ease-in-out forwards;
  stroke-linecap: round;
}
.ActivityRings circle {
  fill: none;
}
.ring1 .background {
  stroke: #E5E9ED;
}
.ring1 .completed {
  stroke: #26AA27;
}
.ring2 .background {
  stroke: #E5E9ED;
}
.ring2 .completed {
  stroke: #81B53C;
}
.ring3 .background {
  stroke: #E5E9ED;
}
.ring3 .completed {
  stroke: #2A9F8F;
}
.unreleased-range {
  height: 6px;
}
#unreleased-range {
  color: #5F6470;
  font-family: 'Source Sans Pro', sans-serif;
  margin: 0 -5px;
}
.unreleased-wrap {
  padding: 1rem 0 1.3rem 0;
}
.unreleased-range .noUi-handle {
  -webkit-transform: translate(15px, -12px);
  transform: translate(15px, -12px);
}
/* .page-easyprinting .bg svg { stroke: #E5E9ED; fill:none; display: block; }
.page-easyprinting .bg .hair { stroke: none; .opacity(30);  } */
.page-easyprinting .diagram .col:nth-child(2) {
  margin: 0 0 0 auto;
}
.page-easyprinting .bg {
  margin: 0;
}
.mouse {
  stroke-dasharray: 2000;
  stroke-dashoffset: 2000;
  stroke: #EFF3F7;
  stroke-width: 6;
  fill: none;
  -webkit-animation: mouse 3s 0.3s linear forwards;
          animation: mouse 3s 0.3s linear forwards;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
}
.mold.alt {
  -webkit-transition: fill 0.3s 2.4s, X;
  transition: fill 0.3s 2.4s, X;
  fill: #26aa27;
}
.ready .mold.alt {
  fill: #065143;
}
.dots {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: 0s 0.3s, X;
  transition: 0s 0.3s, X;
}
.ready .dots {
  opacity: 1;
  filter: alpha(opacity=100);
}
aside ol {
  position: relative;
}
aside ol::before {
  content: '';
  position: absolute;
  left: 4px;
  top: 0;
  bottom: 0;
  border-left: 1px solid rgba(215, 222, 227, 0.5);
}
aside ol li {
  margin-bottom: 1.3rem;
}
aside ol li:last-child {
  margin: 0;
}
aside ol li::before {
  background: #fff;
}
aside ol li h4 {
  margin-bottom: 0.8rem;
}
ol.list-steps::before {
  content: none;
}
ol.list-steps > li::before {
  color: #1A2329;
  top: -1px;
  font-weight: 600;
}
ol li > ol.list-steps {
  counter-reset: counter;
  margin-top: 0.5rem;
}
ol.list-steps li > ol.list-steps > li {
  counter-increment: sub-counter;
}
ol.list-steps li > ol.list-steps > li::before {
  content: counter(sub-counter, lower-alpha);
  color: #BABFC4;
  font-weight: normal;
  top: 0;
}
ol.list-steps li {
  margin-bottom: 0.5rem;
}
ol.list-steps li .field {
  margin: 9px 0 0 0;
}
ol.list-steps li .btn {
  margin: 0;
}
h4 .icon.twentyfour {
  margin: 0 10px 0 0;
}
.aside-printeridlabels .printout {
  max-width: 240px;
}
.aside-printeridlabels .printout h2 {
  font-size: 10px;
}
.aside-printeridlabels .printout i:not(.logo) {
  width: 80%;
  max-height: 60px;
}
.aside-printeridlabels .printout small {
  display: none !important;
}
.aside-printeridlabels .printout .numcode span {
  font-size: 10px;
  width: 10px;
}
.aside-teamsignup .tab {
  padding: 20px 0;
}
.aside-printerdiscovery .mb {
  margin-top: 2rem;
  max-width: 200px;
}
.aside-printerdiscovery .tampa {
  padding: 15px 0 25px;
  -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08), inset 0 6px 0 0 #fff, inset 6px 0 0 0 #fff, inset -6px 0 0 0 #fff, inset 0 -13px 0 0 #fff, 0 0 2em 0 rgba(0, 0, 0, 0.12);
          box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08), inset 0 6px 0 0 #fff, inset 6px 0 0 0 #fff, inset -6px 0 0 0 #fff, inset 0 -13px 0 0 #fff, 0 0 2em 0 rgba(0, 0, 0, 0.12);
}
.aside-printerdiscovery .radar {
  background: repeating-radial-gradient(circle, rgba(223, 228, 232, 0) 0, rgba(142, 149, 158, 0.2) 1px, rgba(223, 228, 232, 0) 2px, rgba(223, 228, 232, 0) 13px);
  width: 80px;
  height: 80px;
  margin: 0 auto;
  position: relative;
  border-radius: 50%;
  border: 1px solid rgba(142, 149, 158, 0.2);
  overflow: hidden;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.aside-printerdiscovery .radar::before {
  content: none;
}
.aside-printerdiscovery .radar::after {
  content: ' ';
  display: block;
  background-image: linear-gradient(44deg, rgba(0, 255, 51, 0) 50%, #ABAFC4 100%);
  width: 50%;
  height: 50%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: none;
          animation: none;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-transform-origin: bottom right;
          transform-origin: bottom right;
  border-radius: 100% 0 0 0;
}
.aside-printerdiscovery .printer {
  margin: 0 auto 1rem auto;
}
.aside-printerdiscovery .preview h5 {
  margin: 0;
}
.aside-printerdiscovery .preview .blk {
  margin: 0;
}
.aside-printerdiscovery .option-list li.active > a {
  -webkit-box-shadow: inset 1px 1px 0 0 #a3bfc4, inset -1px 0 0 0 #a3bfc4;
          box-shadow: inset 1px 1px 0 0 #a3bfc4, inset -1px 0 0 0 #a3bfc4;
  background: #fff;
}
.aside-mobileprinting p.margin-top {
  margin: 20px 0 0 0 !important;
}
.aside-mobileprinting .devices {
  width: 300px;
  height: 220px;
  margin: 0 auto;
  display: block;
  position: relative;
}
.aside-mobileprinting .devices > div {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
}
.aside-mobileprinting .devices .devices-chrome {
  content: '';
  background: url('sprite.png') -80px -80px no-repeat;
  height: 0;
  overflow: hidden;
  width: 300px;
  padding-top: 220px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  background-image: url(mobile-printing.png);
  top: 0;
  left: 0;
}
.aside-mobileprinting .devices .devices-chrome.complete {
  content: '';
  background: url('sprite.png') -80px -380px no-repeat;
  height: 0;
  overflow: hidden;
  width: 300px;
  padding-top: 220px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  background-image: url(mobile-printing.png);
}
.aside-mobileprinting .devices .devices-iphone {
  content: '';
  background: url('sprite.png') -459px -176px no-repeat;
  height: 0;
  overflow: hidden;
  width: 66px;
  padding-top: 119px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  background-image: url(mobile-printing.png);
  z-index: 11;
  top: 96px;
  left: 69px;
}
.aside-mobileprinting .devices .devices-iphone.complete {
  content: '';
  background: url('sprite.png') -459px -476px no-repeat;
  height: 0;
  overflow: hidden;
  width: 66px;
  padding-top: 119px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  background-image: url(mobile-printing.png);
}
.aside-mobileprinting .devices .devices-android {
  content: '';
  background: url('sprite.png') -551px -176px no-repeat;
  height: 0;
  overflow: hidden;
  width: 66px;
  padding-top: 119px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  background-image: url(mobile-printing.png);
  z-index: 11;
  top: 96px;
  left: 181px;
}
.aside-mobileprinting .devices .devices-android.complete {
  content: '';
  background: url('sprite.png') -551px -476px no-repeat;
  height: 0;
  overflow: hidden;
  width: 66px;
  padding-top: 119px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  background-image: url(mobile-printing.png);
}
.aside-mobileprinting .tab {
  padding: 20px 0;
  min-height: 300px;
}
.aside-mobileprinting .tabs {
  -webkit-box-shadow: inset 0 -1px 0 0 rgba(215, 222, 227, 0.5);
          box-shadow: inset 0 -1px 0 0 rgba(215, 222, 227, 0.5);
  text-align: center;
  margin: 0;
}
.aside-mobileprinting .tabs.center ul {
  -webkit-box-shadow: none;
          box-shadow: none;
  margin: 0;
}
.aside-mobileprinting .tabs li a .icon {
  color: #BABFC4;
  width: 32px;
  height: 32px;
}
.aside-mobileprinting .tabs li.complete a .icon {
  color: #1A2329;
}
.aside-mobileprinting .empty .icon {
  width: 48px;
  margin: 0 auto 0.8rem auto;
}
.aside-mobileprinting .empty svg {
  color: #1A2329;
}
.aside-mobileprinting .tabs li.complete .icon::before,
.aside-mobileprinting .success .icon::before {
  content: '';
  background: url('sprite.png') -793px -791px no-repeat;
  height: 0;
  overflow: hidden;
  width: 24px;
  padding-top: 24px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  border-radius: 50%;
  background-color: #00A68B;
  position: absolute;
  top: -12px;
  right: -12px;
  -webkit-box-shadow: 0 0 0 2px #fff;
          box-shadow: 0 0 0 2px #fff;
  z-index: 2;
}
.label-preview {
  position: relative;
  width: 315px;
  margin: 90px auto 1rem auto;
  z-index: 10;
  opacity: 1;
  -webkit-transform-origin: center -50px;
          transform-origin: center -50px;
  -webkit-transition: transform 0.3s, opacity 0.3s, margin-top 0.3s;
  -webkit-transition: opacity 0.3s, margin-top 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, margin-top 0.3s, -webkit-transform 0.3s;
  transition: transform 0.3s, opacity 0.3s, margin-top 0.3s;
  transition: transform 0.3s, opacity 0.3s, margin-top 0.3s, -webkit-transform 0.3s;
}
.label-preview .content {
  padding: 15px;
  border: 1px solid #DFE4E8;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(100%, #ffffff), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to top, #ffffff 100%, rgba(255, 255, 255, 0) 100%);
  -webkit-box-shadow: 0 2px 10px 0 rgba(33, 43, 54, 0.07);
          box-shadow: 0 2px 10px 0 rgba(33, 43, 54, 0.07);
}
.placeholder-paragraph:not(.last) span:first-child {
  width: 60%;
}
.label-preview::before {
  content: '';
  width: 200px;
  height: 200px;
  background: linear-gradient(-45deg, rgba(225, 230, 236, 0.8) 20%, rgba(255, 255, 255, 0) 60%);
  border-top: 0;
  border-left: 0;
  position: absolute;
  top: -106px;
  left: 55px;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: rotate(45deg) translate(0, 0);
  transform: rotate(-135deg) translate(0, 0);
  z-index: -1;
}
.label-preview-empty {
  -webkit-transform: scale(0);
          transform: scale(0);
  margin: 0 auto;
  padding: 0;
  opacity: 0;
}
.page-extensions #hero {
  background: #DDEDED;
  color: #5F6470;
  font-size: 0.9375rem;
  height: 325px;
}
.extensions {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 480px;
}
.marquee {
  position: relative;
  -webkit-animation: marquee 20s linear infinite;
          animation: marquee 20s linear infinite;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: center;
      align-content: center;
  height: 325px;
}
.marquee.two {
  -webkit-animation: marquee2 20s linear infinite;
          animation: marquee2 20s linear infinite;
  -webkit-animation-delay: 10s;
          animation-delay: 10s;
}
.marquee .avatar.logo {
  margin: 0.5rem 20px;
  display: block;
  background: #fff;
  -webkit-box-shadow: inset -2px -2px 2px 0 rgba(0, 0, 0, 0.1), inset 2px 2px 2px 0 rgba(255, 255, 255, 0.2), 9px 9px 16px rgba(0, 0, 0, 0.1);
          box-shadow: inset -2px -2px 2px 0 rgba(0, 0, 0, 0.1), inset 2px 2px 2px 0 rgba(255, 255, 255, 0.2), 9px 9px 16px rgba(0, 0, 0, 0.1);
}
.marquee .avatar.logo img {
  max-width: 60px;
}
.marquee .avatar.logo:nth-child(2) {
  margin: 3rem 20px;
}
.marquee .avatar.logo:nth-child(4) {
  margin: -3rem 20px;
}
.marquee .avatar.logo:nth-child(6) {
  margin: -3rem 20px;
}
.page-extensions #hero .overview {
  max-width: 520px;
  padding-top: 3rem;
}
.page-extensions #hero .overview a {
  text-decoration: underline;
}
[data-testid=addons-tab-connected] a::before {
  content: '';
  background: url('sprite.png') -1000px -1600px no-repeat;
  height: 0;
  overflow: hidden;
  width: 11px;
  padding-top: 16px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  margin-right: 6px;
}
.row.extension {
  -webkit-transition: all 0s 0.3s, box-shadow 0s !important;
  -webkit-transition: all 0s 0.3s, -webkit-box-shadow 0s !important;
  transition: all 0s 0.3s, -webkit-box-shadow 0s !important;
  transition: all 0s 0.3s, box-shadow 0s !important;
  transition: all 0s 0.3s, box-shadow 0s, -webkit-box-shadow 0s !important;
  overflow: hidden;
}
.extension-info {
  -webkit-transition: all 0.3s, opacity 0s 0.3s;
  transition: all 0.3s, opacity 0s 0.3s;
  text-align: center;
  position: fixed;
  border-radius: 4px;
  background: #fff;
  visibility: hidden;
  z-index: 10;
  overflow: hidden;
}
.list.grid > ul > li .extension .col {
  width: 100%;
  text-align: center;
}
.page-extensions .panel header {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  padding: 0.5rem 50px 0.5rem 20px;
}
.page-extensions .ext-logo .avatar,
.avatar.logo {
  width: 100px;
  height: 100px;
  margin: 0 0 0.7rem;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.list.grid > ul > li.developer > .row {
  background: #13293D url(mosiac.png);
}
.list.grid > ul > li.developer > .row .avatar.logo {
  background: #fff;
  border-radius: 35px;
}
.list.grid > ul > li.developer > .row .avatar.logo img {
  max-width: calc(100% - 20px);
}
.list.grid > ul > li.developer > .row .ext-name a {
  color: #fff;
}
.list.grid > ul > li.developer > .row .btn {
  color: #fff;
}
.avatar.logo {
  margin: 0.5rem 15px 0.5rem 0;
}
.list.grid .ext-cat {
  margin: 0.3rem 0 0;
}
.list.grid .ext-cat .flag {
  margin: 0 3px;
  color: #8E959E;
  -webkit-box-shadow: inset 0 0 0 1px #d7dee3;
          box-shadow: inset 0 0 0 1px #d7dee3;
  background: none;
}
.list.grid .ext-desc {
  margin: 0.8rem 0 1rem;
}
.extension-info .lines-button.close {
  top: 10px;
  right: 10px;
  position: absolute;
  z-index: 10;
  width: 32px;
  height: 32px;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.3s 0s, X;
  transition: all 0.3s 0s, X;
}
.extension-info .lines-button.close .lines {
  top: 15px;
  left: 7px;
}
.extension-info .close::before {
  content: '';
  background: #212B36;
  opacity: 0.5;
  filter: alpha(opacity=50);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: absolute;
  top: 0;
  right: 0;
}
.morphed .extension {
  opacity: 0 !important;
  filter: alpha(opacity=0) !important;
  -webkit-transition: all 0.1s 0s, X !important;
  transition: all 0.1s 0s, X !important;
}
.morphed .extension-info {
  z-index: 9;
  left: 50% !important;
  text-align: left;
  top: 50% !important;
  width: 640px !important;
  height: 640px !important;
  -webkit-box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
          box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
  visibility: visible;
  -webkit-transition: all 0.3s, X;
  transition: all 0.3s, X;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.extension-info .content {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0s 0s, X;
  transition: all 0s 0s, X;
}
.popup-extension .ext-name {
  font-size: 1.188rem;
  font-weight: 600;
  line-height: 1.2;
  color: #212B36;
}
.list .col.ext-name,
.list .col.ext-name a {
  font-size: 1.188rem;
  font-weight: 600;
  color: #212B36;
}
.ext-desc {
  margin: 1rem 0 1.3rem;
}
.popup-extension header {
  padding-bottom: 0;
}
.page-extensions .panel header h3 {
  margin: 0;
}
.page-extensions aside .sep {
  width: 200px;
  left: 50%;
  margin: 0.5rem 0 0.8rem -100px;
  color: #8E959E;
}
.page-extensions .panel header .btn {
  margin-top: 8px;
}
.page-extensions .duvet {
  padding: 20px 20px 40px 20px;
  background: #fff;
  margin: -20px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.page-extensions .underlay {
  background: #EFF3F7;
  margin: 0 -20px;
  padding: 20px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.page-extensions aside .underlay .sep > span {
  background: #EFF3F7;
}
.page-extensions .popup-extension .avatar {
  margin-right: 30px;
}
.list.grid .extension .avatar img,
.list.grid .extension-info .avatar img,
.avatar.logo img {
  width: auto;
  height: auto;
  border-radius: 0;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.list.grid .extension-info .btn-group {
  margin-top: 0.8rem;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.list.grid .extension-info .btn-group span {
  display: block;
  margin: 0 5px;
}
.popup-extension .pullout {
  background: #EFF3F7;
  margin-bottom: 1.5rem;
  font-size: 13px;
}
.popup-extension .btn-group {
  margin-top: 8px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.popup-extension .btn-group .price {
  margin: 0 5px;
}
.morphed .extension-info .close,
.morphed .extension-info .content {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all 0.3s 0.3s, X;
  transition: all 0.3s 0.3s, X;
}
.open-morph .page > header,
.open-morph .page-heading,
.open-morph .topbar,
.open-morph #hero .empty {
  z-index: 1;
}
.page-addon {
  padding: 20px;
}
.page-addon .sep > span {
  background: #fff;
}
.slideshow {
  width: calc(100% + 40px);
  margin: 0 -20px;
}
.slideshow .slick-slide {
  padding: 0 20px;
}
.slideshow.slick-initialized .slick-slide {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.slideshow figure {
  margin: 0 auto 1rem auto;
}
.slideshow figure img {
  border: 1px solid rgba(215, 222, 227, 0.7);
  padding: 10px;
  background: #fff;
}
.slideshow figcaption {
  padding-right: 60px;
  margin-bottom: 0.8rem;
}
.slideshow .slick-dots {
  position: static;
  margin: 0 auto 1.3rem auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.slideshow .slick-dots li button {
  background: #A4ACB9;
}
.slideshow .slick-dots li.slick-active button {
  background: #26AA27;
}
.slideshow .slick-prev {
  content: '';
  background: url('sprite.png') -395px -192px no-repeat;
  height: 0;
  overflow: hidden;
  width: 20px;
  padding-top: 20px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  background-color: #fff;
  z-index: 10;
  border: 1px solid #DFE4E8;
  border-radius: 0 0 3px 3px;
  position: absolute;
  top: 0;
  right: 41px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.slideshow .slick-next {
  content: '';
  background: url('sprite.png') -396px -192px no-repeat;
  height: 0;
  overflow: hidden;
  width: 20px;
  padding-top: 20px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  background-color: #fff;
  z-index: 10;
  border: 1px solid #DFE4E8;
  border-radius: 0 0 3px 3px;
  position: absolute;
  top: 0;
  right: 20px;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.spreadsheet {
  -webkit-box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5);
          box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5);
  border-radius: 3px;
  padding: 0 0.8rem;
  margin-bottom: 2rem;
}
.spreadsheet dt {
  width: 50%;
  color: #5F6470;
  -ms-flex-line-pack: center;
      align-content: center;
}
.spreadsheet dd {
  width: 50%;
  text-align: right;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.spreadsheet dd .select {
  margin: 0;
}
.spreadsheet dd .prefix {
  margin-right: 6px;
  -ms-flex-item-align: center;
      align-self: center;
}
.spreadsheet dd input {
  text-align: right;
}
.page-extensions aside footer {
  font-size: inherit;
  background: #EFF3F7;
}
.page-extensions footer small {
  margin: 1.3rem 0;
}
.page-extensions footer .btn {
  margin-left: 10px;
}
.page-extensions aside .pullout {
  background-color: #f2f7f5;
  font-size: 13px;
  color: #5F6470;
  margin: 0 0 1.3rem 0;
}
.page-extensions aside .disabled {
  opacity: 0.5;
  filter: alpha(opacity=50);
  pointer-events: none;
}
.open-downloadreport .overlay {
  min-width: 240px;
  width: 720px;
  max-width: calc(100% - 200px);
  left: auto;
  top: 132px;
}
.open-downloadreport .overlay::before {
  width: 720px;
  left: auto;
  top: 132px;
  background: none;
}
.open-downloadreport aside::after {
  -webkit-transition: opacity 0.3s 0.3s, left 0.3s;
  transition: opacity 0.3s 0.3s, left 0.3s;
  content: '';
  background: rgba(23, 43, 68, 0.7);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  opacity: 1;
  visibility: visible;
  z-index: 9;
}
.page-printers aside > header {
  background: #01353D;
  padding: 1rem 20px 0.5rem;
}
.page-printers aside > header h3 {
  color: #fff;
  margin: 0;
  width: 100%;
}
.page-printers aside > header h3 i {
  margin-right: 10px;
}
.page-printers aside > header .lines::before,
.page-printers aside header .lines::after {
  background: #fff;
}
.page-printers aside .printout {
  margin: 1rem auto;
}
.page-printers aside .printout > div {
  width: 25%;
}
.page-printers aside .printout > .details {
  width: 50%;
}
.page-printers header .tabs {
  margin-top: 1rem;
}
.segment.disabled,
.segment.guest .icon.disabled {
  opacity: 0.3;
  filter: alpha(opacity=30);
  display: none !important;
}
.option-list[data-type=easyrelease] {
  -webkit-box-shadow: none;
          box-shadow: none;
  margin: 0 -10px;
  position: relative;
}
.option-list[data-type=easyrelease]::before {
  content: 'or';
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 0.05em;
  -webkit-font-smoothing: auto;
  font-size: 11px;
  background: #fff;
  -webkit-box-shadow: inset 0 0 0 1px #DFE4E8, 0 0 0 2px #fff;
          box-shadow: inset 0 0 0 1px #DFE4E8, 0 0 0 2px #fff;
  height: 36px;
  line-height: 36px;
  width: 36px;
  color: #8E959E;
  border-radius: 50%;
  z-index: 10;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.option-list[data-type=easyrelease] li {
  padding: 0 10px;
  width: auto;
  margin: 10px 0;
}
.option-list[data-type=easyrelease] li .btn {
  margin-top: 1rem;
}
.option-list li[data-content=expert] .btn {
  -webkit-box-shadow: inset 0 0 0 1px rgba(0, 153, 102, 0.5);
          box-shadow: inset 0 0 0 1px rgba(0, 153, 102, 0.5);
  color: #096;
}
.option-list li[data-content=standard] a,
.option-list li[data-content=expert] a {
  -webkit-box-shadow: inset 0 0 0 1px #DFE4E8;
          box-shadow: inset 0 0 0 1px #DFE4E8;
  border-radius: 3px;
  overflow: hidden;
}
.option-list[data-type=easyrelease] li a:hover .btn {
  background: #26AA27;
  -webkit-box-shadow: inset 0 0 0 1px #26AA27;
          box-shadow: inset 0 0 0 1px #26AA27;
  color: #fff;
}
.option-list li[data-content=standard].active::after,
.option-list li[data-content=expert].active::after {
  content: none;
}
.option-list li[data-content=expert].active::before,
.option-list li[data-content=standard].active::before {
  content: none;
}
.option-list li[data-content=expert].active a,
.option-list li[data-content=standard].active a {
  -webkit-box-shadow: inset 0 0 0 2px #26AA27, 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
          box-shadow: inset 0 0 0 2px #26AA27, 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
}
.option-list li[data-content=expert].active a {
  color: #009966;
}
[data-content=expert] a::after {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(18, 16, 16, 0)), color-stop(50%, rgba(0, 0, 0, 0.25))), -webkit-gradient(linear, left top, right top, from(rgba(255, 0, 0, 0.06)), color-stop(rgba(0, 255, 0, 0.02)), to(rgba(0, 0, 255, 0.06)));
  background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06));
  z-index: 2;
  background-size: 100% 2px, 3px 100%;
}
.option-list li[data-content=expert] a {
  color: rgba(0, 153, 102, 0.8);
  text-shadow: 0 1px rgba(0, 0, 0, 0.3);
  font-family: 'Source Code Pro', Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
  font-size: 0.935rem;
  line-height: 1.3;
  background: #1A2329;
  padding: 20px;
  min-width: 260px;
}
.option-list li[data-content=standard] a strong {
  font-size: 17px;
}
.option-list li[data-content=expert] a strong {
  color: #096;
}
.option-list li[data-content=expert] pre {
  background: none;
  margin: 10px 0 11px;
}
.option-list li[data-content=expert] .pulse {
  -webkit-animation: blink 1s ease-in-out infinite;
          animation: blink 1s ease-in-out infinite;
}
.option-list li[data-content=standard] a {
  padding: 20px;
  font-size: 0.935rem;
  line-height: 1.3;
  min-width: 260px;
}
.option-list li[data-content=standard].active a {
  color: inherit;
}
[data-content=standard] h6 {
  position: absolute;
  left: 100%;
  width: 40px;
  height: 40px;
  line-height: 40px;
  top: 50%;
  border-radius: 50%;
  margin: -20px 0 0 -20px;
  -webkit-box-shadow: 0 0 0 1px #ccc;
          box-shadow: 0 0 0 1px #ccc;
}
[data-content=expert] h6 {
  position: absolute;
  width: 40px;
  height: 40px;
  line-height: 40px;
  left: 0;
  top: 50%;
  margin: -20px 0 0 -20px;
  color: #096;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 1px #096;
          box-shadow: 0 0 0 1px #096;
  font-weight: normal;
}
.install-type ol {
  margin: 0;
}
.install-type {
  padding: 20px 0;
  position: relative;
  overflow: hidden;
}
.install-type form {
  max-width: 360px;
  margin: 0 auto;
}
.install-type.disabled > *:not(.sample) {
  opacity: 0.5;
  filter: alpha(opacity=50);
  pointer-events: none;
}
#popup-upgrade.popup ol li:last-child {
  background: none;
  margin: 0;
}
.pages-range {
  height: 6px;
}
#pages-range {
  color: #5F6470;
  font-family: 'Source Sans Pro', sans-serif;
  margin: 0 -5px;
}
#pages-range input.sml {
  margin: 0 5px;
}
.pages-printed .rangeslider-wrap {
  padding: 1rem 0 2.6rem 0;
}
.pages-range .noUi-handle {
  -webkit-transform: translate(15px, -12px);
  transform: translate(15px, -12px);
}
/* #trending > ul > li.cranky::before,
#trending > ul > li::before {
    position: absolute;
    right: 15px;
    content: "";
    height: 0;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
}

#trending > ul > li::before {
    z-index: -1;
    bottom: calc(100% + 5px);
    .sprite(-1200px, -400px, 42px, 32px);
} */
#trending > ul > li .icon.type svg {
  fill: none;
}
#trending > ul > li .row {
  background-color: #f2f7f5;
  border: 5px solid #fff;
}
#trending > ul > li.cranky .row {
  background-color: #faf4f3;
}
#trending > ul > li.fresh .row {
  background-color: #eff7f8;
}
#trending > ul > li .col.device-name {
  width: 100%;
  padding-right: 42px;
  margin-top: -1.125rem;
  padding-top: 1.125rem;
  min-height: 56px;
  background-color: #fff;
  font-family: 'Barlow', sans-serif;
  font-weight: 600;
}
#trending > ul > li .col.ip,
#trending .disabled .col.ip {
  opacity: 1;
  filter: alpha(opacity=100);
  background-color: #fff;
  padding-bottom: 1rem;
}
#trending > ul > li .col.status {
  z-index: 2;
}
#trending > ul > li .col.pages,
#trending > ul > li .col.monitor,
#trending .disabled .col.pages {
  margin-top: 0;
  opacity: 1;
  filter: alpha(opacity=100);
  border: 1px solid rgba(0, 0, 0, 0.04);
}
#trending > ul > li .col.monitor {
  border-left: 0;
}
.status .circ {
  position: absolute;
  top: -16px;
  left: 46px;
  color: #8E959E;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 0.05em;
  -webkit-font-smoothing: auto;
  font-size: 11px;
  color: #bbc1c7;
}
#trending-fresh {
  top: -14px;
}
.device-preview {
  -webkit-box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5);
          box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.5);
}
.device-preview .content {
  background: #13293D;
  color: #fff;
  padding: 15px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  min-height: 200px;
}
.device-preview.er .content > .flex {
  margin: auto;
}
.device-preview .flex .placeholder-paragraph span {
  margin: 3px auto 0 auto;
  background: #fff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.device-preview h5 {
  color: #fff;
  font-size: 11px;
  margin-bottom: 0.5rem;
}
.device-preview .segment.pulse,
.device-preview .segment i.pulse {
  -webkit-animation: pulse 1s 3;
  animation: pulse 1s 3;
}
.device-preview .swipe i {
  width: 32px;
  margin: 0;
}
.device-preview .guest {
  margin-top: 1rem;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.device-preview .guest .placeholder-logo {
  width: 20px;
  height: 20px;
  background: #fff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.device-preview .guest i {
  height: 20px;
  margin: 0 0 0 auto;
}
.device-preview i svg {
  display: block;
  fill: #fff;
}
.device-preview .showqr i {
  width: 60%;
  padding: 5px;
  background: #fff;
}
.device-preview .code {
  margin-top: 1rem;
}
.device-preview .code .flex > span {
  width: 15px;
  height: 15px;
  border-radius: 2px;
  background: #fff;
  margin: 0 2px;
  display: block;
}
.device-preview .content .forty {
  background: rgba(0, 0, 0, 0.2);
  margin: -15px 0;
  padding: 15px;
}
.device-preview header {
  background: #fff;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -15px -15px 15px -15px;
  padding: 10px;
}
.device-preview header .placeholder-logo {
  width: 20px;
  height: 20px;
}
.device-preview header .placeholder-paragraph {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin: 0;
}
#tab-easy .empty,
.aside-ricoh .empty {
  max-width: 360px;
  margin: 0 auto;
}
#tab-easy img + p {
  margin-bottom: 2rem;
}
#tab-easy .embed-container {
  margin-top: 3rem;
}
.page-users aside .panel > header {
  padding: 1rem 50px 0.5rem 20px;
}
.page-users aside .document figure {
  background: #000;
  height: 200px;
  position: relative;
  overflow: hidden;
}
.page-users aside .document figure img {
  position: absolute;
  max-width: none;
  opacity: 0.5;
  top: 0;
  left: 0;
  width: 100%;
  margin: 0;
}
.page-users aside figcaption {
  position: absolute;
  bottom: 15px;
  left: 15px;
  text-align: left;
  font-size: 1em;
  text-transform: none;
  letter-spacing: 0;
}
.page-users aside header h3 {
  width: auto;
  margin-bottom: 0.3rem;
}
.page-users aside header i.avatar {
  width: 80px;
  height: 80px;
  line-height: 80px;
  margin-right: 20px;
}
.page-users aside header .details {
  width: calc(100% - 100px);
}
.page-users aside header .flag {
  margin: 0 0.3rem 0 0;
}
.page-users header .tabs {
  margin-top: 1rem;
}
.page-users #tab-useraccess .icon {
  margin: 0 10px 0 0;
  width: 24px;
}
.page-users .icon.numeric svg {
  height: 20px;
}
.page-users .list.grid > ul > li a.row {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.page-users .list.grid > ul > li .col:not(.actions):not(.username) {
  width: 100%;
  float: none;
}
.page-users .list.grid .rgt {
  height: auto;
}
.page-users .list.grid .last-print,
.page-users .list.grid .total-pages {
  text-align: right;
}
.page-users .list.grid .last-print::before,
.page-users .list.grid .total-pages::before {
  width: auto;
  display: inline-block;
  float: left;
}
.resetcode {
  margin-left: 20px;
}
.id-wrap {
  position: relative;
  padding-top: 60px;
  margin: 0 15px -30px 15px;
  z-index: 2;
  width: 100%;
  min-width: 300px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.id-wrap.empty {
  max-width: none;
  padding: 60px 0 0 0;
  margin: 0 15px -30px 15px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.id-wrap.empty .col {
  text-align: left;
}
.id-wrap.empty .id-card::before {
  background: #EFF3F7;
}
.id-wrap.empty .id-card i img {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}
.id-wrap > .col {
  width: calc(100% - 320px);
  padding: 0 30px;
}
.id-wrap:nth-child(2) {
  z-index: 1;
}
.id-wrap:last-child {
  margin-bottom: 15px;
  z-index: 0;
}
.id-wrap .lanyard-bg {
  position: absolute;
  z-index: 2;
  left: 24px;
  top: -16px;
}
.id-card {
  position: relative;
  z-index: 1;
  background: #fff;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);
  padding: 30px 1.5rem;
  text-align: center;
  width: 320px;
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.id-card::before {
  content: '';
  position: absolute;
  top: 4px;
  left: 4px;
  right: 4px;
  height: 42px;
  z-index: 0;
  background: #E5F0EB;
  mix-blend-mode: multiply;
  border-radius: 2px 2px 0 0;
}
.id-card::after {
  content: '';
  position: absolute;
  top: 12px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  width: 30px;
  height: 6px;
  z-index: 1;
  background: #fff;
  border-radius: 6px;
}
.id-card .flag {
  position: absolute;
  top: 10px;
  left: 10px;
  margin: 0;
  background: #063;
  color: #fff;
  line-height: 1.2;
}
.id-card dt {
  display: block;
  padding: 0;
  color: #8E959E;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 0.05em;
  -webkit-font-smoothing: auto;
  font-size: 10px;
  width: 100%;
  text-align: center;
}
.id-card dd {
  display: block;
  padding: 0;
  width: 100%;
  text-align: center;
}
.card-number {
  color: #212B36;
  font-family: 'Barlow', sans-serif;
  font-weight: 600;
  position: relative;
}
.card-number .card-num {
  display: inline-block;
  width: 220px;
}
pre.vanish::after {
  width: 50px;
}
.masked a {
  margin: 0 -26px 0 10px;
  position: relative;
}
.masked.flex a {
  position: absolute;
  top: -2px;
  background: #fff;
  margin: 0;
  z-index: 1;
  height: 18px;
  width: 24px;
  border-radius: 50%;
  right: -12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.masked a::before {
  content: '';
  background: url('sprite.png') -1300px -200px no-repeat;
  height: 0;
  overflow: hidden;
  width: 16px;
  padding-top: 11px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
}
.reveal a {
  margin: 0 -26px 0 10px;
  position: relative;
}
.reveal.flex a {
  position: absolute;
  top: -2px;
  background: #fff;
  margin: 0;
  z-index: 1;
  height: 18px;
  width: 24px;
  border-radius: 50%;
  right: -12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.reveal a::before {
  content: '';
  background: url('sprite.png') -1300px -100px no-repeat;
  height: 0;
  overflow: hidden;
  width: 16px;
  padding-top: 11px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
}
.id-card i {
  width: 60px;
  height: 60px;
  overflow: hidden;
  -webkit-box-shadow: 0 0 0 4px #fff;
          box-shadow: 0 0 0 4px #fff;
  border-radius: 50%;
}
.unlinkcard {
  text-decoration: none;
}
.unlinkcard::before {
  content: '';
  background: url('sprite.png') -1200px -380px no-repeat;
  height: 0;
  overflow: hidden;
  width: 16px;
  padding-top: 15px;
  display: inline-block;
  vertical-align: middle;
  background-size: 2000px 2000px;
  display: block;
}
.id-card .user {
  width: 100%;
  line-height: 1.2;
  margin: 10px 0 0 0;
}
.id-card .user-email {
  margin-top: auto;
  width: 100%;
  font-size: 0.813rem;
}
.page-coordinators .cross-section {
  background: #13293D;
  color: #fff;
  border-radius: 3px;
  overflow: hidden;
  margin: 0;
}
.page-coordinators .cross-section figure {
  margin: 0 -15px;
}
.page-coordinators .cross-section .lge {
  color: #fff;
}
#super .list > ul {
  margin: 0 -8px !important;
}
.page-coordinators .list li .row.stats {
  -webkit-box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.7);
          box-shadow: 0 0 0 1px rgba(215, 222, 227, 0.7);
  margin: 0 20px 1rem 20px;
}
.page-coordinators .list li .row.stats .col {
  width: 33.33%;
  padding: 0 15px;
  text-align: center;
}
.page-coordinators .list.grid li .icon.os {
  position: absolute;
  background: #fff;
  width: 30px;
  height: 30px;
  padding: 6px;
  border-radius: 50%;
  right: -15px;
  bottom: 0;
}
.page-coordinators .list.grid li.disabled .icon.os {
  background: #EFF3F7;
}
.list.grid.three > li {
  min-width: 360px;
}
.page-coordinators .list.grid .installed {
  height: 25%;
}
.page-coordinators .list.grid .row .num {
  color: #1A2329;
}
.page-coordinators .client {
  left: 1040px;
  -webkit-transform: translate(0, -100%);
  transform: translate(0, -100%);
  z-index: 1;
}
.page-coordinators .client::before,
.page-coordinators .client::after {
  background: none;
  -webkit-box-shadow: 0 0 0 8px #fff;
          box-shadow: 0 0 0 8px #fff;
}
.page-coordinators .client::before {
  -webkit-animation: ripples 2s ease-out infinite;
  animation: ripples 2s ease-out infinite;
}
.page-coordinators .client::after {
  -webkit-animation: ripples 2s ease-out infinite 1s;
  animation: ripples 2s ease-out infinite 1s;
}
.list > h2 {
  margin-bottom: 1.3rem;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.list h2 .num {
  position: relative;
  margin: 0 24px;
  font-size: 15px;
  color: #8E959E;
  width: 32px;
  height: 32px;
  -webkit-box-shadow: 0 0 0 1px #C2CCD5;
          box-shadow: 0 0 0 1px #C2CCD5;
  display: block;
  border-radius: 50%;
  background: #EFF3F7;
  text-align: center;
  line-height: 32px;
}
.page-coordinators .stack .col.status {
  width: 80px;
  padding-right: 20px !important;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.page-coordinators .timeline::before {
  left: 39px;
  bottom: 0;
}
.device-name .ip {
  color: #8E959E;
}
.page-coordinators #super > ul,
#super-coordinators-table {
  margin: 0 -8px;
}
.page-coordinators #super .actions .promote {
  display: none !important;
}
.page-coordinators #passive .actions .demote {
  display: none !important;
}
#super {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#super .empty {
  max-height: 288px;
}
#super h2 {
  width: 100%;
  min-height: 32px;
  z-index: 1;
  position: relative;
}
#x-super {
  width: calc(100% / 3 * 2 - 26px);
}
#x-super > ul > li {
  width: calc(100% / 2);
}
#x-cloud {
  width: calc(100% / 3 + 25px);
  padding-left: 36px;
}
#x-cloud > ul > li {
  width: calc(100%);
}
#cloud-node .row {
  background-color: #eff7f8;
  -webkit-box-shadow: inset 0 0 0 5px #fff, 0 0 0 1px rgba(215, 222, 227, 0.5);
          box-shadow: inset 0 0 0 5px #fff, 0 0 0 1px rgba(215, 222, 227, 0.5);
}
.page-coordinators .list.grid li#cloud-node:not(.disabled) .os {
  background: #EFF7F8;
}
#cloud-node .row .col.ip,
#cloud-node.disabled .row .col.ip {
  background: #fff;
  padding-bottom: 1rem;
  margin: 0;
  opacity: 1;
  filter: alpha(opacity=100);
}
#cloud-node .row .col.device-name {
  width: 100%;
  padding: 1.125rem 20px 0 80px;
  margin: -1.125rem 0 0 0;
  background: #fff;
  height: calc(38px + 1.125rem);
}
#cloud-node .row .col.status {
  padding: 1.125rem 20px 0 20px;
  margin: -1.125rem 0 0 0;
  background: #fff;
}
.timeline .icon-info {
  cursor: pointer;
}
.timeline .poi .icon-info {
  cursor: initial;
  margin: 0 10px 0 0;
}
main .list > ul > li {
  -webkit-transition: all 0.5s ease-in-out, X;
  transition: all 0.5s ease-in-out, X;
  max-height: 400px;
}
main .list > ul > li .row {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all 0.5s ease-in-out, X;
  transition: all 0.5s ease-in-out, X;
  max-height: 100%;
}
main .list > ul > li .row.temp {
  overflow: hidden;
}
.list:not(.grid) > ul > li.moving {
  max-height: 0;
  margin: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}
.list:not(.grid) > ul > li.moving .row {
  opacity: 0;
  filter: alpha(opacity=0);
  max-height: 0;
}
.list.grid > ul > li.moving:not(.insert) {
  max-height: 0;
  min-width: 0;
  padding: 0;
  width: 0 !important;
  opacity: 0;
  filter: alpha(opacity=0);
}
.list.grid > ul > li.moving.insert {
  max-height: 288px;
  opacity: 0;
  filter: alpha(opacity=0);
}
.list.grid > ul > li.moving:not(.insert) .row {
  -webkit-animation: scale-out-center 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
          animation: scale-out-center 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
}
.list.stack > ul > li .col.os .icon.type {
  display: none !important;
}
.page-printlog .list a.row {
  padding: 1.125rem 2rem 1.125rem 54px;
  -webkit-transition: 0s, X;
  transition: 0s, X;
}
.page-printlog .col.status {
  width: 100px;
  padding-right: 20px !important;
  text-align: left;
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
  display: none !important;
}
.page-printlog aside.aside-preview .scroll {
  overflow-x: hidden;
}
#tab-activity .icon {
  color: #1A2329;
}
.page-printlog main {
  z-index: 4;
}
.page-printlog .list figure::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: #fff;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.page-printlog .list figure:not(.graph) {
  overflow: visible;
}
.page-printlog .list figure .img {
  overflow: hidden;
  width: 54px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
  border-radius: 3px 0 0 3px;
}
/* Story Tree */
#events {
  margin: 0;
  position: relative;
  border: 0;
}
#events article {
  margin-bottom: 2rem;
  max-height: 1400px;
}
#events article.prev {
  max-height: 0;
  overflow: hidden;
}
#events article h4 {
  margin-bottom: 2rem;
}
#events .list::before {
  width: 1px;
  background: #CBD0D3;
  content: '';
  position: absolute;
  left: 50%;
  top: 0;
  height: 0;
  -webkit-transition: height 1s, X;
  transition: height 1s, X;
}
.ready #events .list::before {
  height: 100%;
}
#events .auto {
  position: relative;
}
#events .item {
  width: 100%;
  border: 0;
  text-align: left;
  position: relative;
  padding: 15px 20px 20px calc(50% + 100px);
}
#events .item::before {
  height: 1px;
  width: 0;
  -webkit-transition: width 0.5s, X;
  transition: width 0.5s, X;
  background: #CBD0D3;
  content: '';
  position: absolute;
  left: 50%;
  top: 34px;
}
.ready #events .item::before {
  width: 30px;
}
#events .item:nth-child(odd) {
  text-align: right;
  padding: 15px calc(50% + 100px) 20px 20px;
}
#events .item:nth-child(odd)::before {
  left: auto;
  right: 50%;
}
#events .list.inline .item svg {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.3s, X;
  transition: opacity 0.3s, X;
  position: absolute;
  left: calc(50% + 41px);
  top: 10px;
  width: 40px;
  height: 40px;
  stroke: #BABFC4;
  stroke-width: 2;
  fill: none;
}
#events .list.inline .item.visible svg {
  opacity: 1;
  filter: alpha(opacity=100);
}
#events .list.inline .item:nth-child(odd) svg {
  left: auto;
  right: calc(50% + 41px);
}
#events p a {
  color: #26AA27;
}
#events h2 a {
  color: inherit;
  position: relative;
}
#events h2 a span {
  background-image: -webkit-gradient(linear, left top, right top, from(#A4ACB9), to(#A4ACB9));
  background-image: linear-gradient(to right, #A4ACB9 0%, #A4ACB9 100%);
  background-repeat: repeat-x;
  background-position: 0 98%;
  background-size: 100% 2px;
}
#events h2 a:hover span {
  background-image: -webkit-gradient(linear, left top, right top, from(#26AA27), to(#26AA27));
  background-image: linear-gradient(to right, #26AA27 0%, #26AA27 100%);
}
#events .item:nth-child(2) p {
  left: calc(100% / 7 * 2 - 1px);
}
#events .item:nth-child(3) p {
  left: calc(100% / 7 * 3 - 1px);
}
#events .item:nth-child(4) p {
  left: calc(100% / 7 * 4 - 1px);
}
#events .item:nth-child(5) p {
  left: auto;
  right: calc(100% / 7 * 3 - 1px);
  padding: 20px 0 20px 20px;
}
#events .item:nth-child(6) p {
  left: auto;
  right: calc(100% / 7 * 2 - 1px);
  padding: 20px 0 20px 20px;
}
#events .item:nth-child(7) p {
  left: auto;
  right: calc(100% / 7);
  padding: 20px 0 20px 20px;
}
#events .item:hover p {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
}
#events .item:last-child {
  border: 0;
}
#events .item p {
  position: static;
  opacity: 1;
  filter: alpha(opacity=100);
  line-height: 1.5;
  height: auto;
  background: none;
  margin: 0;
  padding: 0 !important;
  width: auto !important;
  visibility: visible;
}
#events .list.inline {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
}
#events .list.inline .details {
  width: 100%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.2s ease-in, transform 0.4s ease-in;
  -webkit-transition: opacity 0.2s ease-in, -webkit-transform 0.4s ease-in;
  transition: opacity 0.2s ease-in, -webkit-transform 0.4s ease-in;
  transition: opacity 0.2s ease-in, transform 0.4s ease-in;
  transition: opacity 0.2s ease-in, transform 0.4s ease-in, -webkit-transform 0.4s ease-in;
  -webkit-transform: translate(20px, 0);
  transform: translate(20px, 0);
}
#events .list.inline .item:nth-child(odd) .details {
  -webkit-transform: translate(-20px, 0);
  transform: translate(-20px, 0);
}
#events .list.inline .item.visible .details,
#events .list.inline .item.visible:nth-child(odd) .details {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
#events .loadmore {
  margin: 2rem 0 0 0;
}
#events article .empty {
  border: 1px dashed #d7dee3;
  background: #EFF3F7;
}
.next-story {
  position: absolute;
  border: 2px solid #E1E7EE;
  padding: 0.5rem;
  border-radius: 3px;
  text-align: center;
  display: inline-block;
  right: 0;
  top: 0;
}
.next-story::before,
.next-story::after {
  content: '';
  height: 6px;
  width: 4px;
  background: #E1E7EE;
  position: absolute;
  top: -8px;
  left: 10px;
}
.next-story::after {
  left: auto;
  right: 10px;
}
.next-story i {
  margin: 0 6px 0 0;
  width: 18px;
  height: 20px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
.next-story i svg {
  fill: #8E959E;
}
.next-story h5,
.next-story .blk {
  display: block;
  margin: 0;
}
.next-story .blk {
  background: #E1E7EE;
  padding: 0.2rem;
  margin: -0.5rem -0.5rem 0.5rem -0.5rem;
  color: #8E959E;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 0.05em;
  -webkit-font-smoothing: auto;
  font-size: 10px;
}
body::before {
  content: "desktop";
  display: none !important;
}
.mobile-only {
  display: none;
}
@media screen and (min-width: 87.5em) {
  html {
    font-size: 17px;
  }
  .configure main .col {
    width: calc(100% / 3);
  }
  .label .icon.outline {
    height: 36px;
  }
}
@media screen and (max-width: 87.5em) {
  #hero {
    height: 260px;
  }
  #super .empty {
    max-height: 279px;
  }
  #hero-super,
  #hero-new {
    left: 126px;
  }
  #hero-standard,
  #hero-toner {
    top: 147px;
    left: 10px;
  }
  #hero-standard .icon {
    top: 22px;
  }
  #hero-toner .icon {
    top: 27px;
  }
  #hero-toner .icon.bold {
    top: 0;
    left: 173px;
  }
  #hero-blank {
    top: 177px;
    left: 350px;
  }
  #hero-passive,
  #hero-popular {
    top: 147px;
    left: 610px;
  }
  #hero-user {
    top: 44px;
    left: 596px;
  }
  .page-coordinators .client {
    left: 770px;
    width: 66px;
    height: 66px;
    -webkit-transform: translate(0, -130%);
    transform: translate(0, -130%);
  }
  #hero-cloud {
    left: 860px;
    top: 90px;
  }
  #hero-cloud::before {
    display: none !important;
  }
  #hero-remote {
    left: 934px;
  }
  #hero-remote::before {
    -webkit-transform: rotate(-130deg);
    transform: rotate(-130deg);
    left: -15px;
  }
  .ready #hero-remote::before {
    width: 110px;
  }
  .client .logo::before {
    content: '';
    background: url('sprite.png') 0 -1700px no-repeat;
    height: 0;
    overflow: hidden;
    width: 28px;
    padding-top: 28px;
    display: inline-block;
    vertical-align: middle;
    background-size: 2000px 2000px;
    margin: -14px 0 0 -14px;
  }
  .ready #hero-super::before {
    width: 400px;
  }
  .ready #hero-blank::before {
    width: 150px;
  }
  .ready #hero-blank::after {
    width: 380px;
  }
  #hero-standard::after {
    top: 40px;
    left: 200px;
  }
  .license-certificate {
    width: 100%;
    border-radius: 3px 3px 0 0;
    -webkit-box-shadow: inset -1px 1px 0 0 #B6D8D8, inset 1px 0 0 0 #B6D8D8;
            box-shadow: inset -1px 1px 0 0 #B6D8D8, inset 1px 0 0 0 #B6D8D8;
    min-height: 320px;
    border-right: 0;
    border-bottom: 1px dashed #B6D8D8;
  }
  .license-details {
    width: 100%;
    border-radius: 0 0 3px 3px;
    -webkit-box-shadow: inset 1px -1px 0 0 #B6D8D8, inset -1px 0 0 0 #B6D8D8;
            box-shadow: inset 1px -1px 0 0 #B6D8D8, inset -1px 0 0 0 #B6D8D8;
  }
  .license-details::before {
    left: -8px;
    top: -8px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  .license-details::after {
    right: -8px;
    left: auto;
    bottom: auto;
    top: -8px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}
@media screen and (max-width: 68em) {
  #plan-details .mark {
    display: none !important;
  }
  .license-pc,
  .license-type {
    display: none !important;
  }
  .config.card > header .rgt {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    width: 100%;
    margin: 0 0 1.3rem 0;
    height: 127px;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .page-home .auto > .row > .twothird {
    width: 100%;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .page-home .row .row {
    margin: 0 -10px;
  }
  .page-home .config-highlights {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .page-home .config-highlights .col.third {
    width: auto;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    margin-bottom: 20px;
  }
  #new-activity ul {
    position: static;
  }
  .card.highlights .item.slide-environment .icon {
    display: none !important;
  }
  #live {
    width: 100%;
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    margin-bottom: 20px;
  }
  #hero,
  .heartbeat {
    display: none !important;
  }
  .system-status {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .system-status h4 {
    width: 100%;
  }
  .system-status .type {
    position: static;
  }
  #status-network,
  #status-board {
    width: 50%;
    margin: 0 !important;
    padding: 0 20px 0 20px;
  }
  .system-status h6 {
    margin-bottom: 2rem;
    text-align: center;
  }
  .configure main .row {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  main .auto > .row > .col,
  .diagram .col {
    width: 100% !important;
  }
  #current-plan .active-users .card::before,
  #current-plan .active-users .card::after {
    position: static;
    width: calc(100% + 70px);
    margin: -10px -35px;
    height: 1px;
    -webkit-transform: none;
            transform: none;
  }
  #all-plans .list.grid > ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  #all-plans .list.grid li.tier-one ul {
    margin: 0 0 2rem 20px;
  }
  #all-plans .list.grid > ul > li {
    width: 100%;
    max-width: 360px;
    margin: 20px auto 0 !important;
    border-radius: 3px !important;
  }
  #all-plans .list.grid li header {
    height: auto !important;
    margin: 0 !important;
  }
  .page > header > .col,
  .page-heading > .col {
    width: 100%;
  }
  .page header .col.license {
    margin: 0 -15px -0.5rem;
    width: calc(100% + 60px);
    padding: 20px 30px;
    -webkit-box-shadow: inset 0 1px 0 0 #e5e9ed;
            box-shadow: inset 0 1px 0 0 #e5e9ed;
  }
  .popover .col {
    width: 50% !important;
  }
  .configure main .col {
    margin-bottom: 2.6rem !important;
  }
  .page-home hr {
    margin: 0;
  }
  .card {
    margin-bottom: 2rem;
  }
  .home-c .card {
    margin: 0;
  }
  .page-printlog .list li a {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 0.8rem 30px 0.8rem 54px;
  }
  .list.condensed li .row:not(.flex-ver) {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .list.grid > ul > li {
    width: calc(100% / 2);
  }
  .list.grid.three > ul > li,
  .list.grid.three > ol > li {
    width: calc(100% / 1);
    max-width: none;
    margin-bottom: 1rem;
    min-width: 0;
  }
  #new-activity {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    max-height: 400px;
  }
  #print-setup.hidden {
    padding: 0 20px !important;
  }
  #print-setup {
    padding: 20px;
  }
  .list.grid.three > ul > li.moving {
    margin-bottom: 0;
  }
  .empty .list.grid.three > ul > li:not(:first-child) {
    display: none !important;
  }
  .list.grid.condensed > ul > li:not(:last-child),
  .list.grid.condensed > ol > li:not(:last-child) {
    -webkit-box-shadow: inset 0 -1px 0 0 #DFE4E8;
            box-shadow: inset 0 -1px 0 0 #DFE4E8;
  }
  .col::before {
    display: block;
    color: #bbc1c7;
  }
  .stack li .row {
    padding: 1.125rem 0 1.125rem 60px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .stack .status {
    position: absolute;
    left: 0;
    top: 1.125rem;
  }
  .stack .col:not(.status):not(.actions):not(.ip):not(.device-name):not(.rgt) {
    width: auto;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .stack .col.device-name,
  .stack .col.title {
    width: calc(100% - 64px);
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    min-width: 0;
  }
  .stack .col.ip {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    width: 100%;
    margin-bottom: 1rem;
  }
  .list:not(.condensed) .col.actions {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    position: absolute;
    top: 1.125rem;
    right: 0;
  }
  .stack .col::before {
    width: auto;
    display: block;
    margin-bottom: 4px;
  }
  .list:not(.grid):not(.condensed) .location::before {
    content: 'Location';
  }
  .list:not(.grid):not(.condensed) .seen::before {
    content: 'Seen';
  }
  .list:not(.grid):not(.condensed) .col.os::before {
    content: 'OS';
  }
  .list:not(.grid):not(.condensed) .col.installed::before {
    content: 'Installed';
  }
  .list:not(.grid):not(.condensed) .col.tier::before {
    content: 'Tier';
    line-height: 34px;
  }
  .list:not(.grid):not(.condensed) .col.jobs::before {
    content: 'Jobs Held';
  }
  .list:not(.grid):not(.condensed) .col.printers::before {
    content: 'Printers';
  }
  .list:not(.grid):not(.condensed) .col.pages::before {
    content: 'Pages';
  }
  .list:not(.grid):not(.condensed) .col.first-seen::before {
    content: 'First Seen';
  }
  .list:not(.grid):not(.condensed) .col.last-print::before {
    content: 'Last Print';
  }
  .list:not(.grid):not(.condensed) .col.monitor::before {
    content: 'Publish';
  }
  .list.grid.condensed > ul > li:not(:last-child) {
    -webkit-box-shadow: 0 1px 0 0 #dfe4e8;
            box-shadow: 0 1px 0 0 #dfe4e8;
  }
  .list .col.owner,
  .list .col.attr {
    width: 35%;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .list:not(.condensed) .col.document {
    width: 70%;
    margin-bottom: 0.2rem;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .list .col.size {
    width: 120px;
  }
  .list.condensed.flex-wrap .col:not(.profile) {
    width: auto;
  }
  .list.condensed.flex-wrap .col.title {
    width: 100%;
  }
  main {
    padding: 2rem !important;
  }
  .page > footer {
    padding: 1.3rem 2rem;
  }
  .configure .bg {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    margin: 0 auto;
    max-width: 360px;
  }
  .configure main .row,
  .configure main .row:last-child,
  .page-theenvironment.configure main .row:last-child {
    margin: 0 -15px;
  }
  #events section h4 {
    text-align: left;
  }
  #events .list::before {
    left: 0;
  }
  #events .item,
  #events .item:nth-child(odd) {
    padding: 15px 20px 15px 100px;
    text-align: left;
  }
  #events .item::before,
  #events .item:nth-child(odd)::before {
    left: 0;
  }
  #events .list.inline .item .details,
  #events .list.inline .item:nth-child(odd) .details {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  .ready #events .list.inline .item svg,
  .ready #events .list.inline .item:nth-child(odd) svg {
    left: 41px;
  }
  #forecasts .card .col.half {
    width: 50%;
  }
  #forecasts .card .col.half:first-child {
    margin-bottom: 0;
  }
  .diagram .divider {
    display: none !important;
  }
  #pages-trend-chart {
    position: static;
  }
  .page-theenvironment .diagram > .row {
    width: calc(100% + 30px);
    padding: 0;
  }
  .page-theenvironment .diagram > .row:nth-child(2) {
    margin-top: 0;
  }
  .list header {
    display: none;
  }
  .config .list header {
    display: block;
  }
  /* .list .col.status,
  .list .col.device-name,
  .list .col.type {
    order: 2;
  } */
  .list .col.status {
    text-align: right;
  }
  #plan-details .cert {
    padding: 1rem;
  }
  .page-billing #plan-details .cert h4 {
    padding-right: 0;
    line-height: 2.8;
  }
  #plan-details .cert .logo svg {
    height: 40px;
  }
  #plan-details .col.third {
    width: 100%;
    margin-bottom: 2rem;
  }
  #plan-details .program {
    width: 100%;
  }
  #all-plans .col,
  .hive #all-plans h2 {
    margin-bottom: 2rem;
  }
  .page-signin:not(.mobile) .pitch {
    display: none !important;
  }
  .page-signin .wrap {
    height: auto;
  }
  .page-signin footer {
    width: 100%;
    color: #8E959E;
    max-width: 540px;
    margin: 0 auto;
  }
  .page-signin .wrap::before {
    display: none !important;
  }
  .page-signin header {
    background: #01343D;
    padding: 1rem 30px;
  }
  .page-signin header .rgt span {
    display: none;
  }
  .page-signin.page-redeem footer {
    left: 0;
  }
  section article {
    width: 100%;
    margin-bottom: 1rem;
  }
  section aside {
    margin: 0 auto;
  }
  .page-benchmark .callout {
    display: none !important;
  }
  .quick-start > li {
    width: 50%;
    padding: 0 15px;
    padding: 2rem;
  }
  .alt .quick-start .third {
    width: 100%;
  }
  .alt .quick-start .col > ul > li {
    width: 50%;
    height: 100%;
  }
  .page-quickstart header .brand,
  .page-quickstart header .requirements {
    width: 100%;
  }
  .network .bracket {
    max-width: none;
    width: 100%;
    margin-bottom: 2rem;
  }
  .network .bracket .list::before,
  .network .bracket .list::after,
  .network::before,
  #stats::before,
  #stats .third::before {
    display: none !important;
  }
  .network .system {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  .network .system .client {
    position: relative;
    margin: 3rem auto;
    -webkit-transform: none;
    transform: none;
    top: auto;
    left: auto;
  }
  .network .system .connector,
  .network .bracket::before,
  .network .list li::before,
  .network .bracket .list li::after {
    display: none !important;
  }
  .network .list {
    height: auto;
  }
  .network .list .col.document,
  .network .list .col.device {
    margin: 0;
    height: auto;
  }
  .network .list .col.time {
    position: static;
    padding: 0 20px;
    width: auto;
    text-align: left;
    margin-left: auto;
  }
  .network .list li a.row {
    padding: 0.8rem 0 0.8rem 54px !important;
  }
  .network .list .col.owner {
    width: auto;
  }
  .home-b .network .list .avatar,
  .network .list .col.status,
  .network.b .list .col.status {
    bottom: auto;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
  .network .list .col.status {
    left: 10px;
  }
  .network .list li {
    height: auto;
  }
  .network #forecasts {
    margin-top: 2em;
  }
  .network #forecasts .row > .col {
    width: 100%;
    margin-bottom: 3rem;
  }
  .watermark-format li {
    width: 50%;
    -webkit-box-shadow: 1px 1px 0 0 rgba(215, 222, 227, 0.5);
            box-shadow: 1px 1px 0 0 rgba(215, 222, 227, 0.5);
  }
  .home-b .network .col.icon,
  .job-icon {
    display: none !important;
  }
  .home-b .network {
    margin-bottom: 0;
  }
  .home-b .network .users .list li .row {
    padding: 1.125rem 0 1.125rem 68px;
  }
  .home-b .network .list li .row {
    padding-left: 32px;
    -webkit-transition: 0s, X;
    transition: 0s, X;
  }
  .network .users .list .col.owner,
  .network .list .col.device {
    margin-bottom: 0.5rem;
  }
  .network .users .list .col.owner::before {
    width: calc(100% - 40px);
  }
  .network .bracket .btn.outline,
  .configure main .col,
  .configure main .col.divider,
  .page-printsecurity.ready .diagram .col,
  .network h5,
  .ready.home-b .network .list li.live .row,
  .ready.home-b .network .bracket.printers .list li:first-child .row {
    -webkit-transition: 0s, X !important;
    transition: 0s, X !important;
    -webkit-transition-delay: 0s !important;
    transition-delay: 0s !important;
  }
  #stats {
    padding-top: 0;
  }
  .page-onboarding.mobile .list .col.device-name {
    margin: 0;
  }
  .page-onboarding.mobile .list.condensed:not(.flex-ver) li .row {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .page-quickstart.v4 .manual {
    max-width: 680px;
    padding: 2rem 20px;
  }
  .page-quickstart.v4 .manual main {
    padding: 0 !important;
    margin: 2rem 0 0 0;
  }
  .page-quickstart.v4 .manual .flex > header {
    width: 100%;
    padding: 0;
  }
  .page-quickstart.v4 .manual figure figcaption {
    width: 100%;
    padding: 0;
    margin-top: 1rem;
  }
  .page-quickstart.v4 .manual footer {
    margin: 2rem 0 0 calc(100px + 2rem);
  }
  .card.highlights .item[data-name=environment] .sixty {
    display: none !important;
  }
  .card.highlights .item[data-name=environment] .forty {
    width: 100%;
  }
  .home-b .network .users .col.icon {
    width: 48px;
    height: 48px;
    display: block !important;
    left: 20px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    margin: 0;
  }
  #x-cloud h2 {
    padding-left: 80px;
  }
  #super .empty {
    max-height: none;
    height: auto;
    margin-bottom: calc(1rem + 30px);
  }
  #x-super,
  #x-cloud {
    width: 100%;
    padding-left: 0;
    margin: 0;
  }
  #x-super > ul > li,
  #x-cloud > ul > li {
    margin: 0 0 1rem 0;
    width: 100%;
    padding: 0;
  }
  #super .list > ul {
    margin: 0 !important;
  }
}
@media screen and (max-width: 60em) {
  .page-signin.mobile .pitch > .flex .col {
    display: none !important;
  }
  #popup-discovery .callout {
    left: auto;
    right: 20px;
    -webkit-box-shadow: 0 30px 60px -12px rgba(50, 50, 93, 0.25), 0 18px 36px -18px rgba(0, 0, 0, 0.3), 0 -12px 36px -8px rgba(0, 0, 0, 0.025);
            box-shadow: 0 30px 60px -12px rgba(50, 50, 93, 0.25), 0 18px 36px -18px rgba(0, 0, 0, 0.3), 0 -12px 36px -8px rgba(0, 0, 0, 0.025);
  }
  .page-install .page-heading {
    margin-bottom: 3rem;
  }
  .page-install h1 {
    font-size: 21px;
  }
  .page-install .third {
    width: 100%;
    margin-bottom: 3rem;
  }
  .page-install.new-device .step figure > div {
    overflow: visible;
  }
  .page-install .third p {
    min-height: 0;
  }
  .page-install .step figure {
    height: 200px;
    margin-bottom: 1rem;
    padding: 0 30px !important;
  }
  .page-install .step figure > div {
    max-height: 100%;
    overflow: hidden;
  }
  .page-install #step-computer figure img {
    margin: 0 auto;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    max-height: 220px;
  }
  .page-install.new-device .alert {
    margin: 0 auto;
  }
}
@media screen and (max-width: 48em) {
  #current-plan {
    margin-top: -20px;
  }
  .mobile-only {
    display: inline-block;
  }
  .sixty,
  .forty {
    width: 100%;
  }
  .demo-mode nav .reminder {
    left: -200px;
  }
  .demo-mode.open-menu nav .reminder {
    left: 0;
  }
  .open-menu nav {
    z-index: 12;
  }
  .open-menu .overlay,
  .open-menu .overlay::before {
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
    z-index: 11;
  }
  .open-aside:not(.open-vote):not(.open-rename) .overlay,
  .open-aside:not(.open-vote):not(.open-rename) .overlay::before {
    left: 0;
  }
  .page > header,
  .page-heading {
    padding: 0 20px;
  }
  .page > header p,
  .page-heading p {
    font-size: 1em;
  }
  .page > header .col:not(.rgt),
  .page-heading .col:not(.rgt) {
    width: 100% !important;
  }
  .page > header .col.rgt,
  .page-heading .col.rgt {
    margin: 0 0 1rem 0;
    text-align: left;
    padding: 0 15px;
  }
  .page-signin.alt #logo,
  .page-pricing #logo {
    margin: 0 auto 2rem;
  }
  .has-preview.tab {
    position: relative;
    overflow: hidden;
    width: calc(100% + 40px);
    margin: 0 -20px;
    padding: 0 20px;
  }
  .has-preview.has-header.tab {
    margin: 0 -20px 60px -20px;
  }
  .has-preview > .flex {
    position: relative;
    overflow: hidden;
    overflow-y: auto;
    width: calc(100% + 40px);
    margin: 0 -20px;
  }
  .scroll {
    height: auto;
  }
  .scroll.has-preview {
    margin-top: -56px;
  }
  body:not(.page-printlog):not(.page-printers):not(.page-users):not(.page-extensions) .scroll {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    min-height: calc(100%);
  }
  .sidebar {
    content: '';
    background: url('sprite.png') -800px -300px no-repeat;
    height: 0;
    overflow: hidden;
    width: 16px;
    padding-top: 16px;
    display: inline-block;
    vertical-align: middle;
    background-size: 2000px 2000px;
    position: absolute;
    top: 22px;
    right: 15px;
    z-index: 1;
  }
  .sidebar.stuck {
    position: fixed;
    top: calc(56px + 76px + 22px);
  }
  .hide-details .sidebar {
    content: '';
    background: url('sprite.png') -900px -300px no-repeat;
    height: 0;
    overflow: hidden;
    width: 16px;
    padding-top: 16px;
    display: inline-block;
    vertical-align: middle;
    background-size: 2000px 2000px;
  }
  .configure .bg {
    display: none !important;
  }
  aside article {
    width: 100% !important;
    left: 0;
    position: relative;
    padding: 20px 15px 0 15px;
    -webkit-transition: all 0.5s, X;
    transition: all 0.5s, X;
  }
  .tabs .has-sub li a img {
    display: none !important;
  }
  #popup-adv .tabs li h5 {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  #popup-adv .tabs li small {
    display: none !important;
  }
  #standard .title .rgt {
    padding-left: 0;
  }
  .sticker.app {
    width: 170px;
  }
  .sticker.app figure::before {
    top: 35px;
    left: -21px;
    width: 80px;
    height: 60px;
    -webkit-transform: rotate(-118deg) translate(0, 0);
            transform: rotate(-118deg) translate(0, 0);
  }
  aside .preview {
    left: 100%;
    top: 0;
    position: absolute;
    min-height: 100%;
    width: 100% !important;
    margin: 0;
    -webkit-transition: all 0.5s, X;
    transition: all 0.5s, X;
  }
  body:not(.page-printlog):not(.page-printers):not(.page-users):not(.page-extensions) aside article.col {
    padding-top: 74px;
  }
  body:not(.page-printlog):not(.page-printers):not(.page-users):not(.page-extensions) aside .preview {
    padding-top: 54px;
  }
  body:not(.page-printlog):not(.page-printers):not(.page-users):not(.page-extensions) aside #custom article.col {
    padding-top: 20px;
  }
  body:not(.page-printlog):not(.page-printers):not(.page-users):not(.page-extensions) aside #custom .preview {
    padding-top: 20px;
  }
  .hide-details header {
    background: #eff3f7;
  }
  .hide-details .preview {
    left: 0;
    position: relative;
  }
  .hide-details article {
    position: absolute;
    left: -100%;
  }
  h1 {
    font-size: 21px;
  }
  h2 {
    font-size: 19px;
  }
  nav {
    left: -200px;
  }
  body:not(.home-b) .list .col.size,
  .list .col.attr,
  body:not(.home-b) .list .col.owner,
  .list:not(.condensed):not(.grid) .col.time,
  .list .col.method {
    display: none !important;
  }
  .list:not(.condensed) .col.document {
    margin: 0;
    width: 100%;
    white-space: initial;
  }
  .activity.list .status {
    padding: 0;
    width: 100px;
  }
  .activity.list .status:hover i.avatar {
    margin-left: -20px;
    -webkit-transition: 0s, X;
    transition: 0s, X;
  }
  .timeline::before {
    left: 20px;
  }
  .nav-toggle.lines-button {
    display: block;
  }
  .pusher {
    left: 0;
  }
  .pusher,
  .open-menu .pusher {
    width: 100%;
  }
  .topbar,
  .open-morph .topbar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0;
    z-index: 9;
  }
  .topbar .alert i {
    display: none !important;
  }
  .branded .nav-account > a .vendor {
    display: none !important;
  }
  .open-menu .topbar {
    left: 200px;
    z-index: 12;
  }
  .open-menu.open-tour .topbar {
    z-index: 9;
  }
  .list .col.status {
    text-align: left;
  }
  .nav-account a {
    width: auto;
    padding: 0 25px 0 10px;
  }
  .topbar .alert {
    padding-left: 63px;
  }
  .topbar .alert p span,
  .topbar .user {
    display: none;
  }
  .page {
    margin-bottom: 0;
  }
  main {
    padding: 20px !important;
  }
  .page > footer {
    padding: 1.3rem 20px;
    width: 100%;
    left: 0;
    -webkit-transition: left 0.3s, X;
    transition: left 0.3s, X;
    position: static;
  }
  .open-menu .page > footer {
    left: 200px;
  }
  aside {
    max-width: 100%;
    width: 100%;
    right: -800px;
    top: 56px;
    overflow: hidden;
    height: calc(100% - 56px);
  }
  aside header .rgt:not(.legend) {
    position: fixed;
    background: #fff;
    padding: 1rem 20px;
    margin: 0;
    text-align: right;
    top: 56px;
    right: -100%;
    -webkit-transition: right 0.3s ease-in-out, X;
    transition: right 0.3s ease-in-out, X;
    width: 100%;
    -webkit-box-shadow: inset 0 -1px 0 0 rgba(215, 222, 227, 0.5), 0 2px 4px 0 rgba(33, 43, 54, 0.05);
            box-shadow: inset 0 -1px 0 0 rgba(215, 222, 227, 0.5), 0 2px 4px 0 rgba(33, 43, 54, 0.05);
  }
  .open-downloadreport .overlay {
    max-width: 100%;
    width: 100%;
  }
  .open-aside aside header .rgt:not(.legend) {
    right: 0;
    margin: 0;
    z-index: 99;
  }
  aside .alert {
    z-index: 0;
    -webkit-transition: all 0.3s, X;
    transition: all 0.3s, X;
    opacity: 1;
    filter: alpha(opacity=100);
  }
  body:not(.page-printlog):not(.page-printers):not(.page-users):not(.page-extensions) aside header {
    -webkit-box-shadow: none;
            box-shadow: none;
    padding: 1rem 20px 0 20px;
    background: none;
  }
  body:not(.page-printlog):not(.page-printers):not(.page-users):not(.page-extensions) aside header .tabs {
    -webkit-box-shadow: inset 0 -1px 0 0 rgba(215, 222, 227, 0.5);
            box-shadow: inset 0 -1px 0 0 rgba(215, 222, 227, 0.5);
    margin: 0 -20px;
    width: calc(100% + 40px);
    padding: 0 20px;
  }
  .panel {
    margin: 0 -20px;
    padding: 0 20px;
    overflow: auto;
    padding-top: 76px;
    display: block;
  }
  .page-users .panel,
  .page-extensions .panel {
    padding: 0 20px;
  }
  .presets.stuck .response.visible {
    top: 110px;
    width: 100%;
    max-width: 100%;
  }
  .presets {
    background: #fff;
    padding-top: 74px;
  }
  .scroll > .flex {
    position: relative;
  }
  .search.autocomplete,
  .search {
    width: 100%;
    margin: 0 0 20px 0;
  }
  .popover {
    left: 0;
    width: 320px;
  }
  .popover::after {
    left: 18px;
  }
  .popover .select {
    width: 100%;
  }
  .popover .join {
    margin: 5px auto;
  }
  #events .list::before {
    display: none !important;
  }
  #events .item,
  #events .item:nth-child(odd) {
    padding: 15px 20px 15px 60px;
  }
  #events .item::before,
  #events .item:nth-child(odd)::before {
    display: none !important;
  }
  #events .list.inline .item svg,
  #events .list.inline .item:nth-child(odd) svg {
    left: 0 !important;
  }
  .stack .col:not(.status):not(.actions):not(.ip):not(.device-name):not(.rgt) {
    width: calc(100%);
  }
  #forecasts .col {
    width: 100%;
  }
  #forecasts .col:not(:last-child) {
    margin-bottom: 20px;
  }
  .stack .col::before {
    width: 120px;
    display: inline-block;
    min-height: 24px;
  }
  .p1,
  .p2,
  section figure {
    width: 100%;
  }
  section figure {
    height: 200px;
    margin: 0;
  }
  section figure img {
    height: 200px;
  }
  #details {
    padding: 20px;
  }
  .card.duplex .col {
    width: 100%;
    position: relative;
  }
  .card.duplex > .flex::before {
    left: 0;
    width: 100%;
    bottom: auto;
    top: 50%;
    height: 1px;
    -webkit-box-shadow: inset 0 -1px 0 0 rgba(215, 222, 227, 0.5);
            box-shadow: inset 0 -1px 0 0 rgba(215, 222, 227, 0.5);
  }
  .page-pricing h1 {
    font-size: 27px;
  }
  .pricing-table {
    width: 280px;
  }
  .pricing-table li {
    width: 100%;
    margin-bottom: 2rem;
  }
  .range-slider {
    height: 220px;
  }
  .presets.stuck {
    padding-bottom: 139px;
  }
  .quick-start > li,
  .alt .quick-start .col > ul > li {
    width: 100%;
    padding: 2rem;
    height: auto;
  }
  .page-quickstart .manual {
    border: 0;
    border-bottom: 1px solid rgba(215, 222, 227, 0.5);
    border-radius: 0;
  }
  .page-quickstart header .requirements .col {
    width: 100%;
  }
  .page-quickstart header .requirements .downloads {
    border-top: 1px dashed rgba(255, 255, 255, 0.4);
    border-right: 0;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .quick-start li .callout {
    width: 100px;
  }
  .page-quickstart header h1 {
    font-size: 48px;
  }
  .page-quickstart.alt header h1 {
    -webkit-box-flex: inherit;
        -ms-flex: inherit;
            flex: inherit;
    width: 100%;
  }
  .quick-start li .callout::before {
    display: none !important;
  }
  .user-menu::before {
    right: 20px;
    left: auto;
  }
  .network .system {
    margin-top: 0;
  }
  .network #forecasts .half .col {
    width: 100%;
  }
  .network #forecasts .half .col:first-child {
    margin-bottom: 2rem;
  }
  .page header .col.license {
    margin: 0 -5px -0.5rem -5px;
    padding: 1rem 20px;
    width: calc(100% + 40px) !important;
  }
  .page header .col.license .rgt {
    padding: 0;
    margin: 0;
  }
  .unblock.stuck {
    width: 100%;
    max-width: 100%;
  }
  #popup-paper .col {
    width: 100%;
  }
  #popup-paper .metrics .fp {
    max-width: 300px;
    margin: 0 auto;
  }
  #popup-paper .illo {
    display: none !important;
  }
  #forecasts .card .col.half {
    width: 100%;
  }
  #forecasts .card .col:first-child {
    margin-bottom: 2rem;
  }
  .list.grid > ul > li {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    width: 100%;
    max-width: 100%;
  }
  .configure main .col p {
    min-height: 0;
  }
  #forecasts .card .col.half:first-child {
    margin-bottom: 2rem;
  }
  .page-onboarding .slides .item {
    min-width: 0;
  }
  .steps li strong {
    display: none !important;
  }
  .steps li .icon {
    margin: 0 auto;
  }
  .page-verify .page {
    padding: 30px;
  }
  .page-verify h1 {
    font-size: 21px;
  }
  .progress-bar.icons {
    margin: 0 auto 2rem auto !important;
  }
  .big {
    padding: 0.813rem 1rem;
    font-size: 1rem;
  }
  .app-links {
    width: 142px;
  }
  .page-quickstart.v4 .manual {
    padding: 2rem 20px;
  }
  .page-quickstart.v4 .app-links .badge:last-child {
    margin: 20px 0 0 0;
  }
  .page-quickstart.v4 .manual figure figcaption {
    width: 100%;
    padding: 0;
    margin-top: 1rem;
  }
  .page-quickstart.v4 .manual footer {
    margin: 2rem 0 0 calc(100px + 2rem);
  }
  .stacked-chart:hover .slice {
    min-width: 0;
  }
  .stacked-chart .slice:hover {
    min-width: 100%;
  }
  .stacked-chart .slice .message {
    width: 100%;
  }
  .search {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-negative: 1;
        flex-shrink: 1;
  }
  .invite.btn:not(.secondary):not(.sml):not(.x-sml) {
    padding: 0;
    content: '';
    background: url('sprite.png') -184px -284px no-repeat;
    height: 0;
    overflow: hidden;
    width: 44px;
    padding-top: 44px;
    display: inline-block;
    vertical-align: middle;
    background-size: 2000px 2000px;
    background-color: #26AA27;
  }
  .invite.btn:not(.secondary):not(.sml):not(.x-sml):hover {
    content: '';
    background: url('sprite.png') -184px -284px no-repeat;
    height: 0;
    overflow: hidden;
    width: 44px;
    padding-top: 44px;
    display: inline-block;
    vertical-align: middle;
    background-size: 2000px 2000px;
    background-color: #0d8843;
  }
  input[type=search] {
    min-width: 0;
    width: 100%;
  }
  .search.autocomplete input[type=search] {
    width: 100%;
  }
  .page-users aside header i.avatar {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
  .flipper-enviro,
  .extension-info {
    left: 20px !important;
    -webkit-transform: translate(0) !important;
    transform: translate(0) !important;
  }
  .morphed .flipper-enviro,
  .morphed .extension-info {
    left: 20px !important;
    width: calc(100% - 40px) !important;
    -webkit-transform: translate(0, -50%) !important;
    transform: translate(0, -50%) !important;
    max-width: 640px;
    height: auto !important;
  }
  .list.grid > ul > li .extension-info .col {
    width: 100%;
  }
  .open-menu .morphed .flipper-enviro,
  .open-menu .morphed .extension-info {
    margin-left: 200px;
  }
  .tabs .search {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    width: 100%;
    padding: 0;
  }
  .page-faq .wrap,
  .page-faq .page {
    height: auto;
  }
  .page-faq .page .auto {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .page-faq .answers {
    width: 100%;
  }
  .page-terms .wrap,
  .page-terms .page {
    height: auto;
  }
  .page-terms .page .auto {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .page-terms .content {
    width: 100%;
  }
  .alert:not(.offer) span {
    width: 100%;
    margin-bottom: 0.3rem;
  }
  .flex:not(.flex-nowrap) .filter {
    margin: 0 0 1rem 0;
  }
  .tampa {
    padding: 20px 0 35px;
  }
  .edgenode {
    bottom: 14px;
  }
  main .tab {
    min-height: calc(100% - 100px);
  }
  body:not(.page-verify) .alert.sticky {
    width: 100%;
    top: 56px;
  }
  .card.highlights .item[data-name=environment] .icon {
    width: 64px;
    height: 64px;
  }
  .card.highlights .item[data-name=environment] .stats .row .col.rgt {
    width: 100%;
    margin-top: 10px;
  }
  .highlights .tabs.segments.alt li a {
    font-size: 13px;
  }
  .highlights .tabs.segments.alt li a .icon {
    display: none !important;
  }
  .network-stats .btn {
    width: auto;
  }
  .item[data-name=network] .diagram {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 0;
  }
  .item[data-name=network] .diagram .col {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 15px;
  }
  .item[data-name=network] .diagram .col::before {
    display: none;
  }
  .item[data-name=network] .diagram .col .lge {
    margin-left: auto !important;
    padding-left: 20px;
    font-size: 24px;
  }
  .item[data-name=network] .diagram .col .icon {
    margin: 0 20px 0 0;
  }
  .item[data-name=network] .diagram .col .icon svg {
    max-width: 100%;
  }
  .item[data-name=network] .diagram::before,
  .item[data-name=network] .diagram::after {
    display: none !important;
  }
  .mb {
    max-width: 300px;
  }
  #popup-discovery .callout {
    display: none !important;
  }
  .guide {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #print-instructions .page-heading h2 {
    padding-left: 4rem;
  }
  #print-instructions ol::before {
    content: none;
  }
  #print-instructions ol > li {
    padding: 0;
  }
  #print-instructions .callout {
    position: absolute;
    left: 0;
    top: 140px;
  }
  .tabs.center li {
    margin: 0 10px;
  }
  .tabs li a .icon {
    width: 24px;
    height: 24px;
  }
  .page-verify .tabs .blk,
  .page-install li:first-child .tabs .blk {
    display: none !important;
  }
  .page-terms .pitch > div {
    max-width: none;
  }
  .abridged,
  .page-terms header {
    display: none !important;
  }
  #status-network,
  #status-board {
    width: 100%;
    margin: 0 !important;
    padding: 0 20px 0 20px;
  }
  .card.highlights.slide-environment small {
    width: 100%;
    padding: 0;
  }
  #popup-toner .list .row {
    padding-left: 22px;
  }
  #popup-toner .col.model {
    padding-bottom: 10px;
    padding-left: 10px;
    width: 100%;
  }
  #popup-toner footer .col.model {
    display: none !important;
  }
  #popup-toner .list footer > .flex {
    padding: 0 15px 0 22px;
  }
  #popup-toner .extra .col.model {
    padding-left: 12px;
  }
  #popup-toner .extra::before {
    left: -6px;
    bottom: 64px !important;
    top: -62px;
  }
  #popup-toner .extra .col.model::before {
    left: -7px;
  }
  #popup-toner .list .row .qty::before {
    display: none !important;
  }
  .id-wrap > .col {
    width: 100%;
    padding: 0;
    margin-bottom: 60px;
  }
  .id-wrap > .col dl {
    max-width: 320px;
  }
  #popup-start .tour-figure,
  #popup-start::before {
    height: 200px;
  }
  #popup-start .tour-content {
    height: calc(100% - 200px - 60px);
  }
  #hero + .alert {
    margin: -20px -20px 20px -20px;
    padding: 0.5rem 20px;
  }
}
/* IE 10+ */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .shadow,
  .preview .legend,
  .preview-phone,
  .warning-process {
    display: none !important;
  }
  .list .empty p,
  .list .empty h5 {
    max-width: none;
  }
  .overlay {
    display: block;
  }
}
/* Print Only */
@media print {
  .page-install * {
    color: #000 !important;
  }
  .page-install .page {
    padding: 0;
  }
  .page-install .page-heading {
    margin-bottom: 3rem;
  }
  .page-install h1 {
    font-size: 21px;
  }
  .page-install .third {
    width: 100%;
    margin-bottom: 3rem;
  }
  .page-install .third p {
    min-height: 0;
  }
  .page-install #step-computer figure img {
    margin: 0;
  }
}
/* Retina */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  a[data-toggle=collapsable]::before,
  #logo,
  .page-verify #logo,
  .page-signin #logo,
  .page-faq #logo,
  .page-pricing #logo,
  .network .system .client .logo::before,
  .select::after,
  .list a::after,
  .search .results .type a::after,
  .sub li a i,
  .funnel,
  .funnel:hover,
  input[type="checkbox"]:checked::after,
  .list figure::before,
  .delete,
  section aside h3 i.thumb.down::before,
  .checklist li::before,
  .add,
  .remove,
  .tag .remove,
  .badge,
  .badge:hover,
  .page-quickstart header .edition,
  .sub li.complete a::after,
  .network .system .client i,
  .network .held::before,
  .paper-forecast .stat::before,
  .watermark-format li a::before,
  .watermark-format li.pos-top a::before,
  .watermark-format li.pos-full a::before,
  .watermark-format li.pos-custom a::before,
  .easeometer figcaption,
  .page > header .easeometer figcaption,
  .page-heading .easeometer figcaption,
  .steps li.complete .icon::after,
  .page-onboarding.mobile .list figure,
  .presets li.active a::after,
  .more .tip a.promote::before,
  .more .tip a.demote::before,
  .more .tip a.trash::before,
  .icon.promote,
  .expand,
  .minimised .expand,
  .list a.row::after,
  #trending > ul > li::before,
  #trending > ul > li.cranky::before,
  #trending > ul > li.fresh::before,
  .more .tip a.details::before,
  .more .tip a.rename::before,
  .edit,
  .rename::before,
  .more .tip a.lost::before,
  .watermark-format li.active::after,
  .backlog i::before,
  .backlog li.active i::before,
  .sidebar,
  .hide-details .sidebar,
  .placeholder-checkbox::before,
  .btn-carousel,
  .option-list li.active::after,
  .bell,
  #popup-toner .list .row .qty::before,
  .invite.envelope .avatar::after,
  .collapsable a.row .rule .delete,
  #first-setup .list li.complete .icon::before,
  .list.collapsable a.row::before,
  .sub li a.link-external i,
  .trend.up::before,
  .trend.down::before,
  .system-status .logo,
  .guide .next::before,
  .guide .prev::before,
  .page-verify #logo.sml,
  .progress-bar.icons li.is-complete .icon::before,
  .client .logo::before,
  #popup-discovery .logo,
  #print-setup .list li.complete .icon::before,
  .placeholder-notification .header::before,
  .placeholder-appicon.brand::before,
  .branded.page-signin #logo,
  .ticks li::before,
  .your-plan .logo,
  #all-plans .logo,
  .nav-account > a::after,
  .placeholder-pc::before,
  .placeholder-pc::after,
  .page-signin.mobile.animated .placeholder-pc::after,
  .page-signin.mobile.animated .phase.b .printing .placeholder-checkbox::after,
  .page-install .complete figure::before,
  .page-install #logo,
  figure .dialog .placeholder-select::after,
  .page-install .app-icon,
  .page-install:not(.new-device) .complete figure::before,
  .list li a.row.status-submitted figure::before,
  .page-printlog .list figure:not(.graph)::before,
  .list li a.row.status-failed figure::before,
  .list li a.row.status-printed figure::before,
  .list li a.row.status-printing figure::before,
  .list li a.row.status-analysed figure::before,
  .list li a.row.status-cancelled figure::before,
  .list li a.row.status-routed figure::before,
  .list li a.row.status-pending-release figure .placeholder-checkbox,
  aside.disabled header::after,
  .more .tip a.reinvite::before,
  .more .tip a.app::before,
  .icon.app,
  .btn.link-external::after,
  .dev-mode,
  .tip .passwordPolicy li.a0-checked::before,
  .link-ext::after,
  .has-sub li a.app-ss::before,
  .has-sub li a.app-er::before,
  .page-install #logo.hive,
  .card-number .masked a::before,
  .card-number .reveal a::before,
  .unlinkcard::before,
  .more .tip a.app-unlink::before,
  .aside-mobileprinting .tabs li.complete .icon::before,
  .aside-mobileprinting .success .icon::before,
  .logo-pocket,
  .logo-hive,
  .logo-papercut,
  .more.demo-only .tip li::before,
  .export::before,
  .icon-tick,
  [data-testid=addons-tab-connected] a::before,
  #tab-all .sample.connected {
    background-image: url('sprite@2x.png');
    background-size: 2000px 2000px;
  }
  .rangeslider-wrap.tonerlevel .rangeslider__fill,
  .rangeslider-wrap.tonerlevel .rangeslider__fill::before {
    background-image: url('stripe@2x.png');
    background-size: 300px 78px;
  }
  .card.highlights .item[data-name=environment]::before {
    background-image: url(e-tl@2x.png);
    background-size: 253px 208px;
  }
  .card.highlights .item[data-name=environment]::after {
    background-image: url(e-tr@2x.png);
    background-size: 277px 258px;
  }
  .aside-mobileprinting .devices .devices-chrome,
  .aside-mobileprinting .devices .devices-chrome.complete,
  .aside-mobileprinting .devices .devices-iphone,
  .aside-mobileprinting .devices .devices-iphone.complete,
  .aside-mobileprinting .devices .devices-android,
  .aside-mobileprinting .devices .devices-android.complete {
    background-image: url(mobile-printing@2x.png);
    background-size: 2000px 2000px;
  }
}