@charset "UTF-8";
/**
 * index.scss
 * - Spiral Robot v1.5
 */
.color--bg--none {
  background: none !important; }

.color--bg--transparent {
  background: rgba(0, 0, 0, 0.5) !important; }

.color--bg--main {
  background: #cc0000 !important; }

.color--bg--secondary {
  background: #ffffff !important; }

.color--bg--alt {
  background: #000000 !important; }

.color--bg--default {
  background: #000000 !important; }

.color--bg--success {
  background: #cc0000 !important; }

.color--bg--info {
  background: #D8D8D8 !important; }

.color--bg--warning {
  background: #FF9000 !important; }

.color--bg--error {
  background: #ED4747 !important; }

.color--bg--disabled {
  background: #D8D8D8 !important; }

.color--bg--white {
  background: #FFFFFF !important; }

.color--bg--grey {
  background: #888 !important; }
  .color--bg--grey--lightest {
    background: #F1F1F1 !important; }
  .color--bg--grey--lighter {
    background: #E1E1E1 !important; }
  .color--bg--grey--light {
    background: #999 !important; }
  .color--bg--grey--darkest {
    background: #444 !important; }
  .color--bg--grey--darker {
    background: #666 !important; }
  .color--bg--grey--dark {
    background: #777 !important; }

.color--font--none {
  color: rgba(0, 0, 0, 0) !important; }

.color--font--transparent {
  color: rgba(0, 0, 0, 0.5) !important; }

.color--font--main {
  color: #cc0000 !important; }

.color--font--secondary {
  color: #ffffff !important; }

.color--font--alt {
  color: #000000 !important; }

.color--font--default {
  color: #000000 !important; }

.color--font--default-bg {
  color: rgba(255, 255, 255, 0.88) !important; }

.color--font--success {
  color: #cc0000 !important; }

.color--font--info {
  color: #D8D8D8 !important; }

.color--font--warning {
  color: #FF9000 !important; }

.color--font--error {
  color: #ED4747 !important; }

.color--font--disabled {
  color: #D8D8D8 !important; }

.color--font--white {
  color: #FFFFFF !important; }

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

.color--border--transparent {
  border-color: rgba(0, 0, 0, 0.5) !important; }

.color--border--main {
  border-color: #cc0000 !important; }

.color--border--secondary {
  border-color: #ffffff !important; }

.color--border--alt {
  border-color: #000000 !important; }

.color--border--default {
  border-color: #000000 !important; }

.color--border--success {
  border-color: #cc0000 !important; }

.color--border--info {
  border-color: #D8D8D8 !important; }

.color--border--warning {
  border-color: #FF9000 !important; }

.color--border--error {
  border-color: #ED4747 !important; }

.color--border--disabled {
  border-color: #D8D8D8 !important; }

.color--border--white {
  border-color: #FFFFFF !important; }

.grey {
  color: #888; }
  .grey--darkest {
    color: #444; }
  .grey--darker {
    color: #666; }
  .grey--dark {
    color: #777; }
  .grey--light {
    color: #999; }
  .grey--lighter {
    color: #E1E1E1; }
  .grey--lightest {
    color: #F1F1F1; }

.tab-list:after, .config-view:after, .drop-down:after, .card--title-action:after, .btn-row:after {
  content: "";
  display: table;
  clear: both; }

.highlighter {
  background: rgba(0, 0, 0, 0.1);
  padding: 4px;
  border-top: 2px solid rgba(0, 0, 0, 0.2); }

.shadow--box {
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1); }
  .shadow--box--none {
    box-shadow: none !important; }

.shadow--text {
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); }
  .shadow--text--none {
    text-shadow: none !important; }

.margin--a--none {
  margin: 0 !important; }

.margin--a--xs {
  margin: 4px !important; }

.margin--a--s {
  margin: 8px !important; }

.margin--a--m {
  margin: 16px !important; }

.margin--a--l {
  margin: 24px !important; }

.margin--a--xl {
  margin: 32px !important; }

.margin--a--xxl {
  margin: 40px !important; }

.margin--a--xxxl {
  margin: 48px !important; }

.margin--t--none {
  margin-top: 0 !important; }

.margin--t--xs {
  margin-top: 4px !important; }

.margin--t--s {
  margin-top: 8px !important; }

.margin--t--m {
  margin-top: 16px !important; }

.margin--t--l {
  margin-top: 24px !important; }

.margin--t--xl {
  margin-top: 32px !important; }

.margin--t--xxl {
  margin-top: 40px !important; }

.margin--t--xxxl {
  margin-top: 48px !important; }

.margin--b--none {
  margin-bottom: 0 !important; }

.margin--b--xs {
  margin-bottom: 4px !important; }

.margin--b--s {
  margin-bottom: 8px !important; }

.margin--b--m {
  margin-bottom: 16px !important; }

.margin--b--l {
  margin-bottom: 24px !important; }

.margin--b--xl {
  margin-bottom: 32px !important; }

.margin--b--xxl {
  margin-bottom: 40px !important; }

.margin--b--xxxl {
  margin-bottom: 48px !important; }

.margin--r--none {
  margin-right: 0 !important; }

.margin--r--xs {
  margin-right: 4px !important; }

.margin--r--s {
  margin-right: 8px !important; }

.margin--r--m {
  margin-right: 16px !important; }

.margin--r--l {
  margin-right: 24px !important; }

.margin--r--xl {
  margin-right: 32px !important; }

.margin--r--xxl {
  margin-right: 40px !important; }

.margin--r--xxxl {
  margin-right: 48px !important; }

.margin--l--none {
  margin-left: 0 !important; }

.margin--l--xs {
  margin-left: 4px !important; }

.margin--l--s {
  margin-left: 8px !important; }

.margin--l--m {
  margin-left: 16px !important; }

.margin--l--l {
  margin-left: 24px !important; }

.margin--l--xl {
  margin-left: 32px !important; }

.margin--l--xxl {
  margin-left: 40px !important; }

.margin--l--xxxl {
  margin-left: 48px !important; }

.padding--a--none {
  padding: 0 !important; }

.padding--a--xs {
  padding: 4px !important; }

.padding--a--s {
  padding: 8px !important; }

.padding--a--m {
  padding: 16px !important; }

.padding--a--l {
  padding: 24px !important; }

.padding--a--xl {
  padding: 32px !important; }

.padding--a--xxl {
  padding: 40px !important; }

.padding--a--xxxl {
  padding: 48px !important; }

.padding--t--none {
  padding-top: 0 !important; }

.padding--t--xs {
  padding-top: 4px !important; }

.padding--t--s {
  padding-top: 8px !important; }

.padding--t--m {
  padding-top: 16px !important; }

.padding--t--l {
  padding-top: 24px !important; }

.padding--t--xl {
  padding-top: 32px !important; }

.padding--t--xxl {
  padding-top: 40px !important; }

.padding--t--xxxl {
  padding-top: 48px !important; }

.padding--b--none {
  padding-bottom: 0 !important; }

.padding--b--xs {
  padding-bottom: 4px !important; }

.padding--b--s {
  padding-bottom: 8px !important; }

.padding--b--m {
  padding-bottom: 16px !important; }

.padding--b--l {
  padding-bottom: 24px !important; }

.padding--b--xl {
  padding-bottom: 32px !important; }

.padding--b--xxl {
  padding-bottom: 40px !important; }

.padding--b--xxxl {
  padding-bottom: 48px !important; }

.padding--r--none {
  padding-right: 0 !important; }

.padding--r--xs {
  padding-right: 4px !important; }

.padding--r--s {
  padding-right: 8px !important; }

.padding--r--m {
  padding-right: 16px !important; }

.padding--r--l {
  padding-right: 24px !important; }

.padding--r--xl {
  padding-right: 32px !important; }

.padding--r--xxl {
  padding-right: 40px !important; }

.padding--r--xxxl {
  padding-right: 48px !important; }

.padding--l--none {
  padding-left: 0 !important; }

.padding--l--xs {
  padding-left: 4px !important; }

.padding--l--s {
  padding-left: 8px !important; }

.padding--l--m {
  padding-left: 16px !important; }

.padding--l--l {
  padding-left: 24px !important; }

.padding--l--xl {
  padding-left: 32px !important; }

.padding--l--xxl {
  padding-left: 40px !important; }

.padding--l--xxxl {
  padding-left: 48px !important; }

.overflow--hidden {
  overflow: hidden !important; }

.overflow--auto {
  overflow: auto !important; }

.overflow--visible {
  overflow: visible !important; }

.height--auto {
  height: auto; }

.height--100 {
  height: 100%; }

.height--4 {
  height: 4px; }

.height--8 {
  height: 8px; }

.height--16 {
  height: 16px; }

.height--24 {
  height: 24px; }

.height--32 {
  height: 32px; }

.height--40 {
  height: 40px; }

.height--48 {
  height: 48px; }

.height--56 {
  height: 56px; }

.height--64 {
  height: 64px; }

.height--72 {
  height: 72px; }

.height--80 {
  height: 80px; }

.height--88 {
  height: 88px; }

.height--96 {
  height: 96px; }

.width--4 {
  width: 4px; }

.width--8 {
  width: 8px; }

.width--16 {
  width: 16px; }

.width--24 {
  width: 24px; }

.width--32 {
  width: 32px; }

.width--40 {
  width: 40px; }

.width--48 {
  width: 48px; }

.width--56 {
  width: 56px; }

.width--64 {
  width: 64px; }

.width--72 {
  width: 72px; }

.width--80 {
  width: 80px; }

.width--88 {
  width: 88px; }

.width--96 {
  width: 96px; }

.width--inherit {
  width: inherit !important;
  min-width: inherit !important;
  max-width: inherit !important; }

.width--100 {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important; }

.width--75 {
  width: 75% !important;
  min-width: 75% !important;
  max-width: 75% !important; }

.width--50 {
  width: 50% !important;
  min-width: 50% !important;
  max-width: 50% !important; }

.width--25 {
  width: 25% !important;
  min-width: 25% !important;
  max-width: 25% !important; }

.width--auto {
  width: auto !important; }

.width--80 {
  width: 80%;
  min-width: 80% !important;
  max-width: 80% !important; }

.width--60 {
  width: 60%;
  min-width: 60% !important;
  max-width: 60% !important; }

.width--40 {
  width: 40%;
  min-width: 40% !important;
  max-width: 40% !important; }

.width--20 {
  width: 20%;
  min-width: 20% !important;
  max-width: 20% !important; }

.flex-basis--100 {
  flex-basis: 100% !important; }

.flex-basis--75 {
  flex-basis: 75% !important; }

.flex-basis--50 {
  flex-basis: 50% !important; }

.flex-basis--33 {
  flex-basis: 33% !important; }

.flex-basis--25 {
  flex-basis: 25% !important; }

.flex-basis--20 {
  flex-basis: 20% !important; }

.position--relative {
  position: relative !important; }

.position--absolute {
  position: absolute !important; }

.position--fixed {
  position: fixed !important; }

.position--static {
  position: static !important; }

.position--sticky {
  position: sticky !important; }

.top--0 {
  top: 0; }

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

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

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

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

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

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

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

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

.top--64 {
  top: 32px; }

.top--72 {
  top: 40px; }

.top--80 {
  top: 48px; }

.top--88 {
  top: 56px; }

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

.bottom--0 {
  bottom: 0; }

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

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

.bottom--16 {
  bottom: 16px; }

.bottom--24 {
  bottom: 24px; }

.bottom--32 {
  bottom: 32px; }

.bottom--40 {
  bottom: 40px; }

.bottom--48 {
  bottom: 48px; }

.bottom--56 {
  bottom: 56px; }

.bottom--64 {
  bottom: 32px; }

.bottom--72 {
  bottom: 40px; }

.bottom--80 {
  bottom: 48px; }

.bottom--88 {
  bottom: 56px; }

.bottom--96 {
  bottom: 96px; }

.left--0 {
  left: 0; }

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

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

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

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

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

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

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

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

.left--64 {
  left: 32px; }

.left--72 {
  left: 40px; }

.left--80 {
  left: 48px; }

.left--88 {
  left: 56px; }

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

.right--0 {
  right: 0; }

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

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

.right--16 {
  right: 16px; }

.right--24 {
  right: 24px; }

.right--32 {
  right: 32px; }

.right--40 {
  right: 40px; }

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

.right--56 {
  right: 56px; }

.right--64 {
  right: 32px; }

.right--72 {
  right: 40px; }

.right--80 {
  right: 48px; }

.right--88 {
  right: 56px; }

.right--96 {
  right: 96px; }

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

.z-index--1 {
  z-index: 1 !important; }

.z-index--2 {
  z-index: 2 !important; }

.z-index--3 {
  z-index: 3 !important; }

.z-index--4 {
  z-index: 4 !important; }

.z-index--5 {
  z-index: 5 !important; }

.z-index--6 {
  z-index: 6 !important; }

.z-index--7 {
  z-index: 7 !important; }

.z-index--8 {
  z-index: 8 !important; }

.z-index--9 {
  z-index: 9 !important; }

.z-index--10 {
  z-index: 10 !important; }

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

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

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

.display--flex {
  display: flex !important; }

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

.display--block {
  display: block !important; }

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

.display--inline {
  display: inline !important; }

.display--none {
  display: none !important; }

.display--hidden {
  visibility: hidden !important;
  display: none !important; }

.show {
  display: block; }

.hide {
  display: none; }

.float--left {
  float: left; }

.float--right {
  float: right; }

.no--callout {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.is--disabled {
  pointer-events: none;
  cursor: default; }

.hide--scrollbar {
  overflow: hidden; }
  .hide--scrollbar__viewport--horizontal {
    overflow: auto;
    /* Make sure the inner div is not larger than the container
     * so that we have room to scroll.
     */
    max-height: 100%;
    /* Pick an arbitrary margin/padding that should be bigger
     * than the max width of all the scroll bars across
     * the devices you are targeting.
     * padding = -margin
     */
    margin-bottom: -100px;
    padding-bottom: 100px; }
  .hide--scrollbar__viewport--vertical {
    overflow: auto;
    /* Make sure the inner div is not larger than the container
     * so that we have room to scroll.
     */
    max-height: 100%;
    /* Pick an arbitrary margin/padding that should be bigger
     * than the max width of all the scroll bars across
     * the devices you are targeting.
     * padding = -margin
     */
    margin-right: -117px;
    padding-right: 117px; }

.force-content-down {
  display: block;
  width: 100%;
  position: relative;
  z-index: -1; }

.flex-quad {
  flex-basis: 46%;
  max-width: 46%;
  min-width: 46%;
  margin: 2%; }

.flex-single {
  flex-basis: 100%;
  max-width: 100%;
  min-width: 100%;
  margin: 0% 0% 2% 0%; }

.line-height--1 {
  line-height: 1 !important; }

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

.font--italic {
  font-style: italic !important; }

.font--uppercase {
  text-transform: uppercase !important; }

.border-radius--0 {
  border-radius: 0px !important; }

.border-radius--1 {
  border-radius: 1px !important; }

.border-radius--2 {
  border-radius: 2px !important; }

.border-radius--3 {
  border-radius: 3px !important; }

.border-radius--4 {
  border-radius: 4px !important; }

.border-radius--8 {
  border-radius: 8px !important; }

.border-radius--12 {
  border-radius: 12px !important; }

.border-radius--16 {
  border-radius: 16px !important; }

.border-radius--circular {
  border-radius: 50% !important; }

.border--a--none {
  border: 0 !important; }

.border--a--xs {
  border-width: 1px !important; }

.border--a--s {
  border-width: 2px !important; }

.border--a--m {
  border-width: 4px !important; }

.border--a--l {
  border-width: 8px !important; }

.border--b--none {
  border-bottom: 0 !important; }

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

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

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

.border--b--l {
  border-bottom-width: 8px !important; }

.border--t--none {
  border-top: 0 !important; }

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

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

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

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

.border--l--none {
  border-left: 0 !important; }

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

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

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

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

.border--r--none {
  border-right: 0 !important; }

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

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

.border--r--m {
  border-right-width: 4px !important; }

.border--r--l {
  border-right-width: 8px !important; }

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0; }

.videoWrapper object,
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

body.no--scroll {
  overflow: hidden; }

body.no--scroll--mobile {
  overflow: hidden; }
  @media screen and (min-width: 768px) {
    body.no--scroll--mobile {
      overflow: initial; } }
.font--size--0 {
  font-size: 0 !important;
  position: absolute !important; }

.font--8 {
  font-size: 8px !important; }

.font--9 {
  font-size: 9px !important; }

.font--10 {
  font-size: 10px !important; }

.font--11 {
  font-size: 11px !important; }

.font--12 {
  font-size: 12px !important; }

.font--13 {
  font-size: 13px !important; }

.font--14 {
  font-size: 14px !important; }

.font--15 {
  font-size: 15px !important; }

.font--16 {
  font-size: 16px !important; }

.font--17 {
  font-size: 17px !important; }

.font--18 {
  font-size: 18px !important; }

.font--19 {
  font-size: 19px !important; }

.font--20 {
  font-size: 20px !important; }

.font--21 {
  font-size: 21px !important; }

.font--22 {
  font-size: 22px !important; }

.font--23 {
  font-size: 23px !important; }

.font--24 {
  font-size: 24px !important; }

.font--32 {
  font-size: 32px !important; }

.font--40 {
  font-size: 40px !important; }

.font--48 {
  font-size: 48px !important; }

.font--56 {
  font-size: 56px !important; }

.font--64 {
  font-size: 64px !important; }

.font--72 {
  font-size: 72px !important; }

.font--80 {
  font-size: 80px !important; }

.font--88 {
  font-size: 88px !important; }

.font--96 {
  font-size: 96px !important; }

.only--screen-reader {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.only--screen-reader--focusable:active, .only--screen-reader--focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto; }

.transWarpHub:active, .transWarpHub:focus {
  display: block !important;
  padding: 32px 16px !important;
  border-radius: 4px !important;
  color: #444 !important;
  background-color: #FF9000 !important;
  outline: 0 !important;
  position: fixed !important;
  top: 33% !important;
  left: calc(50% - 160px) !important;
  width: 320px !important;
  text-align: center !important;
  box-shadow: 0 20px 25px -15px rgba(0, 0, 0, 0.5) !important;
  font-size: 18px !important;
  text-transform: uppercase !important;
  font-weight: bold !important;
  outline: none !important; }

.flip--horizontally {
  transform: scaleX(-1); }
  .flip--horizontally.is--undone {
    transform: scalex(0); }

.flip--vertically {
  transform: scaley(-1); }
  .flip--vertically.is--undone {
    transform: scaley(0); }

.text--truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

@media screen and (max-width: 768px) {
  .hidden--phone {
    display: none !important; } }

@media screen and (max-width: 979px) and (min-width: 769px) {
  .hidden--tablet {
    display: none !important; } }

@media screen and (min-width: 979px) {
  .hidden--desktop {
    display: none !important; } }

.color--bg--transparent--black--0 {
  background: rgba(0, 0, 0, 0) !important; }

.color--bg--transparent--black--10 {
  background: rgba(0, 0, 0, 0.1) !important; }

.color--bg--transparent--black--20 {
  background: rgba(0, 0, 0, 0.2) !important; }

.color--bg--transparent--black--30 {
  background: rgba(0, 0, 0, 0.3) !important; }

.color--bg--transparent--black--40 {
  background: rgba(0, 0, 0, 0.4) !important; }

.color--bg--transparent--black--50 {
  background: rgba(0, 0, 0, 0.5) !important; }

.color--bg--transparent--black--60 {
  background: rgba(0, 0, 0, 0.6) !important; }

.color--bg--transparent--black--70 {
  background: rgba(0, 0, 0, 0.7) !important; }

.color--bg--transparent--black--80 {
  background: rgba(0, 0, 0, 0.8) !important; }

.color--bg--transparent--black--90 {
  background: rgba(0, 0, 0, 0.9) !important; }

.color--bg--transparent--black--100 {
  background: black !important; }

.color--bg--transparent--white--0 {
  background: rgba(255, 255, 255, 0) !important; }

.color--bg--transparent--white--10 {
  background: rgba(255, 255, 255, 0.1) !important; }

.color--bg--transparent--white--20 {
  background: rgba(255, 255, 255, 0.2) !important; }

.color--bg--transparent--white--30 {
  background: rgba(255, 255, 255, 0.3) !important; }

.color--bg--transparent--white--40 {
  background: rgba(255, 255, 255, 0.4) !important; }

.color--bg--transparent--white--50 {
  background: rgba(255, 255, 255, 0.5) !important; }

.color--bg--transparent--white--60 {
  background: rgba(255, 255, 255, 0.6) !important; }

.color--bg--transparent--white--70 {
  background: rgba(255, 255, 255, 0.7) !important; }

.color--bg--transparent--white--80 {
  background: rgba(255, 255, 255, 0.8) !important; }

.color--bg--transparent--white--90 {
  background: rgba(255, 255, 255, 0.9) !important; }

.color--bg--transparent--white--100 {
  background: white !important; }

.beside--sidebar--right {
  margin-right: 320px; }
  @media screen and (min-width: 1024px) {
    .beside--sidebar--right {
      margin-right: 408px; } }
.no--after::after {
  display: none !important; }

.no--before::before {
  display: none !important; }

.is--long-form-reading {
  margin: 0 auto;
  max-width: 868px; }

/* apply a natural box layout model to all elements, but allowing components to change */
html {
  box-sizing: border-box; }

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

body {
  background: #F1F1F1;
  color: #505050;
  font-size: 16px;
  font-family: "Noto Sans", sans-serif;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased; }

html, body {
  height: 100%; }

ul {
  margin-bottom: 16px; }

dl {
  padding-left: 10em !important;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border: 1px solid #ccc;
  display: inline-block;
  margin-top: 0; }
  dl:after {
    content: "";
    display: table;
    clear: both; }

dt, dd {
  margin-bottom: 0.5em;
  float: left;
  border-top: 1px solid #ccc;
  padding-top: 4px;
  padding-left: 8px;
  padding-right: 8px; }
  dt:last-of-type, dd:last-of-type {
    margin-bottom: 0; }
  dt:first-of-type, dd:first-of-type {
    border-top: none; }

dt {
  font-weight: 700;
  width: 9em;
  margin-left: -10em;
  clear: left; }
  dt:after {
    content: ":"; }

dd {
  margin-left: 0;
  margin-left: -1em;
  clear: right;
  width: 100%; }
  dd i {
    position: relative;
    top: 6px;
    margin-right: 8px; }

.list--small {
  list-style-type: none;
  margin: 0;
  padding: 0; }
  .list--small__title {
    margin: 0;
    padding: 2px 4px;
    margin-bottom: 8px;
    line-height: 1.5;
    background: #F1F1F1;
    border-left: 2px solid #999; }
  .list--small__item:last-child {
    border: none; }
  .list--small__item {
    line-height: initial;
    font-size: 12px;
    margin-bottom: 3px;
    padding-bottom: 3px;
    border-bottom: 1px solid #F1F1F1; }
    .list--small__item i {
      font-size: 14px;
      position: relative;
      top: 2px;
      margin-right: 4px; }

.list--term-and-value {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: 12px; }
  .list--term-and-value .list__term {
    text-transform: uppercase;
    font-weight: bold;
    margin-right: 8px; }
  .list--term-and-value .list__value {
    font-weight: bold; }
  .list--term-and-value__item {
    line-height: initial;
    margin-bottom: 4px;
    letter-spacing: 0px; }

.list--plain {
  list-style-type: none;
  margin: 0;
  padding: 0; }

.list--inline {
  background: #f8f8f8;
  border-radius: 8px;
  padding: 8px; }
  .list--inline li {
    display: inline; }
    .list--inline li span {
      font-style: italic;
      padding: 0 2px;
      font-size: 11px; }

dl.is--form-style {
  border: none !important;
  padding: 0px !important;
  margin: 0 !important; }

dl.is--form-style dt {
  text-transform: uppercase;
  display: block;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  width: 100%; }

dl.is--form-style dd {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  margin-bottom: 16px !important; }

dl.is--form-style dd:last-of-type {
  margin-bottom: 0px !important; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "Noto Sans", sans-serif;
  line-height: 1.4;
  font-weight: 600;
  margin-top: 0; }

h1, .h1 {
  font-size: 32px;
  margin-bottom: 24px; }
  @media screen and (max-width: 768px) {
    h1, .h1 {
      font-size: 24px; } }
h2, .h2 {
  font-size: 24px;
  margin-bottom: 16px; }
  @media screen and (max-width: 768px) {
    h2, .h2 {
      font-size: 18px; } }
h3, .h3 {
  font-size: 18px;
  margin-bottom: 8px; }
  @media screen and (max-width: 768px) {
    h3, .h3 {
      font-size: 16px; } }
h4, .h4 {
  font-size: 16px;
  margin-bottom: 8px; }
  @media screen and (max-width: 768px) {
    h4, .h4 {
      font-size: 15px; } }
h5, .h5 {
  font-size: 14px;
  margin-bottom: 4px; }
  @media screen and (max-width: 768px) {
    h5, .h5 {
      font-size: 14px; } }
h6, .h6 {
  font-size: 12px;
  margin-bottom: 4px; }
  @media screen and (max-width: 768px) {
    h6, .h6 {
      font-size: 12px; } }
p, .p {
  margin-top: 0px;
  margin-bottom: 16px; }

.link {
  color: #cc0000;
  text-decoration: none; }
  .link:hover {
    color: #ffffff;
    text-decoration: initial; }

blockquote {
  border-left: 4px solid #bbb;
  margin: 0;
  margin-bottom: 16px;
  padding: 8px 24px; }

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

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

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

.text--widget {
  font-size: 12px; }

.text--x-small {
  font-size: 10px !important; }

.text--small {
  font-size: 12px !important; }

.text--medium {
  font-size: 14px !important; }

.text--default {
  font-size: 16px !important; }

.text--large {
  font-size: 18px !important; }

.text--invisible {
  font-size: 0 !important; }

.text--help {
  font-size: 12px;
  font-style: italic;
  margin: 0;
  color: #666; }

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

.text--italic {
  text-transform: italic; }

.heading--banner {
  margin: 0;
  background: #e4e4e4;
  position: absolute;
  top: 0;
  left: 0;
  padding: 8px;
  width: 100%;
  color: #505050;
  border-left: 4px solid rgba(0, 0, 0, 0.3);
  text-transform: uppercase;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.heading--underline {
  padding-bottom: 8px;
  border-bottom: 1px solid #ddd; }

.institution__heading {
  position: absolute;
  height: 60px;
  line-height: 60px;
  margin: 0 16px;
  font-size: 18px; }
  @media screen and (max-width: 768px) {
    .institution__heading {
      line-height: 1.7;
      font-size: 12px;
      width: calc(100% - 120px);
      margin: 4px 4px; } }
a {
  color: #232323;
  text-decoration: none; }
  a:hover:not(.is--btn) {
    color: #565656;
    text-decoration: underline; }

a:focus, button:focus {
  outline: 2px solid #000000 !important; }

[class*=grd__col--] {
  padding: 8px; }

.grd {
  display: block; }
  @media screen and (min-width: 769px) {
    .grd {
      display: flex;
      justify-content: space-between; } }
  .grd__col--auto {
    width: 100%; }
    @media screen and (min-width: 769px) {
      .grd__col--auto {
        flex-basis: 0;
        max-width: 100%; } }
  @media screen and (min-width: 769px) {
    .grd__col--1 {
      flex-basis: 8.33333333%;
      max-width: 8.33333333%; } }
  @media screen and (min-width: 769px) {
    .grd__col--2 {
      flex-basis: 16.66666667%;
      max-width: 16.66666667%; } }
  @media screen and (min-width: 769px) {
    .grd__col--3 {
      flex-basis: 25%;
      max-width: 25%; } }
  @media screen and (min-width: 769px) {
    .grd__col--4 {
      flex-basis: 33.33333333%;
      max-width: 33.33333333%; } }
  @media screen and (min-width: 769px) {
    .grd__col--5 {
      flex-basis: 41.66666667%;
      max-width: 41.66666667%; } }
  @media screen and (min-width: 769px) {
    .grd__col--6 {
      flex-basis: 50%;
      max-width: 50%; } }
  @media screen and (min-width: 769px) {
    .grd__col--7 {
      flex-basis: 58.33333333%;
      max-width: 58.33333333%; } }
  @media screen and (min-width: 769px) {
    .grd__col--8 {
      flex-basis: 66.66666667%;
      max-width: 66.66666667%; } }
  @media screen and (min-width: 769px) {
    .grd__col--9 {
      flex-basis: 75%;
      max-width: 75%; } }
  @media screen and (min-width: 769px) {
    .grd__col--10 {
      flex-basis: 83.33333333%;
      max-width: 83.33333333%; } }
  @media screen and (min-width: 769px) {
    .grd__col--11 {
      flex-basis: 91.66666667%;
      max-width: 91.66666667%; } }
  @media screen and (min-width: 769px) {
    .grd__col--12 {
      flex-basis: 100%;
      max-width: 100%; } }
.grd.card-flex {
  display: flex !important; }
  @media screen and (min-width: 500px) and (max-width: 888px) {
    .grd.card-flex .grd__col--auto {
      flex-basis: 50%;
      max-width: 50%; } }
@media screen and (max-width: 768px) {
  .grd > div[class*=" offset--"] {
    margin-left: 0; } }

.offset--1 {
  margin-left: 8.33333333%; }

.offset--2 {
  margin-left: 16.66666667%; }

.offset--3 {
  margin-left: 25%; }

.offset--4 {
  margin-left: 33.33333333%; }

.offset--5 {
  margin-left: 41.66666667%; }

.offset--6 {
  margin-left: 50%; }

.offset--7 {
  margin-left: 58.33333333%; }

.offset--8 {
  margin-left: 66.66666667%; }

.offset--9 {
  margin-left: 75%; }

.offset--10 {
  margin-left: 83.33333333%; }

.offset--11 {
  margin-left: 91.66666667%; }

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

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

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

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

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

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

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

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

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

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

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

.order--last {
  order: 1; }

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

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

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

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

.box--demo {
  background: #000000;
  padding: 8px;
  height: 32px;
  margin: 4px; }

.grid-example {
  margin-bottom: 16px;
  border-radius: 2px;
  color: #444;
  padding: 16px; }

.layout-example {
  min-height: 210px;
  border-radius: 1px;
  padding: 8px;
  text-align: center; }

.grd.align--center * {
  text-align: left; }

.main {
  margin: 60px auto 60px 60px;
  padding: 16px; }
  @media only screen and (max-width: 768px) {
    .main {
      margin: 0px auto 60px auto;
      transition: transform 250ms ease-in-out; } }
.main.is--dashboard {
  margin: 120px auto 60px 60px; }

.main.is--feed {
  margin: 120px auto 60px 0px; }

.main--alt {
  margin: 120px auto 60px 17.1875%;
  margin: 120px auto 60px 240px;
  padding: 0 16px;
  min-height: 100%;
  margin-bottom: -60px;
  transition: all 300ms ease; }
  @media screen and (max-width: 1199px) {
    .main--alt {
      margin: 120px auto 60px auto;
      margin-bottom: -60px;
      padding: 4px; } }
  @media screen and (min-width: 1440px) {
    .main--alt {
      margin: 120px auto 60px 320px; } }
  .main--alt:after {
    content: "";
    display: block; }

.main--alt.is--fullscreen {
  margin: 120px auto 60px 0px;
  margin-bottom: -60px;
  transition: all 300ms ease; }

.footer--bottom, .main--alt:after {
  height: 60px; }

.main--public-profile {
  position: relative;
  z-index: 0; }
  @media screen and (min-width: 768px) {
    .main--public-profile {
      margin-left: 16px;
      margin-right: 16px; } }
  @media screen and (min-width: 1024px) {
    .main--public-profile {
      margin-left: calc(25% + 16px);
      margin-right: 16px; } }
.main--public {
  min-height: 100%;
  margin-bottom: -40px;
  padding-bottom: 120px; }

.main--catalogue.has--results {
  padding-top: 80px; }
  @media screen and (min-width: 1024px) {
    .main--catalogue.has--results {
      padding-top: 170px; } }
.is--my-account .main--alt {
  margin: 120px auto 60px 17.1875%;
  margin: 120px auto 60px 240px;
  padding: 0 16px;
  min-height: 100%;
  transition: all 300ms ease; }

@media screen and (max-width: 1199px) {
  .is--my-account .main--alt {
    margin: 120px auto 60px auto;
    margin-bottom: -60px; } }

@media screen and (min-width: 1440px) {
  .is--my-account .main--alt {
    margin: 120px auto 60px 320px; } }

.is--my-account .main--alt:after {
  content: "";
  display: block; }

.is--my-account .main--alt.is--fullscreen {
  margin: 120px auto 60px 0px;
  transition: all 300ms ease; }

.grd__col--12 .crd, .grd__col--9 .crd, .grd__col--8 .crd, .grd__col--6 .crd, .grd__col--4 .crd, .grd__col--3 .crd {
  display: inline-block;
  margin-bottom: 16px;
  width: calc(100% - 0px);
  min-width: calc(100% - 0px);
  max-width: calc(100% - 0px); }

.crds [class*=grd__col--] {
  padding: 0px; }

@media screen and (min-width: 769px) and (max-width: 1240px) {
  .crds [class*=grd__col--]:first-child {
    padding-right: 8px; } }

@media screen and (min-width: 769px) and (max-width: 1240px) {
  .crds [class*=grd__col--]:last-child {
    padding-left: 8px; } }

.crds .grd__col--12 {
  padding-left: 0px !important;
  padding-right: 0px !important; }

@media screen and (min-width: 769px) {
  .crds .grd__col--6:nth-child(odd) {
    padding-right: 8px; } }

@media screen and (min-width: 769px) {
  .crds .grd__col--6:nth-child(even) {
    padding-left: 8px; } }

@media screen and (min-width: 440px) and (max-width: 768px) {
  .grd__col--6 .crd {
    width: calc(49.5% - 0px);
    min-width: calc(49.5% - 0px);
    max-width: calc(49.5% - 0px); } }

@media screen and (min-width: 1040px) {
  .grd__col--6 .crd {
    width: calc(49.4% - 0px);
    min-width: calc(49.4% - 0px);
    max-width: calc(49.4% - 0px); } }

@media screen and (min-width: 1800px) {
  .grd__col--6 .crd {
    width: calc(32.9% - 0px);
    min-width: calc(32.9% - 0px);
    max-width: calc(32.9% - 0px); } }

@media screen and (min-width: 440px) and (max-width: 909px) {
  .grd__col--12 .crd {
    width: calc(49.4% - 0px);
    min-width: calc(49.4% - 0px);
    max-width: calc(49.4% - 0px); } }

@media screen and (min-width: 910px) {
  .grd__col--12 .crd {
    width: calc(32.9% - 0px);
    min-width: calc(32.9% - 0px);
    max-width: calc(32.9% - 0px); } }

@media screen and (min-width: 1200px) and (max-width: 1499px) {
  .grd__col--12 .crd {
    width: calc(24.6% - 0px);
    min-width: calc(24.6% - 0px);
    max-width: calc(24.6% - 0px); } }

@media screen and (min-width: 1500px) {
  .grd__col--12 .crd {
    width: calc(19.7% - 0px);
    min-width: calc(19.7% - 0px);
    max-width: calc(19.7% - 0px); } }

@media screen and (min-width: 1900px) {
  .grd__col--12 .crd {
    width: calc(19.78% - 0px);
    min-width: calc(19.78% - 0px);
    max-width: calc(19.78% - 0px); } }

@media screen and (min-width: 769px) and (max-width: 1240px) {
  .crds .grd__col--4 {
    flex-basis: 42%;
    max-width: 42%; } }

@media screen and (min-width: 769px) and (max-width: 1240px) {
  .crds .grd__col--8 {
    flex-basis: 58%;
    max-width: 58%; } }

@media screen and (min-width: 1280px) {
  .crds .grd__col--8 {
    padding-right: 16px; } }

@media screen and (min-width: 440px) and (max-width: 768px) {
  .grd__col--4 .crd {
    width: calc(49.5% - 0px);
    min-width: calc(49.5% - 0px);
    max-width: calc(49.5% - 0px); } }

@media screen and (min-width: 769px) {
  .grd__col--4 .crd {
    width: calc(100% - 0px);
    min-width: calc(100% - 0px);
    max-width: calc(100% - 0px); } }

@media screen and (min-width: 1540px) {
  .grd__col--4 .crd {
    width: calc(49.5% - 0px);
    min-width: calc(49.5% - 0px);
    max-width: calc(49.5% - 0px); } }

@media screen and (min-width: 440px) and (max-width: 768px) {
  .grd__col--8 .crd {
    width: calc(49.5% - 0px);
    min-width: calc(49.5% - 0px);
    max-width: calc(49.5% - 0px); } }

@media screen and (min-width: 900px) {
  .grd__col--8 .crd {
    width: calc(49% - 0px);
    min-width: calc(49% - 0px);
    max-width: calc(49% - 0px); } }

@media screen and (min-width: 1440px) {
  .grd__col--8 .crd {
    width: calc(32.9% - 0px);
    min-width: calc(32.9% - 0px);
    max-width: calc(32.9% - 0px); } }

@media screen and (min-width: 769px) and (max-width: 1240px) {
  .crds .grd__col--3 {
    flex-basis: 42%;
    max-width: 42%; } }

@media screen and (min-width: 769px) and (max-width: 1240px) {
  .crds .grd__col--9 {
    flex-basis: 58%;
    max-width: 58%; } }

@media screen and (min-width: 1280px) {
  .crds .grd__col--9 {
    padding-right: 16px; } }

@media screen and (min-width: 440px) and (max-width: 768px) {
  .grd__col--3 .crd {
    width: calc(49.5% - 0px);
    min-width: calc(49.5% - 0px);
    max-width: calc(49.5% - 0px); } }

@media screen and (min-width: 769px) {
  .grd__col--3 .crd {
    width: calc(100% - 0px);
    min-width: calc(100% - 0px);
    max-width: calc(100% - 0px); } }

@media screen and (min-width: 440px) and (max-width: 768px) {
  .grd__col--9 .crd {
    width: calc(49.5% - 0px);
    min-width: calc(49.5% - 0px);
    max-width: calc(49.5% - 0px); } }

@media screen and (min-width: 900px) {
  .grd__col--9 .crd {
    width: calc(49.4% - 0px);
    min-width: calc(49.4% - 0px);
    max-width: calc(49.4% - 0px); } }

@media screen and (min-width: 1280px) {
  .grd__col--9 .crd {
    width: calc(32.9% - 0px);
    min-width: calc(32.9% - 0px);
    max-width: calc(32.9% - 0px); } }

.crd__col--reverse--desktop {
  flex-direction: row-reverse; }
  @media screen and (min-width: 768px) {
    .crd__col--reverse--desktop {
      flex-direction: row-reverse; } }
body.is--article {
  background: #FFFFFF;
  color: rgba(0, 0, 0, 0.75); }

.blog-cards.is--catalogue {
  background: none;
  border-radius: 0px; }
  .blog-cards.is--catalogue .blog-cards__list,
  .blog-cards.is--catalogue .blog-cards__item {
    flex-wrap: wrap;
    justify-content: space-between; }
  .blog-cards.is--catalogue .blog-cards__item {
    margin: 16px auto;
    box-shadow: none;
    border: 4px solid #F1F1F1; }

.dashboard-header.is--blog-cards::after {
  z-index: 0;
  background-image: radial-gradient(50% 150%, #434343 50%, #303030 100%) !important; }

.blog-cards {
  display: flex;
  justify-content: flex-start;
  overflow-x: auto;
  padding: 16px;
  background: #E1E1E1;
  border-radius: 2px; }
  .blog-cards__list {
    display: flex; }
  .blog-cards__item {
    width: 228px;
    max-width: 228px;
    height: 243px;
    max-height: 243px;
    background: #FFFFFF;
    box-shadow: 0 16px 32px -16px rgba(0, 0, 0, 0.5);
    margin-right: 24px; }
    .blog-cards__item-banner {
      height: 124px;
      background: #8E8E8E;
      position: relative;
      overflow: hidden; }
      .blog-cards__item-banner, .blog-cards__item-banner__img {
        width: 100%; }
      .blog-cards__item-banner::after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.33); }
    .blog-cards__item-content {
      padding: 8px;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: space-between; }
      .blog-cards__item-content * {
        margin-bottom: 4px;
        font-size: 12px; }
    .blog-cards__item-filters {
      position: absolute;
      right: 8px;
      bottom: 8px;
      left: 8px;
      z-index: 10; }
      .blog-cards__item-filters__item-btn {
        margin-right: 4px; }

.blog-cards__item {
  min-width: 238px; }

.blog-cards__item-content > * {
  max-width: 100%; }

.blog-article {
  background: #FFFFFF;
  padding: 24px 16px;
  font-size: 20px;
  line-height: 1.66;
  transform: translatey(128px);
  opacity: 0;
  transition: all 600ms; }
  .blog-article.is--scroll {
    transform: translatey(-112px);
    opacity: 1;
    transition: all 2000ms; }
  .blog-article__hero {
    height: calc(100vh - 72px);
    opacity: 1;
    transition: all 400ms ease-out;
    justify-content: center;
    background-size: cover !important; }
    .blog-article__hero::after {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background-image: radial-gradient(50% 150%, #434343 50%, #303030 100%);
      z-index: 1;
      opacity: 0.7; }
    .blog-article__hero.is--scroll {
      opacity: 0;
      transition: all 1000ms ease-out; }
    .blog-article__hero__title {
      z-index: 2;
      transform: scale(1);
      opacity: 1;
      max-width: 900px;
      transition: all 400ms ease; }
      .blog-article__hero__title.is--scroll {
        transform: scale(1.5);
        opacity: 0;
        transition: all 1000ms ease; }
  .blog-article__title-group, .blog-article__body-group {
    max-width: 700px;
    margin: 0 auto; }
  .blog-article__img-group {
    max-width: 800px;
    margin: 0 auto; }
  .blog-article__title {
    font-size: 24px; }
    @media screen and (min-width: 768px) {
      .blog-article__title {
        font-size: 48px; } }
    .blog-article__title__logo {
      max-height: 48px; }
  .blog-article p {
    margin-bottom: 40px; }

.blog-article .blog-article__body-group p span {
  font-size: inherit !important;
  color: inherit !important;
  line-height: inherit !important; }

.breadcrumbs {
  min-height: 44px; }
  .breadcrumbs__link {
    color: #cc0000;
    text-decoration: none;
    display: inline-block;
    line-height: 44px;
    height: 44px;
    font-size: 12px;
    vertical-align: top; }
    .breadcrumbs__link:after {
      content: '→';
      padding: 0 0.25em 0 0.5em;
      color: #999; }
    .breadcrumbs__link i {
      line-height: 44px;
      font-size: 14px; }
  .breadcrumbs__link.active {
    pointer-events: none;
    color: #777;
    font-style: italic; }
    .breadcrumbs__link.active:after {
      content: ' '; }

button, input[type='submit'], input[type="reset"],
input[type="button"] {
  text-decoration: none;
  outline: none;
  border: none;
  cursor: pointer;
  font-size: 14px;
  color: #666;
  font-weight: 600;
  font-family: "Noto Sans", sans-serif; }

a.is--btn {
  text-decoration: none;
  outline: none;
  border: none;
  cursor: pointer;
  font-weight: 600; }
  a.is--btn:hover {
    text-decoration: none !important; }

button i {
  pointer-events: none; }

.btn {
  box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.4);
  border-radius: 2px; }
  .btn--default {
    background-color: #000000;
    color: rgba(255, 255, 255, 0.88); }
    .btn--default:hover {
      background-color: black; }
    .btn--default:focus {
      background-color: black; }
    .btn--default.is--selected {
      background-color: black;
      color: rgba(255, 255, 255, 0.88);
      box-shadow: 0px 12px 14px -6px rgba(0, 0, 0, 0.3);
      position: relative; }
  .btn--default.outline {
    background: none;
    color: #000000;
    border: 1px solid #000000;
    box-shadow: none !important; }
    .btn--default.outline:hover {
      background-color: #000000;
      color: rgba(255, 255, 255, 0.88); }
    .btn--default.outline:focus {
      background-color: #000000;
      color: rgba(255, 255, 255, 0.88); }
    .btn--default.outline.is--selected {
      background-color: #000000;
      color: rgba(255, 255, 255, 0.88);
      box-shadow: 0px 12px 14px -6px rgba(0, 0, 0, 0.3);
      position: relative; }
  .btn--default.plain {
    background: none;
    color: #000000;
    border: none;
    box-shadow: none !important; }
    .btn--default.plain:hover {
      background-color: #000000;
      color: rgba(255, 255, 255, 0.88); }
    .btn--default.plain:focus {
      background-color: #000000;
      color: rgba(255, 255, 255, 0.88); }
    .btn--default.plain.is--selected {
      background-color: #000000;
      color: rgba(255, 255, 255, 0.88);
      box-shadow: 0px 12px 14px -6px rgba(0, 0, 0, 0.3);
      position: relative; }
  .btn--white {
    background-color: #FFFFFF;
    color: rgba(0, 0, 0, 0.66); }
    .btn--white:hover {
      background-color: #e6e6e6;
      color: rgba(0, 0, 0, 0.66); }
    .btn--white:focus {
      background-color: #cccccc;
      color: rgba(0, 0, 0, 0.66); }
    .btn--white.is--selected {
      background-color: #b3b3b3;
      color: rgba(0, 0, 0, 0.66);
      box-shadow: 0px 12px 14px -6px rgba(0, 0, 0, 0.3);
      position: relative; }
  .btn--white.outline {
    background: none;
    border: 1px solid #FFFFFF;
    box-shadow: none !important;
    color: #FFFFFF; }
    .btn--white.outline:hover {
      background-color: #FFFFFF;
      color: rgba(0, 0, 0, 0.66); }
    .btn--white.outline:focus {
      background-color: #FFFFFF;
      color: rgba(0, 0, 0, 0.66); }
    .btn--white.outline.is--selected {
      background-color: #FFFFFF;
      color: rgba(0, 0, 0, 0.66);
      box-shadow: 0px 12px 14px -6px rgba(0, 0, 0, 0.3);
      position: relative; }
  .btn--white.plain {
    background: none;
    border: none;
    box-shadow: none !important;
    color: #FFFFFF; }
    .btn--white.plain:hover {
      background-color: #FFFFFF;
      color: rgba(0, 0, 0, 0.66); }
    .btn--white.plain:focus {
      background-color: #FFFFFF;
      color: rgba(0, 0, 0, 0.66); }
    .btn--white.plain.is--selected {
      background-color: #FFFFFF;
      color: rgba(0, 0, 0, 0.66);
      box-shadow: 0px 12px 14px -6px rgba(0, 0, 0, 0.3);
      position: relative; }
  .btn--success {
    background-color: #cc0000;
    color: rgba(255, 255, 255, 0.88); }
    .btn--success:hover {
      background-color: #990000; }
    .btn--success:focus {
      background-color: #660000; }
    .btn--success.is--selected {
      background-color: #660000;
      color: rgba(255, 255, 255, 0.88);
      box-shadow: 0px 12px 14px -6px rgba(0, 0, 0, 0.3);
      position: relative; }
  .btn--success.outline {
    background: none;
    color: #cc0000;
    border: 1px solid #cc0000;
    box-shadow: none !important; }
    .btn--success.outline:hover {
      background-color: #cc0000;
      color: rgba(255, 255, 255, 0.88); }
    .btn--success.outline:focus {
      background-color: #cc0000;
      color: rgba(255, 255, 255, 0.88); }
    .btn--success.outline.is--selected {
      background-color: #cc0000;
      color: rgba(255, 255, 255, 0.88);
      box-shadow: 0px 12px 14px -6px rgba(0, 0, 0, 0.3);
      position: relative; }
  .btn--success.plain {
    background: none;
    color: #cc0000;
    border: none;
    box-shadow: none !important; }
    .btn--success.plain:hover {
      background-color: #cc0000;
      color: rgba(255, 255, 255, 0.88); }
    .btn--success.plain:focus {
      background-color: #cc0000;
      color: rgba(255, 255, 255, 0.88); }
    .btn--success.plain.is--selected {
      background-color: #cc0000;
      color: rgba(255, 255, 255, 0.88);
      box-shadow: 0px 12px 14px -6px rgba(0, 0, 0, 0.3);
      position: relative; }
  .btn--black {
    background-color: #111;
    color: rgba(255, 255, 255, 0.88); }
    .btn--black:hover {
      background-color: black; }
    .btn--black:focus {
      background-color: black; }
    .btn--black.is--selected {
      background-color: black;
      color: rgba(255, 255, 255, 0.88);
      box-shadow: 0px 12px 14px -6px rgba(0, 0, 0, 0.3);
      position: relative; }
  .btn--black.outline {
    background: none;
    color: #111;
    border: 1px solid #111;
    box-shadow: none !important; }
    .btn--black.outline:hover {
      background-color: #111;
      color: rgba(255, 255, 255, 0.88); }
    .btn--black.outline:focus {
      background-color: #111;
      color: rgba(255, 255, 255, 0.88); }
    .btn--black.outline.is--selected {
      background-color: #111;
      color: rgba(255, 255, 255, 0.88);
      box-shadow: 0px 12px 14px -6px rgba(0, 0, 0, 0.3);
      position: relative; }
  .btn--black.plain {
    background: none;
    color: #111;
    border: none;
    box-shadow: none !important; }
    .btn--black.plain:hover {
      background-color: #111;
      color: rgba(255, 255, 255, 0.88); }
    .btn--black.plain:focus {
      background-color: #111;
      color: rgba(255, 255, 255, 0.88); }
    .btn--black.plain.is--selected {
      background-color: #111;
      color: rgba(255, 255, 255, 0.88);
      box-shadow: 0px 12px 14px -6px rgba(0, 0, 0, 0.3);
      position: relative; }
  .btn--warning {
    background-color: #FF9000;
    color: rgba(0, 0, 0, 0.66); }
    .btn--warning:hover {
      background-color: #cc7300; }
    .btn--warning:focus {
      background-color: #995600; }
    .btn--warning.is--selected {
      background-color: #995600;
      color: rgba(0, 0, 0, 0.66);
      box-shadow: 0px 12px 14px -6px rgba(0, 0, 0, 0.3);
      position: relative; }
  .btn--warning.outline {
    background: none;
    color: #FF9000;
    border: 1px solid #FF9000;
    box-shadow: none !important; }
    .btn--warning.outline:hover {
      background-color: #FF9000;
      color: rgba(0, 0, 0, 0.66); }
    .btn--warning.outline:focus {
      background-color: #FF9000;
      color: rgba(0, 0, 0, 0.66); }
    .btn--warning.outline.is--selected {
      background-color: #FF9000;
      color: rgba(0, 0, 0, 0.66);
      box-shadow: 0px 12px 14px -6px rgba(0, 0, 0, 0.3);
      position: relative; }
  .btn--warning.plain {
    background: none;
    color: #FF9000;
    border: none;
    box-shadow: none !important; }
    .btn--warning.plain:hover {
      background-color: #FF9000;
      color: rgba(0, 0, 0, 0.66); }
    .btn--warning.plain:focus {
      background-color: #FF9000;
      color: rgba(0, 0, 0, 0.66); }
    .btn--warning.plain.is--selected {
      background-color: #FF9000;
      color: rgba(0, 0, 0, 0.66);
      box-shadow: 0px 12px 14px -6px rgba(0, 0, 0, 0.3);
      position: relative; }
  .btn--disabled {
    background-color: #D8D8D8;
    color: rgba(0, 0, 0, 0.66);
    cursor: not-allowed; }
  .btn--disabled.outline {
    background: none;
    border: 1px solid #D8D8D8;
    color: rgba(0, 0, 0, 0.66);
    cursor: not-allowed;
    box-shadow: none !important; }
  .btn--disabled.plain {
    background: none;
    border: none !important;
    color: rgba(0, 0, 0, 0.66);
    cursor: not-allowed;
    box-shadow: none; }
  .btn--error {
    background-color: #ED4747;
    color: rgba(0, 0, 0, 0.66); }
    .btn--error:hover {
      background-color: #e81919; }
    .btn--error:focus {
      background-color: #bc1212; }
    .btn--error.is--selected {
      background-color: #bc1212;
      color: rgba(0, 0, 0, 0.66);
      box-shadow: 0px 12px 14px -6px rgba(0, 0, 0, 0.3);
      position: relative; }
  .btn--error.outline {
    background: none;
    color: #ED4747;
    border: 1px solid #ED4747;
    box-shadow: none !important; }
    .btn--error.outline:hover {
      background-color: #ED4747;
      color: rgba(0, 0, 0, 0.66); }
    .btn--error.outline:focus {
      background-color: #ED4747;
      color: rgba(0, 0, 0, 0.66); }
    .btn--error.outline.is--selected {
      background-color: #ED4747;
      color: rgba(0, 0, 0, 0.66);
      box-shadow: 0px 12px 14px -6px rgba(0, 0, 0, 0.3);
      position: relative; }
  .btn--error.plain {
    background: none;
    color: #ED4747;
    border: none;
    box-shadow: none !important; }
    .btn--error.plain:hover {
      background-color: #ED4747;
      color: rgba(0, 0, 0, 0.66); }
    .btn--error.plain:focus {
      background-color: #ED4747;
      color: rgba(0, 0, 0, 0.66); }
    .btn--error.plain.is--selected {
      background-color: #ED4747;
      color: rgba(0, 0, 0, 0.66);
      box-shadow: 0px 12px 14px -6px rgba(0, 0, 0, 0.3);
      position: relative; }
  .btn--info {
    background-color: #D8D8D8;
    color: rgba(0, 0, 0, 0.66); }
    .btn--info:hover {
      background-color: #bfbfbf;
      color: rgba(0, 0, 0, 0.66); }
    .btn--info:focus {
      background-color: #a5a5a5;
      color: rgba(0, 0, 0, 0.66); }
    .btn--info.is--selected {
      background-color: #a5a5a5;
      color: rgba(0, 0, 0, 0.66);
      box-shadow: 0px 12px 14px -6px rgba(0, 0, 0, 0.3);
      position: relative; }
  .btn--info.outline {
    background: none;
    border: 1px solid rgba(0, 0, 0, 0.66);
    box-shadow: none !important;
    color: rgba(0, 0, 0, 0.66); }
    .btn--info.outline:hover {
      background-color: #D8D8D8;
      color: rgba(0, 0, 0, 0.66); }
    .btn--info.outline:focus {
      background-color: #D8D8D8;
      color: rgba(0, 0, 0, 0.66); }
    .btn--info.outline.is--selected {
      background-color: #D8D8D8;
      color: rgba(0, 0, 0, 0.66);
      box-shadow: 0px 12px 14px -6px rgba(0, 0, 0, 0.3);
      position: relative; }
  .btn--info.plain {
    background: none;
    border: none;
    box-shadow: none !important;
    color: rgba(0, 0, 0, 0.66); }
    .btn--info.plain:hover {
      background-color: #D8D8D8;
      color: rgba(0, 0, 0, 0.66); }
    .btn--info.plain:focus {
      background-color: #D8D8D8;
      color: rgba(0, 0, 0, 0.66); }
    .btn--info.plain.is--selected {
      background-color: #D8D8D8;
      color: rgba(0, 0, 0, 0.66);
      box-shadow: 0px 12px 14px -6px rgba(0, 0, 0, 0.3);
      position: relative; }

.btn {
  text-decoration: none;
  border: none;
  outline: none; }

button.is--selected, a.is--btn.is--selected {
  background: #cc0000 !important;
  color: rgba(255, 255, 255, 0.88) !important; }
  button.is--selected:after, a.is--btn.is--selected:after {
    font-family: 'Material Icons';
    content: '\e5ca';
    display: block;
    position: absolute; }

[class^='btn__hero'], .is--btn[class^='btn__hero'] {
  font-size: 16px;
  padding: 16px 40px;
  border-radius: 2px; }
  [class^='btn__hero'] .material-icons, .is--btn[class^='btn__hero'] .material-icons {
    font-size: 24px;
    line-height: 1; }
  .is--selected[class^='btn__hero'], .is--btn.is--selected[class^='btn__hero'] {
    text-indent: 8px; }
    .is--selected[class^='btn__hero']:after, .is--btn.is--selected[class^='btn__hero']:after {
      left: 12px;
      top: 12px;
      padding: 4px; }

[class^='btn__default'], .is--btn[class^='btn__default'] {
  font-size: 12px;
  padding: 8px 16px;
  border-radius: 2px; }
  [class^='btn__default'] .material-icons, .is--btn[class^='btn__default'] .material-icons {
    font-size: 18px;
    line-height: 1; }
  .is--selected[class^='btn__default'], .is--btn.is--selected[class^='btn__default'] {
    text-indent: 8px; }
    .is--selected[class^='btn__default']:after, .is--btn.is--selected[class^='btn__default']:after {
      left: 0px;
      top: 4px;
      padding: 4px 4px 4px 2px; }

[class^='btn__small'], .is--btn[class^='btn__small'] {
  font-size: 10px;
  padding: 4px 8px;
  border-radius: 2px; }
  [class^='btn__small'] .material-icons, .is--btn[class^='btn__small'] .material-icons {
    font-size: 14px;
    line-height: 1; }
  .is--selected[class^='btn__small'], .is--btn.is--selected[class^='btn__small'] {
    text-indent: 12px; }
    .is--selected[class^='btn__small']:after, .is--btn.is--selected[class^='btn__small']:after {
      left: -4px;
      top: 0px;
      padding: 4px 4px 4px 0px; }

.btn--pair {
  width: 49%; }

.btn--pair:first-of-type {
  margin-right: 2%; }

.pill[class^='btn__hero'] {
  border-radius: 24px; }

.pill[class^='btn__default'] {
  border-radius: 16px; }

.pill[class^='btn__small'] {
  border-radius: 11px; }

button.js--btn--close__card--fullscreen {
  position: absolute;
  right: 16px;
  top: 16px;
  background: none;
  border: none;
  color: #666;
  cursor: pointer; }
  button.js--btn--close__card--fullscreen i {
    font-size: 48px; }

.header-nav .header-nav__button:nth-child(1) {
  color: red; }

.btn--search--header {
  position: absolute;
  right: 120px;
  top: 0px;
  height: 60px;
  width: 60px;
  font-size: 24px;
  color: #FFFFFF;
  box-shadow: none;
  border-radius: 0px;
  background: none; }
  .btn--search--header:hover {
    background: rgba(0, 0, 0, 0.6);
    color: #FFFFFF; }
  .btn--search--header:focus {
    background: #000000 #000000;
    color: #FFFFFF; }
  @media only screen and (max-width: 768px) {
    .btn--search--header {
      position: fixed;
      top: initial;
      background: #444;
      bottom: 0;
      right: 49.999999999998%;
      border-radius: 0px;
      width: 16.666666666666%;
      z-index: 5;
      height: 44px; } }
.btn--user {
  position: absolute;
  right: 0px;
  top: 0px;
  height: 60px;
  width: 60px;
  font-size: 24px;
  color: #FFFFFF;
  background: none;
  box-shadow: none;
  border-radius: 0px; }
  .btn--user:hover {
    background: rgba(0, 0, 0, 0.6);
    color: #FFFFFF; }
  .btn--user:focus {
    background: #000000 #000000;
    color: #FFFFFF; }
  @media only screen and (max-width: 768px) {
    .btn--user {
      position: fixed;
      top: initial;
      background: #444;
      bottom: 0;
      right: 16.666666666666%;
      border-radius: 0px;
      width: 16.666666666666%;
      z-index: 5;
      height: 44px; }
      .btn--user i {
        line-height: 44px; } }
.btn--recent {
  position: absolute;
  right: 60px;
  top: 0px;
  height: 60px;
  width: 60px;
  font-size: 24px;
  color: #FFFFFF;
  background: none;
  box-shadow: none;
  border-radius: 0px; }
  .btn--recent i {
    transform: scale(1);
    transition: transform 300ms ease-out; }
  .btn--recent:hover {
    background: rgba(0, 0, 0, 0.6);
    color: #FFFFFF; }
  .btn--recent:focus {
    background: #000000 #000000;
    color: #FFFFFF; }
  @media only screen and (max-width: 768px) {
    .btn--recent {
      position: fixed;
      top: initial;
      background: #444;
      bottom: 0;
      right: 33.333333333332%;
      border-radius: 0px;
      width: 16.666666666666%;
      z-index: 5;
      height: 44px; } }
@media only screen and (max-width: 768px) {
  .btn--menu--circular.always--circular {
    border-radius: 50%;
    width: 60px;
    height: 60px;
    bottom: 16px;
    right: 16px;
    box-shadow: -5px -4px 15px 0px rgba(0, 0, 0, 0.1); } }

.btn--menu--circular {
  border-radius: 50%;
  width: 60px;
  height: 60px;
  position: fixed;
  bottom: 24px;
  right: 24px;
  background: #cc0000;
  color: #FFFFFF;
  font-size: 24px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
  z-index: 5; }
  @media only screen and (max-width: 768px) {
    .btn--menu--circular {
      bottom: 0;
      right: 0;
      border-radius: 0px;
      width: 16.666666666666%;
      z-index: 5;
      height: 60px;
      width: 60px; } }
  .btn--menu--circular i {
    line-height: 60px; }

.btn--menu--circular:hover {
  background: #ffffff;
  transition: all 200ms ease; }

.btn--menu--circular i {
  transform: rotate(0deg);
  transition: all 200ms ease;
  pointer-events: none; }

.btn--menu--circular:hover i {
  transform: rotate(180deg);
  transition: all 200ms ease; }

@media screen and (max-width: 767px) {
  .btn-row.is--expanded {
    max-height: 666px;
    overflow: initial;
    transition: max-height 600ms ease-in; } }

.btn-row {
  position: relative;
  transition: max-height 300ms ease-out; }
  @media screen and (max-width: 767px) {
    .btn-row {
      background: #FFFFFF;
      padding: 16px;
      box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
      border-radius: 2px;
      max-height: 44px;
      overflow: hidden; } }
  .btn-row__title {
    margin: 0;
    margin-bottom: 24px;
    position: relative;
    top: -4px; }
    @media screen and (min-width: 768px) {
      .btn-row__title {
        display: none; } }
  .btn-row__btn--close {
    position: absolute;
    top: 5px;
    right: 12px;
    padding: 0;
    width: 34px !important;
    height: 34px;
    line-height: 0;
    background: none; }
    @media screen and (min-width: 768px) {
      .btn-row__btn--close {
        display: none; } }
  @media screen and (max-width: 767px) {
    .btn-row button {
      width: 100%; } }
  .btn-row [class^="btn__"]:nth-child(3) {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px; }
  .btn-row [class^="btn__"]:last-child {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-right: none; }
  .btn-row [class^="btn__"] {
    margin: 0;
    display: block;
    float: left;
    border-radius: 0px;
    border-right: 1px solid rgba(0, 0, 0, 0.15);
    box-shadow: none; }
    @media screen and (max-width: 767px) {
      .btn-row [class^="btn__"] {
        display: block;
        float: none;
        border-right: none;
        border-radius: 2px;
        margin-bottom: 4px; } }
  .btn-row .outline[class^="btn__"] {
    border: none;
    border-right: 1px solid rgba(0, 0, 0, 0.15);
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    border-bottom: 1px solid rgba(0, 0, 0, 0.15); }
    @media screen and (max-width: 767px) {
      .btn-row .outline[class^="btn__"] {
        border: 1px solid rgba(0, 0, 0, 0.15); } }
  .btn-row .outline[class^="btn__"]:nth-child(3) {
    border-left: 1px solid rgba(0, 0, 0, 0.15); }
  .btn-row .outline[class^="btn__"]:last-child {
    border-right: 1px solid rgba(0, 0, 0, 0.15); }
  .btn-row .plain[class^="btn__"] {
    border: none;
    border-radius: 2px; }
  .btn-row .plain[class^="btn__"]:nth-child(3) {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-radius: 2px; }
  .btn-row .plain[class^="btn__"]:last-child {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-radius: 2px; }
  .btn-row .drop-down {
    float: left; }
    @media screen and (max-width: 767px) {
      .btn-row .drop-down {
        float: none;
        margin-bottom: 3px;
        display: block; } }
    .btn-row .drop-down [class^="btn__"] {
      margin: 0;
      display: block;
      float: left;
      border-radius: 0px;
      border-right: 1px solid rgba(0, 0, 0, 0.15);
      box-shadow: none; }
      @media screen and (max-width: 767px) {
        .btn-row .drop-down [class^="btn__"] {
          border-right: none;
          border-radius: 2px; } }
    .btn-row .drop-down .outline[class^="btn__"] {
      border: none;
      border-right: 1px solid rgba(0, 0, 0, 0.15);
      border-top: 1px solid rgba(0, 0, 0, 0.15);
      border-bottom: 1px solid rgba(0, 0, 0, 0.15); }
      @media screen and (max-width: 767px) {
        .btn-row .drop-down .outline[class^="btn__"] {
          border-left: 1px solid rgba(0, 0, 0, 0.15);
          border-radius: 2px; } }
    .btn-row .drop-down .plain[class^="btn__"] {
      border: none;
      border-radius: 2px; }
  .btn-row .drop-down:nth-child(3) [class^="btn__"] {
    margin: 0;
    display: block;
    float: left;
    border-radius: 0px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    border-right: 1px solid rgba(0, 0, 0, 0.15);
    box-shadow: none; }
    @media screen and (max-width: 767px) {
      .btn-row .drop-down:nth-child(3) [class^="btn__"] {
        border-right: none;
        border-radius: 2px; } }
  .btn-row .drop-down:nth-child(3) .outline[class^="btn__"] {
    border: none;
    border-right: 1px solid rgba(0, 0, 0, 0.15);
    border-left: 1px solid rgba(0, 0, 0, 0.15);
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    border-bottom: 1px solid rgba(0, 0, 0, 0.15); }
    @media screen and (max-width: 767px) {
      .btn-row .drop-down:nth-child(3) .outline[class^="btn__"] {
        border-radius: 2px; } }
  .btn-row .drop-down:nth-child(3) .plain[class^="btn__"] {
    border: none;
    border-radius: 2px; }
  .btn-row .drop-down:last-child [class^="btn__"] {
    margin: 0;
    display: block;
    float: left;
    border-radius: 0px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-right: none;
    box-shadow: none; }
    @media screen and (max-width: 767px) {
      .btn-row .drop-down:last-child [class^="btn__"] {
        border-right: none;
        border-radius: 2px; } }
  .btn-row .drop-down:last-child .outline[class^="btn__"] {
    border: none;
    border-right: 1px solid rgba(0, 0, 0, 0.15);
    border-left: none;
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    border-bottom: 1px solid rgba(0, 0, 0, 0.15); }
    @media screen and (max-width: 767px) {
      .btn-row .drop-down:last-child .outline[class^="btn__"] {
        border-left: 1px solid rgba(0, 0, 0, 0.15);
        border-radius: 2px; } }
  .btn-row .drop-down:last-child .plain[class^="btn__"] {
    border: none;
    border-radius: 2px; }

/* MATERIAL DESIGN RIPPLE */
.ripple-wrapper {
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.4);
  border-radius: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0); }

.ripple-wrapper.animated {
  animation: ripple 0.4s linear;
  -webkit-animation: ripple 0.4s linear;
  -moz-animation: ripple 0.4s linear;
  -o-animation: ripple 0.4s linear; }

.has-ripple {
  overflow: hidden;
  position: relative;
  user-select: none;
  outline: none; }

@keyframes ripple {
  100% {
    -webkit-transform: scale(2.5);
    -ms-transform: scale(2.5);
    -o-transform: scale(2.5);
    transform: scale(2.5);
    opacity: 0; } }

@-webkit-keyframes ripple {
  100% {
    -webkit-transform: scale(2.5);
    -ms-transform: scale(2.5);
    -o-transform: scale(2.5);
    transform: scale(2.5);
    opacity: 0; } }

@-o-keyframes ripple {
  100% {
    -webkit-transform: scale(2.5);
    -ms-transform: scale(2.5);
    -o-transform: scale(2.5);
    transform: scale(2.5);
    opacity: 0; } }

@-moz-keyframes ripple {
  100% {
    -webkit-transform: scale(2.5);
    -ms-transform: scale(2.5);
    -o-transform: scale(2.5);
    transform: scale(2.5);
    opacity: 0; } }

.btn__small.btn--square-icon {
  padding: 2px 4px; }
  .btn__small.btn--square-icon i.material-icons {
    line-height: 1rem !important; }

.btn__default.btn--square-icon {
  padding: 4px 8px; }
  .btn__default.btn--square-icon i.material-icons {
    line-height: 1rem !important; }

.btn__hero.btn--square-icon {
  padding: 8px 16px; }
  .btn__hero.btn--square-icon i.material-icons {
    line-height: 1rem !important; }

button.button--diet {
  background: none !important;
  padding: 0 !important;
  box-shadow: none !important;
  border: none !important; }

.in--motion {
  animation: spinningIconInBtn 1600ms linear infinite; }

@keyframes spinningIconInBtn {
  0% {
    transform: rotate(0deg) scale(1); }
  25% {
    transform: rotate(90deg) scale(0.95); }
  50% {
    transform: rotate(180deg) scale(0.9); }
  75% {
    transform: rotate(270deg) scale(0.95); }
  100% {
    transform: rotate(360deg) scale(1); } }

.btn--v2 {
  display: flex;
  justify-content: center;
  align-items: center; }
  .btn--v2.btn-white {
    background: #FFFFFF;
    color: #000; }
    .btn--v2.btn-white:hover, .btn--v2.btn-white:focus {
      background: #e6e6e6;
      color: rgba(0, 0, 0, 0.66); }
    .btn--v2.btn-white:focus, .btn--v2.btn-white.outline {
      border-style: solid;
      outline: none !important; }
    .btn--v2.btn-white:focus {
      border-color: #222; }
    .btn--v2.btn-white.outline, .btn--v2.btn-white.plain {
      background: transparent;
      color: #FFFFFF; }
      .btn--v2.btn-white.outline:hover, .btn--v2.btn-white.outline:focus, .btn--v2.btn-white.plain:hover, .btn--v2.btn-white.plain:focus {
        color: rgba(0, 0, 0, 0.66); }
      .btn--v2.btn-white.outline:hover, .btn--v2.btn-white.plain:hover {
        background: #FFFFFF; }
      .btn--v2.btn-white.outline:focus, .btn--v2.btn-white.plain:focus {
        background: #e6e6e6; }
  .btn--v2.btn-black {
    background: #000;
    color: white; }
    .btn--v2.btn-black:hover, .btn--v2.btn-black:focus {
      background: black;
      color: rgba(255, 255, 255, 0.88); }
    .btn--v2.btn-black:focus, .btn--v2.btn-black.outline {
      border-style: solid;
      outline: none !important; }
    .btn--v2.btn-black:focus {
      border-color: #888; }
    .btn--v2.btn-black.outline, .btn--v2.btn-black.plain {
      background: transparent;
      color: #000; }
      .btn--v2.btn-black.outline:hover, .btn--v2.btn-black.outline:focus, .btn--v2.btn-black.plain:hover, .btn--v2.btn-black.plain:focus {
        color: rgba(255, 255, 255, 0.88); }
      .btn--v2.btn-black.outline:hover, .btn--v2.btn-black.plain:hover {
        background: #000; }
      .btn--v2.btn-black.outline:focus, .btn--v2.btn-black.plain:focus {
        background: black; }
  .btn--v2.btn-default {
    background: #000000;
    color: white; }
    .btn--v2.btn-default:hover, .btn--v2.btn-default:focus {
      background: black;
      color: rgba(255, 255, 255, 0.88); }
    .btn--v2.btn-default:focus, .btn--v2.btn-default.outline {
      border-style: solid;
      outline: none !important; }
    .btn--v2.btn-default:focus {
      border-color: #222; }
    .btn--v2.btn-default.outline, .btn--v2.btn-default.plain {
      background: transparent;
      color: #000000; }
      .btn--v2.btn-default.outline:hover, .btn--v2.btn-default.outline:focus, .btn--v2.btn-default.plain:hover, .btn--v2.btn-default.plain:focus {
        color: rgba(255, 255, 255, 0.88); }
      .btn--v2.btn-default.outline:hover, .btn--v2.btn-default.plain:hover {
        background: #000000; }
      .btn--v2.btn-default.outline:focus, .btn--v2.btn-default.plain:focus {
        background: black; }
  .btn--v2.btn-success {
    background: #cc0000;
    color: black; }
    .btn--v2.btn-success:hover, .btn--v2.btn-success:focus {
      background: #990000;
      color: rgba(255, 255, 255, 0.88); }
    .btn--v2.btn-success:focus, .btn--v2.btn-success.outline {
      border-style: solid;
      outline: none !important; }
    .btn--v2.btn-success:focus {
      border-color: #222; }
    .btn--v2.btn-success.outline, .btn--v2.btn-success.plain {
      background: transparent;
      color: #cc0000; }
      .btn--v2.btn-success.outline:hover, .btn--v2.btn-success.outline:focus, .btn--v2.btn-success.plain:hover, .btn--v2.btn-success.plain:focus {
        color: rgba(255, 255, 255, 0.88); }
      .btn--v2.btn-success.outline:hover, .btn--v2.btn-success.plain:hover {
        background: #cc0000; }
      .btn--v2.btn-success.outline:focus, .btn--v2.btn-success.plain:focus {
        background: #990000; }
  .btn--v2.btn-info {
    background: #D8D8D8;
    color: black; }
    .btn--v2.btn-info:hover, .btn--v2.btn-info:focus {
      background: #bfbfbf;
      color: rgba(0, 0, 0, 0.66); }
    .btn--v2.btn-info:focus, .btn--v2.btn-info.outline {
      border-style: solid;
      outline: none !important; }
    .btn--v2.btn-info:focus {
      border-color: #222; }
    .btn--v2.btn-info.outline, .btn--v2.btn-info.plain {
      background: transparent;
      color: #D8D8D8; }
      .btn--v2.btn-info.outline:hover, .btn--v2.btn-info.outline:focus, .btn--v2.btn-info.plain:hover, .btn--v2.btn-info.plain:focus {
        color: rgba(0, 0, 0, 0.66); }
      .btn--v2.btn-info.outline:hover, .btn--v2.btn-info.plain:hover {
        background: #D8D8D8; }
      .btn--v2.btn-info.outline:focus, .btn--v2.btn-info.plain:focus {
        background: #bfbfbf; }
  .btn--v2.btn-warning {
    background: #FF9000;
    color: black; }
    .btn--v2.btn-warning:hover, .btn--v2.btn-warning:focus {
      background: #cc7300;
      color: rgba(0, 0, 0, 0.66); }
    .btn--v2.btn-warning:focus, .btn--v2.btn-warning.outline {
      border-style: solid;
      outline: none !important; }
    .btn--v2.btn-warning:focus {
      border-color: #222; }
    .btn--v2.btn-warning.outline, .btn--v2.btn-warning.plain {
      background: transparent;
      color: #FF9000; }
      .btn--v2.btn-warning.outline:hover, .btn--v2.btn-warning.outline:focus, .btn--v2.btn-warning.plain:hover, .btn--v2.btn-warning.plain:focus {
        color: rgba(0, 0, 0, 0.66); }
      .btn--v2.btn-warning.outline:hover, .btn--v2.btn-warning.plain:hover {
        background: #FF9000; }
      .btn--v2.btn-warning.outline:focus, .btn--v2.btn-warning.plain:focus {
        background: #cc7300; }
  .btn--v2.btn-error {
    background: #ED4747;
    color: white; }
    .btn--v2.btn-error:hover, .btn--v2.btn-error:focus {
      background: #e81919;
      color: rgba(255, 255, 255, 0.88); }
    .btn--v2.btn-error:focus, .btn--v2.btn-error.outline {
      border-style: solid;
      outline: none !important; }
    .btn--v2.btn-error:focus {
      border-color: #222; }
    .btn--v2.btn-error.outline, .btn--v2.btn-error.plain {
      background: transparent;
      color: #ED4747; }
      .btn--v2.btn-error.outline:hover, .btn--v2.btn-error.outline:focus, .btn--v2.btn-error.plain:hover, .btn--v2.btn-error.plain:focus {
        color: rgba(255, 255, 255, 0.88); }
      .btn--v2.btn-error.outline:hover, .btn--v2.btn-error.plain:hover {
        background: #ED4747; }
      .btn--v2.btn-error.outline:focus, .btn--v2.btn-error.plain:focus {
        background: #e81919; }
  .btn--v2.btn-disabled {
    background: #D8D8D8;
    color: black; }
    .btn--v2.btn-disabled:hover, .btn--v2.btn-disabled:focus {
      background: #bfbfbf;
      color: rgba(0, 0, 0, 0.66); }
    .btn--v2.btn-disabled:focus, .btn--v2.btn-disabled.outline {
      border-style: solid;
      outline: none !important; }
    .btn--v2.btn-disabled:focus {
      border-color: #222; }
    .btn--v2.btn-disabled.outline, .btn--v2.btn-disabled.plain {
      background: transparent;
      color: #D8D8D8; }
      .btn--v2.btn-disabled.outline:hover, .btn--v2.btn-disabled.outline:focus, .btn--v2.btn-disabled.plain:hover, .btn--v2.btn-disabled.plain:focus {
        color: rgba(0, 0, 0, 0.66); }
      .btn--v2.btn-disabled.outline:hover, .btn--v2.btn-disabled.plain:hover {
        background: #D8D8D8; }
      .btn--v2.btn-disabled.outline:focus, .btn--v2.btn-disabled.plain:focus {
        background: #bfbfbf; }
  .btn--v2.btn_default {
    height: 36px;
    padding: 0 16px;
    border-radius: 4px;
    font-size: 12px; }
    .btn--v2.btn_default.outline, .btn--v2.btn_default:focus {
      border-width: 2px;
      padding: 0 calc(16px - 2px); }
    .btn--v2.btn_default i.material-icons {
      font-size: 18px; }
    .btn--v2.btn_default.pill {
      border-radius: calc(36px * 1); }
      .btn--v2.btn_default.pill.is--icon {
        width: 36px;
        padding: 0 !important; }
        .btn--v2.btn_default.pill.is--icon:focus {
          padding: 0 !important; }
  .btn--v2.btn_small {
    height: 24px;
    padding: 0 8px;
    border-radius: 2px;
    font-size: 10px; }
    .btn--v2.btn_small.outline, .btn--v2.btn_small:focus {
      border-width: 2px;
      padding: 0 calc(8px - 2px); }
    .btn--v2.btn_small i.material-icons {
      font-size: 16px; }
    .btn--v2.btn_small.pill {
      border-radius: calc(24px * 0.5); }
      .btn--v2.btn_small.pill.is--icon {
        width: 24px;
        padding: 0 !important; }
        .btn--v2.btn_small.pill.is--icon:focus {
          padding: 0 !important; }
  .btn--v2.btn_large {
    height: 48px;
    padding: 0 32px;
    border-radius: 8px;
    font-size: 16px; }
    .btn--v2.btn_large.outline, .btn--v2.btn_large:focus {
      border-width: 4px;
      padding: 0 calc(32px - 4px); }
    .btn--v2.btn_large i.material-icons {
      font-size: 24px; }
    .btn--v2.btn_large.pill {
      border-radius: calc(48px * 2); }
      .btn--v2.btn_large.pill.is--icon {
        width: 48px;
        padding: 0 !important; }
        .btn--v2.btn_large.pill.is--icon:focus {
          padding: 0 !important; }
  .btn--v2 i.material-icons {
    font-size: inherit; }

.crd {
  position: relative;
  margin-right: 0px !important;
  margin-left: 0px !important;
  margin-bottom: 4px !important;
  vertical-align: top; }
  .crd__wrapper {
    position: relative; }
  .crd__content {
    position: absolute;
    top: 4px;
    bottom: 4px;
    left: 4px;
    right: 4px;
    padding: 8px;
    background: #FFFFFF;
    border-radius: 2px;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1); }

.crd.is--list .crd__content {
  position: initial; }

.crd.is--list .crd__wrapper {
  padding-bottom: 0 !important; }

.crd__wrapper.crd-height--xxl {
  width: 100%;
  padding-bottom: 100%; }

.crd__wrapper.crd-height--xl {
  width: 100%;
  padding-bottom: 75%; }

.crd__wrapper.crd-height--l {
  width: 100%;
  padding-bottom: 66%; }

.crd__wrapper.crd-height--m {
  width: 100%;
  padding-bottom: 50%; }

.crd__wrapper.crd-height--s {
  width: 100%;
  padding-bottom: 33%; }

.crd__wrapper.crd-height--xs {
  width: 100%;
  padding-bottom: 25%; }

.crd__wrapper.crd-height--xxs {
  width: 100%;
  padding-bottom: 20%;
  max-height: 60px; }

.is--scrollable {
  display: none; }

.is--scrollable.is--visible {
  position: absolute;
  bottom: 4px;
  right: 4px;
  display: block;
  z-index: 8; }
  .is--scrollable.is--visible i {
    color: rgba(0, 0, 0, 0.3); }

.crd--001 {
  min-width: 100% !important;
  width: 100% !important;
  max-width: 100% !important; }
  .crd--001 .crd__wrapper.crd-height--xxs {
    padding-bottom: 0;
    max-height: initial; }
  .crd--001 .crd__content {
    display: flex;
    position: inherit;
    position: initial; }
  .crd--001__label {
    font-size: 12px;
    padding: 4px 8px;
    max-width: 75%; }
    @media screen and (min-width: 600px) {
      .crd--001__label {
        font-size: 14px; } }
.crd--002 {
  min-width: 100% !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 76px; }
  .crd--002 .crd__wrapper {
    height: 100%; }
  .crd--002__content-wrapper {
    position: absolute;
    height: 68px;
    background: #FFFFFF;
    right: 0;
    top: 0;
    left: 68px;
    display: flex;
    align-items: center;
    justify-content: space-between; }
  .crd--002__controls {
    position: absolute;
    height: 68px;
    top: 0;
    left: 0;
    width: 68px;
    background: #000000; }
  .crd--002__controls-icon {
    position: absolute;
    height: 44px;
    top: 0;
    left: 0;
    width: 68px;
    background: #cc0000; }
    .crd--002__controls-icon i.material-icons {
      font-size: 24px;
      position: absolute;
      left: 50%;
      margin-left: -12px;
      top: 50%;
      margin-top: -12px; }
  .crd--002__controls-more {
    position: absolute;
    height: 24px;
    top: 44px;
    left: 0;
    width: 68px;
    background: #ffffff; }
    .crd--002__controls-more button {
      width: 100%;
      height: 100%;
      padding: 0;
      border-radius: 0px;
      box-shadow: none; }
  .crd--002__label {
    font-size: 12px;
    padding: 4px 8px;
    max-width: 75%;
    width: 75%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    @media screen and (min-width: 600px) {
      .crd--002__label {
        font-size: 14px; } }
  .crd--002__value {
    height: 34px; }

.crd--003 {
  transform-style: preserve-3d; }
  .crd--003:hover {
    z-index: 888888; }
    .crd--003:hover .card--img-with-text__img {
      left: 0;
      top: 0;
      max-width: 100%;
      max-height: 100%; }
    .crd--003:hover .card--img-with-text__img-container {
      border-radius: 2px; }
      .crd--003:hover .card--img-with-text__img-container:after {
        background-image: radial-gradient(circle closest-side, rgba(88, 88, 88, 0), rgba(44, 44, 44, 0));
        transition: all 300ms ease-in-out; }

.crd--003 .card--img-with-text__img {
  left: 0;
  top: 0;
  max-width: 100%;
  max-height: 100%; }

.crd--003 .card--img-with-text__img-container {
  border-radius: 2px;
  right: -1px; }
  .crd--003 .card--img-with-text__img-container:after {
    background-image: radial-gradient(circle closest-side, rgba(88, 88, 88, 0.2), rgba(44, 44, 44, 0.75));
    transition: all 300ms ease-in-out; }

.crd--003 .card--img-with-text__description-container {
  padding: 16px; }

.crd--003 .card--img-with-text__title {
  text-align: left;
  font-size: 18px;
  transform: translateZ(10px); }

.crd--003 .card--img-with-text__subtitle {
  text-align: left;
  font-size: 16px;
  transform: translateZ(10px); }

.crd--004 .crd__header {
  position: absolute;
  height: 34px;
  left: 8px;
  right: 8px;
  top: 0px;
  border-bottom: 1px solid #E1E1E1;
  display: flex;
  justify-content: space-between;
  align-items: center; }

.crd--004 .crd__title {
  margin-bottom: 0; }

.crd--004 .crd__footer {
  position: absolute;
  height: 44px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  display: flex;
  padding: 0px 0px; }
  .crd--004 .crd__footer button {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px; }

.crd--004 .is--scrollable.is--visible + .crd__footer {
  padding-right: 24px; }

.crd--004 .crd__main {
  position: absolute;
  top: 34px;
  bottom: 44px;
  left: 8px;
  right: 8px; }

.public-profile__header .crd.crd--004.crd--004--001 {
  display: none; }
  @media screen and (min-width: 1024px) {
    .public-profile__header .crd.crd--004.crd--004--001 {
      display: block; } }
  .public-profile__header .crd.crd--004.crd--004--001 .crd__title {
    margin-left: 2%;
    color: #FFFFFF; }
  .public-profile__header .crd.crd--004.crd--004--001 .crd__content {
    background: none;
    box-shadow: none; }
  .public-profile__header .crd.crd--004.crd--004--001 [class*="quad-item--"] {
    border: 1px solid #FFFFFF; }
  .public-profile__header .crd.crd--004.crd--004--001 .stat-label, .public-profile__header .crd.crd--004.crd--004--001 .stat-value {
    color: #FFFFFF !important; }

.crd--004.crd--004--001.is--divided [class*="quad-item--"] {
  border: none !important;
  background: #FFFFFF;
  margin: 0;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1); }

.crd--004.crd--004--001.is--divided .flex-quad {
  flex-basis: 48%;
  max-width: 48%;
  min-width: 48%; }

.crd--004.crd--004--001.is--divided .crd__content {
  background: none !important;
  box-shadow: none !important; }

.crd--004.crd--004--001.is--divided .crd__main {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.crd--004.crd--004--001.is--divided .quad-item--top-left {
  margin-right: 2%;
  margin-bottom: 2%; }

.crd--004.crd--004--001.is--divided .quad-item--top-right {
  margin-left: 2%;
  margin-bottom: 2%; }

.crd--004.crd--004--001.is--divided .quad-item--bottom-left {
  margin-right: 2%;
  margin-top: 2%; }

.crd--004.crd--004--001.is--divided .quad-item--bottom-right {
  margin-left: 2%;
  margin-top: 2%; }

.crd--004.crd--004--001 .crd__header, .crd--004.crd--004--002 .crd__header, .crd--004--003 .crd__header {
  border-bottom: none; }

.crd--004.crd--004--001 .crd__footer, .crd--004.crd--004--002 .crd__footer, .crd--004--003 .crd__footer {
  border-top: none; }

.crd--004.crd--004--001 .card__content-height, .crd--004.crd--004--002 .card__content-height, .crd--004--003 .card__content-height {
  display: flex;
  flex-wrap: wrap;
  height: 100%; }
  .crd--004.crd--004--001 .card__content-height .stat-label, .crd--004.crd--004--002 .card__content-height .stat-label, .crd--004--003 .card__content-height .stat-label {
    display: block;
    font-size: 12px;
    text-align: center;
    padding: 0px; }
  .crd--004.crd--004--001 .card__content-height .stat-value, .crd--004.crd--004--002 .card__content-height .stat-value, .crd--004--003 .card__content-height .stat-value {
    font-size: 24px;
    text-align: center;
    font-weight: 700; }
  .crd--004.crd--004--001 .card__content-height [class*="quad-item--"], .crd--004.crd--004--002 .card__content-height [class*="quad-item--"], .crd--004--003 .card__content-height [class*="quad-item--"] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
    border: 1px solid rgba(153, 153, 153, 0.33); }
    .crd--004.crd--004--001 .card__content-height [class*="quad-item--"]:hover, .crd--004.crd--004--002 .card__content-height [class*="quad-item--"]:hover, .crd--004--003 .card__content-height [class*="quad-item--"]:hover {
      text-decoration: none; }
    .crd--004.crd--004--001 .card__content-height [class*="quad-item--"] .stat-value, .crd--004.crd--004--002 .card__content-height [class*="quad-item--"] .stat-value, .crd--004--003 .card__content-height [class*="quad-item--"] .stat-value {
      color: #999; }
    .crd--004.crd--004--001 .card__content-height [class*="quad-item--"] .stat-label, .crd--004.crd--004--002 .card__content-height [class*="quad-item--"] .stat-label, .crd--004--003 .card__content-height [class*="quad-item--"] .stat-label {
      color: #999; }

.crd--004.crd--004--002 .card__content-height .stat-label {
  font-size: 16px; }

.crd--004.crd--004--002 .card__content-height .stat-value {
  font-size: 32px; }

.crd--004.crd--004--002 .crd__main {
  bottom: 52px; }

.flex-quad.is--active {
  border: 1px solid #ffffff !important;
  background: #ffffff !important; }
  .flex-quad.is--active span {
    color: #FFFFFF !important; }

.crd--004.crd--004--003 .card__content-height {
  flex-direction: column;
  height: auto; }
  .crd--004.crd--004--003 .card__content-height [class*="quad-item--"] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 2px;
    padding: 1px 4px;
    margin-bottom: 0px;
    border: none;
    border-bottom: 1px solid #999; }
    .crd--004.crd--004--003 .card__content-height [class*="quad-item--"]:hover {
      text-decoration: none;
      border-bottom: 1px solid #FFFFFF; }
  .crd--004.crd--004--003 .card__content-height .stat-label {
    display: inline-block;
    text-align: left; }
  .crd--004.crd--004--003 .card__content-height .stat-value {
    text-align: left; }

.crd--004.crd--004--004 .card__content-height {
  height: 100%;
  padding: 4px 0px; }

.crd--004.crd--004--004 .crd__header, .crd--004.crd--004--004 .crd__footer {
  border: none !important; }

.crd--004.crd--004--006 .flex-quad {
  border: none !important; }

.crd--005 .crd__content {
  display: flex;
  justify-content: space-between;
  align-items: center; }

.crd--005 .crd__label {
  margin: 0; }

.crd--005.crd--005--002 .crd__content {
  justify-content: flex-start; }

.crd--006 .crd__header {
  position: absolute;
  height: 54%;
  background: #FFFFFF;
  top: 0;
  left: 0;
  width: 100%;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px; }

.crd--006 .crd__category {
  position: absolute;
  top: 0;
  right: 0;
  padding: 6px 8px;
  background: white;
  border-top-right-radius: 2px;
  border-bottom-left-radius: 2px; }
  .crd--006 .crd__category h6 {
    color: #888;
    font-size: 10px;
    margin: 0;
    padding: 0;
    font-weight: 400; }

.crd--006 .crd__title {
  position: absolute;
  bottom: 24px;
  padding-left: 12px;
  padding-right: 12px; }
  .crd--006 .crd__title h4 {
    font-size: 20px;
    color: #cc0000;
    font-weight: 400; }
  .crd--006 .crd__title h5 {
    font-size: 12px;
    color: #cc0000;
    margin: 0; }

.crd--006 .crd__date {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 2px 12px;
  background: none; }
  .crd--006 .crd__date p {
    margin: 0;
    padding: 0px;
    color: #999;
    font-size: 12px; }

.crd--006 .crd__main {
  position: absolute;
  top: 54%;
  padding: 8px 4px;
  left: 8px;
  right: 8px; }
  .crd--006 .crd__main p {
    font-size: 12px;
    line-height: 17px;
    margin-bottom: 0; }

.crd--006 .crd__footer {
  position: absolute;
  bottom: 4px; }

@element ".crd--006" and (max-width: 240px) {
  .crd--006 .crd__title h4 {
    font-size: 14px; } }

@element ".crd--006" and (min-width: 300px) {
  .crd--006 .crd__title h4 {
    font-size: 28px; }
  .crd--006 .crd__main p {
    font-size: 15px;
    line-height: 23px;
    margin-bottom: 0; } }

@element ".crd--006" and (min-width: 360px) {
  .crd--006 .crd__title h4 {
    font-size: 40px; }
  .crd--006 .crd__main p {
    font-size: 18px;
    line-height: 32px;
    margin-bottom: 0; } }

@element ".crd--006" and (min-width: 420px) {
  .crd--006 .crd__title h4 {
    font-size: 48px; }
  .crd--006 .crd__main p {
    font-size: 18px;
    line-height: 32px;
    margin-bottom: 0; } }

.crd--006 .crd--more.hide--scrollbar__viewport--vertical, .crd--007 .crd--more.hide--scrollbar__viewport--vertical {
  padding-right: calc(100px + 16px); }

.crd--006 .crd--more.is--visible, .crd--007 .crd--more.is--visible {
  opacity: 1;
  left: 25%;
  transition-property: left,opacity;
  transition-duration: 300ms;
  transition-timing-function: ease-in;
  z-index: 8888888888;
  border-radius: 0px; }
  @media screen and (max-width: 1023px) {
    .crd--006 .crd--more.is--visible, .crd--007 .crd--more.is--visible {
      left: 0; } }
  @media screen and (min-width: 1024px) {
    .crd--006 .crd--more.is--visible:after, .crd--007 .crd--more.is--visible:after {
      content: '';
      display: block;
      position: fixed;
      left: 0;
      width: 25%;
      bottom: 0;
      top: 0;
      background: rgba(0, 0, 0, 0.88); } }
.crd--006 .crd--more, .crd--007 .crd--more {
  background: #FFFFFF;
  position: fixed;
  top: 0;
  left: -75%;
  width: 75%;
  bottom: 0;
  border-radius: 2px;
  overflow-y: auto;
  padding: 16px;
  opacity: 0;
  transition-property: left,opacity;
  transition-duration: 250ms;
  transition-timing-function: ease-out;
  z-index: 333;
  /* p, li{
			  font-size:12px;
			  line-height:18px;
		  } */ }
  @media screen and (min-width: 400px) {
    .crd--006 .crd--more, .crd--007 .crd--more {
      padding: 24px; } }
  @media screen and (min-width: 600px) {
    .crd--006 .crd--more, .crd--007 .crd--more {
      padding: 32px; } }
  @media screen and (min-width: 1024px) {
    .crd--006 .crd--more, .crd--007 .crd--more {
      padding: 40px; } }
  @media screen and (min-width: 1280px) {
    .crd--006 .crd--more, .crd--007 .crd--more {
      padding: 48px; } }
  @media screen and (max-width: 1023px) {
    .crd--006 .crd--more, .crd--007 .crd--more {
      left: -100%;
      width: 100%; } }
  .crd--006 .crd--more button.btn--close, .crd--007 .crd--more button.btn--close {
    position: fixed;
    top: 6px;
    right: 0px; }
    .crd--006 .crd--more button.btn--close i.material-icons, .crd--007 .crd--more button.btn--close i.material-icons {
      line-height: 1;
      font-size: 24px; }

.crd-delay--1 {
  animation-delay: 100ms; }

.is--unloading
.crd-delay--1 {
  animation-delay: 260ms; }

.crd-delay--2 {
  animation-delay: 200ms; }

.is--unloading
.crd-delay--2 {
  animation-delay: 130ms; }

.crd-delay--3 {
  animation-delay: 300ms; }

.is--unloading
.crd-delay--3 {
  animation-delay: 86.66666667ms; }

.crd-delay--4 {
  animation-delay: 400ms; }

.is--unloading
.crd-delay--4 {
  animation-delay: 65ms; }

.crd-delay--5 {
  animation-delay: 500ms; }

.is--unloading
.crd-delay--5 {
  animation-delay: 52ms; }

.crd-delay--6 {
  animation-delay: 600ms; }

.is--unloading
.crd-delay--6 {
  animation-delay: 43.33333333ms; }

.crd-delay--7 {
  animation-delay: 700ms; }

.is--unloading
.crd-delay--7 {
  animation-delay: 37.14285714ms; }

.crd-delay--8 {
  animation-delay: 800ms; }

.is--unloading
.crd-delay--8 {
  animation-delay: 32.5ms; }

.crd-delay--9 {
  animation-delay: 900ms; }

.is--unloading
.crd-delay--9 {
  animation-delay: 28.88888889ms; }

.crd-delay--10 {
  animation-delay: 1000ms; }

.is--unloading
.crd-delay--10 {
  animation-delay: 26ms; }

.crd-delay--11 {
  animation-delay: 1100ms; }

.is--unloading
.crd-delay--11 {
  animation-delay: 23.63636364ms; }

.crd-delay--12 {
  animation-delay: 1200ms; }

.is--unloading
.crd-delay--12 {
  animation-delay: 21.66666667ms; }

.crd-delay--13 {
  animation-delay: 1300ms; }

.is--unloading
.crd-delay--13 {
  animation-delay: 20ms; }

.crd-delay--14 {
  animation-delay: 1400ms; }

.is--unloading
.crd-delay--14 {
  animation-delay: 18.57142857ms; }

.crd-delay--15 {
  animation-delay: 1500ms; }

.is--unloading
.crd-delay--15 {
  animation-delay: 17.33333333ms; }

.crd-delay--16 {
  animation-delay: 1600ms; }

.is--unloading
.crd-delay--16 {
  animation-delay: 16.25ms; }

.crd-delay--17 {
  animation-delay: 1700ms; }

.is--unloading
.crd-delay--17 {
  animation-delay: 15.29411765ms; }

.crd-delay--18 {
  animation-delay: 1800ms; }

.is--unloading
.crd-delay--18 {
  animation-delay: 14.44444444ms; }

.crd-delay--19 {
  animation-delay: 1900ms; }

.is--unloading
.crd-delay--19 {
  animation-delay: 13.68421053ms; }

.crd-delay--20 {
  animation-delay: 2000ms; }

.is--unloading
.crd-delay--20 {
  animation-delay: 13ms; }

.crd-delay--21 {
  animation-delay: 2100ms; }

.is--unloading
.crd-delay--21 {
  animation-delay: 12.38095238ms; }

.crd-delay--22 {
  animation-delay: 2200ms; }

.is--unloading
.crd-delay--22 {
  animation-delay: 11.81818182ms; }

.crd-delay--23 {
  animation-delay: 2300ms; }

.is--unloading
.crd-delay--23 {
  animation-delay: 11.30434783ms; }

.crd-delay--24 {
  animation-delay: 2400ms; }

.is--unloading
.crd-delay--24 {
  animation-delay: 10.83333333ms; }

.crd-delay--25 {
  animation-delay: 2500ms; }

.is--unloading
.crd-delay--25 {
  animation-delay: 10.4ms; }

.crd--007.is--loading .crd-height--xxl .crd__content {
  padding-left: 5%;
  padding-right: 5%; }

.crd--007.is--loading .crd-height--xxl .crd__header {
  background-color: #999;
  border-radius: 2px 2px 0 0;
  position: absolute;
  height: 48.2269%;
  width: 100%;
  top: 0;
  left: 0; }
  .crd--007.is--loading .crd-height--xxl .crd__header .rectangle__container {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding: 16px;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0; }
  .crd--007.is--loading .crd-height--xxl .crd__header .rectangle {
    background: rgba(0, 0, 0, 0.1);
    width: calc(100%);
    height: 20px; }
    .crd--007.is--loading .crd-height--xxl .crd__header .rectangle:last-of-type {
      width: calc(50% - 32px); }

.crd--007.is--loading .crd-height--xxl .crd__main {
  position: absolute;
  top: 48.2269%;
  left: 0;
  height: 39%;
  width: 100%;
  overflow: hidden; }
  @media screen and (min-width: 700px) {
    .crd--007.is--loading .crd-height--xxl .crd__main {
      height: 40%; } }
  .crd--007.is--loading .crd-height--xxl .crd__main:after {
    display: none !important; }
  .crd--007.is--loading .crd-height--xxl .crd__main .rectangle__container {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding: 16px;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0; }
  .crd--007.is--loading .crd-height--xxl .crd__main .rectangle {
    width: calc(100%);
    height: 16px;
    background: rgba(0, 0, 0, 0.1); }
    .crd--007.is--loading .crd-height--xxl .crd__main .rectangle:first-of-type {
      height: 12px;
      width: calc(33%); }

.crd--007.is--loading .crd-height--xxl .crd__footer {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 34px;
  width: 100%;
  padding-left: 5%;
  padding-right: 5%;
  display: flex; }
  @media screen and (min-width: 440px) {
    .crd--007.is--loading .crd-height--xxl .crd__footer {
      height: 18px; } }
  @media screen and (min-width: 480px) {
    .crd--007.is--loading .crd-height--xxl .crd__footer {
      height: 24px; } }
  @media screen and (min-width: 700px) {
    .crd--007.is--loading .crd-height--xxl .crd__footer {
      height: 34px; } }
  .crd--007.is--loading .crd-height--xxl .crd__footer .rectangle {
    flex-basis: 25%;
    height: 16px;
    background: rgba(0, 0, 0, 0.1); }
  .crd--007.is--loading .crd-height--xxl .crd__footer .circle {
    height: 16px;
    width: 16px;
    border-radius: 50%;
    margin-left: 4px;
    background: rgba(0, 0, 0, 0.1); }

.crd--007.has--img .crd-height--xxl .crd__header {
  background-image: url("https://filtergrade.com/wp-content/uploads/2014/07/Mountains-of-Idaho-1024x620.jpg");
  background-size: cover; }
  .crd--007.has--img .crd-height--xxl .crd__header:after {
    content: '';
    display: block;
    position: absolute;
    background-image: radial-gradient(50% 216%, rgba(0, 0, 0, 0.7) 50%, rgba(0, 0, 0, 0.9) 100%);
    border-radius: 2px;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 0; }

.crd--007.has--img .crd-height--xl .crd__header {
  background-image: url("https://filtergrade.com/wp-content/uploads/2014/07/Mountains-of-Idaho-1024x620.jpg");
  background-size: cover; }
  .crd--007.has--img .crd-height--xl .crd__header:after {
    content: '';
    display: block;
    position: absolute;
    /* Rectangle 2: */
    background-image: radial-gradient(50% 216%, rgba(0, 0, 0, 0.7) 50%, rgba(0, 0, 0, 0.9) 100%);
    border-radius: 2px;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 0; }

@media screen and (min-width: 1024px) {
  .sidebar--fixed--right--large--is--visible .crd--007 .crd-height--xxl .crd__content {
    padding-left: 5%;
    padding-right: 5%; }
  .sidebar--fixed--right--large--is--visible .crd--007 .crd-height--xxl .crd__header {
    background-color: #ffffff;
    border-radius: 2px 2px 0 0;
    position: absolute;
    height: 48.2269%;
    width: 100%;
    top: 0;
    left: 0; }
    .sidebar--fixed--right--large--is--visible .crd--007 .crd-height--xxl .crd__header .info--primary, .sidebar--fixed--right--large--is--visible .crd--007 .crd-height--xxl .crd__header .info--secondary {
      color: #FFFFFF;
      padding-left: 5%;
      padding-right: 5%;
      position: absolute;
      z-index: 50; }
    .sidebar--fixed--right--large--is--visible .crd--007 .crd-height--xxl .crd__header .info--primary {
      bottom: 35.2941%; }
      .sidebar--fixed--right--large--is--visible .crd--007 .crd-height--xxl .crd__header .info--primary a {
        color: #FFFFFF;
        font-size: 12px; } }
      @media screen and (min-width: 1024px) and (min-width: 1111px) {
        .sidebar--fixed--right--large--is--visible .crd--007 .crd-height--xxl .crd__header .info--primary a {
          font-size: 14px; } }
      @media screen and (min-width: 1024px) and (min-width: 1200px) {
        .sidebar--fixed--right--large--is--visible .crd--007 .crd-height--xxl .crd__header .info--primary a {
          font-size: 12px; } }
      @media screen and (min-width: 1024px) and (min-width: 1360px) {
        .sidebar--fixed--right--large--is--visible .crd--007 .crd-height--xxl .crd__header .info--primary a {
          font-size: 13px; } }
      @media screen and (min-width: 1024px) and (min-width: 1440px) {
        .sidebar--fixed--right--large--is--visible .crd--007 .crd-height--xxl .crd__header .info--primary a {
          font-size: 14px; } }
      @media screen and (min-width: 1024px) and (min-width: 1500px) {
        .sidebar--fixed--right--large--is--visible .crd--007 .crd-height--xxl .crd__header .info--primary a {
          font-size: 12px; } }
      @media screen and (min-width: 1024px) and (min-width: 1600px) {
        .sidebar--fixed--right--large--is--visible .crd--007 .crd-height--xxl .crd__header .info--primary a {
          font-size: 13px; } }
      @media screen and (min-width: 1024px) and (min-width: 1700px) {
        .sidebar--fixed--right--large--is--visible .crd--007 .crd-height--xxl .crd__header .info--primary a {
          font-size: 14px; } }
      @media screen and (min-width: 1024px) and (min-width: 1800px) {
        .sidebar--fixed--right--large--is--visible .crd--007 .crd-height--xxl .crd__header .info--primary a {
          font-size: 15px; } }
      @media screen and (min-width: 1024px) and (min-width: 1900px) {
        .sidebar--fixed--right--large--is--visible .crd--007 .crd-height--xxl .crd__header .info--primary a {
          font-size: 16px; } }
@media screen and (min-width: 1024px) {
    .sidebar--fixed--right--large--is--visible .crd--007 .crd-height--xxl .crd__header .info--secondary {
      font-style: italic;
      font-size: 12px;
      bottom: 11.764%; }
  .sidebar--fixed--right--large--is--visible .crd--007 .crd-height--xxl .crd__main {
    position: absolute;
    top: 48.2269%;
    left: 0;
    height: 39%;
    width: 100%; }
    .sidebar--fixed--right--large--is--visible .crd--007 .crd-height--xxl .crd__main .info--type {
      font-style: italic;
      padding-left: 5%;
      padding-right: 5%;
      padding-top: 3.3333%;
      padding-bottom: 3.3333%;
      margin-bottom: 0; } }
    @media screen and (min-width: 1024px) and (min-width: 1024px) {
      .sidebar--fixed--right--large--is--visible .crd--007 .crd-height--xxl .crd__main .info--type {
        font-size: 11px;
        padding-top: 2%;
        padding-bottom: 2%; } }
@media screen and (min-width: 1024px) {
    .sidebar--fixed--right--large--is--visible .crd--007 .crd-height--xxl .crd__main .info--tertiary {
      font-size: 12px;
      padding-left: 5%;
      padding-right: 5%; } }
    @media screen and (min-width: 1024px) and (min-width: 1024px) {
      .sidebar--fixed--right--large--is--visible .crd--007 .crd-height--xxl .crd__main .info--tertiary {
        font-size: 11px; } }
@media screen and (min-width: 1024px) {
  .sidebar--fixed--right--large--is--visible .crd--007 .crd-height--xxl .crd__footer {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 34px;
    width: 100%;
    padding-left: 5%;
    padding-right: 5%;
    display: flex; } }
  @media screen and (min-width: 1024px) and (min-width: 1024px) {
    .sidebar--fixed--right--large--is--visible .crd--007 .crd-height--xxl .crd__footer {
      height: 24px; } }
@media screen and (min-width: 1024px) {
    .sidebar--fixed--right--large--is--visible .crd--007 .crd-height--xxl .crd__footer .info--date {
      font-style: italic; }
    .sidebar--fixed--right--large--is--visible .crd--007 .crd-height--xxl .crd__footer button {
      background: none;
      color: #999; }
      .sidebar--fixed--right--large--is--visible .crd--007 .crd-height--xxl .crd__footer button i {
        font-size: 16px; }
    .sidebar--fixed--right--large--is--visible .crd--007 .crd-height--xxl .crd__footer i {
      background: none;
      color: #999;
      font-size: 16px; }
  .sidebar--fixed--right--large--is--visible .crd--007 .crd-height--xl .crd__content {
    padding-left: 5%;
    padding-right: 5%; }
  .sidebar--fixed--right--large--is--visible .crd--007 .crd-height--xl .crd__header {
    background-color: #ffffff;
    border-radius: 2px 2px 0 0;
    position: absolute;
    height: 48.2269%;
    width: 100%;
    top: 0;
    left: 0; }
    .sidebar--fixed--right--large--is--visible .crd--007 .crd-height--xl .crd__header .info--primary, .sidebar--fixed--right--large--is--visible .crd--007 .crd-height--xl .crd__header .info--secondary {
      color: #FFFFFF;
      padding-left: 5%;
      padding-right: 5%;
      position: absolute;
      z-index: 50; }
    .sidebar--fixed--right--large--is--visible .crd--007 .crd-height--xl .crd__header .info--primary {
      bottom: 35.2941%; } }
    @media screen and (min-width: 1024px) and (min-width: 1024px) {
      .sidebar--fixed--right--large--is--visible .crd--007 .crd-height--xl .crd__header .info--primary {
        bottom: 18%; } }
@media screen and (min-width: 1024px) {
      .sidebar--fixed--right--large--is--visible .crd--007 .crd-height--xl .crd__header .info--primary a {
        color: #FFFFFF;
        font-size: 12px; } }
      @media screen and (min-width: 1024px) and (min-width: 1111px) {
        .sidebar--fixed--right--large--is--visible .crd--007 .crd-height--xl .crd__header .info--primary a {
          font-size: 14px; } }
      @media screen and (min-width: 1024px) and (min-width: 1200px) {
        .sidebar--fixed--right--large--is--visible .crd--007 .crd-height--xl .crd__header .info--primary a {
          font-size: 12px; } }
      @media screen and (min-width: 1024px) and (min-width: 1360px) {
        .sidebar--fixed--right--large--is--visible .crd--007 .crd-height--xl .crd__header .info--primary a {
          font-size: 13px; } }
      @media screen and (min-width: 1024px) and (min-width: 1440px) {
        .sidebar--fixed--right--large--is--visible .crd--007 .crd-height--xl .crd__header .info--primary a {
          font-size: 14px; } }
      @media screen and (min-width: 1024px) and (min-width: 1500px) {
        .sidebar--fixed--right--large--is--visible .crd--007 .crd-height--xl .crd__header .info--primary a {
          font-size: 12px; } }
      @media screen and (min-width: 1024px) and (min-width: 1600px) {
        .sidebar--fixed--right--large--is--visible .crd--007 .crd-height--xl .crd__header .info--primary a {
          font-size: 13px; } }
      @media screen and (min-width: 1024px) and (min-width: 1700px) {
        .sidebar--fixed--right--large--is--visible .crd--007 .crd-height--xl .crd__header .info--primary a {
          font-size: 14px; } }
      @media screen and (min-width: 1024px) and (min-width: 1800px) {
        .sidebar--fixed--right--large--is--visible .crd--007 .crd-height--xl .crd__header .info--primary a {
          font-size: 15px; } }
      @media screen and (min-width: 1024px) and (min-width: 1900px) {
        .sidebar--fixed--right--large--is--visible .crd--007 .crd-height--xl .crd__header .info--primary a {
          font-size: 16px; } }
@media screen and (min-width: 1024px) {
    .sidebar--fixed--right--large--is--visible .crd--007 .crd-height--xl .crd__header .info--secondary {
      font-style: italic;
      font-size: 12px;
      bottom: 11.764%; } }
    @media screen and (min-width: 1024px) and (min-width: 1024px) {
      .sidebar--fixed--right--large--is--visible .crd--007 .crd-height--xl .crd__header .info--secondary {
        font-size: 10px;
        bottom: 2%; } }
@media screen and (min-width: 1024px) {
  .sidebar--fixed--right--large--is--visible .crd--007 .crd-height--xl .crd__main {
    position: absolute;
    top: 48.2269%;
    left: 0;
    height: 39%;
    width: 100%; }
    .sidebar--fixed--right--large--is--visible .crd--007 .crd-height--xl .crd__main .info--type {
      font-style: italic;
      padding-left: 5%;
      padding-right: 5%;
      padding-top: 3.3333%;
      padding-bottom: 3.3333%;
      margin-bottom: 0; } }
    @media screen and (min-width: 1024px) and (min-width: 1024px) {
      .sidebar--fixed--right--large--is--visible .crd--007 .crd-height--xl .crd__main .info--type {
        font-size: 11px;
        padding-top: 2%;
        padding-bottom: 2%; } }
@media screen and (min-width: 1024px) {
    .sidebar--fixed--right--large--is--visible .crd--007 .crd-height--xl .crd__main .info--tertiary {
      font-size: 12px;
      padding-left: 5%;
      padding-right: 5%; } }
    @media screen and (min-width: 1024px) and (min-width: 1024px) {
      .sidebar--fixed--right--large--is--visible .crd--007 .crd-height--xl .crd__main .info--tertiary {
        font-size: 10px; } }
    @media screen and (min-width: 1024px) and (min-width: 1333px) {
      .sidebar--fixed--right--large--is--visible .crd--007 .crd-height--xl .crd__main .info--tertiary {
        font-size: 12px; } }
@media screen and (min-width: 1024px) {
  .sidebar--fixed--right--large--is--visible .crd--007 .crd-height--xl .crd__footer {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 34px;
    width: 100%;
    padding-left: 5%;
    padding-right: 5%;
    display: flex; } }
  @media screen and (min-width: 1024px) and (min-width: 1024px) {
    .sidebar--fixed--right--large--is--visible .crd--007 .crd-height--xl .crd__footer {
      height: 24px; } }
@media screen and (min-width: 1024px) {
    .sidebar--fixed--right--large--is--visible .crd--007 .crd-height--xl .crd__footer .info--date {
      font-style: italic; } }
    @media screen and (min-width: 1024px) and (min-width: 1024px) {
      .sidebar--fixed--right--large--is--visible .crd--007 .crd-height--xl .crd__footer .info--date {
        font-size: 10px; } }
    @media screen and (min-width: 1024px) and (min-width: 1333px) {
      .sidebar--fixed--right--large--is--visible .crd--007 .crd-height--xl .crd__footer .info--date {
        font-size: 12px; } }
@media screen and (min-width: 1024px) {
    .sidebar--fixed--right--large--is--visible .crd--007 .crd-height--xl .crd__footer button {
      background: none;
      color: #999; }
      .sidebar--fixed--right--large--is--visible .crd--007 .crd-height--xl .crd__footer button i {
        font-size: 16px; }
    .sidebar--fixed--right--large--is--visible .crd--007 .crd-height--xl .crd__footer i {
      background: none;
      color: #999;
      font-size: 16px; } }

.crd--007 .crd-height--xxl .crd__content {
  padding-left: 5%;
  padding-right: 5%; }

.crd--007 .crd-height--xxl .crd__header {
  background-color: #FFFFFF;
  border-radius: 2px 2px 0 0;
  position: absolute;
  height: 48.2269%;
  width: 100%;
  top: 0;
  left: 0; }
  .crd--007 .crd-height--xxl .crd__header .info--primary, .crd--007 .crd-height--xxl .crd__header .info--secondary {
    color: #FFFFFF;
    padding-left: 5%;
    padding-right: 5%;
    position: absolute;
    z-index: 50; }
  .crd--007 .crd-height--xxl .crd__header .info--primary {
    bottom: 35.2941%; }
    @media screen and (min-width: 440px) {
      .crd--007 .crd-height--xxl .crd__header .info--primary {
        bottom: 30.2941%; } }
    .crd--007 .crd-height--xxl .crd__header .info--primary a {
      color: #FFFFFF;
      font-size: 16px; }
      @media screen and (min-width: 440px) {
        .crd--007 .crd-height--xxl .crd__header .info--primary a {
          font-size: 12px;
          padding-top: 8px;
          display: block; } }
      @media screen and (min-width: 500px) {
        .crd--007 .crd-height--xxl .crd__header .info--primary a {
          font-size: 13px; } }
      @media screen and (min-width: 565px) {
        .crd--007 .crd-height--xxl .crd__header .info--primary a {
          font-size: 15px; } }
      @media screen and (min-width: 700px) {
        .crd--007 .crd-height--xxl .crd__header .info--primary a {
          font-size: 18px; } }
      @media screen and (min-width: 1680px) {
        .crd--007 .crd-height--xxl .crd__header .info--primary a {
          font-size: 20px; } }
  .crd--007 .crd-height--xxl .crd__header .info--secondary {
    font-style: italic;
    font-size: 12px;
    bottom: 11.764%; }
    @media screen and (min-width: 440px) {
      .crd--007 .crd-height--xxl .crd__header .info--secondary {
        font-size: 10px;
        bottom: 9.764%; } }
    @media screen and (min-width: 600px) {
      .crd--007 .crd-height--xxl .crd__header .info--secondary {
        font-size: 12px; } }
.crd--007 .crd-height--xxl .crd__main {
  position: absolute;
  top: 48.2269%;
  left: 0;
  height: 39%;
  width: 100%;
  overflow: hidden; }
  @media screen and (min-width: 700px) {
    .crd--007 .crd-height--xxl .crd__main {
      height: 40%; } }
  .crd--007 .crd-height--xxl .crd__main:after {
    content: '';
    height: 1em;
    display: block;
    position: absolute;
    width: 100%;
    bottom: 0;
    background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0.45) 0%, #FFFFFF 100%); }
  .crd--007 .crd-height--xxl .crd__main .info--type {
    font-style: italic;
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 3.3333%;
    padding-bottom: 3.3333%;
    margin-bottom: 0; }
    @media screen and (min-width: 440px) {
      .crd--007 .crd-height--xxl .crd__main .info--type {
        padding-top: 2%;
        padding-bottom: 2%;
        font-size: 10px; } }
    @media screen and (min-width: 700px) {
      .crd--007 .crd-height--xxl .crd__main .info--type {
        padding-top: 3.3333%;
        padding-bottom: 3.3333%;
        font-size: 12px; } }
  .crd--007 .crd-height--xxl .crd__main .info--tertiary {
    font-size: 12px;
    padding-left: 5%;
    padding-right: 5%; }
    @media screen and (min-width: 440px) {
      .crd--007 .crd-height--xxl .crd__main .info--tertiary {
        font-size: 10px; } }
    @media screen and (min-width: 700px) {
      .crd--007 .crd-height--xxl .crd__main .info--tertiary {
        font-size: 12px; } }
.crd--007 .crd-height--xxl .crd__footer {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 34px;
  width: 100%;
  padding-left: 5%;
  padding-right: 5%;
  display: flex; }
  @media screen and (min-width: 440px) {
    .crd--007 .crd-height--xxl .crd__footer {
      height: 18px; } }
  @media screen and (min-width: 480px) {
    .crd--007 .crd-height--xxl .crd__footer {
      height: 24px; } }
  @media screen and (min-width: 700px) {
    .crd--007 .crd-height--xxl .crd__footer {
      height: 34px; } }
  .crd--007 .crd-height--xxl .crd__footer .info--date {
    font-style: italic; }
  .crd--007 .crd-height--xxl .crd__footer button {
    background: none;
    color: #999; }
    .crd--007 .crd-height--xxl .crd__footer button i {
      font-size: 16px; }
  .crd--007 .crd-height--xxl .crd__footer i {
    background: none;
    color: #999;
    font-size: 16px; }

.crd--007 .crd-height--xl .crd__content {
  padding-left: 5%;
  padding-right: 5%; }

.crd--007 .crd-height--xl .crd__header {
  background-color: #ffffff;
  border-radius: 2px 2px 0 0;
  position: absolute;
  height: 48.2269%;
  width: 100%;
  top: 0;
  left: 0; }
  .crd--007 .crd-height--xl .crd__header .info--primary, .crd--007 .crd-height--xl .crd__header .info--secondary {
    color: #FFFFFF;
    padding-left: 5%;
    padding-right: 5%;
    position: absolute;
    z-index: 50; }
  .crd--007 .crd-height--xl .crd__header .info--primary {
    bottom: 35.2941%; }
    @media screen and (min-width: 440px) {
      .crd--007 .crd-height--xl .crd__header .info--primary {
        bottom: 20%; } }
    @media screen and (min-width: 530px) {
      .crd--007 .crd-height--xl .crd__header .info--primary {
        bottom: 28%; } }
    @media screen and (min-width: 565px) {
      .crd--007 .crd-height--xl .crd__header .info--primary {
        bottom: 25%; } }
    @media screen and (min-width: 590px) {
      .crd--007 .crd-height--xl .crd__header .info--primary {
        bottom: 29%; } }
    .crd--007 .crd-height--xl .crd__header .info--primary a {
      color: #FFFFFF;
      font-size: 14px; }
      @media screen and (min-width: 440px) {
        .crd--007 .crd-height--xl .crd__header .info--primary a {
          font-size: 10px;
          padding-top: 8px;
          display: block; } }
      @media screen and (min-width: 500px) {
        .crd--007 .crd-height--xl .crd__header .info--primary a {
          font-size: 12px; } }
      @media screen and (min-width: 565px) {
        .crd--007 .crd-height--xl .crd__header .info--primary a {
          font-size: 13px; } }
      @media screen and (min-width: 700px) {
        .crd--007 .crd-height--xl .crd__header .info--primary a {
          font-size: 16px; } }
      @media screen and (min-width: 900px) {
        .crd--007 .crd-height--xl .crd__header .info--primary a {
          font-size: 14px; } }
      @media screen and (min-width: 1280px) {
        .crd--007 .crd-height--xl .crd__header .info--primary a {
          font-size: 15px; } }
      @media screen and (min-width: 1500px) {
        .crd--007 .crd-height--xl .crd__header .info--primary a {
          font-size: 14px; } }
      @media screen and (min-width: 1700px) {
        .crd--007 .crd-height--xl .crd__header .info--primary a {
          font-size: 16px; } }
  .crd--007 .crd-height--xl .crd__header .info--secondary {
    font-style: italic;
    font-size: 12px;
    bottom: 11.764%; }
    @media screen and (min-width: 440px) {
      .crd--007 .crd-height--xl .crd__header .info--secondary {
        font-size: 10px;
        bottom: 0%; } }
    @media screen and (min-width: 440px) {
      .crd--007 .crd-height--xl .crd__header .info--secondary {
        bottom: 3%; } }
    @media screen and (min-width: 600px) {
      .crd--007 .crd-height--xl .crd__header .info--secondary {
        font-size: 12px;
        bottom: 9.764%; } }
.crd--007 .crd-height--xl .crd__main {
  position: absolute;
  top: 48.2269%;
  left: 0;
  height: 39%;
  width: 100%;
  overflow: hidden; }
  @media screen and (min-width: 700px) {
    .crd--007 .crd-height--xl .crd__main {
      height: 40%; } }
  .crd--007 .crd-height--xl .crd__main:after {
    content: '';
    height: 1em;
    display: block;
    position: absolute;
    width: 100%;
    bottom: 0;
    background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0.45) 0%, #FFFFFF 100%); }
  .crd--007 .crd-height--xl .crd__main .info--type {
    font-style: italic;
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 3.3333%;
    padding-bottom: 3.3333%;
    margin-bottom: 0; }
    @media screen and (min-width: 440px) {
      .crd--007 .crd-height--xl .crd__main .info--type {
        padding-top: 2%;
        padding-bottom: 2%;
        font-size: 10px; } }
    @media screen and (min-width: 700px) {
      .crd--007 .crd-height--xl .crd__main .info--type {
        padding-top: 3.3333%;
        padding-bottom: 3.3333%;
        font-size: 12px; } }
  .crd--007 .crd-height--xl .crd__main .info--tertiary {
    font-size: 12px;
    padding-left: 5%;
    padding-right: 5%; }
    @media screen and (min-width: 440px) {
      .crd--007 .crd-height--xl .crd__main .info--tertiary {
        font-size: 10px; } }
    @media screen and (min-width: 700px) {
      .crd--007 .crd-height--xl .crd__main .info--tertiary {
        font-size: 12px; } }
.crd--007 .crd-height--xl .crd__footer {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 34px;
  width: 100%;
  padding-left: 5%;
  padding-right: 5%;
  display: flex; }
  @media screen and (min-width: 440px) {
    .crd--007 .crd-height--xl .crd__footer {
      height: 18px; } }
  @media screen and (min-width: 480px) {
    .crd--007 .crd-height--xl .crd__footer {
      height: 24px; } }
  @media screen and (min-width: 700px) {
    .crd--007 .crd-height--xl .crd__footer {
      height: 34px; } }
  .crd--007 .crd-height--xl .crd__footer .info--date {
    font-style: italic; }
    @media screen and (min-width: 440px) {
      .crd--007 .crd-height--xl .crd__footer .info--date {
        font-size: 10px; } }
    @media screen and (min-width: 1024px) {
      .crd--007 .crd-height--xl .crd__footer .info--date {
        font-size: 12px; } }
  .crd--007 .crd-height--xl .crd__footer button {
    background: none;
    color: #999; }
    .crd--007 .crd-height--xl .crd__footer button i {
      font-size: 16px; }
  .crd--007 .crd-height--xl .crd__footer i {
    background: none;
    color: #999;
    font-size: 16px; }

.main--public-profile .crd--007 .crd-height--xxl .crd__content {
  padding-left: 5%;
  padding-right: 5%; }

.main--public-profile .crd--007 .crd-height--xxl .crd__header {
  background-color: #ffffff;
  border-radius: 2px 2px 0 0;
  position: absolute;
  height: 48.2269%;
  width: 100%;
  top: 0;
  left: 0; }
  .main--public-profile .crd--007 .crd-height--xxl .crd__header .info--primary, .main--public-profile .crd--007 .crd-height--xxl .crd__header .info--secondary {
    color: #FFFFFF;
    padding-left: 5%;
    padding-right: 5%;
    position: absolute;
    z-index: 50; }
  .main--public-profile .crd--007 .crd-height--xxl .crd__header .info--primary {
    bottom: 35.2941%; }
    @media screen and (min-width: 440px) {
      .main--public-profile .crd--007 .crd-height--xxl .crd__header .info--primary {
        bottom: 30.2941%; } }
    .main--public-profile .crd--007 .crd-height--xxl .crd__header .info--primary a {
      color: #FFFFFF;
      font-size: 16px; }
      @media screen and (min-width: 440px) {
        .main--public-profile .crd--007 .crd-height--xxl .crd__header .info--primary a {
          font-size: 12px;
          padding-top: 8px;
          display: block; } }
      @media screen and (min-width: 500px) {
        .main--public-profile .crd--007 .crd-height--xxl .crd__header .info--primary a {
          font-size: 13px; } }
      @media screen and (min-width: 565px) {
        .main--public-profile .crd--007 .crd-height--xxl .crd__header .info--primary a {
          font-size: 15px; } }
      @media screen and (min-width: 700px) {
        .main--public-profile .crd--007 .crd-height--xxl .crd__header .info--primary a {
          font-size: 18px; } }
      @media screen and (min-width: 900px) {
        .main--public-profile .crd--007 .crd-height--xxl .crd__header .info--primary a {
          font-size: 15px; } }
      @media screen and (min-width: 1024px) {
        .main--public-profile .crd--007 .crd-height--xxl .crd__header .info--primary a {
          font-size: 12px; } }
      @media screen and (min-width: 1024px) {
        .main--public-profile .crd--007 .crd-height--xxl .crd__header .info--primary a {
          font-size: 14px; } }
      @media screen and (min-width: 1440px) {
        .main--public-profile .crd--007 .crd-height--xxl .crd__header .info--primary a {
          font-size: 16px; } }
      @media screen and (min-width: 1500px) {
        .main--public-profile .crd--007 .crd-height--xxl .crd__header .info--primary a {
          font-size: 16px; } }
      @media screen and (min-width: 1680px) {
        .main--public-profile .crd--007 .crd-height--xxl .crd__header .info--primary a {
          font-size: 20px; } }
  .main--public-profile .crd--007 .crd-height--xxl .crd__header .info--secondary {
    font-style: italic;
    font-size: 12px;
    bottom: 11.764%; }
    @media screen and (min-width: 440px) {
      .main--public-profile .crd--007 .crd-height--xxl .crd__header .info--secondary {
        font-size: 10px;
        bottom: 9.764%; } }
    @media screen and (min-width: 600px) {
      .main--public-profile .crd--007 .crd-height--xxl .crd__header .info--secondary {
        font-size: 12px; } }
    @media screen and (min-width: 1024px) {
      .main--public-profile .crd--007 .crd-height--xxl .crd__header .info--secondary {
        font-size: 10px; } }
    @media screen and (min-width: 1241px) {
      .main--public-profile .crd--007 .crd-height--xxl .crd__header .info--secondary {
        font-size: 12px; } }
.main--public-profile .crd--007 .crd-height--xxl .crd__main {
  position: absolute;
  top: 48.2269%;
  left: 0;
  height: 39%;
  width: 100%;
  overflow: hidden; }
  @media screen and (min-width: 700px) {
    .main--public-profile .crd--007 .crd-height--xxl .crd__main {
      height: 40%; } }
  .main--public-profile .crd--007 .crd-height--xxl .crd__main:after {
    content: '';
    height: 1em;
    display: block;
    position: absolute;
    width: 100%;
    bottom: 0;
    background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0.45) 0%, #FFFFFF 100%); }
    @media screen and (min-width: 900px) {
      .main--public-profile .crd--007 .crd-height--xxl .crd__main:after {
        height: 1.4em; } }
  .main--public-profile .crd--007 .crd-height--xxl .crd__main .info--type {
    font-style: italic;
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 3.3333%;
    padding-bottom: 3.3333%;
    margin-bottom: 0; }
    @media screen and (min-width: 440px) {
      .main--public-profile .crd--007 .crd-height--xxl .crd__main .info--type {
        padding-top: 2%;
        padding-bottom: 2%;
        font-size: 10px; } }
    @media screen and (min-width: 700px) {
      .main--public-profile .crd--007 .crd-height--xxl .crd__main .info--type {
        padding-top: 3.3333%;
        padding-bottom: 3.3333%;
        font-size: 12px; } }
    @media screen and (min-width: 1024px) {
      .main--public-profile .crd--007 .crd-height--xxl .crd__main .info--type {
        font-size: 10px; } }
    @media screen and (min-width: 1241px) {
      .main--public-profile .crd--007 .crd-height--xxl .crd__main .info--type {
        font-size: 12px; } }
  .main--public-profile .crd--007 .crd-height--xxl .crd__main .info--tertiary {
    font-size: 12px;
    padding-left: 5%;
    padding-right: 5%; }
    @media screen and (min-width: 440px) {
      .main--public-profile .crd--007 .crd-height--xxl .crd__main .info--tertiary {
        font-size: 10px; } }
    @media screen and (min-width: 700px) {
      .main--public-profile .crd--007 .crd-height--xxl .crd__main .info--tertiary {
        font-size: 12px; } }
    @media screen and (min-width: 1024px) {
      .main--public-profile .crd--007 .crd-height--xxl .crd__main .info--tertiary {
        font-size: 11px; } }
    @media screen and (min-width: 1241px) {
      .main--public-profile .crd--007 .crd-height--xxl .crd__main .info--tertiary {
        font-size: 12px; } }
.main--public-profile .crd--007 .crd-height--xxl .crd__footer {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 34px;
  width: 100%;
  padding-left: 5%;
  padding-right: 5%;
  display: flex; }
  @media screen and (min-width: 440px) {
    .main--public-profile .crd--007 .crd-height--xxl .crd__footer {
      height: 18px; } }
  @media screen and (min-width: 480px) {
    .main--public-profile .crd--007 .crd-height--xxl .crd__footer {
      height: 24px; } }
  @media screen and (min-width: 700px) {
    .main--public-profile .crd--007 .crd-height--xxl .crd__footer {
      height: 34px; } }
  .main--public-profile .crd--007 .crd-height--xxl .crd__footer .info--date {
    font-style: italic; }
    @media screen and (min-width: 1024px) {
      .main--public-profile .crd--007 .crd-height--xxl .crd__footer .info--date {
        font-size: 10px; } }
  .main--public-profile .crd--007 .crd-height--xxl .crd__footer button {
    background: none;
    color: #999; }
    .main--public-profile .crd--007 .crd-height--xxl .crd__footer button i {
      font-size: 16px; }
  .main--public-profile .crd--007 .crd-height--xxl .crd__footer i {
    background: none;
    color: #999;
    font-size: 16px; }

.main--public-profile .crd--007 .crd-height--xl .crd__content {
  padding-left: 5%;
  padding-right: 5%; }

.main--public-profile .crd--007 .crd-height--xl .crd__header {
  background-color: #ffffff;
  border-radius: 2px 2px 0 0;
  position: absolute;
  height: 48.2269%;
  width: 100%;
  top: 0;
  left: 0; }
  .main--public-profile .crd--007 .crd-height--xl .crd__header .info--primary, .main--public-profile .crd--007 .crd-height--xl .crd__header .info--secondary {
    color: #FFFFFF;
    padding-left: 5%;
    padding-right: 5%;
    position: absolute;
    z-index: 50; }
  .main--public-profile .crd--007 .crd-height--xl .crd__header .info--primary {
    bottom: 35.2941%; }
    @media screen and (min-width: 440px) {
      .main--public-profile .crd--007 .crd-height--xl .crd__header .info--primary {
        bottom: 20%; } }
    @media screen and (min-width: 530px) {
      .main--public-profile .crd--007 .crd-height--xl .crd__header .info--primary {
        bottom: 28%; } }
    @media screen and (min-width: 565px) {
      .main--public-profile .crd--007 .crd-height--xl .crd__header .info--primary {
        bottom: 25%; } }
    @media screen and (min-width: 590px) {
      .main--public-profile .crd--007 .crd-height--xl .crd__header .info--primary {
        bottom: 29%; } }
    .main--public-profile .crd--007 .crd-height--xl .crd__header .info--primary a {
      color: #FFFFFF;
      font-size: 14px; }
      @media screen and (min-width: 440px) {
        .main--public-profile .crd--007 .crd-height--xl .crd__header .info--primary a {
          font-size: 10px;
          padding-top: 8px;
          display: block; } }
      @media screen and (min-width: 500px) {
        .main--public-profile .crd--007 .crd-height--xl .crd__header .info--primary a {
          font-size: 12px; } }
      @media screen and (min-width: 565px) {
        .main--public-profile .crd--007 .crd-height--xl .crd__header .info--primary a {
          font-size: 13px; } }
      @media screen and (min-width: 700px) {
        .main--public-profile .crd--007 .crd-height--xl .crd__header .info--primary a {
          font-size: 16px; } }
      @media screen and (min-width: 900px) {
        .main--public-profile .crd--007 .crd-height--xl .crd__header .info--primary a {
          font-size: 14px; } }
      @media screen and (min-width: 1280px) {
        .main--public-profile .crd--007 .crd-height--xl .crd__header .info--primary a {
          font-size: 15px; } }
      @media screen and (min-width: 1500px) {
        .main--public-profile .crd--007 .crd-height--xl .crd__header .info--primary a {
          font-size: 14px; } }
      @media screen and (min-width: 1700px) {
        .main--public-profile .crd--007 .crd-height--xl .crd__header .info--primary a {
          font-size: 16px; } }
  .main--public-profile .crd--007 .crd-height--xl .crd__header .info--secondary {
    font-style: italic;
    font-size: 12px;
    bottom: 11.764%; }
    @media screen and (min-width: 440px) {
      .main--public-profile .crd--007 .crd-height--xl .crd__header .info--secondary {
        font-size: 10px;
        bottom: 0%; } }
    @media screen and (min-width: 440px) {
      .main--public-profile .crd--007 .crd-height--xl .crd__header .info--secondary {
        bottom: 3%; } }
    @media screen and (min-width: 600px) {
      .main--public-profile .crd--007 .crd-height--xl .crd__header .info--secondary {
        font-size: 12px;
        bottom: 9.764%; } }
.main--public-profile .crd--007 .crd-height--xl .crd__main {
  position: absolute;
  top: 48.2269%;
  left: 0;
  height: 39%;
  width: 100%;
  overflow: hidden; }
  @media screen and (min-width: 700px) {
    .main--public-profile .crd--007 .crd-height--xl .crd__main {
      height: 40%; } }
  .main--public-profile .crd--007 .crd-height--xl .crd__main:after {
    content: '';
    height: 1em;
    display: block;
    position: absolute;
    width: 100%;
    bottom: 0;
    background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0.45) 0%, #FFFFFF 100%); }
  .main--public-profile .crd--007 .crd-height--xl .crd__main .info--type {
    font-style: italic;
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 3.3333%;
    padding-bottom: 3.3333%;
    margin-bottom: 0; }
    @media screen and (min-width: 440px) {
      .main--public-profile .crd--007 .crd-height--xl .crd__main .info--type {
        padding-top: 2%;
        padding-bottom: 2%;
        font-size: 10px; } }
    @media screen and (min-width: 700px) {
      .main--public-profile .crd--007 .crd-height--xl .crd__main .info--type {
        padding-top: 3.3333%;
        padding-bottom: 3.3333%;
        font-size: 12px; } }
  .main--public-profile .crd--007 .crd-height--xl .crd__main .info--tertiary {
    font-size: 12px;
    padding-left: 5%;
    padding-right: 5%; }
    @media screen and (min-width: 440px) {
      .main--public-profile .crd--007 .crd-height--xl .crd__main .info--tertiary {
        font-size: 10px; } }
    @media screen and (min-width: 700px) {
      .main--public-profile .crd--007 .crd-height--xl .crd__main .info--tertiary {
        font-size: 12px; } }
.main--public-profile .crd--007 .crd-height--xl .crd__footer {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 34px;
  width: 100%;
  padding-left: 5%;
  padding-right: 5%;
  display: flex; }
  @media screen and (min-width: 440px) {
    .main--public-profile .crd--007 .crd-height--xl .crd__footer {
      height: 18px; } }
  @media screen and (min-width: 480px) {
    .main--public-profile .crd--007 .crd-height--xl .crd__footer {
      height: 24px; } }
  @media screen and (min-width: 700px) {
    .main--public-profile .crd--007 .crd-height--xl .crd__footer {
      height: 34px; } }
  .main--public-profile .crd--007 .crd-height--xl .crd__footer .info--date {
    font-style: italic; }
    @media screen and (min-width: 440px) {
      .main--public-profile .crd--007 .crd-height--xl .crd__footer .info--date {
        font-size: 10px; } }
    @media screen and (min-width: 1024px) {
      .main--public-profile .crd--007 .crd-height--xl .crd__footer .info--date {
        font-size: 12px; } }
  .main--public-profile .crd--007 .crd-height--xl .crd__footer button {
    background: none;
    color: #999; }
    .main--public-profile .crd--007 .crd-height--xl .crd__footer button i {
      font-size: 16px; }
  .main--public-profile .crd--007 .crd-height--xl .crd__footer i {
    background: none;
    color: #999;
    font-size: 16px; }

.crd .heading--banner {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px; }

.crd.is--schedule .crd__footer {
  position: absolute;
  bottom: 8px;
  bottom: 0;
  left: 0px;
  width: calc(100%); }
  .crd.is--schedule .crd__footer button {
    width: 100%;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    box-shadow: 0px -4px 12px -2px rgba(0, 0, 0, 0.2); }

.crd.is--todo .list__schedule {
  left: 8px;
  padding-left: 16px; }
  .crd.is--todo .list__schedule:after {
    left: 11px;
    display: none; }

.crd.is--todo .list__schedule__item.is--completed:after {
  color: #cc0000;
  content: '\E834'; }

.crd.is--todo .list__schedule__item {
  position: relative;
  padding-left: 16px; }
  .crd.is--todo .list__schedule__item:after {
    font-family: 'Material Icons';
    content: '\E835';
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    background: #fff;
    left: -12px;
    top: 24px;
    color: #e1e1e1;
    z-index: 2; }

.crd.is--todo .list__schedule__content {
  width: 100%;
  min-width: 100%;
  flex-basis: 100%; }

.crd.is--todo .list__schedule__title {
  width: 90%; }

.list__schedule {
  display: flex;
  margin: 0;
  padding: 0;
  overflow-y: auto;
  right: 8px;
  padding: 8px 8px 0px 0px;
  flex-direction: column; }

.list__schedule__item {
  display: flex;
  height: 60px;
  min-height: 60px;
  max-height: 60px;
  width: 100%;
  flex-basis: 100%;
  min-width: 100%;
  max-width: 100%;
  margin-bottom: 16px; }

.list__schedule__date {
  width: 56px;
  flex-basis: 56px;
  min-width: 56px;
  max-width: 56px;
  font-size: 10px;
  font-weight: bold;
  text-align: right;
  padding-right: 22px;
  text-transform: uppercase;
  position: relative; }
  .list__schedule__date:after {
    content: '';
    display: block;
    position: absolute;
    width: 8px;
    height: 8px;
    background: #e1e1e1;
    left: 41px;
    top: 5px;
    border-radius: 50%; }

.list__schedule__content {
  display: flex;
  flex-basis: calc(100% - 52px);
  min-width: calc(100% - 52px); }

.list__schedule__category {
  width: 60px;
  background: #cc0000;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: bold;
  justify-content: center;
  padding: 4px 0px 0px 0px;
  flex-basis: 60px;
  min-width: 60px; }

.list__schedule__category.is--appt {
  background: #77BEC5; }

.list__schedule__category.is--evt {
  background: #89BEF7; }

.list__schedule__abbrev {
  width: 100%;
  text-align: center;
  padding: 2px 0px; }

.list__schedule__title {
  background: #fff;
  font-size: 12px;
  width: 77%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 8px;
  font-weight: bold;
  color: #777; }

.list__schedule__title__link {
  width: 88%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: inherit; }

.list__schedule__subtitle {
  width: 88%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.crd.is--todo .crd__footer {
  position: absolute;
  bottom: 8px;
  bottom: 0;
  left: 0px;
  width: calc(100%); }
  .crd.is--todo .crd__footer button {
    width: 100%;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    box-shadow: 0px -4px 12px -2px rgba(0, 0, 0, 0.2); }

.crd--008.is--grid .crd__header {
  position: absolute;
  height: 50%;
  background: #FFFFFF;
  left: 0;
  top: 0;
  right: 0;
  padding: 8px 8px 0px 8px; }

.crd--008.is--grid .crd__main {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
  background: #FFFFFF;
  display: flex;
  padding: 8px;
  justify-content: space-between; }
  .crd--008.is--grid .crd__main__half {
    flex-basis: calc(50% - 4px);
    background: #f9f9f9;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
    .crd--008.is--grid .crd__main__half .one {
      order: 2; }
    .crd--008.is--grid .crd__main__half .two {
      order: 1; }
    .crd--008.is--grid .crd__main__half .three {
      order: 3; }
    .crd--008.is--grid .crd__main__half .one.success {
      color: #cc0000; }
    .crd--008.is--grid .crd__main__half .two.success {
      color: #cc0000; }
    .crd--008.is--grid .crd__main__half .three.success {
      color: #cc0000; }
    .crd--008.is--grid .crd__main__half .one.warning {
      color: #FF9000; }
    .crd--008.is--grid .crd__main__half .two.warning {
      color: #FF9000; }
    .crd--008.is--grid .crd__main__half .three.warning {
      color: #FF9000; }
    .crd--008.is--grid .crd__main__half .one.error {
      color: #ED4747; }
    .crd--008.is--grid .crd__main__half .two.error {
      color: #ED4747; }
    .crd--008.is--grid .crd__main__half .three.error {
      color: #ED4747; }

.crd--008.is--grid .crd--008__type {
  border-radius: 2px;
  padding: 2px 4px;
  font-size: 10px;
  display: inline-block;
  background: #cc0000 #cc0000;
  color: #FFFFFF #FFFFFF; }

.crd--008.is--grid .crd--008__positions {
  border-radius: 2px;
  padding: 2px 4px;
  font-size: 10px;
  display: inline-block;
  background: #D8D8D8; }

.crd--008.is--grid .crd--008__company-location {
  margin-bottom: 8px; }
  .crd--008.is--grid .crd--008__company-location__container {
    display: inline-flex;
    font-weight: initial; }
    .crd--008.is--grid .crd--008__company-location__container .company {
      margin-right: 4px; }
    .crd--008.is--grid .crd--008__company-location__container i {
      font-size: 12px; }

.crd--008.is--grid .crd--008__sector, .crd--008.is--grid .crd--008__source, .crd--008.is--grid .crd--008__status {
  font-size: 12px;
  display: block;
  margin-bottom: 8px; }

.crd--008.is--grid .crd--008__status__container {
  display: inline-flex;
  align-items: center; }

.crd--008.is--grid .crd--008__status__label {
  margin-right: 4px;
  font-weight: initial; }

.crd--008.is--grid .crd--008__status__icon {
  font-size: 12px;
  font-weight: bold; }

.crd--008.is--grid .crd--008__status__icon.success {
  color: #cc0000; }

.crd--008.is--grid .crd--008__status__icon.pending {
  color: #FF9000; }

.crd--008.is--grid .crd--008__status__icon.declined {
  color: #ED4747; }

.crd--008.is--grid .crd--008__status__value {
  font-weight: bold; }

.crd--008.is--grid .crd--008__status__value.success {
  color: #cc0000; }

.crd--008.is--grid .crd--008__status__value.pending {
  color: #FF9000; }

.crd--008.is--grid .crd--008__status__value.declined {
  color: #ED4747; }

.crd--008.is--grid .crd__footer {
  position: absolute;
  bottom: 50%;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  padding: 4px 8px; }
  .crd--008.is--grid .crd__footer i {
    font-size: 12px; }
  .crd--008.is--grid .crd__footer .deadline__label {
    margin-bottom: 0;
    margin-left: 4px;
    font-weight: initial;
    font-size: 12px; }
  .crd--008.is--grid .crd__footer .deadline__value {
    font-weight: bold;
    font-size: 12px; }

.crd--008.is--grid .source__participant {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  padding: 4px 8px;
  font-size: 12px; }
  .crd--008.is--grid .source__participant i {
    font-size: 12px;
    margin-right: 4px; }
  .crd--008.is--grid .source__participant span {
    margin-right: 4px; }

.is--list.crd--008 {
  margin-bottom: 16px !important; }
  .is--list.crd--008 .crd__main__half {
    font-size: 12px;
    display: flex;
    align-items: center;
    margin-bottom: 8px; }
    .is--list.crd--008 .crd__main__half .one {
      margin-right: 4px; }
    .is--list.crd--008 .crd__main__half .two {
      font-size: 12px;
      margin-right: 4px; }
    .is--list.crd--008 .crd__main__half .three {
      margin-right: 4px; }
    .is--list.crd--008 .crd__main__half .one.success {
      color: #cc0000; }
    .is--list.crd--008 .crd__main__half .two.success {
      color: #cc0000; }
    .is--list.crd--008 .crd__main__half .three.success {
      color: #cc0000; }
    .is--list.crd--008 .crd__main__half .one.warning {
      color: #FF9000; }
    .is--list.crd--008 .crd__main__half .two.warning {
      color: #FF9000; }
    .is--list.crd--008 .crd__main__half .three.warning {
      color: #FF9000; }
    .is--list.crd--008 .crd__main__half .one.error {
      color: #ED4747; }
    .is--list.crd--008 .crd__main__half .two.error {
      color: #ED4747; }
    .is--list.crd--008 .crd__main__half .three.error {
      color: #ED4747; }
  .is--list.crd--008 .crd--008__type {
    border-radius: 2px;
    padding: 2px 4px;
    font-size: 10px;
    display: inline-block;
    background: #cc0000 #cc0000;
    color: #FFFFFF #FFFFFF; }
  .is--list.crd--008 .crd--008__positions {
    border-radius: 2px;
    padding: 2px 4px;
    font-size: 10px;
    display: inline-block;
    background: #D8D8D8; }
  .is--list.crd--008 .crd--008__company-location {
    margin-bottom: 8px; }
    .is--list.crd--008 .crd--008__company-location__container {
      display: inline-flex;
      font-weight: initial; }
      .is--list.crd--008 .crd--008__company-location__container .company {
        margin-right: 4px; }
      .is--list.crd--008 .crd--008__company-location__container i {
        font-size: 12px; }
  .is--list.crd--008 .crd--008__sector {
    font-size: 12px;
    display: block;
    margin-bottom: 8px; }
  .is--list.crd--008 .crd--008__source {
    font-size: 12px;
    display: block;
    margin-bottom: 8px; }
  .is--list.crd--008 .crd--008__status {
    font-size: 12px;
    display: block;
    margin-bottom: 8px; }
    .is--list.crd--008 .crd--008__status__container {
      display: inline-flex;
      align-items: center; }
    .is--list.crd--008 .crd--008__status__label {
      margin-right: 4px;
      font-weight: initial; }
    .is--list.crd--008 .crd--008__status__icon {
      font-size: 12px;
      font-weight: bold; }
    .is--list.crd--008 .crd--008__status__icon.success {
      color: #cc0000; }
    .is--list.crd--008 .crd--008__status__icon.pending {
      color: #FF9000; }
    .is--list.crd--008 .crd--008__status__icon.declined {
      color: #ED4747; }
    .is--list.crd--008 .crd--008__status__value {
      font-weight: bold; }
    .is--list.crd--008 .crd--008__status__value.success {
      color: #cc0000; }
    .is--list.crd--008 .crd--008__status__value.pending {
      color: #FF9000; }
    .is--list.crd--008 .crd--008__status__value.declined {
      color: #ED4747; }
  .is--list.crd--008 .crd__footer {
    display: flex;
    align-items: center; }
    .is--list.crd--008 .crd__footer i {
      font-size: 12px; }
    .is--list.crd--008 .crd__footer .deadline__label {
      margin-bottom: 0;
      margin-left: 4px;
      font-weight: initial;
      font-size: 12px; }
    .is--list.crd--008 .crd__footer .deadline__value {
      font-weight: bold;
      font-size: 12px; }
  .is--list.crd--008 .source__participant {
    display: flex;
    align-items: center;
    font-size: 12px;
    margin-bottom: 8px; }
    .is--list.crd--008 .source__participant i {
      font-size: 12px;
      margin-right: 4px; }
    .is--list.crd--008 .source__participant span {
      margin-right: 4px; }

.card--key-value {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: #FFFFFF;
  width: 100%; }
  @media screen and (min-width: 769px) {
    .card--key-value {
      width: 200px;
      min-height: 150px; } }
  .card--key-value__header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 8px; }
    .card--key-value__header button {
      padding: 0; }
      .card--key-value__header button:hover {
        background: #FFFFFF #FFFFFF #fff !important; }
  .card--key-value__body {
    padding: 8px;
    display: flex;
    flex-direction: column-reverse; }
    .card--key-value__body span {
      text-align: center; }
  .card--key-value__footer button {
    width: 100%;
    border-radius: 0px; }

.crd--more__body
span, .crd--more__body li, .crd--more__body p, .crd--more__body a {
  font-size: 16px !important;
  line-height: 1.4 !important;
  font-family: inherit !important; }

.crd--more__body
span, .crd--more__body li, .crd--more__body p {
  color: inherit !important; }

.sentiment {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .sentiment i.material-icons {
    font-size: 72px; }
  .sentiment__bar {
    width: 156px;
    height: 8px;
    background: #D8D8D8;
    border-radius: 4px;
    position: relative; }
    .sentiment__bar.is--full-width {
      width: 100%; }
  .sentiment__marker {
    height: 24px;
    border-radius: 12px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    background: #ED4747;
    font-size: 12px;
    font-weight: bold;
    top: calc(-50% - 4px); }

.survey-result__item {
  padding: 48px;
  display: flex;
  justify-content: center;
  align-items: center; }
  .survey-result__item:nth-of-type(odd) {
    background: #FFFFFF; }

.survey-result__question-group {
  max-width: 600px; }
  @media screen and (min-width: 1024px) {
    .survey-result__question-group {
      min-width: 600px; } }
.survey-result__question {
  font-size: 24px; }
  .survey-result__question span {
    font-weight: bold; }
  .survey-result__question--sub {
    font-size: 16px; }
    .survey-result__question--sub span {
      font-weight: bold; }

.survey-result__answers {
  margin-top: 16px; }
  .survey-result__answers--single i.material-icons {
    font-size: 96px; }
  .survey-result__answers--single.is--not--applicable button {
    margin-top: 16px; }

.survey-result__value {
  font-weight: bold;
  font-size: 32px; }
  .survey-result__value span {
    font-size: 16px; }

.survey-result__btn--answer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0);
  transition: all 300ms ease-out;
  cursor: pointer;
  border-radius: 16px;
  padding: 8px; }
  .survey-result__btn--answer .is--text {
    font-size: 48px; }
  .survey-result__btn--answer * {
    transform: translatey(0px);
    transition: all 300ms ease-out; }
  .survey-result__btn--answer:hover {
    background: rgba(0, 0, 0, 0.1);
    transition: all 300ms ease-out; }
    .survey-result__btn--answer:hover * {
      transform: translatey(-4px);
      transition: all 300ms ease-out;
      color: #232323; }

.defy--padding--sidebar {
  width: calc(100% + 32px);
  transform: translatex(-16px); }
  .defy--padding--sidebar.also--top {
    transform: translate(-16px, -8px); }

.card--survey__group.no--white--bg .card--survey {
  background: #f8f8f8 !important; }

.card--survey {
  display: flex;
  align-items: stretch;
  border-bottom: 1px solid #000000; }
  .card--survey__left {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #d8d8d8;
    border-radius: 12px;
    padding: 8px;
    margin-right: 8px;
    width: 64px;
    min-width: 64px; }
    .card--survey__left i {
      font-size: 24px; }
  .card--survey__right {
    display: flex;
    flex-direction: column;
    justify-content: center; }

.card--survey:nth-of-type(odd) {
  background: #e8e8e8 !important; }

.insights--header--container {
  position: relative;
  width: 100%;
  height: 576px;
  background: linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0) 180%); }

.insights--cardstack {
  display: flex;
  position: absolute;
  width: 543px;
  height: 420px;
  top: 74px;
  left: 39px;
  z-index: 1; }

.insight-card {
  position: relative;
  background: linear-gradient(103.43deg, #333333 47.43%, #232323 97.93%);
  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.25);
  border-radius: 16px;
  font-family: "Noto Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
  color: #FFFFFF; }

.card--stacked {
  width: 300px;
  height: 420px;
  border-radius: 24px;
  box-shadow: 4px 4px 15px 2px rgba(0, 0, 0, 0.75);
  margin-right: -7rem;
  transition: 0.2s; }

.card--stacked:not(:first-child) {
  margin-left: -5rem; }

.card--stacked:hover {
  transform: translateY(-1rem);
  z-index: 6 !important; }

.insights--cardstack .insight-card.card--stacked:nth-of-type(1) {
  z-index: 5;
  background: #232323; }

.insights--cardstack .insight-card.card--stacked:nth-of-type(2) {
  z-index: 4;
  background: #444444; }

.insights--cardstack .insight-card.card--stacked:nth-of-type(3) {
  z-index: 3;
  background: #333333; }

.insights--cardstack .insight-card.card--stacked:nth-of-type(4) {
  z-index: 2;
  background: #333333; }

.insights--cardstack .insight-card.card--stacked:nth-of-type(5) {
  z-index: 1;
  background: #222222; }

.card--small--square {
  width: 144px;
  height: 144px; }

.card--small--banner {
  min-width: 144px;
  width: 144px;
  max-width: 144px;
  height: 64px; }

.card--medium--square {
  width: 304px;
  height: 304px; }

.card--large--square {
  width: 624px;
  height: 624px; }

.card--vertical--rectangle {
  width: 304px;
  height: 624px; }

.card--wide--banner {
  width: 304px;
  height: 144px; }

.insight-card--content-container {
  display: flex;
  flex-direction: column; }

.card-stat {
  display: flex;
  justify-content: center; }

.insight-card--footer {
  position: absolute;
  width: 144px;
  height: 32px;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0px 0px 16px 16px;
  text-align: center;
  bottom: 0;
  left: 0; }

.font-size--large {
  font-size: 74px; }

.font-size--medium-large {
  font-size: 58px; }

.font-size--medium {
  font-size: 34px; }

.font-size--small-medium {
  font-size: 18px; }

.font-size--small {
  font-size: 10px; }

.insight-btn--menu {
  position: absolute;
  background-color: rgba(0, 0, 255, 0);
  color: #FFFFFF;
  top: 8px;
  right: 8px; }

.vertical-center {
  position: relative;
  margin: 0;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

.select-item {
  background: rgba(0, 0, 0, 0.4);
  color: #FFFFFF;
  width: 150px;
  border: none; }

.background--transparent {
  background-color: transparent; }

.trending--up {
  color: #27E0D2; }

.trending--down {
  color: #ff3333; }

.dropdown {
  position: absolute;
  display: inline-block;
  padding: 16px; }

.dropdown-content {
  display: none;
  padding: 16px;
  position: relative;
  width: 144px;
  height: 256px;
  background: #505050;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  z-index: 1; }

.dropdown-content a {
  color: #FFFFFF;
  padding: 12px 16px;
  text-decoration: none;
  display: block; }

.show {
  display: block; }

.card-group--horizontal {
  width: calc(100% + 32px);
  transform: translatex(-16px);
  max-width: calc(100% + 32px);
  overflow: hidden;
  padding: 32px 0; }
  .card-group--horizontal.has--bg {
    background: #e3e3e3; }
  .card-group--horizontal.is--full-width {
    transform: translatex(-32px); }
  .card-group--horizontal.in--doc-viewer {
    width: calc(100% + 96px);
    transform: translatex(-48px);
    max-width: calc(100% + 96px); }

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

.card--round {
  border-radius: 16px;
  background: #FFFFFF;
  padding: 8px;
  margin-right: 32px; }
  .card--round.is--fullcard .card--round__top::after {
    display: none; }
  .card--round.has--description .card--round__top {
    height: 150px; }
    .card--round.has--description .card--round__top::after {
      height: 150px; }
  .card--round.has--description .card--round__bottom {
    height: 191px; }
  .card--round.is--welcome {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center; }
  .card--round.is--big {
    min-width: 304px;
    width: 304px;
    min-height: 354px;
    height: auto; }
  .card--round__top {
    border-radius: 12px;
    background: #f1f1f1;
    height: 174px;
    width: 100%; }
    .card--round__top::after {
      content: "";
      display: block;
      z-index: 2;
      position: absolute;
      top: 0px;
      left: 0;
      width: 288px;
      height: 174px;
      border-radius: inherit;
      background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #000000 100%); }
    .card--round__top.no--background::after {
      background: none; }
  .card--round__background--img {
    object-fit: cover;
    height: 100%;
    border-radius: inherit;
    position: relative;
    z-index: 1; }
  .card--round__background--color {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #000000 100%), #4D4D4D; }
    .card--round__background--color > i {
      font-size: 96px; }
  .card--round__top-metadata {
    position: absolute;
    bottom: 8px;
    left: 8px;
    right: 8px;
    z-index: 3;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    color: white; }
    .card--round__top-metadata > span {
      display: flex;
      align-items: center; }
  .card--round__logo {
    background: #FFFFFF;
    width: 108px;
    height: 48px;
    border-radius: 24px;
    padding: 0 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #505050;
    font-size: 12px;
    font-weight: bold;
    line-height: 14px; }
    .card--round__logo img {
      max-width: 100%;
      height: 40px;
      max-height: 40px; }
  .card--round__bottom {
    padding: 8px;
    height: 164px; }
  .card--round__bottom-group {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: space-between; }

.stat-cloud {
  padding: 24px 0; }

.nav-pill {
  height: 72px;
  border-radius: 36px;
  background: #000000;
  padding: 0 16px;
  display: flex;
  align-items: center;
  position: fixed;
  bottom: 24px;
  left: calc(50% - 100px);
  z-index: 1111;
  width: 200px;
  justify-content: space-between; }
  .nav-pill.adjust-for-side-nav {
    left: 50%; }
  .nav-pill button {
    height: 56px !important;
    width: 56px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    justify-content: center; }

.logo--card--welcome {
  width: 64px; }

.overlay--welcome {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(180deg, rgba(35, 35, 35, 0.75) 0%, #232323 100%);
  z-index: 9999999999999; }
  @media screen and (min-width: 768px) {
    .overlay--welcome {
      background: linear-gradient(180deg, rgba(35, 35, 35, 0.75) 0%, #232323 100%); } }
  .overlay--welcome__content {
    background: #EA0029; }
    @media screen and (max-width: 767px) {
      .overlay--welcome__content {
        min-height: 100vh;
        max-height: 100vh; } }
    @media screen and (min-width: 768px) {
      .overlay--welcome__content {
        border-radius: 24px;
        min-width: 600px;
        max-width: 664px;
        min-height: 66vh; } }
  .overlay--welcome__img {
    max-width: 200px;
    z-index: 0; }
    @media screen and (min-width: 768px) {
      .overlay--welcome__img {
        max-width: 200px; } }
  .overlay--welcome.is--hidden {
    display: none; }
  .overlay--welcome__nav {
    display: block;
    display: flex;
    flex-direction: column;
    align-items: flex-start; }
    @media screen and (min-width: 768px) {
      .overlay--welcome__nav {
        display: flex;
        flex-direction: column;
        align-items: flex-start; } }
  @media screen and (min-width: 768px) {
    .overlay--welcome__title {
      font-size: 48px; } }
  @media screen and (min-width: 768px) {
    .overlay--welcome__subtitle {
      font-size: 24px; } }
  .overlay--welcome__btn--close {
    right: 8px;
    top: 8px; }
  .overlay--welcome__btn--action {
    height: 48px;
    border-radius: 24px;
    background: #232323;
    color: #fff;
    border: none;
    padding: 0;
    padding: 0 16px;
    max-width: 288px;
    font-size: 12px;
    text-transform: none; }
    .overlay--welcome__btn--action.is--stand-out {
      background: #FFFFFF;
      color: #232323 !important;
      display: flex;
      align-items: center;
      font-weight: bold; }

.hero-search {
  background: #232323; }

.hero-search__btn--search {
  height: 48px;
  width: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 24px; }

.input--box.is--hero.hero-search__input {
  height: 64px;
  border-radius: 32px;
  margin-bottom: 16px; }

.list-card {
  padding: 8px !important;
  border-radius: 16px !important;
  box-shadow: none !important; }
  .list-card__img-container {
    border-radius: 12px; }

.ec-transcript .dashboard-header__profile-widget-image {
  width: 88px;
  height: 88px;
  display: flex;
  align-items: center;
  justify-content: center; }

.ec-transcript .icon-only-btn {
  order: 2;
  color: #fff;
  background: none;
  border: 0px solid white;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  transition: all 200ms ease; }

.ec-transcript .icon-only-btn:hover,
.ec-transcript .icon-only-btn:focus {
  border: 8px solid white;
  transition: all 200ms ease; }

.ec-transcript .dashboard-header__profile-widget__btn--more {
  width: 32px;
  height: 32px;
  background: white;
  color: rgba(0, 0, 0, 0.8);
  border-radius: 16px;
  position: absolute;
  bottom: -8px;
  right: -12px;
  transform: scale(1);
  transition: all 200ms ease; }

.ec-transcript .dashboard-header__profile-widget__btn--more:hover,
.ec-transcript .dashboard-header__profile-widget__btn--more:focus {
  transform: scale(1.5);
  transition: all 200ms ease; }

.ec-transcript .dashboard-header__profile-information-name-content {
  flex-grow: 1; }

.ec-transcript .object--cover {
  width: 100%;
  height: 100%;
  object-fit: cover; }

.ec-transcript .dashboard-header__profile-widget-image-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 100%; }

.ec-transcript .ui--user-profile-header .dashboard-header__profile-widget-image.no--image {
  border: none; }

.ec-transcript .border-radius--circle {
  border-radius: 16px !important;
  padding: 4px 16px 4px 8px !important; }

.ec-transcript .experiential--time-tracking--time-container .experiential--time-tracking--bar.border-radius--circle {
  border-radius: 30px !important;
  padding: 0 16px !important;
  height: 60px; }

.ec-transcript .experiential--time-tracking--time-container .experiential--time-tracking--bar.border-radius--circle.is--active {
  background: #232323 !important;
  color: white !important;
  border: 2px solid white; }

.ec-transcript .experiential--badges--badge-container {
  list-style-type: none;
  padding-left: 0;
  max-width: 1104px;
  overflow-x: auto; }

.ec-transcript .experiential--badges--badge-container.restrict--width {
  white-space: nowrap;
  width: 100%;
  max-width: unset;
  margin-top: 0;
  /*padding-top: 24px;*/ }

.ec-transcript .experiential--badge {
  position: relative;
  border-radius: 50%;
  margin: 0 28px 8px 28px;
  display: inline-block; }

.ec-transcript .experiential--badge:focus {
  box-shadow: 0 0 0 4px black;
  outline: 0; }

.ec-transcript .experiential--badge--medium {
  min-width: 128px;
  width: 128px;
  height: 128px; }

.ec-transcript .experiential--badge--small {
  width: 64px;
  height: 64px; }

.ec-transcript .experiential--time-tracking {
  display: flex; }

.ec-transcript .experiential--time-tracking--expand i {
  transition: all 0.3s ease-out; }

.ec-transcript .expanded .experiential--time-tracking--expand i {
  transform: rotate(180deg); }

.ec-transcript .experiential--time-tracking--total-bar {
  padding: 0 16px;
  height: 60px !important;
  border-radius: 30px !important;
  margin-left: 8px; }

.ec-transcript .experiential--time-tracking--time-container {
  flex-grow: 1;
  display: flex;
  list-style-type: none;
  padding-left: 0;
  margin: 0; }

.ec-transcript .experiential--time-tracking--bar {
  width: calc(100% - 10px);
  /* width needs to be figured out in javascript */
  margin: 0 5px;
  position: relative;
  display: flex;
  align-items: center;
  text-align: center; }

.ec-transcript .experiential--time-tracking--bar--icon {
  position: absolute;
  width: 48px;
  height: 48px;
  left: calc(50% - 24px); }

.ec-transcript .experiential--time-tracking--bar--icon i {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0 !important;
  left: calc(50% - 24px);
  top: -60px; }

.ec-transcript .experiential--time-tracking--bar--content h2 {
  transition: height 0.3s ease-out;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 0; }

.ec-transcript .experiential--time-tracking--bar--content span {
  font-weight: normal;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.ec-transcript .expanded .experiential--time-tracking--bar--content h2 {
  height: 20px; }

.ec-transcript .expanded .experiential--time-tracking--bar--content span {
  font-weight: normal; }

.ec-transcript .experiential--time-tracking--bar--icon i:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 0;
  border: 12px solid transparent;
  border-top-color: #888;
  border-bottom: 0;
  margin-left: -12px;
  margin-bottom: -12px; }

.ec-transcript .experiential--time-tracking-mobile--bar--content {
  flex-grow: 1;
  text-align: left; }

.ec-transcript .experiential--time-tracking-mobile--bar--content span {
  font-weight: normal; }

.ec-transcript .experiential--time-tracking-mobile--bar--icon {
  width: 48px;
  height: 48px; }

.ec-transcript .experiential--time-tracking-mobile--stat-container {
  width: 100%; }

.ec-transcript .experiential--time-tracking-mobile--bar {
  height: 24px;
  background-color: #C4C4C4; }

@media screen and (max-width: 768px) {
  .ec-transcript .experiential--time-tracking {
    display: none; }
  .ec-transcript .experiential--time-tracking-mobile {
    display: flex; } }

@media screen and (min-width: 769px) {
  .ec-transcript .experiential--time-tracking {
    display: flex; }
  .ec-transcript .experiential--time-tracking-mobile {
    display: none; } }

.ec-transcript .experiential--time-tracking-mobile--time-container {
  height: 0;
  overflow: hidden;
  transition: height 0.3s ease-out; }

.ec-transcript .experiential--time-tracking-mobile--time-container.is--expanded {
  height: auto; }

.ec-transcript .dashboard-header {
  flex-direction: column;
  width: 100% !important;
  transform: none; }

.ec-transcript .dashboard-header__profile-information {
  max-width: none; }

@media screen and (max-width: 768px) {
  .ec-transcript .ui--user-profile-header {
    justify-content: center; }
  .ec-transcript .dashboard-header__container--primary > div {
    flex-direction: column;
    text-align: center; }
  .ec-transcript .dashboard-header__container--primary h1 {
    justify-content: center; }
  .ec-transcript .dashboard-header__container--primary h2 {
    text-align: center; }
  .ec-transcript .dashboard-header__profile-information-name-content {
    flex-grow: unset; }
  .ec-transcript .experiential--actions-container {
    justify-content: center; } }

.ec-transcript .text--uppercase {
  text-transform: uppercase; }

.ec-transcript .badge-sidebar--header {
  align-items: center; }

.ec-transcript .badge--remove,
.ec-transcript .tag--remove,
.ec-transcript .card--remove {
  position: absolute;
  transition: all 0.3s ease-out;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  z-index: 2; }

.ec-transcript .badge--remove {
  right: -24px;
  top: -24px; }

.ec-transcript .tag--remove {
  right: -6px;
  top: -12px; }

.ec-transcript .badge--remove:focus,
.ec-transcript .tag--remove:focus,
.ec-transcript .card--remove:focus {
  outline: 0;
  box-shadow: 0 0 0 2px black; }

.ec-transcript .card--remove {
  right: 4px;
  top: 5px; }

.ec-transcript .edit--tool {
  transform: scale(0); }

.ec-transcript .edit-mode .edit--tool {
  transform: scale(1) rotate(360deg); }

.ec-transcript .experiential--badge--add,
.ec-transcript .experiential--card--add {
  display: none; }

.ec-transcript .experiential--badge--add i,
.ec-transcript .experiential--card--add i {
  line-height: 1.7; }

.ec-transcript .edit-mode .experiential--badge--add,
.ec-transcript .edit-mode .experiential--card--add {
  display: inline-block; }

.ec-transcript .experiential--record-nav {
  position: fixed;
  height: 64px;
  border-radius: 32px;
  left: 50%;
  bottom: 16px;
  z-index: 100;
  display: flex;
  align-items: center;
  overflow: hidden;
  margin-left: -160px; }

.ec-transcript .experiential--record-nav--spacer {
  height: calc(64px + 16px); }

.ec-transcript .experiential--record-nav button,
.ec-transcript .experiential--record-nav a {
  width: 64px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center; }

.ec-transcript .experiential--record-nav .experiential--record-nav--primary {
  width: 54px;
  height: 54px;
  border: 2px solid white;
  border-radius: 50%; }

.ec-transcript .experiential--record-nav a:hover {
  text-decoration: none; }

.ec-transcript .is--clickable {
  cursor: pointer; }

.ec-transcript .experiential--badge-details {
  transition: all 0.3s ease-out;
  height: 0;
  overflow: hidden;
  background: #f1f1f1;
  border-radius: 16px; }

.ec-transcript .experiential--badge-details.is--expanded {
  height: 50vh;
  overflow: auto;
  padding: 12px; }

.ec-transcript .experiential--badge.is--selected {
  background-color: black !important; }

.ec-transcript .hexagon.outer {
  -ms-transform: scale(1);
  transform: scale(1) translate(30px, 30px); }

.ec-transcript .hexagon.outer:hover {
  -ms-transform: scale(1);
  transform: scale(1) translate(30px, 30px); }

.ec-transcript .dashboard-header__profile-information {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }

.ec-transcript .dashboard-header__profile-information-name-content, .ec-transcript .dashboard-header__profile-information-major {
  text-align: center; }

@media screen and (min-width: 769px) {
  .ec-transcript .dashboard-header__profile-information-name-content, .ec-transcript .dashboard-header__profile-information-major {
    text-align: right; } }

.ec-transcript .dashboard-header__profile-information__btn-group {
  flex-wrap: wrap; }

@media screen and (min-width: 769px) {
  .ec-transcript .dashboard-header__profile-information__btn-group {
    flex-wrap: nowrap; } }

.ec-transcript .dashboard-header__profile-information__btn-group button {
  width: 100%;
  /*margin:0 !important;*/
  text-align: center;
  margin-bottom: 8px;
  height: 40px;
  border-radius: 20px !important;
  background: deepskyblue;
  color: rgba(0, 0, 0, 0.7); }

.ec-transcript .dashboard-header__profile-information__btn-group .transcript__btn--share {
  background: #fff; }

@media screen and (min-width: 769px) {
  .ec-transcript .dashboard-header__profile-information__btn-group button {
    margin-bottom: 0;
    margin-right: 8px;
    width: auto;
    height: 40px;
    border-radius: 20px !important; }
  .ec-transcript .dashboard-header__profile-information__btn-group button:last-of-type {
    margin-right: 0px; } }

.ec-transcript .dashboard-header__profile-widget {
  margin-right: 0 !important;
  padding-bottom: 16px; }
  @media screen and (min-width: 769px) {
    .ec-transcript .dashboard-header__profile-widget {
      padding-bottom: 0; } }
@media screen and (min-width: 769px) {
  .ec-transcript .transcript__title {
    text-align: left; } }

.ec-transcript .transcript__title ~ button {
  margin-left: 4px;
  margin-right: 4px;
  margin-top: 8px;
  /* this should only be for when they are side by side: */
  /*transform:translateY(2px);*/ }

@media screen and (min-width: 900px) {
  .ec-transcript .dashboard-header {
    padding: 24px !important; } }

.ec-transcript .dashboard-header {
  padding: 8 !important;
  background: #232323;
  color: #f9f9f9 !important; }

.ec-transcript .transcript__btn--info {
  transform: translateY(-4px);
  margin-left: 8px; }

.ec-transcript .transcript__btn--share span {
  margin-right: 4px; }

@media screen and (min-width: 769px) {
  .ec-transcript .transcript__btn--share span {
    margin-right: 0;
    font-size: 0; } }

.ec-transcript .transcript__language-group {
  justify-content: center; }

@media screen and (min-width: 769px) {
  .ec-transcript .transcript__language-group {
    justify-content: flex-start; } }

.ec-transcript .exp-transcript--single::before {
  content: "";
  display: block;
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.75);
  z-index: -1; }

.ec-transcript .exp-transcript--single {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999; }

.ec-transcript .experiential--badge-details.is--expanded {
  border-radius: 0px;
  height: 100%;
  padding: 8px; }

.ec-transcript .experiential--badge-details .card--round {
  margin-right: 0; }

.ec-transcript .experience-details {
  flex-direction: column; }

@media screen and (min-width: 768px) {
  .ec-transcript .experience-details {
    flex-direction: row; }
  .ec-transcript .experience-details--details-section {
    padding-left: 24px;
    flex-grow: 3; } }

@media screen and (min-width: 1000px) {
  .ec-transcript .exp-transcript--single {
    top: 10vh;
    height: 80vh;
    padding: 0 48px; }
    .ec-transcript .exp-transcript--single .card--round.is--big.has--description.static-record {
      position: fixed;
      left: 64px; }
    .ec-transcript .exp-transcript--single .experience-details--badge .badge-container {
      position: fixed; }
    .ec-transcript .exp-transcript--single .experience-details--cards .experience-details--details-section {
      margin-left: calc(304px + 16px); }
    .ec-transcript .exp-transcript--single .experience-details--badge .experience-details--details-section {
      margin-left: calc(120px + 16px); }
    .ec-transcript .exp-transcript--single .experience-details--badge.custom-badge .experience-details--details-section {
      margin-left: calc(192px + 16px); }
  .ec-transcript .experiential--badge-details.is--expanded {
    border-radius: 16px;
    height: 80vh;
    padding: 24px; } }

@media screen and (min-width: 1441px) {
  .ec-transcript .exp-transcript--single {
    position: fixed;
    left: calc(50% - 672px);
    right: auto;
    width: 1344px; }
    .ec-transcript .exp-transcript--single .card--round.is--big.has--description.static-record {
      left: calc(50% - 672px + 64px); } }

.ec-transcript .modal__title-posting {
  margin: 0;
  padding: 0;
  display: inline-block;
  position: relative;
  z-index: 4;
  position: absolute;
  top: 0;
  left: 0;
  right: 44px;
  line-height: 44px;
  background: #444;
  padding: 12px 16px;
  height: 72px;
  color: #FFFFFF; }

.ec-transcript .modal__btn--close-posting {
  background: #444;
  color: #FFFFFF;
  height: 72px;
  width: 64px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5; }

.ec-transcript .card-group__cards .card--round {
  margin-left: 16px;
  margin-top: 16px; }

.ec-transcript .is--seeking-attention {
  outline-offset: 20px;
  outline: 0px solid #cc0000;
  transition: all 200ms ease; }

.ec-transcript .is--seeking-attention.is--active {
  outline: 4px solid #cc0000;
  outline-offset: 5px; }

.floating--action-bar {
  position: fixed;
  height: 64px;
  border-radius: 32px;
  left: 50%;
  bottom: 16px;
  z-index: 100;
  display: flex;
  align-items: center;
  overflow: hidden;
  transform: translateX(-50%);
  min-width: 128px; }

.floating--action-bar button,
.floating--action-bar a {
  min-width: 64px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 1; }

.floating--action-bar .floating--action-bar--primary {
  width: 54px;
  height: 54px;
  border: 2px solid white;
  border-radius: 50%; }

.floating--action-bar a:hover {
  text-decoration: none; }

.floating--action-bar--spacer {
  height: calc(64px + 16px); }

.header--bg {
  background: url("https://assets.codepen.io/t-522/reportingMapBG.png") no-repeat center center;
  padding: 24px;
  background-size: cover; }

.card--funding {
  background: rgba(0, 0, 0, 0.66);
  border-radius: 16px;
  padding: 24px;
  padding-bottom: 48px;
  position: relative;
  margin-bottom: 16px; }
  .card--funding .bottom {
    background: #777;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
    padding: 0px 24px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold; }

.card--province {
  background: #FFFFFF;
  border-radius: 16px;
  padding: 8px;
  margin-bottom: 16px; }
  .card--province .left {
    width: 32px;
    height: 32px;
    border-radius: 16px;
    background: #999; }

.stats--grid {
  padding-bottom: 88px; }

.stats--section {
  background: #e7e7e7;
  border-radius: 24px;
  padding: 8px;
  flex-wrap: wrap;
  align-items: center; }
  @media screen and (max-width: 1199px) {
    .stats--section {
      flex-direction: column; } }
  @media screen and (min-width: 1200px) {
    .stats--section {
      padding: 16px;
      flex-wrap: nowrap; } }
  .stats--section .h1 {
    font-size: 64px; }
    @media screen and (max-width: 480px) {
      .stats--section .h1 {
        font-size: 48px; } }
  .stats--section .left {
    background: #FFFFFF;
    border-radius: 16px;
    padding: 8px;
    min-width: 272px;
    min-height: 304px;
    width: 304px;
    height: 304px;
    margin: 0 auto; }
    @media screen and (min-width: 1200px) {
      .stats--section .left {
        margin: 0 16px 0 0; } }
  .stats--section .right {
    display: flex;
    flex-direction: column;
    max-width: 100%; }
    @media screen and (min-width: 1200px) {
      .stats--section .right {
        width: calc(100% - 304px); } }
    .stats--section .right ul {
      justify-content: center; }
      @media screen and (max-width: 1199px) {
        .stats--section .right ul {
          flex-wrap: wrap; } }
  .stats--section__chart {
    background: #f5f5f5;
    border-radius: 12px;
    padding: 8px;
    height: 100%; }
  .stats--section__card {
    background: #FFFFFF;
    border-radius: 8px;
    width: 112px;
    height: 112px;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    justify-content: center;
    align-items: center;
    flex-direction: column; }
    .stats--section__card .top-right {
      position: absolute;
      top: 4px;
      right: 4px;
      font-size: 12px;
      font-weight: bold; }
    .stats--section__card .lab {
      font-size: 12px;
      text-align: center; }
      .stats--section__card .lab i.material-icons {
        font-size: 12px;
        transform: translate(2px, 2px); }

.on--dashboard.survey-result__item {
  background: #e7e7e7;
  border-radius: 24px; }

.dashboard--section__blank {
  display: flex;
  justify-content: center;
  background: #f9f9f9;
  padding: 48px;
  flex-wrap: wrap; }

.stat-card__large {
  padding: 16px 0px 16px 48px;
  background: transparent;
  border: 2px solid rgba(0, 0, 0, 0.5);
  border-radius: 16px;
  display: flex;
  align-items: center;
  margin: 16px 0; }

.stat-card__large .left {
  padding-right: 16px;
  font-size: 62px;
  font-weight: bold; }

.stat-card__large .right {
  word-wrap: normal;
  max-width: 96px;
  margin-right: 72px;
  font-size: 18px;
  font-weight: bold; }

.card--funding.light {
  background: #fff;
  align-items: center;
  display: flex; }

.card--funding.light .bottom {
  background: #ccc;
  padding: 0 16px; }

.card--funding.light .top .val {
  font-size: 62px; }

.card--funding.light .top a {
  position: absolute;
  top: 8px;
  right: 8px; }

.card--funding.light .top a i.material-icons {
  font-size: 18px; }

.card--funding.square {
  height: 144px;
  width: 144px;
  padding: 24px;
  display: flex;
  align-items: center;
  justify-content: center; }

.dashboard--section__blank .card--funding.light {
  margin: 16px 0; }

.light .insight-card,
.insight-card.light {
  background: white;
  color: #666; }

.btn--white.plain.crd__header-attention-btn, .btn--info.plain.crd__header-attention-btn {
  height: 16px;
  width: 16px;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center; }

.ecPublicController .dashboard-header__profile-information__btn-group button {
  width: 100%;
  /* margin: 0 !important; */
  text-align: center;
  margin-bottom: 8px;
  height: 40px;
  border-radius: 20px !important;
  background: #ffffff !important;
  color: rgba(0, 0, 0, 0.7); }

.btn__hero--text.btn--default.plain.btn--close-exp-record {
  display: inline-flex;
  width: 32px;
  height: 32px;
  justify-content: center;
  align-items: center;
  padding: 0;
  border-radius: 8px;
  margin-bottom: 16px; }

.credit-rail__list.is--light-mode .credit-rail__item {
  background: #d8d8d8 !important; }

.credit-rail__list.is--light-mode .credit-rail__label {
  color: #666666 !important; }

.credit-rail__list.is--light-mode .credit-rail__value {
  color: #666666 !important; }

.credit-rail__item {
  margin-right: 8px;
  height: 48px;
  max-height: 48px;
  min-height: 48px;
  border-radius: 24px;
  min-width: 100px;
  max-width: 200px; }
  .credit-rail__item:hover {
    cursor: pointer; }

.credit-rail__label {
  max-width: 144px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.credit-rail__value {
  max-width: 144px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.cards .grid__col--3:last-of-type, .cards .grid__col--4:last-of-type {
  float: left; }
  @media screen and (max-width: 768px) {
    .cards .grid__col--3:last-of-type, .cards .grid__col--4:last-of-type {
      float: none; } }
@media only screen and (min-width: 1101px) {
  .cards .grid__col--3, .cards .grid__col--4 {
    margin-bottom: 16px; } }

@media only screen and (min-width: 500px) and (max-width: 1100px) {
  .cards .grid__col--3, .cards .grid__col--4 {
    width: 48% !important;
    margin-right: 0;
    margin-left: 0px !important;
    margin-top: 2%;
    margin-bottom: 2%;
    padding: 0; }
    .cards .grid__col--3:nth-child(even), .cards .grid__col--4:nth-child(even) {
      float: right; }
    .cards .grid__col--3:nth-child(odd), .cards .grid__col--4:nth-child(odd) {
      float: left; } }

@media only screen and (min-width: 1101px) {
  .cards .grid__col--3 {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0.649353333333333%;
    margin-right: 0.649353333333333%; }
    .cards .grid__col--3:nth-child(4n) {
      margin-right: 0;
      float: right; }
    .cards .grid__col--3:nth-child(4n+1) {
      margin-left: 0; }
    .cards .grid__col--3:first-of-type {
      margin-left: 0; } }

@media only screen and (min-width: 1101px) {
  .cards .grid__col--4 {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0.649353333333333%;
    margin-right: 0.649353333333333%; }
    .cards .grid__col--4:nth-child(3n) {
      margin-right: 0;
      float: right; }
    .cards .grid__col--4:nth-child(3n+1) {
      margin-left: 0; }
    .cards .grid__col--4:first-of-type {
      margin-left: 0; } }

.grid__col--9.cards {
  padding-left: 0px;
  padding-right: 0px; }
  .grid__col--9.cards .card {
    width: 100%;
    margin-bottom: 16px; }
    @media screen and (min-width: 500px) and (max-width: 1099px) {
      .grid__col--9.cards .card {
        width: 49%;
        min-width: 49%; }
        .grid__col--9.cards .card:nth-child(odd) {
          float: left; }
        .grid__col--9.cards .card:nth-child(even) {
          float: right; } }
    @media screen and (min-width: 1100px) {
      .grid__col--9.cards .card {
        width: 32%;
        min-width: 30%;
        margin: 0px 0px 16px 0px; }
        .grid__col--9.cards .card:nth-child(3n) {
          float: right; }
        .grid__col--9.cards .card:nth-child(3n-1) {
          margin: 0px 1.7% 16px 1.7%; } }
.grid__col--8.cards {
  padding-left: 0px;
  padding-right: 0px; }
  .grid__col--8.cards .card {
    width: 100%;
    margin-bottom: 16px; }
    @media screen and (min-width: 500px) and (max-width: 1439px) {
      .grid__col--8.cards .card {
        width: 49%;
        min-width: 49%; }
        .grid__col--8.cards .card:nth-child(odd) {
          float: left; }
        .grid__col--8.cards .card:nth-child(even) {
          float: right; } }
    @media screen and (min-width: 1440px) {
      .grid__col--8.cards .card {
        width: 32%;
        min-width: 30%;
        margin: 0px 0px 16px 0px; }
        .grid__col--8.cards .card:nth-child(3n) {
          float: right; }
        .grid__col--8.cards .card:nth-child(3n-1) {
          margin: 0px 1.7% 16px 1.7%; } }
.grid__col--6.cards {
  padding-left: 0px;
  padding-right: 0px; }
  .grid__col--6.cards .card {
    width: 100%;
    margin-bottom: 16px; }
    @media screen and (min-width: 1025px) and (max-width: 1439px) {
      .grid__col--6.cards .card {
        width: 49%;
        min-width: 49%; }
        .grid__col--6.cards .card:nth-child(odd) {
          float: left; }
        .grid__col--6.cards .card:nth-child(even) {
          float: right; } }
    @media screen and (min-width: 1440px) and (max-width: 1487px) {
      .grid__col--6.cards .card {
        width: 32%;
        min-width: 30%;
        margin: 0px 0px 16px 0px; }
        .grid__col--6.cards .card:nth-child(3n) {
          float: right; }
        .grid__col--6.cards .card:nth-child(3n-1) {
          margin: 0px 1.6% 16px 1.6%; } }
    @media screen and (min-width: 1488px) {
      .grid__col--6.cards .card {
        width: 32%;
        min-width: 30%;
        margin: 0px 0px 16px 0px; }
        .grid__col--6.cards .card:nth-child(3n) {
          float: right; }
        .grid__col--6.cards .card:nth-child(3n-1) {
          margin: 0px 1.7% 16px 1.7%; } }
.card--stat__data {
  overflow: hidden; }

.card--stat__data-container {
  margin: 0 auto;
  height: 100%;
  position: relative;
  opacity: 1;
  transition: opacity 300ms ease-out; }

.card--stat__data-container.is--visible {
  margin: 0 auto;
  height: 100%;
  position: relative;
  opacity: 1;
  transition: opacity 300ms ease-out; }

.card--height--100 {
  height: 100px !important; }

.card--height--200 {
  height: 200px !important; }

.card-height--micro {
  height: 60px; }

.card-height--short {
  height: 100px; }

.card-height--regular {
  height: 200px; }

.card-height--tall {
  height: 300px; }

.card__icon {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100px;
  background: rgba(0, 0, 0, 0.3); }
  .card__icon .material-icons {
    font-size: 48px;
    color: #FFFFFF;
    width: 100px;
    height: 100px;
    text-align: center;
    line-height: 100px; }
  .card__icon__label {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.3);
    font-size: 12px;
    text-align: center;
    color: white;
    font-weight: 700; }

.card__icon.left {
  left: 0; }

.card__icon.right {
  right: 0; }

.card {
  height: 300px;
  background: #FFFFFF;
  border-radius: 2px;
  padding-top: 6px;
  padding-left: 8px;
  padding-right: 8px;
  padding-bottom: 8px;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
  z-index: 1;
  list-style-type: none;
  display: inline-block;
  min-width: 296px;
  width: 100%;
  vertical-align: top; }
  @media only screen and (min-width: 500px) {
    .card {
      width: initial;
      min-width: 49%;
      width: auto; } }
  @media only screen and (min-width: 700px) {
    .card {
      width: initial;
      min-width: 32%;
      width: auto; } }
  @media only screen and (min-width: 960px) {
    .card {
      width: initial;
      min-width: 24%;
      width: auto; } }
  @media only screen and (min-width: 1200px) {
    .card {
      width: initial;
      min-width: 19.666%;
      width: auto; } }
  @media only screen and (min-width: 1600px) {
    .card {
      width: initial;
      min-width: 16.4%;
      width: auto; } }
  .card__grid {
    margin: 0;
    padding: 0; }
  .card__inner {
    position: relative;
    min-height: 100%; }
  .card--fullscreen.is--expanded {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    transition: opacity 400ms ease-out; }
  .card--fullscreen {
    position: fixed;
    width: 0%;
    height: 0%;
    background: #FFFFFF;
    padding: 16px;
    z-index: 444;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    transition: opacity 250ms ease-out;
    overflow: auto; }
    @media screen and (max-width: 768px) {
      .card--fullscreen {
        position: fixed; } }
  .card--plain {
    height: auto; }
  .card--vanilla {
    overflow: auto;
    position: relative; }
  .card--chart__data {
    position: absolute;
    top: 33px;
    bottom: 0;
    overflow: scroll;
    left: 0;
    right: 0; }
  .card--stat__header.plain {
    border: none; }
  .card--stat__header {
    border-bottom: 1px solid #e1e1e1;
    position: relative; }
  .card--stat__footer.plain {
    border: none; }
  .card--stat__footer {
    border-top: 1px solid #e1e1e1;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 34px; }
  .card--stat__title {
    margin: 0;
    height: 32px;
    line-height: 32px;
    color: #666;
    max-width: calc(100% - 36px);
    font-size: 12px; }
  .card--stat__data {
    position: absolute;
    height: 211px;
    margin-top: 8px;
    right: 0px;
    left: 0px; }
  .card--stat__value--large {
    text-align: center;
    font-size: 42px;
    text-align: center;
    padding-top: 48px;
    color: #999;
    line-height: 1; }
  .card--stat__value--icon {
    text-align: center;
    padding-top: 24px; }
    .card--stat__value--icon i {
      font-size: 88px; }
    .card--stat__value--icon--small {
      text-align: center;
      padding-top: 24px; }
      .card--stat__value--icon--small i {
        font-size: 48px; }
  .card--stat__label--large {
    text-align: center;
    padding-top: 8px;
    font-size: 18px; }
  .card--stat__label--icon {
    text-align: center;
    padding-top: 0px;
    font-size: 18px;
    margin-top: -24px; }
  .card--stat__extra-info {
    text-align: center;
    font-size: 10px;
    color: #888;
    margin: 0;
    margin-top: -12px; }
  .card--stat__btn--icon {
    background: rgba(0, 0, 0, 0);
    border: none;
    color: #666;
    height: 32px;
    width: 32px;
    padding: 0;
    vertical-align: text-top;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 2px; }
    .card--stat__btn--icon i {
      position: relative;
      top: 2px; }
    .card--stat__btn--icon:hover {
      background: #F1F1F1;
      border-bottom-left-radius: 0px;
      border-bottom-right-radius: 0px; }
  .card--stat__btn--text {
    position: absolute;
    top: 6px;
    right: 0; }
  .card--img-with-text {
    position: relative; }
    .card--img-with-text__img-container {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      overflow: hidden; }
      .card--img-with-text__img-container:after {
        content: "";
        display: block;
        background: rgba(0, 0, 0, 0.4);
        background-image: radial-gradient(circle closest-side, rgba(88, 88, 88, 0.88), rgba(44, 44, 44, 0.8));
        background-position: center center;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0; }
    .card--img-with-text__img {
      min-width: 100%;
      min-height: 100%;
      position: absolute; }
    .card--img-with-text__description-container {
      padding: 8px;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0; }
    .card--img-with-text__description {
      font-size: 12px; }

.card--selected {
  width: 320px;
  height: 44px;
  background: #cc0000;
  border-top: 4px solid #990000;
  padding: 4px 8px;
  box-shadow: 0 -1px 3px 1px rgba(0, 0, 0, 0.2); }
  .card--selected__inner {
    position: relative; }
  .card--selected__type {
    color: #FFFFFF;
    font-size: 10px;
    margin: 0;
    padding: 0;
    display: block; }
  .card--selected__name {
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    margin-top: -2px; }
  .card--selected__btn--expand {
    position: absolute;
    color: #FFFFFF;
    background: none;
    top: 2px;
    right: 0px; }

.grid__col--3 .card--mini {
  width: 46.3%; }
  @media screen and (min-width: 769px) and (max-width: 1250px) {
    .grid__col--3 .card--mini {
      width: 100%; } }
.card--mini > * {
  width: 100%; }

.card--mini {
  width: 144px;
  width: 49%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  height: 144px;
  background: #FFFFFF;
  list-style-type: none;
  margin-bottom: 4px;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
  border-radius: 8px; }
  .card--mini__header {
    height: 34px;
    background: #E1E1E1 !important;
    position: relative;
    padding: 2px 4px;
    border-top-left-radius: 1px;
    border-top-right-radius: 1px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    padding: 2px 8px; }
  .card--mini__title {
    /*color: $grey--dark;*/
    font-size: 10px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    margin-top: -2px; }
  .card--mini__type {
    color: #888;
    font-size: 10px;
    margin: 0;
    padding: 0;
    display: block; }
  .card--mini__btn--expand {
    background: none;
    color: #FFFFFF;
    position: absolute;
    top: 3px;
    right: 0px; }
  .card--mini__stat {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: calc(100% - 34px); }
    .card--mini__stat i {
      display: block;
      font-size: 48px;
      text-align: center;
      margin-top: 10px;
      color: #999;
      opacity: 0.8; }
    .card--mini__stat__label {
      display: block;
      text-align: center;
      font-weight: bold;
      font-size: 12px;
      color: #666; }
      .card--mini__stat__label a {
        opacity: 0.7; }
    .card--mini__stat__info {
      color: #777;
      font-size: 10px;
      display: block;
      text-align: center; }
      .card--mini__stat__info button:hover {
        background: none !important;
        color: #1a1a1a !important; }
      .card--mini__stat__info button i {
        opacity: 1;
        position: relative;
        top: -1px; }
      .card--mini__stat__info button span {
        display: inline-block;
        width: 100px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }

.card--horizontal {
  height: 72px;
  background: #FFFFFF;
  margin-bottom: 16px;
  list-style-type: none;
  border-radius: 2px;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
  position: relative;
  padding: 4px;
  width: 296px; }
  .card--horizontal__title {
    font-size: 10px;
    font-weight: bold;
    margin: 0;
    margin-top: 4px; }
    .card--horizontal__title i {
      font-size: 12px;
      position: relative;
      top: 1.5px;
      margin-right: 2px; }
    .card--horizontal__title a {
      color: #000000;
      text-decoration: none;
      font-size: 10px; }
  .card--horizontal__btn-action {
    position: absolute;
    top: 6px;
    right: 6px; }
  .card--horizontal__stats {
    margin-top: 4px; }
  .card--horizontal__list {
    list-style-type: none;
    padding: 0;
    margin: 0;
    text-align: left; }
  .card--horizontal__item {
    display: inline-block;
    margin-right: 4px; }
  .card--horizontal__item.active .card--horizontal__stat-value, .card--horizontal__item.active .card--horizontal__stat-label {
    color: #cc0000;
    font-weight: bold; }
  .card--horizontal__stat-value {
    font-weight: bold;
    color: #999;
    font-size: 14px;
    display: block;
    text-align: center; }
  .card--horizontal__stat-label {
    color: #999;
    font-size: 10px;
    display: block;
    text-align: center; }

.card--expand.is--expanded {
  max-height: 100%; }
  .card--expand.is--expanded__btn--expand {
    transform: rotate(180deg);
    transform-origin: center center;
    transition: all 200ms ease; }

.card--expand {
  max-height: 48px;
  overflow: hidden;
  background: #FFFFFF;
  border-radius: 0px;
  position: relative;
  padding-top: 48px; }
  .card--expand__title {
    line-height: 2;
    height: 48px; }
  .card--expand__btn--expand.is--expanded {
    transform: rotate(180deg);
    transition: all 200ms ease;
    border-radius: 0px; }
    .card--expand__btn--expand.is--expanded:hover {
      transform: rotate(0deg) !important;
      transition: all 200ms ease;
      color: #FFFFFF;
      background: #000000; }
  .card--expand__btn--expand {
    position: absolute;
    top: 0px;
    right: 0px;
    background: #bfbfbf;
    transform: rotate(0deg);
    transition: all 200ms ease;
    height: 48px;
    width: 48px; }
    .card--expand__btn--expand:hover {
      transform: rotate(0deg);
      transition: all 200ms ease;
      color: #FFFFFF;
      background: #000000; }

.card--expand__btn--expand {
  color: rgba(0, 0, 0, 0.5); }

.card--expand__btn--expand:hover {
  color: #FFFFFF; }

.accordion--plain .accordion__btn--plain {
  position: absolute;
  top: 8px;
  right: 0px; }

.card--expand .accordion__content {
  display: none; }

.card--expand.is--expanded .accordion__content {
  display: block; }

.accordion--panel .accordion__btn--extra {
  background: none; }

.card--expand .accordion__btn--extra {
  right: 48px; }

.accordion--plain .accordion__btn--extra {
  right: 32px; }

.accordion--plain .accordion__btn--plain.is--expanded {
  transform: scaleY(-1); }

.accordion__title--plain {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  padding: 12px 8px 0px 4px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.5); }

.accordion--plain.is--expanded {
  border-bottom: 1px solid rgba(0, 0, 0, 0.5); }

.card--micro {
  position: relative;
  display: inline-block;
  width: 304px;
  width: 32%;
  border-radius: 4px;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.05);
  background: #FFFFFF;
  border-left: 4px solid #333333;
  padding-top: 16px;
  padding: 8px 0px;
  margin-right: 8px;
  margin-bottom: 8px; }
  .card--micro__label {
    width: 60%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
    font-weight: 700;
    color: #888;
    float: left;
    margin-left: 8px; }
  .card--micro__value {
    width: 48px;
    font-size: 12px;
    font-weight: 700;
    float: right;
    margin-right: 24px; }
    .card--micro__value a {
      text-align: right;
      margin: 0 auto;
      display: block;
      font-size: 12px;
      color: #999; }
  .card--micro__settings {
    position: absolute;
    bottom: 6px;
    right: 0; }
    .card--micro__settings button {
      padding: 4px; }
      .card--micro__settings button:hover {
        background: none !important; }
      .card--micro__settings button:focus {
        background: none !important; }

.chart--doughnut .card--stat__footer {
  bottom: calc(50% - 17px); }

.card-height--tall {
  height: 300px; }

.card-height--default {
  height: 200px; }

.card-height--short {
  height: 100px; }

.card--title-action {
  overflow: hidden; }
  .card--title-action .left {
    position: absolute;
    height: 100%;
    width: 40%;
    top: 0;
    left: 0; }
    .card--title-action .left span {
      position: absolute;
      width: 100%;
      display: block;
      height: 100%; }
    .card--title-action .left i {
      text-align: center;
      width: 100%;
      margin-top: calc(50px - 36px);
      font-size: 48px;
      color: rgba(255, 255, 255, 0.5); }
  .card--title-action .right {
    position: absolute;
    height: 100%;
    background: #FFFFFF;
    width: 60%;
    top: 0;
    right: 0; }
    .card--title-action .right:after {
      content: '\E8B8';
      display: block;
      font-family: 'Material Icons';
      font-weight: normal;
      font-style: normal;
      font-size: 24px;
      line-height: 1;
      letter-spacing: normal;
      text-transform: none;
      display: inline-block;
      white-space: nowrap;
      word-wrap: normal;
      direction: ltr;
      -webkit-font-feature-settings: 'liga';
      -webkit-font-smoothing: antialiased;
      position: absolute;
      font-size: 158px;
      transform: rotate(45deg);
      top: 0px;
      right: -60px;
      opacity: 0.05; }
  .card--title-action__title {
    position: absolute;
    bottom: 0px;
    width: 100%;
    background: rgba(0, 0, 0, 0.2);
    padding: 4px;
    margin-bottom: 0;
    text-align: center;
    color: rgba(255, 255, 255, 0.9);
    font-weight: 400; }
  .card--title-action__action {
    position: absolute;
    top: calc(50px - 16px);
    left: calc(50% - 46px); }

.card--profile {
  position: relative; }
  .card--profile__header {
    position: absolute;
    height: 80px;
    width: 100%;
    top: 0;
    left: 0;
    display: flex;
    justify-content: flex-start;
    padding: 8px; }
    .card--profile__header .avatar-container {
      align-self: flex-end; }
      .card--profile__header .avatar-container .avatar {
        border-radius: 50%;
        background: #ddd;
        width: 64px;
        height: 64px;
        overflow: hidden;
        border: 3px solid #000000; }
        .card--profile__header .avatar-container .avatar img {
          width: 100%; }
    .card--profile__header .name {
      align-self: flex-end;
      padding-left: 8px; }
      .card--profile__header .name .heading {
        margin-bottom: 0px; }
  .card--profile__tags {
    position: absolute;
    height: 33%;
    width: 100%;
    top: 80px;
    left: 0;
    padding: 4px 8px; }
    .card--profile__tags .quick-stats {
      border: 1px solid #ccc;
      border-radius: 2px;
      padding: 4px; }
      .card--profile__tags .quick-stats__stat {
        font-size: 12px; }
        .card--profile__tags .quick-stats__stat i {
          font-size: 16px;
          position: relative;
          top: 4px;
          margin-right: 4px; }
  .card--profile__footer {
    position: absolute;
    width: 100%;
    left: 0;
    border-bottom: 1px solid #ccc;
    bottom: 0;
    display: flex;
    justify-content: space-between; }
    .card--profile__footer div {
      padding: 8px; }

.expandable-step__marker {
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 12px;
  left: -12px;
  top: calc(50% - 12px);
  background: #aaa;
  font-size: 14px;
  font-weight: bold; }

.expandable-step__marker.is--complete {
  background: #27ae60;
  font-size: 24px; }

.expandable-step__marker.is--current {
  background: #2d9cdb; }

.chip {
  height: 72px;
  background: #FFFFFF;
  box-shadow: 0 16px 32px -16px rgba(0, 0, 0, 0);
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-width: 308px;
  max-width: 308px;
  position: relative;
  background-clip: padding-box;
  /* !importanté */
  border: solid 3px transparent;
  /* !importanté */
  border-radius: 38px;
  margin-bottom: 16px;
  margin-right: 16px;
  top: 0px;
  transition: all 300ms ease; }
  .chip:hover {
    top: -4px;
    transition: all 300ms ease;
    box-shadow: 0 16px 32px -16px rgba(0, 0, 0, 0.25); }
    .chip:hover:before {
      background-image: linear-gradient(-270deg, #FA0C6B 0%, #6854FF 100%); }
  .chip:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    margin: -3px;
    /* !importanté */
    border-radius: 39px;
    background-image: linear-gradient(-270deg, #d8d8d8 0%, #d8d8d8 100%); }
  .chip.is--active {
    background-image: linear-gradient(-270deg, #FA0C6B 0%, #6854FF 100%);
    box-shadow: 0 16px 32px -16px rgba(0, 0, 0, 0.25); }
    .chip.is--active:before {
      background-image: linear-gradient(-270deg, #FA0C6B 0%, #6854FF 100%); }
    .chip.is--active .chip__title-group span {
      color: white; }
    .chip.is--active .chip__title-group a {
      color: white; }
    .chip.is--active .chip__action label {
      color: #fff; }
    .chip.is--active .chip__btn--notification {
      box-shadow: 2px 0px 8px 0px rgba(0, 0, 0, 0.3); }
      .chip.is--active .chip__btn--notification.is--warning {
        background: #FF9000; }
        .chip.is--active .chip__btn--notification.is--warning i.material-icons {
          color: #fff; }
      .chip.is--active .chip__btn--notification.is--success {
        background: #cc0000; }
        .chip.is--active .chip__btn--notification.is--success i.material-icons {
          color: #fff; }
  .chip__action label {
    margin: 0 !important;
    font-size: 0 !important;
    padding: 0 !important;
    color: #cc0000; }
  .chip__action .checkbox--icon-font {
    padding-left: 0px !important;
    margin-bottom: 0px !important;
    padding-right: 16px; }
  .chip__notifications {
    position: relative;
    height: 72px;
    width: 102px; }
    .chip__notifications .chip__btn--notification:not(.is--small):nth-of-type(1):hover ~ button.is--two {
      left: 32px;
      transition: all 200ms ease-out; }
    .chip__notifications .chip__btn--notification:not(.is--small):nth-of-type(1):hover ~ button.is--three {
      left: 70px;
      transition: all 200ms ease-out; }
    .chip__notifications .chip__btn--notification:not(.is--small):nth-of-type(2):hover {
      left: 32px;
      transition: all 200ms ease-out; }
      .chip__notifications .chip__btn--notification:not(.is--small):nth-of-type(2):hover ~ button.is--three {
        left: 70px;
        transition: all 200ms ease-out; }
    .chip__notifications .chip__btn--notification:not(.is--small):nth-of-type(3):hover {
      left: 70px;
      transition: all 200ms ease-out; }
      .chip__notifications .chip__btn--notification:not(.is--small):nth-of-type(3):hover ~ button.is--two {
        left: 38px;
        transition: all 200ms ease-out; }
  .chip__btn--notification {
    border-radius: 50%;
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 3px solid #aaa;
    background: #eee;
    color: rgba(0, 0, 0, 0.5);
    position: absolute;
    transition: all 200ms ease-out; }
    .chip__btn--notification:nth-of-type(1) {
      top: 6px;
      left: 4px;
      z-index: 15; }
    .chip__btn--notification:nth-of-type(2) {
      top: 6px;
      left: 12px;
      z-index: 10;
      transition: all 200ms ease-out; }
    .chip__btn--notification:nth-of-type(3) {
      top: 6px;
      left: 20px;
      z-index: 5;
      transition: all 200ms ease-out; }
    .chip__btn--notification.is--warning {
      border-color: #FF9000; }
      .chip__btn--notification.is--warning.is--small {
        background: #FF9000; }
    .chip__btn--notification.is--success {
      border-color: #cc0000; }
      .chip__btn--notification.is--success.is--small {
        background: #cc0000; }
  .chip__title-group {
    display: flex;
    flex-direction: column;
    justify-content: space-around; }
    .chip__title-group span {
      font-size: 12px;
      font-weight: bold;
      color: #666;
      text-transform: uppercase;
      color: #cc0000; }
    .chip__title-group a {
      color: rgba(0, 0, 0, 0.6);
      font-size: 12px;
      font-weight: bold;
      line-height: 18px; }

.chip__btn--notification:focus {
  outline: none !important; }

.chip__btn--notification.is--small {
  width: 32px;
  height: 32px;
  color: rgba(0, 0, 0, 0.4);
  transition: all 200ms ease-out; }
  .chip__btn--notification.is--small:focus {
    outline: none !important; }

.chip__btn--notification.is--small.is--warning {
  transition: all 200ms ease-out; }

.chip__btn--notification.is--small.is--success {
  transition: all 200ms ease-out; }

.chip__notifications.has--two {
  width: 122px; }
  .chip__notifications.has--two .chip__btn--notification.is--small:nth-of-type(1) {
    top: calc(50% - 16px);
    left: 8px;
    transition: all 200ms ease-out; }
  .chip__notifications.has--two .chip__btn--notification.is--small:nth-of-type(2) {
    top: calc(50% - 16px);
    left: 44px;
    transition: all 200ms ease-out; }

.chip__notifications.has--three {
  width: 140px; }
  .chip__notifications.has--three .chip__btn--notification.is--small {
    width: 28px;
    height: 28px; }
  .chip__notifications.has--three .chip__btn--notification.is--small:nth-of-type(1) {
    top: calc(50% - 14px);
    left: 8px;
    transition: all 200ms ease-out; }
  .chip__notifications.has--three .chip__btn--notification.is--small:nth-of-type(2) {
    top: calc(6px);
    left: 38px;
    transition: all 200ms ease-out; }
  .chip__notifications.has--three .chip__btn--notification.is--small:nth-of-type(3) {
    top: calc(38px);
    left: 38px;
    transition: all 200ms ease-out; }

.chip__btn--notification.is--small i.material-icons {
  font-size: 16px;
  transition: all 200ms ease-out; }

body:not(.come-to-the-dark-side) .data-explorer__btn--close {
  background: rgba(0, 0, 0, 0.4); }
  body:not(.come-to-the-dark-side) .data-explorer__btn--close i {
    color: white; }

@media screen and (max-width: 768px) {
  body:not(.come-to-the-dark-side) .data-explorer__chart-nav {
    background: rgba(133, 132, 132, 0.6); } }

@media screen and (max-width: 768px) {
  body:not(.come-to-the-dark-side) .data-explorer__chart-nav.is--expanded {
    background: #858484; } }

body:not(.come-to-the-dark-side) .data-explorer__chart-nav.is--expanded .data-explorer__chart-nav__title-container {
  background: #3d3d3d; }

body:not(.come-to-the-dark-side) .data-explorer__chart-nav__title-container {
  color: white; }
  @media screen and (min-width: 769px) {
    body:not(.come-to-the-dark-side) .data-explorer__chart-nav__title-container {
      background: rgba(0, 0, 0, 0.3); } }
body:not(.come-to-the-dark-side) .data-explorer__chart-nav__title {
  color: #50E3C2; }

body:not(.come-to-the-dark-side) .data-explorer__chart-nav__btn--expand {
  background: none !important;
  color: white; }

body:not(.come-to-the-dark-side) .data-explorer__chart-nav__btn {
  background: rgba(89, 89, 89, 0.66);
  color: #fff; }
  body:not(.come-to-the-dark-side) .data-explorer__chart-nav__btn.is--active {
    background: deeppink;
    color: #fff; }

body:not(.come-to-the-dark-side) .data-explorer__chart-data {
  background-image: linear-gradient(-134deg, rgba(116, 116, 116, 0.3) 100%, #858484 0%); }
  @media screen and (min-width: 769px) {
    body:not(.come-to-the-dark-side) .data-explorer__chart-data {
      background-image: linear-gradient(-135deg, #1863E8 0%, rgba(24, 99, 232, 0.88) 100%); } }
  body:not(.come-to-the-dark-side) .data-explorer__chart-data__nav-btn {
    background: rgba(0, 0, 0, 0.5); }
    body:not(.come-to-the-dark-side) .data-explorer__chart-data__nav-btn.is--active {
      background: deeppink !important;
      color: white; }
  body:not(.come-to-the-dark-side) .data-explorer__chart-data__stats .dashboard-item {
    background: rgba(0, 0, 0, 0.2);
    color: #FFF; }
    @media screen and (max-width: 768px) {
      body:not(.come-to-the-dark-side) .data-explorer__chart-data__stats .dashboard-item {
        background: rgba(0, 0, 0, 0.2); } }
    body:not(.come-to-the-dark-side) .data-explorer__chart-data__stats .dashboard-item__label {
      color: #fff; }
    body:not(.come-to-the-dark-side) .data-explorer__chart-data__stats .dashboard-item.is--active {
      border: 4px solid deeppink; }
      body:not(.come-to-the-dark-side) .data-explorer__chart-data__stats .dashboard-item.is--active .dashboard-item__btn {
        background: deeppink;
        color: #fff; }

body:not(.come-to-the-dark-side) .data-explorer__map-item {
  background: none;
  border: none; }

body:not(.come-to-the-dark-side) .data-explorer__chart-graphic {
  background: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/t-522/maps-light-mode-1.png) no-repeat center center; }

body:not(.come-to-the-dark-side) .data-explorer__chart-filters {
  background: white; }

body:not(.come-to-the-dark-side) .advanced-container__header {
  border-bottom: 8px solid #50E3C2;
  background: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/t-522/maps-light-mode-1.png) no-repeat center center; }

body:not(.come-to-the-dark-side) .advanced-container__btn--fullscreen {
  color: deeppink;
  background: none;
  box-shadow: none; }

body:not(.come-to-the-dark-side) .dashboard-items.is--big .dashboard-item {
  background: linear-gradient(-135deg, #660000 0%, #cc0000 100%);
  background: linear-gradient(-135deg, #e3e3e3 0%, #d9d9d9 100%);
  background: white; }
  body:not(.come-to-the-dark-side) .dashboard-items.is--big .dashboard-item__container {
    background: #f9f9f0;
    top: 24px;
    left: 12px;
    right: 12px;
    bottom: 0px;
    border-radius: 4px; }
  body:not(.come-to-the-dark-side) .dashboard-items.is--big .dashboard-item__label {
    color: #666; }
  body:not(.come-to-the-dark-side) .dashboard-items.is--big .dashboard-item__value {
    color: #999; }

body:not(.come-to-the-dark-side) .dashboard-items.is--small .dashboard-item {
  background: rgba(0, 0, 0, 0.25);
  color: white; }

body:not(.come-to-the-dark-side) .btn--menu--circular.in--data-explorer {
  background: white;
  color: deeppink; }
  @media screen and (min-width: 769px) {
    body:not(.come-to-the-dark-side) .btn--menu--circular.in--data-explorer.is--layers {
      background: white;
      color: deeppink !important; }
      body:not(.come-to-the-dark-side) .btn--menu--circular.in--data-explorer.is--layers i {
        color: deeppink !important; } }
body:not(.come-to-the-dark-side) .data-explorer__container--super.is--restricting .data-explorer__container {
  background: white; }

@media screen and (max-width: 768px) {
  body:not(.come-to-the-dark-side) .data-explorer__container--super.is--restricting .data-explorer__chart-nav__title-container {
    background: rgba(0, 0, 0, 0.66); } }

.come-to-the-dark-side .data-explorer legend.label {
  color: white; }

.come-to-the-dark-side .data-explorer .toggle--single__label {
  color: white; }

.come-to-the-dark-side .data-explorer .list--plain span, .come-to-the-dark-side .data-explorer .list--plain span.label {
  color: white; }

.come-to-the-dark-side .data-explorer__btn--close {
  background: rgba(0, 0, 0, 0.4); }
  .come-to-the-dark-side .data-explorer__btn--close i {
    color: rgba(255, 255, 255, 0.8); }

@media screen and (max-width: 768px) {
  .come-to-the-dark-side .data-explorer__chart-nav {
    background: rgba(133, 132, 132, 0.6); } }

@media screen and (max-width: 768px) {
  .come-to-the-dark-side .data-explorer__chart-nav.is--expanded {
    background: #858484; } }

.come-to-the-dark-side .data-explorer__chart-nav.is--expanded .data-explorer__chart-nav__title-container {
  background: #3d3d3d; }

.come-to-the-dark-side .data-explorer__chart-nav__title-container {
  color: white; }
  @media screen and (min-width: 769px) {
    .come-to-the-dark-side .data-explorer__chart-nav__title-container {
      background: rgba(0, 0, 0, 0.3); } }
.come-to-the-dark-side .data-explorer__chart-nav__title {
  color: #50E3C2; }

.come-to-the-dark-side .data-explorer__chart-nav__btn--expand {
  background: none !important;
  color: white; }

.come-to-the-dark-side .data-explorer__chart-nav__btn {
  background: rgba(89, 89, 89, 0.66);
  color: #fff; }
  .come-to-the-dark-side .data-explorer__chart-nav__btn.is--active {
    background: deeppink;
    color: #fff; }

.come-to-the-dark-side .data-explorer__chart-data {
  background-image: linear-gradient(-135deg, rgba(116, 116, 116, 0.3) 100%, #858484 0%); }
  @media screen and (min-width: 769px) {
    .come-to-the-dark-side .data-explorer__chart-data {
      background-image: linear-gradient(-135deg, #313131 0%, rgba(116, 116, 116, 0.88) 100%); } }
  .come-to-the-dark-side .data-explorer__chart-data__filter-btn {
    color: white; }
  .come-to-the-dark-side .data-explorer__chart-data__nav-btn {
    background: rgba(0, 0, 0, 0.5); }
    .come-to-the-dark-side .data-explorer__chart-data__nav-btn.is--active {
      background: deeppink !important;
      color: white; }
  .come-to-the-dark-side .data-explorer__chart-data__stats .dashboard-item {
    background: #595959;
    color: #FFF; }
    @media screen and (max-width: 768px) {
      .come-to-the-dark-side .data-explorer__chart-data__stats .dashboard-item {
        background: #595959; } }
    .come-to-the-dark-side .data-explorer__chart-data__stats .dashboard-item__label {
      color: #fff; }
    .come-to-the-dark-side .data-explorer__chart-data__stats .dashboard-item.is--active {
      border: 4px solid deeppink; }
      .come-to-the-dark-side .data-explorer__chart-data__stats .dashboard-item.is--active .dashboard-item__btn {
        background: deeppink;
        color: #fff; }

.come-to-the-dark-side .data-explorer__map-item {
  background: none;
  border: none; }

.come-to-the-dark-side .data-explorer__chart-graphic {
  background: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/t-522/Screen%20Shot%202018-09-05%20at%2012.52.43%20PM.png) no-repeat center center; }

.come-to-the-dark-side .data-explorer__chart-filters {
  background: #363636; }

.come-to-the-dark-side .simple-container__heading {
  color: white; }

.come-to-the-dark-side .advanced-container__header {
  border-bottom: 8px solid #50E3C2;
  background: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/t-522/Screen%20Shot%202018-09-05%20at%2012.52.43%20PM.png) no-repeat center center; }

.come-to-the-dark-side .advanced-container__h1 {
  color: white; }

.come-to-the-dark-side .advanced-container__btn--fullscreen {
  color: white;
  background: none; }

.come-to-the-dark-side .dashboard-items.is--big .dashboard-item {
  background: linear-gradient(-135deg, #262626 0%, #1A1A1A 100%); }
  .come-to-the-dark-side .dashboard-items.is--big .dashboard-item__label {
    color: white; }
  .come-to-the-dark-side .dashboard-items.is--big .dashboard-item__value {
    color: white; }

.come-to-the-dark-side .dashboard-items.is--small .dashboard-item {
  background: rgba(0, 0, 0, 0.25);
  color: white; }

.come-to-the-dark-side .btn--menu--circular.in--data-explorer {
  background: rgba(54, 54, 54, 0.8); }
  @media screen and (min-width: 769px) {
    .come-to-the-dark-side .btn--menu--circular.in--data-explorer.is--layers {
      background: rgba(54, 54, 54, 0.2);
      color: #50e3c2 !important; }
      .come-to-the-dark-side .btn--menu--circular.in--data-explorer.is--layers i {
        color: #50e3c2 !important; } }
.come-to-the-dark-side .data-explorer__container--super.is--restricting .data-explorer__container {
  background: white; }

@media screen and (max-width: 768px) {
  .come-to-the-dark-side .data-explorer__container--super.is--restricting .data-explorer__chart-nav__title-container {
    background: rgba(0, 0, 0, 0.66); } }

.main.is--data-explorer {
  margin: 0px auto 0px auto; }
  @media screen and (min-width: 769px) {
    .main.is--data-explorer {
      margin: 60px auto 60px 60px; } }
.data-explorer {
  height: calc(100vh);
  position: relative; }
  .data-explorer__btn--close {
    position: fixed;
    z-index: 1050;
    top: 0;
    left: 0;
    width: 60px;
    height: 60px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0; }
    .data-explorer__btn--close.is--hidden {
      display: none; }
    .data-explorer__btn--close i {
      font-size: 24px !important; }
  .data-explorer__container {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000; }
    @media screen and (max-width: 768px) {
      .data-explorer__container {
        position: absolute; } }
  .data-explorer__chart-nav {
    display: flex;
    align-items: baseline;
    position: absolute;
    bottom: 0px;
    left: 320px; }
    @media screen and (max-width: 768px) {
      .data-explorer__chart-nav.is--expanded {
        height: auto;
        height: 100%;
        bottom: 0;
        z-index: 20; } }
    .data-explorer__chart-nav.is--expanded .data-explorer__chart-nav__title-container {
      position: fixed; }
    @media screen and (max-width: 768px) {
      .data-explorer__chart-nav.is--expanded .data-explorer__chart-nav__btn {
        width: 100%;
        border-radius: 0px;
        justify-content: center;
        margin: 0; } }
    @media screen and (max-width: 768px) {
      .data-explorer__chart-nav {
        position: fixed;
        top: 0;
        left: 0;
        bottom: auto;
        height: 60px;
        flex-direction: column;
        width: 100%;
        align-items: flex-start;
        overflow: hidden; } }
    @media screen and (min-width: 769px) {
      .data-explorer__chart-nav {
        padding-left: 16px;
        padding-bottom: 16px;
        max-width: calc(100% - 336px); } }
    .data-explorer__chart-nav__title-container {
      padding-left: 76px;
      padding-right: 76px;
      height: 60px;
      min-height: 60px;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: center;
      color: white; }
      @media screen and (max-width: 768px) {
        .data-explorer__chart-nav__title-container {
          position: absolute;
          top: 0;
          z-index: 21; } }
      @media screen and (min-width: 769px) {
        .data-explorer__chart-nav__title-container {
          padding: 0px;
          position: fixed;
          left: 60px;
          top: 0;
          right: calc(100% - 320px);
          z-index: 1;
          padding-left: 16px;
          padding-right: 16px; } }
    .data-explorer__chart-nav__title {
      margin-bottom: 0 !important; }
    .data-explorer__chart-nav__heading {
      margin-bottom: 0 !important; }
    .data-explorer__chart-nav__btn--expand {
      position: fixed;
      right: 0;
      top: 0;
      height: 60px;
      width: 60px;
      display: flex;
      align-items: center;
      justify-content: center;
      background: none !important; }
      @media screen and (min-width: 769px) {
        .data-explorer__chart-nav__btn--expand {
          display: none; } }
      .data-explorer__chart-nav__btn--expand i.material-icons {
        font-size: 32px; }
    .data-explorer__chart-nav__btn {
      padding: 24px;
      display: flex;
      flex-direction: column-reverse;
      margin-right: 16px;
      border-radius: 4px; }
      @media screen and (max-width: 768px) {
        .data-explorer__chart-nav__btn {
          min-height: 72px; } }
      .data-explorer__chart-nav__btn:first-of-type {
        margin-top: 60px !important; }
      .data-explorer__chart-nav__btn.is--active {
        box-shadow: 0px 8px 16px -8px rgba(0, 0, 0, 0.1); }
      .data-explorer__chart-nav__btn-label {
        font-size: 12px; }
        @media screen and (min-width: 769px) {
          .data-explorer__chart-nav__btn-label {
            white-space: nowrap;
            overflow: hidden; } }
      .data-explorer__chart-nav__btn-value {
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 8px; }
  .data-explorer__chart {
    height: calc(100vh);
    position: relative; }
  .data-explorer__chart-data {
    position: absolute;
    bottom: 0;
    height: 128px;
    max-height: 128px;
    z-index: 1; }
    @media screen and (max-width: 768px) {
      .data-explorer__chart-data {
        width: 100%;
        overflow: auto;
        bottom: auto;
        top: calc(100vh - 128px); } }
    @media screen and (min-width: 769px) {
      .data-explorer__chart-data {
        width: 320px;
        min-width: 320px;
        height: calc(100vh);
        max-height: calc(100vh);
        top: 0px;
        left: 0; } }
    .data-explorer__chart-data__nav {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      display: flex; }
      @media screen and (max-width: 769px) {
        .data-explorer__chart-data__nav {
          position: fixed;
          z-index: 40;
          display: none; } }
      .data-explorer__chart-data__nav-btn {
        flex-basis: 20%;
        height: 60px; }
    .data-explorer__chart-data__stats-list {
      transition: transform 400ms ease; }
      @media screen and (max-width: 768px) {
        .data-explorer__chart-data__stats-list {
          display: none !important; } }
      @media screen and (max-width: 768px) {
        .data-explorer__chart-data__stats-list.is--visible--mobile {
          display: flex !important; } }
    .data-explorer__chart-data__stats {
      max-height: calc(100vh);
      position: relative; }
      @media screen and (max-width: 768px) {
        .data-explorer__chart-data__stats {
          height: 128px;
          max-height: 128px;
          position: static;
          position: initial; } }
      .data-explorer__chart-data__stats .dashboard-items {
        flex-wrap: nowrap;
        margin-bottom: 0px; }
        @media screen and (min-width: 769px) {
          .data-explorer__chart-data__stats .dashboard-items {
            justify-content: space-between;
            margin-bottom: 24px;
            flex-wrap: wrap;
            padding-top: 64px;
            padding-bottom: 24px; } }
      .data-explorer__chart-data__stats .dashboard-item {
        border-radius: 8px;
        flex-basis: 47%;
        max-width: 47%;
        margin: 0;
        margin-bottom: 16px;
        position: relative;
        box-shadow: 0 8px 16px -10px rgba(0, 0, 0, 0.5) !important; }
        @media screen and (max-width: 768px) {
          .data-explorer__chart-data__stats .dashboard-item {
            margin-right: 16px;
            height: 96px;
            min-height: 96px;
            margin-bottom: 0;
            min-width: 160px;
            padding: 4px 16px; } }
  .data-explorer__map-items {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    opacity: 0;
    transform: scale(0.95);
    transition: all 400ms ease; }
    .data-explorer__map-items.is--visible {
      pointer-events: auto;
      opacity: 1;
      transform: scale(1);
      transition: all 400ms ease;
      transition: all 401ms ease; }
  .data-explorer__map-item {
    background: none;
    border: none;
    outline: none;
    box-shadow: none;
    position: absolute;
    pointer-events: none;
    opacity: 0;
    transform: scale(0);
    transition: all 250ms ease; }
    .data-explorer__map-item.is--visible {
      pointer-events: auto;
      opacity: 1;
      transform: scale(1);
      transition: all 250ms ease; }
  .data-explorer__chart-graphic {
    height: calc(100vh);
    width: calc(100% - 320px);
    background-size: cover !important;
    position: absolute;
    top: 0;
    right: 0; }
    @media screen and (max-width: 768px) {
      .data-explorer__chart-graphic {
        left: 0;
        right: 0;
        top: 0;
        width: 100%;
        position: fixed; } }
    .data-explorer__chart-graphic.is--map {
      width: calc(100%); }
      @media screen and (max-width: 768px) {
        .data-explorer__chart-graphic.is--map {
          width: 100%; } }
  .data-explorer__chart-filters {
    width: 320px;
    z-index: 1;
    transform: translateX(0px);
    box-shadow: 8px 0px 16px -10px rgba(0, 0, 0, 0.33);
    top: 0;
    left: 0;
    bottom: 0;
    opacity: 0;
    transition: opacity .25s ease-out, transform .33s ease-out;
    position: absolute; }
    @media screen and (max-width: 768px) {
      .data-explorer__chart-filters {
        left: 100%;
        position: fixed;
        width: 100%; } }
    .data-explorer__chart-filters.is--visible {
      opacity: 1;
      transform: translateX(320px);
      transition: opacity .25s ease-out, transform .33s ease-out; }
      @media screen and (max-width: 768px) {
        .data-explorer__chart-filters.is--visible {
          transform: translateX(0px);
          left: 0;
          z-index: 30; } }
      .data-explorer__chart-filters.is--visible.is--fullscreen {
        width: calc(100% - 0px);
        z-index: 150;
        transition: opacity .25s ease-out, transform .33s ease-out;
        left: 0;
        transform: translateX(0); }
  .data-explorer__btn--single-fullscreen {
    width: 100%;
    height: 48px;
    border: 2px solid deeppink;
    color: deeppink;
    background: none; }
    .data-explorer__btn--single-fullscreen:hover {
      background: deeppink;
      color: #fff; }

.simple-container {
  pointer-events: none;
  opacity: 0; }
  .simple-container * {
    opacity: 0; }
  .simple-container.is--visible {
    pointer-events: auto;
    opacity: 1; }
    .simple-container.is--visible * {
      opacity: 1; }

.advanced-container {
  pointer-events: none;
  opacity: 0; }
  .advanced-container.is--visible {
    pointer-events: auto;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0; }
  .advanced-container__sidebar {
    width: 320px;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 128px;
    bottom: 0;
    transition: all 400ms ease;
    opacity: 0;
    pointer-events: none; }
    .advanced-container__sidebar.is--visible {
      left: 0px;
      opacity: 1;
      pointer-events: auto;
      transition: all 400ms ease; }
  .advanced-container__content {
    width: 100%;
    transform: translatex(0);
    transition: all 300ms ease;
    box-shadow: -16px 0px 32px -8px rgba(0, 0, 0, 0.3); }
    .advanced-container__content.is--pushed-over {
      width: calc(100% - 320px);
      transform: translatex(320px);
      transition: all 300ms ease; }
  .advanced-container__header {
    width: 100%;
    min-height: 312px;
    height: 33vh;
    display: flex;
    background-size: cover !important;
    transition: height 400ms ease; }
    .advanced-container__header.is--fullscreen {
      height: calc(100vh);
      transition: height 400ms ease; }
  .advanced-container__title-group {
    display: flex;
    align-items: center;
    padding-left: 16px; }
  .advanced-container__btn--fullscreen {
    position: absolute;
    top: calc(33vh - 60px);
    right: 24px;
    transition: top 300ms ease;
    outline: none;
    border: none; }
    .advanced-container__btn--fullscreen.is--fullscreen {
      top: calc(100vh - 60px);
      transition: top 600ms ease; }

.dashboard-items {
  display: flex;
  flex-wrap: wrap; }
  .dashboard-items.is--big {
    justify-content: space-between; }
    .dashboard-items.is--big .dashboard-item {
      display: flex;
      transform: scale(1) !important;
      padding: 24px;
      flex-basis: 25%;
      height: 0;
      padding-bottom: 25%;
      padding-left: 24px;
      padding-right: 24px;
      padding-top: 0;
      position: relative;
      margin: 0;
      box-shadow: none; }
      @media screen and (max-width: 1024px) {
        .dashboard-items.is--big .dashboard-item {
          flex-basis: 50%;
          padding-bottom: 50%; } }
      .dashboard-items.is--big .dashboard-item__container {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column; }
        .dashboard-items.is--big .dashboard-item__container div {
          display: flex;
          flex-direction: column-reverse;
          justify-content: center;
          align-items: center; }
      .dashboard-items.is--big .dashboard-item__label {
        font-size: 16px; }
      .dashboard-items.is--big .dashboard-item__value {
        font-size: 48px; }
  .dashboard-items.is--small .dashboard-item {
    width: 100%;
    flex-basis: 100%;
    margin: 0;
    margin-bottom: 24px;
    border-radius: 4px;
    box-shadow: none;
    transform: scale(1) !important; }

.btn--menu--circular.in--data-explorer {
  bottom: 144px;
  right: 16px;
  border-radius: 50%; }
  @media screen and (min-width: 769px) {
    .btn--menu--circular.in--data-explorer {
      display: none !important; } }
  .btn--menu--circular.in--data-explorer.is--layers {
    bottom: 216px; }
    @media screen and (min-width: 769px) {
      .btn--menu--circular.in--data-explorer.is--layers {
        display: block !important;
        bottom: auto;
        top: 16px; } }
@media screen and (max-width: 768px) {
  body.has--data-explorer .btn--menu--circular:not(.in--data-explorer) {
    display: none !important; } }

.btn--menu--circular.in--data-explorer {
  z-index: 1100; }

@media screen and (max-width: 768px) {
  .nav--interaction:not(.in--data-explorer) {
    display: none !important; } }

@media screen and (max-width: 768px) {
  body.is--restricting.has--data-explorer .btn--menu--circular:not(.in--data-explorer) {
    display: block !important; } }

@media screen and (max-width: 768px) {
  body.is--restricting.has--data-explorer .nav--interaction:not(.in--data-explorer) {
    display: block !important; } }

@media screen and (min-width: 769px) {
  .data-explorer__container--super.is--restricting .data-explorer {
    height: calc(100vh - 192px); } }

.data-explorer__container--super.is--restricting .data-explorer__chart {
  height: calc(100vh - 192px); }

@media screen and (min-width: 769px) {
  .data-explorer__container--super.is--restricting .data-explorer__chart-data {
    height: calc(100vh - 192px);
    max-height: calc(100vh - 192px); } }

.data-explorer__container--super.is--restricting .data-explorer__chart-data__stats {
  max-height: calc(100vh - 192px); }

.data-explorer__container--super.is--restricting .data-explorer__stats {
  max-height: calc(100vh - 192px); }

.data-explorer__container--super.is--restricting .data-explorer__chart-graphic {
  height: calc(100vh - 192px); }

.data-explorer__container--super.is--restricting .advanced-container__header.is--fullscreen {
  height: calc(100vh - 192px); }

.data-explorer__container--super.is--restricting .advanced-container__btn--fullscreen.is--fullscreen {
  top: calc(100vh - 192px - 60px); }

.data-explorer__container--super.is--restricting .btn--menu--circular.in--data-explorer, .data-explorer__container--super.is--restricting .nav--interaction.in--data-explorer {
  display: none !important; }

@media screen and (max-width: 768px) {
  .data-explorer__container--super.is--restricting .data-explorer__chart-nav__btn {
    min-height: 64px;
    max-height: 64px;
    padding: 8px 16px;
    justify-content: center;
    min-width: 160px; } }

@media screen and (max-width: 768px) {
  .data-explorer__container--super.is--restricting .data-explorer__chart-nav__btn:first-of-type {
    margin-top: 0 !important;
    margin-left: 16px; } }

@media screen and (max-width: 768px) {
  .data-explorer__container--super.is--restricting .data-explorer__chart-data {
    display: none; } }

@media screen and (max-width: 768px) {
  .data-explorer__container--super.is--restricting .data-explorer__chart-nav__btn--expand {
    display: none; } }

@media screen and (max-width: 768px) {
  .data-explorer__container--super.is--restricting .data-explorer__chart-nav {
    position: absolute;
    top: auto;
    bottom: 0;
    height: 100px;
    flex-direction: row;
    align-items: center; } }

@media screen and (max-width: 768px) {
  .data-explorer__container--super.is--restricting .data-explorer__btn--close {
    display: none; } }

.data-explorer__container--super.is--restricting .data-explorer__container {
  padding: 8px;
  box-shadow: 0px 16px 32px -16px rgba(0, 0, 0, 0.25);
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  z-index: auto; }

.data-explorer__container--super.is--restricting .data-explorer__btn--close {
  z-index: 25; }

.data-explorer__container--super.is--restricting .data-explorer__chart-nav__title-container {
  position: absolute;
  bottom: calc(100vh - 60px);
  bottom: calc(100vh - 252px);
  left: 0;
  width: 320px;
  top: auto; }
  @media screen and (max-width: 768px) {
    .data-explorer__container--super.is--restricting .data-explorer__chart-nav__title-container {
      bottom: calc(60vh - 60px);
      width: 100%;
      padding: 16px; } }
@media screen and (max-width: 768px) {
  .data-explorer__container--super.is--restricting .data-explorer {
    height: 60vh; } }

@media screen and (max-width: 768px) {
  .data-explorer__container--super.is--restricting .data-explorer__chart {
    height: 60vh; } }

@media screen and (max-width: 768px) {
  .data-explorer__container--super.is--restricting .data-explorer__chart-graphic.is--map {
    position: relative;
    height: 60vh; } }

.data-explorer__container--super.is--restricting .btn--menu--circular.in--data-explorer.is--layers {
  position: absolute;
  top: 32px;
  bottom: auto;
  right: 32px; }
  @media screen and (min-width: 769px) {
    .data-explorer__container--super.is--restricting .btn--menu--circular.in--data-explorer.is--layers {
      display: block !important; } }
.drop-down {
  position: relative;
  display: inline-block; }
  .drop-down__btn {
    position: relative;
    z-index: 0; }
  .drop-down__list {
    display: none;
    width: 100%;
    min-width: 160px;
    margin: 0;
    background: #FFFFFF;
    list-style-type: none;
    padding: 8px 8px;
    box-shadow: 0px 8px 16px -8px rgba(0, 0, 0, 0.5);
    line-height: 1.7;
    z-index: 10;
    border-radius: 16px;
    position: absolute;
    top: 100%;
    left: 0; }
    .drop-down__list.is--visible {
      display: inline-block;
      z-index: 10; }
      .drop-down__list.is--visible--top {
        top: initial;
        bottom: 100%; }
  .drop-down__item a {
    font-size: 12px;
    color: #666;
    text-decoration: none;
    display: block;
    padding: 4px 8px;
    background: #FFFFFF;
    transition: all 200ms ease;
    border-radius: 4px;
    text-decoration: none; }
    .drop-down__item a:hover {
      color: #444;
      background: #E1E1E1;
      transition: all 200ms ease;
      border-radius: 12px; }
  .drop-down__item:last-child a {
    border: none; }
  .drop-down__item.is--active a {
    background: #ababab;
    color: #FFFFFF; }

.footer--bottom.is--fixed {
  position: fixed;
  bottom: 0; }

.actions-group--secondary__container {
  bottom: 92px;
  right: 24px;
  position: fixed; }

.actions-group--secondary__container > button {
  border-radius: 50% !important;
  padding: 8px !important; }

.is--visible--right {
  display: inline-block;
  z-index: 10;
  border-radius: 2px;
  left: unset;
  right: 0; }

.expandable .expandable--extra {
  display: none; }

.expandable.is--expanded.expandable--extra {
  display: inline-block; }

.expandable.expandable--block.is--expanded .expandable--extra {
  display: block; }

.expandable.expandable--list.is--expanded .expandable--extra {
  display: flex; }

.expandable.is--expanded:not(.can--hide) .expandable__button__icon, .expandable.is--expanded:not(.can--hide) .expandable__button__text {
  display: none; }

.container--fullscreen {
  overflow: hidden;
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #F1F1F1;
  z-index: 90000; }

.container--fullscreen.right {
  width: calc(100% - 320px); }

.container--fullscreen.left {
  width: calc(100% - 320px);
  left: 320px; }

@media screen and (min-width: 1200px) {
  .container--fullscreen.right {
    width: calc(100% - 408px); }
  .container--fullscreen.left {
    width: calc(100% - 408px);
    left: 408px; } }

.dashboard-items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 24px; }
  .dashboard-items.with--action {
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 0; }
    .dashboard-items.with--action .actions {
      display: flex;
      flex-direction: column;
      flex-wrap: nowrap; }
      .dashboard-items.with--action .actions button {
        border-radius: 0px; }
    .dashboard-items.with--action .dashboard-item__value {
      font-size: 16px;
      padding: 8px 0px; }

.dashboard-item {
  display: flex;
  flex-basis: 120px;
  flex-direction: column-reverse;
  flex-wrap: nowrap;
  padding: 16px 16px;
  margin: 4px 8px 4px 0px;
  background: #FFFFFF;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
  border-radius: 1px;
  cursor: pointer;
  transform: scale(1);
  transition: transform 300ms ease-out; }
  .dashboard-item:hover {
    text-decoration: none;
    transform: scale(1.1);
    transition: transform 300ms ease-out; }
  .dashboard-item__value {
    text-align: center;
    font-size: 24px;
    font-weight: bold; }
  .dashboard-item__label {
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    color: #505050; }

.dashboard-item--with--icon--menu {
  height: 68px;
  background: #FFFFFF;
  display: flex; }
  .dashboard-item--with--icon--menu .left {
    background: #444;
    height: 68px;
    width: 78px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap; }
    .dashboard-item--with--icon--menu .left__icon {
      background: #cc0000;
      height: 44px;
      width: 100%;
      display: flex;
      justify-content: center;
      flex-direction: row;
      flex-wrap: nowrap; }
      .dashboard-item--with--icon--menu .left__icon button {
        background: none;
        color: #FFFFFF; }
    .dashboard-item--with--icon--menu .left__menu {
      display: flex;
      height: 4px;
      width: 100%; }
      .dashboard-item--with--icon--menu .left__menu .drop-down {
        width: 100%; }
      .dashboard-item--with--icon--menu .left__menu button {
        height: 24px;
        width: 100%;
        border-radius: 0px;
        top: -1px; }
  .dashboard-item--with--icon--menu .right {
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 8px; }
    .dashboard-item--with--icon--menu .right a {
      margin-bottom: 0px !important; }
    .dashboard-item--with--icon--menu .right span.type {
      font-size: 10px;
      font-weight: bold;
      text-transform: uppercase; }
    .dashboard-item--with--icon--menu .right span.date {
      font-size: 12px;
      color: #888; }

.featured {
  display: flex;
  flex-flow: column;
  padding: 8px;
  margin: 0 4px; }

.dashboard-item__btn {
  background: none;
  color: #FFFFFF;
  display: flex;
  padding: 4px;
  border-radius: 2px 0 0 0;
  position: absolute;
  right: 0;
  bottom: 0; }
  .dashboard-item__btn i.material-icons {
    font-size: 16px; }

.dashboard-item__value .secondary-info {
  font-size: 12px; }

body.is--documentation {
  background: #444; }
  body.is--documentation .nav--my-account a {
    color: rgba(0, 0, 0, 0.66) !important; }
  body.is--documentation .nav__list-item.is--parent > button {
    background: none;
    color: #FFFFFF; }

.header--documentation {
  background: #222;
  height: 64px;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0; }
  @media screen and (min-width: 769px) {
    .header--documentation {
      width: 328px; } }
main.is--documentation {
  background: #f9f9f9;
  min-height: 100%;
  padding: 72px 16px 16px 16px; }
  @media screen and (min-width: 769px) {
    main.is--documentation {
      margin-left: 328px;
      padding: 72px 24px 24px 24px; } }
  @media screen and (min-width: 1200px) {
    main.is--documentation {
      width: calc(100% - 328px);
      padding: 72px 32px 32px 32px;
      background: linear-gradient(to right, #FFFFFF 50%, #444 50%);
      max-width: 1300px; } }
.documentation__sidebar {
  position: fixed;
  top: 64px;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #e4e4e4;
  transform: translatex(-120%);
  transition: all 300ms ease; }
  @media screen and (min-width: 769px) {
    .documentation__sidebar {
      transform: translateX(0);
      width: 328px; } }
  .documentation__sidebar.is--visible {
    transform: translatex(0);
    transition: all 300ms ease; }
    @media screen and (min-width: 769) {
      .documentation__sidebar.is--visible {
        transform: translateX(-120%); } }
@media screen and (min-width: 1200px) {
  .documentation__title {
    max-width: calc(50% - 32px); } }

.documentation__item {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
  @media screen and (min-width: 1200px) {
    .documentation__item {
      display: flex;
      justify-content: space-between;
      flex-direction: row;
      flex-wrap: nowrap; }
      .documentation__item__content {
        max-width: calc(50% - 32px); }
      .documentation__item__example {
        min-width: calc(50% - 32px);
        max-width: calc(50% - 32px);
        color: #e4e4e4; } }
@media screen and (min-width: 769px) {
  .documentation__btn--menu {
    display: none !important; } }

.position--sticky {
  position: sticky; }

.doc-viewer__container {
  min-height: 888px;
  display: flex; }
  .doc-viewer__container.is--finally-alone .bulk-actions.in--doc-viewer.is--visible {
    transform: translatey(0px) !important;
    opacity: 1 !important;
    pointer-events: auto;
    transition: all 300ms ease; }
  .doc-viewer__container.is--finally-alone .doc-viewer__pagination {
    transform: translatey(0px);
    opacity: 1;
    pointer-events: auto;
    transition: all 300ms ease; }
    .doc-viewer__container.is--finally-alone .doc-viewer__pagination.is--hidden {
      transform: translatey(80px);
      opacity: 0;
      pointer-events: none;
      transition: all 300ms ease-out; }
  .doc-viewer__container.is--finally-alone .sidebar--extra__nav.is--visible.in--doc-viewer {
    transform: translatey(0);
    pointer-events: auto !important;
    opacity: 1;
    transition: all 300ms ease; }
    @media screen and (max-width: 1023px) {
      .doc-viewer__container.is--finally-alone .sidebar--extra__nav.is--visible.in--doc-viewer {
        border: none;
        left: 0; } }
  .doc-viewer__container.is--finally-alone .doc-viewer__btn--search {
    transform: translatey(0px);
    opacity: 1;
    pointer-events: auto;
    transition: all 250ms ease-out; }
    .doc-viewer__container.is--finally-alone .doc-viewer__btn--search.is--hidden {
      transform: translatey(-24px);
      opacity: 0;
      pointer-events: auto;
      transition: all 250ms ease-out; }

.doc-viewer__search {
  display: none; }
  .doc-viewer__search.is--visible {
    display: block; }

.doc-viewer__btn--search {
  transform: translatey(-24px);
  opacity: 0;
  pointer-events: none;
  transition: all 250ms ease-out;
  width: 28px !important;
  height: 28px !important;
  padding: 0;
  position: fixed;
  bottom: 136px;
  left: calc(320px - 8px - 28px);
  border-radius: 14px !important;
  z-index: 10;
  border-radius: 24px !important;
  width: 48px !important;
  height: 48px !important;
  padding: 0;
  position: fixed;
  bottom: 80px;
  left: calc(320px - 8px - 48px);
  z-index: 10; }
  @media screen and (min-width: 1200px) {
    .doc-viewer__btn--search {
      left: calc(408px - 8px - 28px); } }
  @media screen and (min-width: 1200px) {
    .doc-viewer__btn--search {
      left: calc(408px - 8px - 48px); } }
.doc-viewer__pagination {
  background: #000000;
  height: 72px;
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 10;
  justify-content: space-between;
  padding: 0 16px;
  transform: translatey(80px);
  opacity: 0;
  pointer-events: none;
  transition: all 300ms ease; }
  @media screen and (min-width: 500px) {
    .doc-viewer__pagination {
      width: 320px; } }
  @media screen and (min-width: 1200px) {
    .doc-viewer__pagination {
      width: 408px; } }
  .doc-viewer__pagination button {
    display: flex;
    color: #FFFFFF;
    background: none;
    border: none;
    outline: none;
    height: 72px; }
  .doc-viewer__pagination input {
    height: 32px;
    border-radius: 4px;
    width: 48px;
    margin-right: 8px;
    border: none;
    padding: 0 4px; }
  .doc-viewer__pagination span {
    color: #FFFFFF;
    font-weight: bold;
    font-size: 14px; }

.doc-viewer__cards {
  background: #E1E1E1;
  min-height: 888px;
  top: 72px;
  bottom: 0;
  opacity: 1;
  pointer-events: auto;
  transition: left 300ms ease-out; }
  @media screen and (max-width: 1023px) {
    .doc-viewer__cards {
      min-width: 100%;
      width: 100%;
      max-width: 100%;
      background: none;
      position: relative !important; } }
  @media screen and (min-width: 1024px) {
    .doc-viewer__cards {
      min-width: 320px;
      width: 320px;
      max-width: 320px;
      overflow-y: auto; } }
  @media screen and (min-width: 1200px) {
    .doc-viewer__cards {
      min-width: 408px;
      width: 408px;
      max-width: 408px; } }
  @media screen and (min-width: 769px) {
    .doc-viewer__cards {
      max-height: 100vh;
      position: relative; } }
  .doc-viewer__cards.is--hidden {
    left: -360px !important;
    opacity: 1;
    pointer-events: none; }
    @media screen and (min-width: 1200px) {
      .doc-viewer__cards.is--hidden {
        left: -448px !important; } }
.doc-viewer__filters {
  position: absolute;
  width: 100%;
  padding-top: 72px;
  transform: translatex(0);
  opacity: 1;
  pointer-events: auto;
  transition: all 300ms ease-out; }
  .doc-viewer__filters.is--hidden {
    transform: translatex(-448px);
    opacity: 0;
    pointer-events: none;
    transition: all 300ms ease-out; }

.doc-viewer__results {
  position: absolute;
  width: 100%;
  transform: translatex(0);
  opacity: 1;
  pointer-events: auto;
  transition: all 300ms ease-out; }
  .doc-viewer__results.is--hidden {
    transform: translatex(-448px);
    opacity: 0;
    pointer-events: none;
    transition: all 300ms ease-out; }

.doc-viewer__card-list.list--plain {
  padding: 16px;
  padding-bottom: 282px; }

.doc-viewer__document {
  min-height: calc(100vh - 216px);
  width: 100%; }
  @media screen and (max-width: 1023px) {
    .doc-viewer__document {
      position: fixed;
      right: 100%;
      top: 0;
      bottom: 0; } }
  @media screen and (max-width: 1023px) {
    .doc-viewer__document.is--visible {
      position: fixed;
      right: 0;
      top: 0;
      bottom: 0;
      z-index: 333; } }
  .doc-viewer__document__btn--close {
    position: fixed;
    bottom: -88px;
    right: 0;
    width: 100%;
    display: none;
    z-index: 999999;
    pointer-events: none; }
    .doc-viewer__document__btn--close.is--visible.is--finally-alone {
      display: block;
      pointer-events: auto;
      bottom: 0; }
    @media screen and (min-width: 1024px) {
      .doc-viewer__document__btn--close {
        display: none !important; } }
.doc-viewer__document-content {
  max-width: 868px;
  padding: 48px;
  background: #FFFFFF !important;
  margin: 0 auto; }
  @media screen and (max-width: 1023px) {
    .doc-viewer__document-content {
      padding: 24px 16px 424px 16px; } }
  .doc-viewer__document-content.no--padding {
    padding: 0; }
  .doc-viewer__document-content:last-of-type {
    padding-bottom: 136px; }
  .doc-viewer__document-content .dashboard-header--mini {
    transform: translate(0);
    width: 100%; }
  @media screen and (max-width: 768px) {
    .doc-viewer__document-content {
      min-height: 100%; } }
.doc-viewer.is--finally-alone .doc-viewer__cards {
  position: fixed;
  top: 72px;
  bottom: 0; }
  @media screen and (min-width: 1024px) {
    .doc-viewer.is--finally-alone .doc-viewer__cards {
      overflow-y: auto; } }
.doc-viewer.is--finally-alone .doc-viewer__document {
  z-index: 1;
  opacity: 0;
  transition: all 300ms ease-out; }
  @media screen and (min-width: 1024px) {
    .doc-viewer.is--finally-alone .doc-viewer__document {
      margin-left: 320px;
      opacity: 1;
      transition: opacity 300ms ease-out; } }
  @media screen and (min-width: 1200px) {
    .doc-viewer.is--finally-alone .doc-viewer__document {
      margin-left: 408px; } }
  @media screen and (max-width: 1023px) {
    .doc-viewer.is--finally-alone .doc-viewer__document.is--visible {
      opacity: 1;
      transition: all 300ms ease-out;
      z-index: 999999;
      right: 0px;
      overflow-y: auto; } }
.doc-viewer .tag-rail__list {
  width: 100%;
  height: 100%;
  align-items: center;
  flex-wrap: wrap; }

.tag-rail {
  background: #F1F1F1;
  height: 56px;
  position: relative; }
  .tag-rail__menu-btn {
    height: 56px;
    width: 56px;
    max-height: 56px;
    max-width: 56px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;
    box-shadow: -4px 0 4px 0px rgba(0, 0, 0, 0.1); }
    .tag-rail__menu-btn__container {
      position: absolute;
      right: 0; }
    .tag-rail__menu-btn .material-icons {
      font-size: 24px; }
  .tag-rail__count {
    background: #ED4747;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 10px;
    width: 16px;
    height: 16px;
    max-height: 16px;
    max-width: 16px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 11px;
    right: 6px; }
  .tag-rail__list {
    width: 100%;
    overflow-x: auto;
    height: 56px;
    max-height: 56px;
    align-items: center; }
    .tag-rail__list li button {
      white-space: nowrap;
      margin: 8px; }

.sidebar--extra__nav.only--has--browse {
  width: auto;
  border-radius: 0;
  padding: 0; }
  .sidebar--extra__nav.only--has--browse .sidebar--extra__nav--other-actions {
    display: none !important; }
  .sidebar--extra__nav.only--has--browse .sidebar--extra__nav-btn--browse {
    width: 50%;
    border-radius: 0;
    height: 72px; }
    .sidebar--extra__nav.only--has--browse .sidebar--extra__nav-btn--browse:hover {
      background: black; }
    .sidebar--extra__nav.only--has--browse .sidebar--extra__nav-btn--browse:focus {
      background: black; }

.sidebar--extra__nav.in--doc-viewer {
  position: fixed;
  opacity: 0;
  transform: translatey(64px);
  background: #232323; }
  @media screen and (min-width: 1024px) {
    .sidebar--extra__nav.in--doc-viewer {
      bottom: 48px; } }
  @media screen and (min-width: 1024px) {
    .sidebar--extra__nav.in--doc-viewer.only--has--browse {
      bottom: 0px; } }
  @media screen and (min-width: 1024px) {
    .sidebar--extra__nav.in--doc-viewer.is--finally-alone {
      opacity: 1;
      transform: translatey(0);
      left: calc(160px + 50% - 160px);
      pointer-events: auto !important; } }
  @media screen and (min-width: 1200px) {
    .sidebar--extra__nav.in--doc-viewer.is--finally-alone {
      left: calc(204px + 50% - 160px); } }
  @media screen and (min-width: 1024px) {
    .sidebar--extra__nav.in--doc-viewer.is--finally-alone.only--has--browse {
      left: calc(160px + 50% - 160px);
      left: 320px;
      right: 0;
      height: 72px; } }
  @media screen and (min-width: 1200px) {
    .sidebar--extra__nav.in--doc-viewer.is--finally-alone.only--has--browse {
      left: calc(204px + 50% - 160px);
      left: 408px; } }
  @media screen and (min-width: 1280px) {
    .sidebar--extra__nav.in--doc-viewer.is--finally-alone.only--has--browse {
      left: calc(204px + 50% - 160px);
      left: 408px;
      right: auto;
      width: 868px;
      left: calc(50% - 434px + 204px); } }
  .sidebar--extra__nav.in--doc-viewer.is--visible {
    transform: translatey(72px);
    opacity: 0;
    transition: all 300ms ease;
    background: #232323 !important; }
    @media screen and (max-width: 1023px) {
      .sidebar--extra__nav.in--doc-viewer.is--visible {
        bottom: 0;
        left: 0;
        pointer-events: auto !important;
        opacity: 0;
        transition: all .3s ease;
        left: 0;
        right: 0;
        opacity: 1;
        z-index: 9999999;
        width: auto;
        border-radius: 0;
        bottom: 0; } }
    .sidebar--extra__nav.in--doc-viewer.is--visible.is--finally-alone {
      opacity: 1;
      transform: translatey(0); }

.sidebar--extra__nav-btn--browse.is--btn--close {
  color: #FFFFFF; }
  @media screen and (min-width: 1024px) {
    .sidebar--extra__nav-btn--browse.is--btn--close {
      display: none !important; } }
.sidebar--action.left.in--doc-viewer {
  top: 72px;
  box-shadow: none;
  transform: translatex(-448px);
  left: 0;
  pointer-events: none;
  opacity: 0;
  transition: all 300ms ease-out; }
  .sidebar--action.left.in--doc-viewer.is--visible {
    transform: translatex(0);
    opacity: 1;
    pointer-events: auto;
    transition: all 300ms ease-out; }

.sidebar--action__hero {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #555;
  color: #FFFFFF;
  width: calc(100%); }

.doc-viewer__btn--bottom {
  bottom: 0;
  left: 0;
  width: 320px;
  height: 72px;
  transform: translatey(80px);
  opacity: 0;
  transition: all 300ms ease; }
  @media screen and (min-width: 1200px) {
    .doc-viewer__btn--bottom {
      width: 408px;
      transition: all 300ms ease; } }
  .doc-viewer__btn--bottom.is--visible {
    transform: translatey(0px);
    opacity: 1;
    transition: all 300ms ease; }

.doc-viewer__card {
  background: #FFFFFF;
  width: 100%;
  display: flex;
  border-radius: 8px;
  flex-direction: column;
  padding: 16px 16px;
  margin-bottom: 16px; }
  .doc-viewer__card.is--active {
    border: 2px solid #000000;
    border-left-width: 8px;
    box-shadow: 0px 16px 24px -8px rgba(0, 0, 0, 0.25); }

.tag-label.is--box {
  background: rgba(0, 0, 0, 0.1) !important;
  padding: 16px;
  color: #f1f1f1 !important; }

.color--bg--dark {
  background-color: rgba(0, 0, 0, 0.8) !important; }

.doc-viewer label.toggle--single {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  background: rgba(0, 0, 0, 0);
  border-radius: 8px;
  padding: 8px 8px 4px 8px; }

.doc-viewer i.material-icons.toggle-off {
  color: #D8D8D8;
  font-size: 48px; }

.doc-viewer i.material-icons.toggle-on {
  color: #cc0000;
  font-size: 48px; }

.doc-viewer input[type="checkbox"]:checked + i.material-icons.toggle-on {
  display: block; }
  .doc-viewer input[type="checkbox"]:checked + i.material-icons.toggle-on + i.material-icons.toggle-off {
    display: none;
    width: 0px;
    height: 0px; }

.doc-viewer input[type="checkbox"]:not(:checked) + i.material-icons.toggle-on {
  display: none;
  width: 0px;
  height: 0px; }
  .doc-viewer input[type="checkbox"]:not(:checked) + i.material-icons.toggle-on + i.material-icons.toggle-off {
    display: block; }

.doc-viewer .toggle-group li.toggle--single-with-edit:nth-of-type(even) {
  background: #f8f8f8 !important; }

.doc-viewer__pagination {
  border: 2px solid #000000; }
  @media (min-width: 500px) and (max-width: 1023px) {
    .doc-viewer__pagination {
      width: 320px;
      left: calc(50% - 160px);
      border-radius: 36px;
      bottom: 24px; } }
  @media (min-width: 500px) and (max-width: 1023px) {
    .doc-viewer__pagination.is--open--bulk-actions {
      bottom: 96px; } }
@media screen and (max-width: 499px) {
  .doc-viewer__btn--search {
    left: calc(100% - 48px - 8px);
    bottom: 80px;
    border: none; } }

@media (min-width: 500px) and (max-width: 1023px) {
  .doc-viewer__btn--search {
    position: fixed;
    bottom: calc(24px + 12px);
    left: calc(50% + 48px + 48px);
    border: 2px solid; } }

@media (min-width: 500px) and (max-width: 1023px) {
  .doc-viewer__btn--search.is--open--bulk-actions {
    bottom: calc(96px + 12px); } }

.bulk-actions.in--doc-viewer {
  position: fixed;
  bottom: 72px;
  left: 0;
  width: 320px;
  z-index: 100;
  border-radius: 0;
  transform: translatey(-24px) !important;
  opacity: 0;
  pointer-events: none;
  background: #444;
  justify-content: space-between; }
  @media screen and (min-width: 1200px) {
    .bulk-actions.in--doc-viewer {
      width: 408px; } }
  @media (min-width: 500px) and (max-width: 1023px) {
    .bulk-actions.in--doc-viewer {
      left: 0;
      right: 0;
      bottom: 0;
      width: 100%; } }
  .bulk-actions.in--doc-viewer.is--visible {
    transform: translatey(-24px) !important;
    opacity: 0 !important; }

.bulk-actions__btn {
  box-shadow: none; }
  .bulk-actions__btn i.material-icons {
    font-size: 18px; }

.checkbox--icon-font.is--select--all.in--doc-viewer {
  transform: translatey(-24px);
  pointer-events: none;
  opacity: 0;
  transition: all 300ms ease-out;
  max-height: 0;
  overflow: hidden; }
  .checkbox--icon-font.is--select--all.in--doc-viewer.is--visible {
    transform: translatey(0);
    pointer-events: auto;
    opacity: 1;
    transition: all 300ms ease-out;
    max-height: 56px;
    overflow: auto; }

.doc-viewer__card .checkbox--icon-font {
  margin-bottom: 0;
  padding-left: 0;
  max-width: 0;
  overflow: hidden;
  pointer-events: none;
  transition: all 300ms ease-out; }
  .doc-viewer__card .checkbox--icon-font.is--visible {
    max-width: 88px;
    overflow: auto;
    pointer-events: auto;
    transition: all 300ms ease-out; }
  .doc-viewer__card .checkbox--icon-font label {
    max-height: 24px; }
    .doc-viewer__card .checkbox--icon-font label::after {
      max-height: 24px;
      line-height: 24px; }
  .doc-viewer__card .checkbox--icon-font + div {
    flex: 1; }

.table-docviewer--filters {
  position: absolute;
  right: 0;
  top: 0;
  max-width: 320px; }

div:not(.table--config__header) .tag-rail__menu-btn {
  height: 72px;
  width: 72px;
  max-height: 72px;
  max-width: 72px; }

.toggle--single.pill {
  border-radius: 28px;
  font-size: 12px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.66);
  font-family: "Noto Sans", sans-serif;
  line-height: 1.15;
  white-space: nowrap; }

.toggle--single.pill i.material-icons {
  font-size: 16px; }

@media screen and (max-width: 768px) {
  .tag-rail {
    height: auto;
    padding: 0 !important; }
  .tag-rail__main {
    flex-direction: column;
    order: 1;
    width: auto; }
  .grid--actions {
    height: 56px; }
  .table-docviewer--filters {
    height: 56px; }
  .tag-rail__menu-btn {
    height: 56px;
    width: 56px;
    max-height: 56px;
    max-width: 56px; }
  .tag-rail:not(.is--doc-viewer) .tag-rail__search-btn {
    display: block; }
  .tag-rail:not(.is--doc-viewer) .doc-viewer__search {
    padding-top: 8px; }
  .tag-rail.is--large {
    flex-wrap: wrap;
    height: auto; }
  .tag-rail__menu-btns__container {
    order: 2;
    margin-left: auto; }
  .tag-rail .doc-viewer__search {
    width: 100%;
    order: 3; }
  .tag-rail .doc-viewer__search .input__group {
    width: 100%; }
  .js--tag-rail__list--container {
    order: 4; } }

@media screen and (min-width: 769px) {
  .tag-rail__search-btn {
    display: none; }
  .tag-rail__menu-btns__container {
    margin-left: auto; }
  .doc-viewer__cards {
    top: 0; }
  .tag-rail.is--large {
    height: 72px; } }

.overflow--visible {
  overflow: visible !important; }

.table--config__header {
  height: 56px; }

.doc-viewer__document__btn-close {
  position: absolute;
  right: 8px;
  top: 8px;
  z-index: 1; }
  @media screen and (min-width: 1024px) {
    .doc-viewer__document__btn-close {
      display: none; } }
.data--fullscreen--view {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 10000;
  overflow-y: scroll;
  background: #f1f1f1; }

.data--fullscreen--view__header {
  height: 72px;
  background: #ddd;
  position: relative;
  left: 0;
  top: 0;
  right: 0;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: space-between; }

.data--fullscreen--view__header--title {
  padding-left: 24px; }

.data--fullscreen--view__header--close {
  height: 72px;
  width: 72px;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  padding: 0;
  background-color: transparent; }

.outcome_data-viewer .doc-viewer.is--finally-alone .doc-viewer__cards {
  z-index: inherit !important; }

@media screen and (min-width: 1024px) {
  .outcome_data-viewer .sidebar--extra__nav.in--doc-viewer.is--finally-alone {
    left: calc(50%); } }

@media screen and (min-width: 1200px) {
  .outcome_data-viewer .sidebar--extra__nav.in--doc-viewer.is--finally-alone {
    left: calc(50% - 160px + 408px); } }

@media screen and (min-width: 1200px) {
  main.is--fullscreen .outcome_data-viewer .sidebar--extra__nav.in--doc-viewer.is--finally-alone {
    left: calc(50% - 160px + 204px); } }

@media screen and (min-width: 1200px) {
  main.is--fullscreen .outcome_data-viewer .bulk-actions.in--doc-viewer {
    left: 0px !important; } }

@media screen and (min-width: 1440px) {
  main.is--fullscreen .outcome_data-viewer .bulk-actions.in--doc-viewer {
    left: 0px !important; } }

@media screen and (min-width: 1200px) {
  .outcome_data-viewer .bulk-actions.in--doc-viewer {
    left: 240px !important; } }

@media screen and (min-width: 1440px) {
  .outcome_data-viewer .bulk-actions.in--doc-viewer {
    left: 320px !important; } }

.expandable .expandable--extra {
  display: none; }

.expandable.is--expanded.expandable--extra {
  display: inline-block; }

.expandable.expandable--block.is--expanded .expandable--extra {
  display: block; }

.expandable.expandable--list.is--expanded .expandable--extra {
  display: flex; }

.expandable.is--expanded:not(.can--hide) .expandable__button__icon, .expandable.is--expanded:not(.can--hide) .expandable__button__text {
  display: none; }

.is--feed .feed {
  padding: 24px 16px 96px 16px; }

.feed {
  flex-basis: calc(25% - 0px);
  padding: 8px 8px 96px 8px;
  background: #e4e4e4;
  overflow-y: auto;
  margin: 0px 4px; }
  @media screen and (max-width: 600px) {
    .feed {
      width: 100%;
      min-width: 100%; } }
  @media screen and (min-width: 601px) and (max-width: 1023px) {
    .feed {
      width: 50%;
      min-width: 50%; } }
  @media screen and (min-width: 1024px) and (max-width: 1200px) {
    .feed {
      width: 33%;
      min-width: 33%; } }
  .feed.is--grid, .feed.is--expanded, .feed.is--expanded.is--hidden {
    flex-basis: 100%; }
  .feed.is--grid {
    min-width: 100%; }
  .feed.is--expanded {
    background: #FFFFFF;
    max-width: 900px; }
    .feed.is--expanded.is--hidden {
      min-width: 50%;
      max-width: 50%;
      padding: 32px 24px 96px 24px; }
  .feed.is--hidden {
    max-width: 0;
    padding: 0; }
  .feed .crd--001__label {
    color: #888;
    font-size: 12px; }
  .feed .crd--001 .crd__content {
    border-left: 4px solid;
    border-color: #bfbfbf; }
  .feed .crd--007 {
    margin-bottom: 8px !important; }
    .feed .crd--007.crd__content {
      left: 0;
      bottom: 0;
      right: 0;
      top: 0; }
  .feed .crd .note {
    border-left: 4px solid #cc0000; }

.feed-container {
  display: flex;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  position: fixed;
  top: 120px;
  right: 0;
  bottom: 0;
  left: 60px;
  overflow-y: auto; }
  @media screen and (max-width: 768px) {
    .feed-container {
      bottom: 60px; } }
  @media screen and (max-width: 959px) {
    .feed-container {
      top: 60px; } }
  @media screen and (max-width: 1200px) {
    .feed-container {
      justify-content: flex-start; } }
.page__header-bar,
.stats-bar {
  position: fixed;
  top: 60px;
  right: 0;
  left: 0;
  display: flex;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 60px;
  box-shadow: 0 3px 10px 3px rgba(0, 0, 0, 0.1); }

.page__header-bar {
  z-index: 225;
  background: #FFFFFF; }

.stats-bar {
  z-index: 50;
  background: #FFFFFF;
  transition: left 400mx ease-out; }
  @media screen and (max-width: 768px) {
    .stats-bar {
      bottom: 60px; } }
  @media screen and (min-width: 769px) and (max-width: 959px) {
    .stats-bar {
      bottom: 0; } }
  @media screen and (max-width: 959px) {
    .stats-bar {
      height: auto;
      width: 300px;
      justify-content: space-between;
      align-items: initial;
      flex-direction: column;
      flex-wrap: nowrap;
      top: 0;
      right: initial;
      left: -110%;
      z-index: 500;
      padding-bottom: 60px;
      padding-top: 16px; }
      .stats-bar.is--visible {
        left: 0;
        transition: left 400ms ease-out; } }
  .stats-bar__btn--close {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    height: 44px;
    width: 300px; }
    @media screen and (min-width: 960px) {
      .stats-bar__btn--close {
        display: none; } }
  .stats-bar__btn--menu {
    position: fixed;
    right: 16px;
    bottom: 88px;
    height: 34px;
    width: 34px;
    background: #ffffff;
    color: #FFFFFF;
    border-radius: 50%; }
    .stats-bar__btn--menu i.material-icons {
      font-size: 16px; }
    @media screen and (min-width: 960px) {
      .stats-bar__btn--menu {
        display: none; } }
  .stats-bar__toggle.is--on i {
    margin-bottom: 2px;
    color: #cc0000; }
  .stats-bar__toggle.is--off i {
    margin-bottom: 2px;
    color: #ED4747; }
  .stats-bar__item {
    background: #FFFFFF;
    padding: 8px 16px;
    margin-right: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    flex-wrap: nowrap; }
    @media screen and (max-width: 959px) {
      .stats-bar__item {
        margin: 0 16px 8px 0 16px;
        flex-basis: 20%;
        justify-content: center;
        background: #eee; } }
    .stats-bar__item:hover {
      background: #f1f1f1; }
      .stats-bar__item:hover span {
        color: #505050; }
    .stats-bar__item span {
      font-size: 12px;
      font-weight: bold;
      text-transform: uppercase;
      color: #999; }
      .stats-bar__item span:first-of-type {
        margin-bottom: 4px;
        font-size: 16px;
        color: #666; }

.page, .page__header-bar {
  display: none; }

.page.is--visible {
  display: block;
  overflow-y: auto; }

.page__header-bar.is--visible {
  z-index: 333;
  padding: 0 25%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap; }

@keyframes fader {
  0% {
    transform: scale(0); }
  75% {
    transform: scale(2); }
  100% {
    transform: scale(1); } }

.footer--bottom {
  background: #666;
  position: relative;
  z-index: 222;
  transition: all 300ms ease;
  height: 60px;
  width: 100%; }
  .footer--bottom .copyright-text {
    display: inline-block;
    color: #FFFFFF;
    font-size: 12px;
    margin-bottom: 0; }
    @media screen and (min-width: 768px) {
      .footer--bottom .copyright-text {
        line-height: 60px;
        padding-left: 16px; } }
  .footer--bottom.is--hidden {
    height: 0 !important;
    overflow: hidden; }
  @media screen and (min-width: 1200px) {
    .footer--bottom.open--navigation {
      width: calc(100% - 240px);
      transform: translateX(240px); } }
  @media screen and (min-width: 1440px) {
    .footer--bottom.open--navigation {
      width: calc(100% - 320px);
      transform: translateX(320px); } }
.footer--public {
  height: 40px;
  background: rgba(0, 0, 0, 0.22);
  padding: 2px 12px;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap; }
  .footer--public p {
    margin: -2px 0 0 0;
    line-height: 40px;
    font-size: 12px;
    display: inline-block; }

.input--box {
  border: 1px solid #ddd;
  border-radius: 2px;
  padding: 8px;
  margin: 4px 0;
  box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  display: block;
  width: 100%; }
  .input--box.input-validation-error:not(.is--hero) {
    border: 2px solid #ED4747 !important; }

.input--box.has--error {
  border: 1px solid #ED4747; }

.input:focus {
  outline: 4px solid #FF9000; }

.input--box.is--hero {
  padding: 16px;
  display: block;
  font-size: 18px;
  line-height: 1;
  width: 100%;
  margin-bottom: 32px; }
  .input--box.is--hero.input-validation-error {
    border: 4px solid #ED4747 !important; }

.form {
  padding: 0;
  margin: 0; }
  .form__input-help {
    font-family: OpenSans-Italic;
    font-size: 10px;
    color: #777;
    display: block; }

.fieldset {
  border: none;
  margin: 0;
  padding: 0; }

.label {
  display: block;
  font-weight: bold;
  font-size: 12px;
  margin-top: 16px !important;
  color: #666; }

.label.margin--t--none {
  margin-top: 0px !important; }

.label.has--error {
  color: #ED4747; }

.input {
  display: block;
  width: 100%;
  height: 34px;
  border-radius: 2px;
  outline: none;
  background: #FFFFFF;
  border: 1px solid #E1E1E1;
  padding-left: 8px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  transition: all 200ms ease; }
  .input:focus {
    transition: all 200ms ease;
    border: 1px solid #ffffff; }

.switcher.is--full-width {
  height: 32px;
  width: 100%; }
  .switcher.is--full-width .switcher__label {
    line-height: 32px;
    color: #FFFFFF; }
  .switcher.is--full-width .switcher__toggle {
    height: 28px; }
  .switcher.is--full-width .switcher__input--right:checked ~ .switcher__toggle {
    left: calc(50% - 2px); }

.switcher.is--large {
  height: 32px;
  width: 88px; }
  .switcher.is--large .switcher__label {
    line-height: 32px;
    color: #FFFFFF; }
  .switcher.is--large .switcher__toggle {
    height: 28px; }
  .switcher.is--large .switcher__input--right:checked ~ .switcher__toggle {
    left: 42px; }

@media screen and (max-width: 768px) {
  .switcher__form {
    position: absolute;
    top: 27px;
    right: 62px; } }

@media screen and (min-width: 769px) {
  .switcher__form {
    transform: translatey(3px); } }

.switcher {
  display: inline-block;
  height: 18px;
  padding: 0px 2px;
  background: #666;
  width: 60px;
  border-radius: 2px;
  position: relative; }

.switcher__input {
  display: none; }

.switcher__label {
  float: left;
  width: 50%;
  font-size: 10px;
  line-height: 18px;
  color: #999;
  text-align: center;
  cursor: pointer;
  position: inherit;
  z-index: 10;
  transition: color 0.3s cubic-bezier(0.4, 0, 0.2, 1); }

.switcher__toggle {
  position: absolute;
  float: left;
  height: 14px;
  width: 50%;
  font-size: 12px;
  line-height: 30px;
  cursor: pointer;
  background-color: #cc0000;
  border-radius: 1px;
  left: 2px;
  top: 2px;
  transition: left 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: transform; }

.switcher__input:checked + .switcher__label {
  color: #FFFFFF; }

.switcher__input--right:checked ~ .switcher__toggle {
  left: 28px; }

.toggle--single.left-to-right {
  display: flex;
  align-items: end;
  justify-content: space-between;
  padding-right: 12px; }
  .toggle--single.left-to-right div:first-of-type {
    max-width: 70%; }

.toggle--single.left-to-right [type="checkbox"] ~ i.on {
  left: 9px; }

.toggle--single.left-to-right [type="checkbox"] ~ i.off {
  left: -38px; }

.toggle--single.left-to-right [type="checkbox"] + .toggle--single__container {
  left: 33px; }

.panel.toggle-group {
  padding-top: 56px;
  height: 280px;
  max-height: 60vh; }
  .panel.toggle-group .panel__body {
    /* left: 8px; */
    /* right: 8px; */
    top: 0px;
    /* bottom: 44px; */
    overflow-x: hidden;
    overflow-y: auto;
    /* padding-top: 16px; */
    height: 100%; }
  .panel.toggle-group .panel__footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 44px;
    background: #ddd;
    border-top: 4px solid #bbb;
    z-index: 888;
    display: flex;
    justify-content: space-between;
    padding: 4px 8px; }
    .panel.toggle-group .panel__footer .toggle--single {
      position: relative;
      top: 4px;
      left: 24px; }
    .panel.toggle-group .panel__footer .input__group {
      border: none;
      margin: 0; }
      .panel.toggle-group .panel__footer .input__group p {
        margin: 0;
        display: inline-block;
        position: relative;
        top: -3px;
        color: #666; }
  .panel.toggle-group .input__group {
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
    margin-bottom: 16px; }

legend {
  padding: 0;
  display: table;
  width: 100%;
  display: block; }

fieldset {
  border: 0;
  padding: 0.01em 0 0 0;
  margin: 0;
  min-width: 0; }

body:not(:-moz-handler-blocked) fieldset {
  display: table-cell; }

.toggle--single .toggle--single__label {
  flex-basis: 180px;
  max-width: 180px;
  min-width: 180px;
  margin-top: -4px; }

/* One radio button per line */
.label--is--hijacked {
  display: block;
  cursor: pointer;
  margin-bottom: 6px;
  color: #666;
  min-height: 30px;
  font-size: 16px;
  line-height: 16px;
  /* HTML5 Boilerplate accessible hidden styles */
  /* the basic, unchecked style */
  /* the checked style using the :checked pseudo class */
  /* never forget focus styling */
  /* HTML5 Boilerplate accessible hidden styles */
  /* the basic, unchecked style */
  /* the checked style using the :checked pseudo class */
  /* never forget focus styling */ }
  .label--is--hijacked [type="radio"] {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; }
  .label--is--hijacked [type="radio"] + span {
    display: block;
    position: relative;
    display: flex;
    align-items: center; }
  .label--is--hijacked [type="radio"] + span:before {
    content: "";
    display: inline-block;
    width: 14px;
    min-width: 14px;
    height: 14px;
    vertical-align: -3px;
    border-radius: 50%;
    border: 2px solid #999;
    margin-right: 16px;
    transition: 0.5s ease-out all; }
  .label--is--hijacked [type="radio"]:checked + span:before {
    background: white;
    border-color: #ffffff; }
  .label--is--hijacked [type="radio"]:focus + span:after {
    content: "";
    border: 2px solid rgba(0, 0, 0, 0.4);
    position: absolute;
    left: -2px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    border-radius: 50%; }
  .label--is--hijacked [type="checkbox"] {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; }
  .label--is--hijacked input[type="checkbox"] ~ i {
    position: relative;
    font-size: 14px;
    left: 2px;
    top: -16px;
    color: #FFFFFF;
    transform: scale(0) rotate(360deg);
    transition: all 300ms ease-out; }
  .label--is--hijacked input[type="checkbox"]:checked ~ i {
    position: relative;
    font-size: 12px;
    left: 1px;
    top: -26px;
    color: #FFFFFF;
    margin: 0;
    line-height: 0;
    transform: scale(1) rotate(0deg);
    transition: all 300ms ease-out;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.22); }
  .label--is--hijacked [type="checkbox"] + span {
    display: block;
    position: relative;
    border: 0px;
    transition: all 500ms ease-out; }
  .label--is--hijacked [type="checkbox"] + span:before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    vertical-align: -2px;
    border-radius: 2px;
    border: 2px solid #999;
    margin-right: 16px;
    transition: 0.5s ease-out all; }
  .label--is--hijacked [type="checkbox"]:checked + span:before {
    background: #b3b3b3;
    border-color: #ffffff; }
  .label--is--hijacked [type="checkbox"] + span:after {
    border: 4px solid rgba(0, 0, 0, 0);
    transition: 0.5s ease-out all; }
  .label--is--hijacked [type="checkbox"]:focus + span:after {
    content: "";
    border: 3px solid rgba(0, 0, 0, 0.3);
    position: absolute;
    left: -2px;
    top: 6px;
    width: 18px;
    height: 18px;
    border-radius: 2px;
    transition: 0.5s ease-out all; }

.toggle--single {
  display: block;
  cursor: pointer; }
  .toggle--single [type="checkbox"] {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; }
  .toggle--single [type="checkbox"] + .toggle--single__container {
    display: inline-block;
    width: 60px;
    border-radius: 2px;
    height: 18px;
    background: #eee;
    position: relative; }
  .toggle--single [type="checkbox"]:focus + .toggle--single__container:before {
    content: "";
    position: absolute;
    display: block;
    left: -2px;
    right: -2px;
    top: -2px;
    bottom: -2px;
    background: #ccc;
    border-radius: 2px;
    z-index: -1; }
  .toggle--single [type="checkbox"] + .toggle--single__container:after {
    content: "";
    display: inline-block;
    width: 26px;
    border-radius: 2px;
    height: 14px;
    background: #888;
    position: absolute;
    top: 2px;
    left: 2px;
    transition: all 300ms ease-out; }
  .toggle--single [type="checkbox"]:checked + .toggle--single__container:after {
    content: "";
    background: #ffffff;
    left: 32px;
    transition: all 300ms ease-out; }
  .toggle--single [type="checkbox"] ~ i.on {
    opacity: 0;
    color: #666;
    font-size: 12px;
    position: relative;
    left: -24px;
    top: -3px;
    transition: all 300ms ease-out; }
  .toggle--single [type="checkbox"]:checked ~ i.on {
    opacity: 1;
    color: #FFFFFF;
    transition: all 200ms ease-in; }
  .toggle--single [type="checkbox"] ~ i.off {
    opacity: 1;
    color: #FFFFFF;
    font-size: 12px;
    position: relative;
    left: -72px;
    top: -3px;
    transition: all 200ms ease-in; }
  .toggle--single [type="checkbox"]:checked ~ i.off {
    opacity: 0;
    color: #F1F1F1;
    font-size: 12px;
    position: relative;
    left: -72px;
    top: -3px;
    transition: all 300ms ease-out; }

.input__group.is--traditional .toggle--single {
  display: -ms-flexbox;
  display: inline-flex;
  align-items: center;
  height: 60px;
  cursor: pointer;
  position: relative;
  flex-direction: column;
  padding: 0 !important;
  border: 1px solid #f1f1f1; }
  .input__group.is--traditional .toggle--single [type="checkbox"] {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; }
  .input__group.is--traditional .toggle--single [type="checkbox"] + .toggle--single__container {
    display: none; }
  .input__group.is--traditional .toggle--single [type="checkbox"]:focus + .toggle--single__container:before {
    content: "";
    position: absolute;
    display: block;
    left: -2px;
    right: -2px;
    top: -2px;
    bottom: -2px;
    background: #ccc;
    border-radius: 2px;
    z-index: -1; }
  .input__group.is--traditional .toggle--single [type="checkbox"] + .toggle--single__container:after {
    content: "";
    display: inline-block;
    width: 26px;
    border-radius: 2px;
    height: 14px;
    background: #888;
    position: absolute;
    top: 2px;
    left: 2px;
    transition: all 300ms ease-out; }
  .input__group.is--traditional .toggle--single [type="checkbox"]:checked + .toggle--single__container:after {
    content: "";
    background: #ffffff;
    left: 32px;
    transition: all 300ms ease-out; }
  .input__group.is--traditional .toggle--single [type="checkbox"] ~ i.on {
    opacity: 0;
    transform: scale(0);
    color: #666;
    color: #cc0000;
    font-size: 24px;
    position: absolute;
    left: calc(50% - 12px);
    top: calc(50%);
    transition: all 250ms ease-out; }
  .input__group.is--traditional .toggle--single [type="checkbox"]:checked ~ i.on {
    opacity: 1;
    transform: scale(1);
    color: #FFFFFF;
    color: #cc0000;
    transition: all 250ms ease-in; }
  .input__group.is--traditional .toggle--single [type="checkbox"] ~ i.off {
    opacity: 1;
    transform: scale(1);
    color: #FFFFFF;
    color: #000000;
    font-size: 24px;
    position: absolute;
    left: calc(50% - 12px);
    top: calc(50%);
    transition: all 250ms ease-in; }
  .input__group.is--traditional .toggle--single [type="checkbox"]:checked ~ i.off {
    opacity: 0;
    transform: scale(0);
    color: #F1F1F1;
    color: #000000;
    font-size: 24px;
    position: absolute;
    left: calc(50% - 12px);
    top: calc(50%);
    transition: all 250ms ease-out; }

.list-card .toggle--single {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #D8D8D8;
  height: 100%;
  cursor: pointer;
  width: 60px;
  position: absolute;
  top: 0;
  left: -60px; }
  .list-card .toggle--single [type="checkbox"] {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; }
  .list-card .toggle--single [type="checkbox"] + .toggle--single__container {
    display: none; }
  .list-card .toggle--single [type="checkbox"]:focus + .toggle--single__container:before {
    content: "";
    position: absolute;
    display: block;
    left: -2px;
    right: -2px;
    top: -2px;
    bottom: -2px;
    background: #ccc;
    border-radius: 2px;
    z-index: -1; }
  .list-card .toggle--single [type="checkbox"] + .toggle--single__container:after {
    content: "";
    display: inline-block;
    width: 26px;
    border-radius: 2px;
    height: 14px;
    background: #888;
    position: absolute;
    top: 2px;
    left: 2px;
    transition: all 300ms ease-out; }
  .list-card .toggle--single [type="checkbox"]:checked + .toggle--single__container:after {
    content: "";
    background: #ffffff;
    left: 32px;
    transition: all 300ms ease-out; }
  .list-card .toggle--single [type="checkbox"] ~ i.on {
    opacity: 0;
    transform: scale(0);
    color: #666;
    color: #cc0000;
    font-size: 24px;
    position: absolute;
    left: calc(50% - 12px);
    top: calc(50% - 12px);
    transition: all 250ms ease-out; }
  .list-card .toggle--single [type="checkbox"]:checked ~ i.on {
    opacity: 1;
    transform: scale(1);
    color: #FFFFFF;
    color: #cc0000;
    transition: all 250ms ease-in; }
  .list-card .toggle--single [type="checkbox"] ~ i.off {
    opacity: 1;
    transform: scale(1);
    color: #FFFFFF;
    color: #000000;
    font-size: 24px;
    position: absolute;
    left: calc(50% - 12px);
    top: calc(50% - 12px);
    transition: all 250ms ease-in; }
  .list-card .toggle--single [type="checkbox"]:checked ~ i.off {
    opacity: 0;
    transform: scale(0);
    color: #F1F1F1;
    color: #000000;
    font-size: 24px;
    position: absolute;
    left: calc(50% - 12px);
    top: calc(50% - 12px);
    transition: all 250ms ease-out; }

.input--has--icon {
  position: relative;
  display: inline-block; }
  .input--has--icon button.is--visible {
    display: initial; }
  .input--has--icon button {
    display: none;
    position: absolute;
    right: 0;
    top: 6px; }
    .input--has--icon button:hover {
      background: none !important; }

.label--floating {
  display: block;
  position: absolute;
  top: 0px;
  transition: all 200ms;
  pointer-events: none;
  text-transform: uppercase;
  color: #666;
  font-weight: bold; }

.label--floating.is--focused {
  display: block;
  position: absolute;
  top: -24px;
  font-size: 12px;
  transition: all 200ms;
  color: #ffffff; }

.label--floating.is--focused.has--value {
  transition: all 200ms;
  color: #444; }

.label--floating.has--value {
  transition: all 200ms;
  top: -24px;
  font-size: 12px; }

.input__group {
  position: relative;
  margin-bottom: 32px; }
  .input__group:last-of-type {
    margin-bottom: 0; }

.input--floating {
  display: block;
  width: 100%;
  background: none;
  box-shadow: none;
  border: none;
  border-bottom: 1px solid #666;
  color: #444;
  padding-bottom: 8px; }

.input--floating:focus {
  display: block;
  width: 100%;
  background: none;
  box-shadow: none;
  outline: none;
  text-decoration: none;
  border: none;
  border-bottom: 1px solid #ffffff; }

.error--tooltip {
  background: #ED4747;
  color: #FFFFFF;
  display: inline-block;
  position: absolute;
  font-size: 14px;
  top: -40px;
  padding: 4px 8px;
  border-radius: 2px;
  box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.2); }
  .error--tooltip:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 6px 0 6px;
    border-color: #ED4747 transparent transparent transparent;
    position: absolute;
    bottom: -5px;
    left: 6px; }

.error--tooltip.generic--error {
  top: -40px; }

.input__group.error .input--floating {
  border-color: #ED4747; }

.input__group.error .label--floating {
  color: #ED4747; }

.file-upload {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1; }

.file-upload + label {
  font-weight: 600;
  display: inline-block; }
  .file-upload + label i {
    vertical-align: middle;
    position: relative;
    left: -3px; }

.file-upload:focus + label,
.file-upload + label:hover {
  background-color: #999; }

.file-upload + label {
  cursor: pointer;
  /* "hand" cursor */ }

.file-upload:focus + label {
  outline: 1px dotted #000;
  outline: -webkit-focus-ring-color auto 5px; }

input[type="range"] {
  -webkit-appearance: none;
  /* Hides the slider so that custom slider can be made */
  width: 222px;
  /* Specific width is required for Firefox. */
  background: transparent;
  /* Otherwise white in Chrome */ }

input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none; }

input[type="range"]:focus {
  outline: none;
  /* Removes the blue border. You should probably do some kind of focus styling for accessibility reasons though. */ }

input[type="range"]::-ms-track {
  width: 222px;
  cursor: pointer;
  /* Hides the slider so custom styles can be added */
  background: transparent;
  border-color: transparent;
  color: transparent; }

/* Special styling for WebKit/Blink */
input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: 3px solid #ffffff;
  height: 24px;
  width: 24px;
  border-radius: 50%;
  background: #FFFFFF;
  cursor: pointer;
  margin-top: -10px;
  /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */ }

/* All the same stuff for Firefox */
input[type="range"]::-moz-range-thumb {
  border: 3px solid #ffffff;
  height: 24px;
  width: 24px;
  border-radius: 50%;
  background: #FFFFFF;
  cursor: pointer; }

/* All the same stuff for IE */
input[type="range"]::-ms-thumb {
  border: 3px solid #ffffff;
  height: 24px;
  width: 24px;
  border-radius: 50%;
  background: #FFFFFF;
  cursor: pointer; }

input[type="range"]::-webkit-slider-runnable-track {
  width: 100%;
  height: 3px;
  cursor: pointer;
  background: #ffffff;
  border-radius: 12px; }

input[type="range"]:focus::-webkit-slider-runnable-track {
  background: #ffffff; }

input[type="range"]::-moz-range-track {
  width: 100%;
  height: 3px;
  cursor: pointer;
  background: #ffffff;
  border-radius: 12px; }

input[type="range"]::-ms-track {
  width: 100%;
  height: 3px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  border-width: 0;
  color: transparent; }

input[type="range"]::-ms-fill-lower {
  background: #ffffff;
  border-radius: 12px; }

input[type="range"]:focus::-ms-fill-lower {
  background: #ffffff; }

input[type="range"]::-ms-fill-upper {
  background: #ffffff;
  border-radius: 12px; }

input[type="range"]:focus::-ms-fill-upper {
  background: #ffffff; }

.input--range__value {
  display: inline-block;
  position: relative;
  width: auto;
  color: #FFFFFF;
  line-height: 20px;
  text-align: center;
  border-radius: 3px;
  background: #444;
  padding: 4px 8px;
  margin-left: 8px;
  top: 4px; }
  .input--range__value:after {
    position: absolute;
    top: 8px;
    left: -7px;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-right: 7px solid #444;
    border-bottom: 7px solid transparent;
    content: ""; }

textarea {
  border: 1px solid #ddd;
  border-radius: 2px;
  padding: 8px;
  margin: 4px 0;
  box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  display: block;
  width: 100%; }

form.language-toggle {
  position: fixed;
  top: 20px;
  right: 76px;
  z-index: 888; }
  @media screen and (max-width: 768px) {
    form.language-toggle {
      top: 4px;
      right: 4px; } }
.select {
  position: relative;
  display: inline-block;
  width: 100%; }

.select select.is--hero {
  padding: 0px 16px;
  height: 44px; }

select.is--hero + .select__arrow {
  top: calc(50% - 4px);
  right: 16px; }

.select.is--hero {
  margin-bottom: 32px; }
  .select.is--hero .select__arrow {
    top: 23px;
    right: 16px; }

.select.is--hero select {
  padding: 16px; }

.select select {
  display: inline-block;
  width: 100%;
  cursor: pointer;
  padding: 6px 12px;
  outline: 0;
  border: 2px solid #999;
  border-radius: 2px;
  background: #FFFFFF;
  color: #5b5b5b;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none; }

.select select::-ms-expand {
  display: none; }

.select select:hover,
.select select:focus {
  color: #222;
  background: #ddd; }

.select select:disabled {
  opacity: 0.5;
  pointer-events: none; }

.select__arrow {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 0;
  height: 0;
  pointer-events: none;
  border-style: solid;
  border-width: 8px 5px 0 5px;
  border-color: #7b7b7b transparent transparent transparent; }

.select select:hover ~ .select__arrow,
.select select:focus ~ .select__arrow {
  border-top-color: #000; }

.select select:disabled ~ .select__arrow {
  border-top-color: #ccc; }

.label--disabled {
  font-size: 12px;
  margin: 0;
  position: relative;
  display: inline-block;
  padding-right: 16px; }
  .label--disabled:after {
    font-family: "Material Icons";
    content: "\e899";
    display: block;
    position: absolute;
    top: 0px;
    left: calc(100% - 12px);
    width: 18px;
    width: 18px;
    height: 18px;
    border-radius: 2px; }

.label--disabled + p {
  font-style: italics; }

.input__group dl {
  clear: none;
  margin: 0;
  padding: 0 !important;
  border: none; }

.input__group dt,
.input__group dd {
  float: none;
  margin: 0;
  padding: 0 !important;
  border: none; }

.input__group dt {
  display: inline-block;
  width: auto;
  font-weight: 400; }
  .input__group dt:after {
    content: ""; }
  .input__group dt p:after {
    display: none !important; }

.input__group dd {
  display: block; }

.form--page {
  width: 80%;
  margin: 0 auto;
  max-width: 1000px; }

.form--page .panel {
  padding: 0 !important;
  box-shadow: none; }

.form--page {
  padding: 80px;
  margin-top: 60px;
  background: #fff;
  box-shadow: 0px 0px 24px 8px rgba(0, 0, 0, 0.1);
  border-radius: 1px; }

.form--page .heading--banner {
  background: none;
  position: initial; }

.form--page .panel:first-of-type .heading--banner {
  font-size: 28px;
  margin-bottom: 24px; }

.wtr--form--single .beside--doc-nav {
  width: 100% !important; }

.form-page {
  background: #FFFFFF;
  padding: 16px 8px;
  box-shadow: 0px 24px 24px -12px rgba(0, 0, 0, 0.1);
  border-radius: 4px; }
  @media screen and (min-width: 768px) {
    .form-page {
      padding: 48px; } }
  .form-page fieldset {
    padding-bottom: 8px;
    border-bottom: 1px solid #ddd; }
    .form-page fieldset:last-of-type {
      margin-bottom: 0px; }
  .form-page .panel {
    padding: 0px;
    box-shadow: none; }

.input__group.in--table label,
.input__group.in--table p.label:not(.toggle--single) {
  font-size: 0 !important;
  margin: 0 0 0 0 !important;
  opacity: 0 !important; }

.label.in--table,
.in--table.label--p,
.in--table.label--span {
  font-size: 0 !important;
  margin: 0 0 0 0 !important;
  opacity: 0 !important; }

fieldset.input__group.is--horizontal legend {
  flex-basis: 100%; }

fieldset.input__group.is--horizontal label.label--is--hijacked.no--callout {
  /* background:red; */
  margin: 0 16px 0 0; }

/* Change Autocomplete styles in Chrome*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus input:-webkit-autofill {
  border-bottom: 1px solid #000000;
  -webkit-text-fill-color: #000000;
  -webkit-box-shadow: 0 0 0px 1000px rgba(0, 0, 0, 0) inset;
  transition: background-color 5000s ease-in-out 0s; }

textarea:-webkit-autofill,
textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 1px solid #000000;
  -webkit-text-fill-color: #000000;
  -webkit-box-shadow: 0 0 0px 1000px rgba(0, 0, 0, 0) inset;
  transition: background-color 5000s ease-in-out 0s; }

.checkmark.material-icons.is--check {
  color: #cc0000; }

.input__group.is--toggle--with--image {
  background: #f1f1f1;
  padding: 8px;
  margin: 8px;
  border-radius: 16px; }
  .input__group.is--toggle--with--image .img-container {
    border-radius: 12px; }

.toggle--ftw label.toggle--single {
  display: flex;
  flex-flow: row wrap;
  justify-content: center; }

.toggle--ftw label.left-to-right {
  padding-right: 12px;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap; }

.toggle--ftw i.material-icons {
  font-size: 24px; }

.toggle--ftw i.material-icons.toggle-off {
  color: #000000; }

.toggle--ftw i.material-icons.toggle-on {
  color: #cc0000; }

.toggle--ftw input[type="radio"] {
  display: none; }

.toggle--ftw input[type="checkbox"]:checked + i.material-icons.toggle-on, .toggle--ftw input[type="radio"]:checked + i.material-icons.toggle-on {
  display: block; }
  .toggle--ftw input[type="checkbox"]:checked + i.material-icons.toggle-on + i.material-icons.toggle-off, .toggle--ftw input[type="radio"]:checked + i.material-icons.toggle-on + i.material-icons.toggle-off {
    display: none;
    width: 0px;
    height: 0px; }

.toggle--ftw input[type="checkbox"]:not(:checked) + i.material-icons.toggle-on, .toggle--ftw input[type="radio"]:not(:checked) + i.material-icons.toggle-on {
  display: none;
  width: 0px;
  height: 0px; }
  .toggle--ftw input[type="checkbox"]:not(:checked) + i.material-icons.toggle-on + i.material-icons.toggle-off, .toggle--ftw input[type="radio"]:not(:checked) + i.material-icons.toggle-on + i.material-icons.toggle-off {
    display: block; }

.toggle--single input[type="checkbox"] ~ i.toggle_on {
  left: 0;
  top: 0;
  opacity: 0;
  display: none;
  vertical-align: middle;
  color: #FFFFFF;
  transition: all 200ms ease-in; }

.toggle--single input[type="checkbox"] ~ i.toggle_off {
  left: 0;
  top: 0;
  opacity: 1;
  display: inline-block;
  vertical-align: middle;
  color: rgba(255, 255, 255, 0.7);
  transition: all 200ms ease-in; }

.toggle--single input[type="checkbox"]:checked ~ i.toggle_on {
  opacity: 1;
  display: inline-block;
  transition: all 200ms ease-in; }

.toggle--single input[type="checkbox"]:checked ~ i.toggle_off {
  opacity: 0;
  display: none;
  transition: all 200ms ease-in; }

.toggle-group li.toggle--single-with-edit:nth-of-type(even) {
  background: #f8f8f8 !important; }

.drop-down .toggle--ftw i.material-icons {
  font-size: 24px; }

.overlay--welcome .toggle--ftw i.material-icons.toggle-on {
  color: #000000; }

.ui--checkbox-table label {
  position: relative; }
  .ui--checkbox-table label input[type=checkbox], .ui--checkbox-table label span {
    position: absolute;
    opacity: 0;
    width: 24px;
    height: 24px;
    overflow: hidden; }
  .ui--checkbox-table label input[type=checkbox] {
    cursor: pointer; }
    .ui--checkbox-table label input[type=checkbox] + i::before {
      color: #ED4747; }
    .ui--checkbox-table label input[type=checkbox]:checked + i::before {
      color: #cc0000; }
    .ui--checkbox-table label input[type=checkbox]:focus + i::before {
      outline: 1px solid black; }
  .ui--checkbox-table label.ui--checkbox-table--toggle input[type=checkbox] + i::before {
    content: 'toggle_off'; }
  .ui--checkbox-table label.ui--checkbox-table--toggle input[type=checkbox]:checked + i::before {
    content: 'toggle_on'; }
  .ui--checkbox-table label.ui--checkbox-table--check input[type=checkbox] + i::before {
    content: 'cancel'; }
  .ui--checkbox-table label.ui--checkbox-table--check input[type=checkbox]:checked + i::before {
    content: 'check_circle'; }

.ui--checkbox-table thead th.table__heading {
  background: none; }

thead th {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background: #fff; }

tbody th {
  z-index: 1; }

.table--config.is--data-grid {
  max-width: 100%;
  margin: 0 auto;
  border: 8px solid #fff;
  border-top: 8px solid #fff;
  min-height: 400px;
  max-height: calc(55vh);
  background: #ddd;
  padding-bottom: 80px; }

.table--config.is--data-grid table {
  border: none; }

.table--config thead th {
  z-index: 1;
  background: #444 !important;
  color: #F1F1F1 !important; }

.table--config thead th:first-child {
  z-index: 2;
  box-shadow: 4px 0px 16px -8px rgba(0, 0, 0, 0.2); }

.table--config.is--data-grid .table__row--header {
  border-bottom: none; }

.table--config.is--data-grid tbody th {
  box-shadow: 4px 0px 16px -8px rgba(0, 0, 0, 0.2);
  padding: 2px 8px;
  white-space: nowrap; }

.table--config.is--data-grid .table__row--body {
  border-bottom: none; }

.sidebar--table {
  position: absolute;
  top: 48px;
  bottom: 0px;
  right: 0px;
  z-index: 5;
  width: 300px;
  transform: translatex(310px);
  transition: all 400ms ease-out;
  opacity: 0;
  padding: 16px; }

.sidebar--table.is--visible {
  transform: translatex(0px);
  opacity: 1;
  transition: all 400ms ease-out; }

/*.table--config__container{
				overflow-x:hidden;
			}*/
.table--config__filter-controls {
  background: white;
  padding: 8px; }

.input--box.is--pill {
  border-radius: 18px;
  border: 2px solid #111; }

table .checkbox--icon-font {
  margin-right: 8px;
  transform: translatey(-3px); }

.table--config.is--data-grid button.pill .material-icons {
  background: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  margin-left: 4px;
  color: #fff;
  padding: 1px;
  font-size: 12px; }

.table--config__header {
  background: #ddd;
  height: 48px; }

.table-cell--edit:read-only {
  background: none;
  box-shadow: none;
  border: none;
  color: #505050;
  padding: 0; }

.t--config.is--data-grid::after {
  content: "Loading...";
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  font-size: 24px;
  color: #f1f1f1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(200, 200, 200, 0.8);
  z-index: 777; }

.bulk-actions {
  background: #444;
  padding: 0 24px 0 16px;
  height: 64px;
  border-radius: 32px;
  color: #f1f1f1;
  box-shadow: 0 16px 24px -16px rgba(0, 0, 0, 0.2);
  justify-content: flex-end;
  transform: translate(-16px, 0px);
  opacity: 0;
  transition: all 400ms ease;
  position: relative;
  z-index: 2; }

.bulk-actions.is--visible {
  transform: translate(-16px, -130px);
  opacity: 1;
  transition: all 400ms ease; }

.table__container--fullscreen.is--activated {
  position: fixed !important;
  top: 0;
  left: 0;
  margin: 0;
  max-width: 100%;
  width: 100%;
  z-index: 1000; }

.table__container--fullscreen.is--activated.item--is--open .pagination,
.table__container--fullscreen.is--activated.item--is--open .bulk-actions {
  display: none !important; }

.table__container--fullscreen.is--activated.item--is--open
.table--config.is--data-grid {
  min-height: calc(100vh - 48px - 22px - 60px); }

.table__container--fullscreen.is--activated .table--config.is--data-grid {
  min-height: calc(100vh - 48px - 88px - 60px); }

.table__container--fullscreen.is--activated .pagination {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60px;
  background: #555; }

.table__container--fullscreen.is--activated .pagination__list {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center; }

.table__container--fullscreen.is--activated .pagination__item {
  height: 40px;
  width: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 4px; }

.table__container--fullscreen.is--activated .pagination__link {
  height: 40px;
  width: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  font-weight: 600;
  color: #ddd;
  border-radius: 12px;
  transition: all 300ms ease; }

.table__container--fullscreen.is--activated .pagination__link.active {
  border: 4px solid #ddd;
  border-radius: 16px; }

.table__container--fullscreen.is--activated .pagination__link:hover {
  background: #ddd;
  color: #555;
  border-radius: 16px;
  text-decoration: none;
  transition: all 300ms ease; }

.table__container--fullscreen.is--activated .bulk-actions.is--visible {
  transform: translate(0, 0);
  opacity: 1;
  transition: all 400ms ease;
  position: fixed;
  bottom: 0;
  border-radius: 0;
  height: 60px;
  color: #ddd; }

.sidebar--extra.is--visible {
  opacity: 1;
  transform: translatey(0px);
  transition: all 400ms ease-out;
  pointer-events: auto; }

.sidebar--extra.is--visible * {
  pointer-events: auto; }

.sidebar--extra {
  position: absolute;
  top: 48px;
  left: 0;
  bottom: 0;
  right: 0px;
  background: #fff;
  z-index: 4;
  overflow-y: auto;
  opacity: 0;
  transform: translatey(24px);
  transition: all 400ms ease-out;
  pointer-events: none; }

.sidebar--extra * {
  pointer-events: none; }

.sidebar--extra__content {
  background: #fff;
  border-radius: 2px;
  height: 100%; }

.sidebar--extra__header {
  height: 224px;
  background: #666;
  padding: 24px;
  padding-right: 60px;
  position: relative;
  padding-bottom: 76px;
  display: flex; }

.sidebar--extra__header .cont-inception {
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5); }

.sidebar--extra__header .items {
  color: #f1f1f1; }

.sidebar--extra__header .items.active {
  color: #ddd; }

.sidebar--extra__body {
  background: #fff;
  max-width: 888px;
  margin: 0 auto;
  padding-bottom: 120px !important; }

.sidebar--extra__btn--close {
  position: absolute;
  top: 0;
  right: 0;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border-radius: 0; }

.sidebar--extra__nav.is--visible {
  pointer-events: auto;
  opacity: 1;
  transform: translatey(0);
  transition: all 400ms ease-out; }

.sidebar--extra__nav {
  background: #444;
  width: 320px;
  height: 64px;
  border-radius: 32px;
  position: absolute;
  bottom: 24px;
  left: calc(50% - 160px);
  z-index: 200;
  justify-content: space-between;
  padding: 0 24px;
  pointer-events: none;
  opacity: 0;
  transform: translatey(48px);
  transition: all 400ms ease-out; }

.sidebar--extra__nav-btn--browse {
  background: none;
  height: 48px;
  width: 48px;
  color: #f1f1f1; }

.sidebar--extra__nav-btn--action {
  background: none;
  color: #f1f1f1;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center; }

.is--alone .pagination {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60px;
  background: #555 !important;
  z-index: 1; }

.is--alone .pagination__list {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center; }

.is--alone .pagination__item {
  height: 40px;
  width: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 4px; }

.is--alone .pagination__link.active {
  border: 4px solid #ddd;
  border-radius: 16px; }

.is--alone .pagination__link {
  height: 40px;
  width: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  font-weight: 600;
  color: #ddd;
  border-radius: 12px;
  transition: all 300ms ease; }

.is--alone .pagination__link:hover {
  background: #ddd;
  color: #555;
  border-radius: 16px;
  text-decoration: none;
  transition: all 300ms ease; }

.is--alone .bulk-actions.is--visible {
  transform: translate(0, 0);
  opacity: 1;
  transition: all 400ms ease;
  position: fixed;
  bottom: 0;
  border-radius: 0;
  height: 60px;
  color: #ddd;
  right: 0; }

.is--alone .table--config__header {
  /* position: absolute; */
  /* left: 0; */
  /* right: 0; */
  /* top: 72px; */
  background: #D8D8D8; }

.is--alone.grid-layout__outer {
  display: block; }

.is--alone .grid-layout__inner {
  display: block;
  margin: 0;
  padding: 0;
  max-width: 100%; }

.is--alone .table--config.is--data-grid {
  max-width: 100%;
  border: none;
  max-height: none;
  padding-bottom: 60px; }

.is--alone .table--config__container {
  min-height: 100%;
  height: 100%; }

.is--alone .sidebar--extra__nav {
  position: fixed; }

thead th {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background: #fff; }

tbody th {
  z-index: 1; }

.table--config.is--data-grid {
  max-width: 100%;
  margin: 0 auto;
  border: 8px solid #fff;
  border-top: 8px solid #fff;
  min-height: 400px;
  max-height: calc(55vh);
  background: #ddd;
  padding-bottom: 80px; }

.table--config.is--data-grid table {
  border: none; }

.table--config.is--data-grid .table__row--header {
  border-bottom: none; }

.table--config.is--data-grid tbody th {
  box-shadow: 4px 0px 16px -8px rgba(0, 0, 0, 0.2);
  padding: 2px 4px;
  white-space: nowrap;
  min-width: 144px;
  max-width: 144px;
  font-size: 12px;
  white-space: inherit; }

.table--config.is--data-grid tbody td {
  padding: 8px !important;
  font-size: 12px; }

@media screen and (min-width: 768px) {
  .table--config.is--data-grid tbody th {
    box-shadow: 4px 0px 16px -8px rgba(0, 0, 0, 0.2);
    padding: 2px 8px;
    white-space: nowrap;
    min-width: 192px;
    max-width: none;
    font-size: inherit; }
  .table--config.is--data-grid tbody td {
    padding: 16px !important;
    font-size: inherit; } }

.table--config.is--data-grid .table__row--body {
  border-bottom: none; }

.sidebar--table {
  position: absolute;
  top: 48px;
  bottom: 0px;
  right: 0px;
  z-index: 5;
  width: 300px;
  transform: translatex(310px);
  transition: all 400ms ease-out;
  opacity: 0;
  padding: 16px; }

.sidebar--table.is--visible {
  transform: translatex(0px);
  opacity: 1;
  transition: all 400ms ease-out; }

/* .table--config__container { */
/*      overflow: hidden;  */
/* } */
.table--config__filter-controls {
  background: white;
  padding: 8px; }

.input--box.is--pill {
  border-radius: 18px;
  border: 2px solid #111; }

table .checkbox--icon-font {
  margin-right: 8px;
  transform: translatey(-3px); }

.table--config.is--data-grid button.pill .material-icons {
  background: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  margin-left: 4px;
  color: #fff;
  padding: 1px;
  font-size: 12px; }

.table--config__header {
  background: #ddd;
  height: 48px; }

.table-cell--edit:read-only {
  background: none;
  box-shadow: none;
  border: none;
  color: #505050;
  padding: 0; }

.t--config.is--data-grid::after {
  content: "Loading...";
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  font-size: 24px;
  color: #f1f1f1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(200, 200, 200, 0.8);
  z-index: 777; }

.bulk-actions {
  background: #444;
  padding: 0 24px 0 16px;
  height: 64px;
  border-radius: 32px;
  color: #f1f1f1;
  box-shadow: 0 16px 24px -16px rgba(0, 0, 0, 0.2);
  justify-content: flex-end;
  transform: translate(-16px, 0px);
  opacity: 0;
  transition: all 400ms ease;
  position: relative;
  z-index: 2; }

.bulk-actions.is--visible {
  transform: translate(-16px, -130px);
  opacity: 1;
  transition: all 400ms ease; }

.table__container--fullscreen.is--activated.item--is--open .pagination,
.table__container--fullscreen.is--activated.item--is--open .bulk-actions {
  display: none !important; }

.table__container--fullscreen.is--activated.item--is--open
.table--config.is--data-grid {
  min-height: calc(100vh - 48px - 22px - 60px); }

.table__container--fullscreen.is--activated {
  position: fixed !important;
  top: 0;
  left: 0;
  margin: 0;
  max-width: 100%;
  width: 100%;
  z-index: 1000; }

.table__container--fullscreen.is--activated .table--config.is--data-grid {
  min-height: calc(100vh - 48px - 88px - 60px); }

.table__container--fullscreen.is--activated .pagination {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60px;
  background: #555; }

.table__container--fullscreen.is--activated .pagination__list {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center; }

.table__container--fullscreen.is--activated .pagination__item {
  height: 40px;
  width: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 4px; }

.table__container--fullscreen.is--activated .pagination__link {
  height: 40px;
  width: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  font-weight: 600;
  color: #ddd;
  border-radius: 12px;
  transition: all 300ms ease; }

.table__container--fullscreen.is--activated .pagination__link.active {
  border: 4px solid #ddd;
  border-radius: 16px; }

.table__container--fullscreen.is--activated .pagination__link:hover {
  background: #ddd;
  color: #555;
  border-radius: 16px;
  text-decoration: none;
  transition: all 300ms ease; }

.table__container--fullscreen.is--activated .bulk-actions.is--visible {
  transform: translate(0, 0);
  opacity: 1;
  transition: all 400ms ease;
  position: fixed;
  bottom: 0;
  border-radius: 0;
  height: 60px;
  color: #ddd; }

.sidebar--extra.is--visible {
  opacity: 1;
  transform: translatey(0px);
  transition: all 400ms ease-out;
  pointer-events: auto; }

.sidebar--extra.is--visible * {
  pointer-events: auto; }

.sidebar--extra {
  position: absolute;
  top: 48px;
  left: 0;
  bottom: 0;
  right: 0;
  background: #fff;
  z-index: 4;
  overflow-y: auto;
  opacity: 0;
  transform: translatey(24px);
  transition: all 400ms ease-out;
  pointer-events: none; }

.sidebar--extra * {
  pointer-events: none; }

.sidebar--extra__content {
  background: #fff;
  border-radius: 2px;
  height: 100%; }

.sidebar--extra__header {
  height: 224px;
  background: #666;
  padding: 24px;
  padding-right: 60px;
  position: relative;
  padding-bottom: 76px;
  display: flex; }

.sidebar--extra__header .cont-inception {
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5); }

.sidebar--extra__header .items {
  color: #f1f1f1; }

.sidebar--extra__header .items.active {
  color: #ddd; }

.sidebar--extra__body {
  background: #fff;
  max-width: 888px;
  margin: 0 auto;
  padding-bottom: 120px !important; }

.sidebar--extra__btn--close {
  position: absolute;
  top: 0;
  right: 0;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border-radius: 0; }

.sidebar--extra__nav.is--visible {
  pointer-events: auto;
  opacity: 1;
  transform: translatey(0);
  transition: all 400ms ease-out; }

.sidebar--extra__nav {
  background: #444;
  width: 320px;
  height: 64px;
  border-radius: 32px;
  position: absolute;
  bottom: 24px;
  left: calc(50% - 160px);
  z-index: 200;
  justify-content: space-between;
  padding: 0 24px;
  pointer-events: none;
  opacity: 0;
  transform: translatey(48px);
  transition: all 400ms ease-out; }

.sidebar--extra__nav-btn--browse {
  background: none;
  height: 48px;
  width: 48px; }

.sidebar--extra__nav-btn--browse:not(.disabled) {
  color: #f1f1f1; }

.sidebar--extra__nav-btn--action {
  background: none;
  color: #f1f1f1;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center; }

.is--alone .pagination {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60px;
  background: #555;
  z-index: 1; }

.is--alone .pagination__list {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center; }

.is--alone .pagination__item {
  height: 40px;
  width: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 4px; }

.is--alone .pagination__link.active {
  border: 4px solid #ddd;
  border-radius: 16px; }

.is--alone .pagination__link {
  height: 40px;
  width: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  font-weight: 600;
  color: #ddd;
  border-radius: 12px;
  transition: all 300ms ease; }

.is--alone .pagination__link:hover {
  background: #ddd;
  color: #555;
  border-radius: 16px;
  text-decoration: none;
  transition: all 300ms ease; }

.is--alone .bulk-actions.is--visible {
  transform: translate(0, 0);
  opacity: 1;
  transition: all 400ms ease;
  position: fixed;
  bottom: 0;
  border-radius: 0;
  height: 60px;
  color: #ddd;
  right: 0; }

.is--alone .table--config__header {
  /* position: absolute; */
  /* left: 0; */
  /* right: 0; */
  /* top: 72px; */ }

.is--alone.grid-layout__outer {
  display: block; }

.is--alone .grid-layout__inner {
  display: block;
  margin: 0;
  padding: 0;
  max-width: 100%; }

.is--alone .table--config.is--data-grid {
  max-width: 100%;
  border: none;
  max-height: none;
  background: none; }

.is--alone .table--config__container {
  min-height: 100%;
  height: 100%; }

.is--alone .sidebar--extra__nav {
  position: fixed; }

.is--alone .table--config__container {
  overflow: hidden; }

.is--alone .sidebar--extra {
  position: fixed;
  top: 72px; }

.btn--filters {
  padding: 4px 6px;
  border-radius: 2px; }

th.dropdown--is--open {
  z-index: 2; }

.table__container--fullscreen .pagination {
  z-index: 2 !important; }

@media screen and (max-width: 768px) {
  .is--alone .table__container--fullscreen .pagination__list {
    min-width: 50%;
    width: 50%;
    max-width: 50%; }
  .is--alone .table__container--fullscreen .pagination__item:first-of-type, .is--alone .table__container--fullscreen .pagination__item:last-of-type {
    display: inline-flex; }
  .is--alone .table__container--fullscreen .bulk-actions.is--visible {
    width: 50%;
    flex-direction: column;
    font-size: 12px;
    justify-content: center; }
  .is--alone .table__container--fullscreen .bulk-actions > button.btn--icon-only:first-of-type {
    display: none !important; } }

.header {
  height: 60px;
  position: fixed;
  top: 0;
  background: #444;
  background: linear-gradient(to left, #888, #666);
  width: 100%;
  box-shadow: 0px 3px 3px 2px rgba(0, 0, 0, 0.25);
  z-index: 222; }
  @media screen and (max-width: 768px) {
    .header {
      position: initial; } }
  .header__h1 {
    position: fixed;
    top: 0;
    left: 76px;
    max-width: 70%;
    line-height: 60px;
    margin: 0;
    font-size: 16px;
    color: #FFFFFF; }
    @media screen and (max-width: 768px) {
      .header__h1 {
        position: initial;
        transform: translate(76px, -60px); } }
  .header__form--search {
    margin: 0;
    padding: 0;
    position: fixed;
    right: 0;
    left: 0;
    height: 60px;
    transform: scale(0);
    opacity: 0;
    z-index: 5;
    transition: all 200ms ease; }
    .header__form--search.is--visible {
      transform: scale(1);
      transition: all 200ms ease;
      opacity: 1; }
    .header__form--search__btn--close {
      background: none;
      color: #ED4747;
      position: fixed;
      top: -4px;
      right: 12px; }
      .header__form--search__btn--close i {
        font-size: 32px;
        line-height: 60px; }
    .header__form--search__label {
      display: none; }
    .header__form--search__input {
      border: none;
      padding: 0px 16px;
      height: 60px;
      width: 100%; }
      @media screen and (max-width: 768px) {
        .header__form--search__input {
          border-top: 4px solid #999; } }
      @media screen and (min-width: 769px) {
        .header__form--search__input {
          border-bottom: 1px solid #999; } }
    @media screen and (max-width: 768px) {
      .header__form--search {
        bottom: 44px; } }
    @media screen and (min-width: 769px) {
      .header__form--search {
        top: 0px; } }
  .header__container {
    position: relative; }
  .header--branding {
    position: fixed;
    top: 0;
    height: 60px;
    width: 100%;
    z-index: 50; }
  .header--admin {
    background: #ffffff;
    position: fixed;
    top: 60px;
    height: 60px;
    width: 100%;
    box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.22);
    z-index: 60;
    transition: all 300ms ease; }
    .header--admin__nav {
      padding-left: 0px;
      transition: all 300ms ease; }
      .header--admin__nav.sticky {
        padding-left: 60px;
        transition: all 300ms ease; }
        @media screen and (max-width: 768px) {
          .header--admin__nav.sticky {
            padding-left: 0px; } }
    .header--admin.sticky {
      top: 0px;
      transition: all 300ms ease; }
    .header--admin.has--tabs {
      background: #FFFFFF; }
  .header--side-nav {
    background: #444;
    width: 100%;
    z-index: 40;
    box-shadow: 2px 4px 3px 1px rgba(0, 0, 0, 0.22);
    transition: all 300ms ease; }
    .header--side-nav__scroll-button {
      position: absolute;
      top: 0;
      left: 8px;
      transition: all 600ms ease; }
      .header--side-nav__scroll-button.sticky {
        position: absolute;
        top: 68px;
        transition: all 600ms ease; }
    .header--side-nav.sticky {
      padding-top: 60px;
      transition: all 300ms ease; }
    .header--side-nav.is--hidden {
      left: -340px; }
    @media screen and (min-width: 1200px) {
      .header--side-nav {
        top: 120px;
        bottom: 0;
        left: 0;
        width: 240px;
        min-width: 240px;
        max-width: 240px; } }
    @media screen and (min-width: 1440px) {
      .header--side-nav {
        width: 320px;
        min-width: 320px;
        max-width: 320px; } }
  .header .btn i {
    line-height: 60px; }
    @media screen and (max-width: 768px) {
      .header .btn i {
        line-height: 44px; } }
.settings-menu {
  position: fixed;
  top: 60px;
  left: 0;
  height: 60px;
  width: 60px;
  z-index: 888;
  transition: top 300ms ease; }
  .settings-menu.sticky {
    top: 0;
    transition: top 300ms ease; }
  .settings-menu .drop-down__btn {
    border-radius: 0;
    height: 60px;
    width: 60px; }
  @media screen and (max-width: 768px) {
    .settings-menu {
      display: none; } }
.universal-search {
  position: fixed;
  top: 60px;
  left: 60px;
  height: 60px;
  width: 260px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 890;
  transition: top 300ms ease;
  background: #D8D8D8;
  padding: 4px 16px; }
  @media screen and (max-width: 768px) {
    .universal-search {
      background: #cc0000;
      padding: 0 !important;
      width: 320px;
      top: 100% !important;
      left: 0;
      opacity: 0; } }
  .universal-search.sticky {
    top: 0;
    transition: top 300ms ease; }
  @media screen and (max-width: 768px) {
    .universal-search.is--visible {
      padding: 0;
      top: calc(100% - 60px) !important;
      opacity: 1;
      height: auto; } }
  .universal-search .btn__hero--text {
    padding: 21px 40px; }
  .universal-search .input__group {
    margin-bottom: 0 !important;
    width: 100% !important; }
  .universal-search .input--box {
    height: auto;
    width: 100% !important;
    font-size: 12px;
    font-style: italic;
    padding: 12px 4px 12px 16px;
    margin: 0;
    margin-bottom: 0 !important;
    border: none;
    border-radius: 18px;
    box-shadow: none; }

header.c3-header.color--header--white {
  background: #FFFFFF !important; }
  header.c3-header.color--header--white ul.drop-down__list a {
    background: #FFFFFF; }
  @media screen and (min-width: 1024px) {
    header.c3-header.color--header--white a.btn, header.c3-header.color--header--white a.btn i, header.c3-header.color--header--white a.btn span, header.c3-header.color--header--white .c3-nav--main > a {
      color: #222 !important; }
    header.c3-header.color--header--white #c3-header__dropdown-dropdown, header.c3-header.color--header--white #c3-header__dropdown-dropdown i, header.c3-header.color--header--white #c3-header__dropdown-dropdown span {
      color: #222 !important; }
    header.c3-header.color--header--white button#c3-header__dropdown-dropdown:hover, header.c3-header.color--header--white button#c3-header__dropdown-dropdown:hover i, header.c3-header.color--header--white button#c3-header__dropdown-dropdown:hover span {
      background: #444 !important;
      color: #FFFFFF !important; } }
  header.c3-header.color--header--white a.btn:hover, header.c3-header.color--header--white a.btn:hover i, header.c3-header.color--header--white a.btn:hover span, header.c3-header.color--header--white .c3-nav--main > a:hover, header.c3-header.color--header--white .c3-nav--main > a:hover i, header.c3-header.color--header--white .c3-nav--main > a:hover span {
    background: #444 !important;
    color: #FFFFFF !important; }
  header.c3-header.color--header--white button.menu-button-wrapper span {
    background-color: #222 !important; }
  header.c3-header.color--header--white button.menu-button-wrapper.open span {
    background-color: #FFFFFF !important; }

.hero {
  position: absolute;
  top: 0;
  right: 0;
  left: 60px;
  height: calc(100vh - 60px);
  background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/t-522/27138367-spiral-wallpapers.jpg") no-repeat center center;
  background-size: cover; }
  @media screen and (max-width: 768px) {
    .hero {
      left: 0;
      top: 60px; } }
  .hero:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.9);
    background: linear-gradient(to left, #888, #666);
    opacity: 0.9; }
  .hero__title {
    font-size: 6vw;
    margin: 0; }
    .hero__title-group {
      position: absolute;
      top: 10%;
      text-align: center;
      border-radius: 4px;
      padding: 24px 40px;
      color: #FFFFFF;
      z-index: 20;
      display: block;
      width: 100%; }
  .hero__subtitle {
    font-size: 2.5vw; }
  .hero.alt {
    left: 17.1875%;
    top: 120px; }
    @media screen and (max-width: 768px) {
      .hero.alt {
        left: 0;
        top: 60px; } }
.hero.landing-page--002.catalogue {
  background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/t-522/27138367-spiral-wallpapers.jpg") no-repeat center center;
  background-size: cover;
  height: 30%; }
  @media screen and (min-width: 400px) {
    .hero.landing-page--002.catalogue {
      height: 33%; } }
.input--hero {
  padding: 24px;
  width: 100%;
  border-radius: 4px;
  border: none;
  background: rgba(0, 0, 0, 0.3);
  color: #FFFFFF; }

.h1--hero--catalogue {
  position: absolute;
  top: calc(30% - 44px);
  left: 50%;
  color: #FFFFFF;
  margin-left: -45%;
  width: 90%;
  text-align: center;
  font-size: 16px; }
  @media screen and (min-width: 500px) {
    .h1--hero--catalogue {
      font-size: 18px; } }
  @media screen and (min-height: 560px) {
    .h1--hero--catalogue {
      top: calc(30% - 60px); } }
  @media screen and (min-height: 600px) {
    .h1--hero--catalogue {
      top: 15%; } }
  @media screen and (min-height: 600px) and (min-width: 1024px) {
    .h1--hero--catalogue {
      top: calc(15% - 16px); } }
  @media screen and (min-width: 700px) {
    .h1--hero--catalogue {
      font-size: 20px; } }
  @media screen and (min-width: 1024px) {
    .h1--hero--catalogue {
      font-size: 24px; } }
.icon--drop-down {
  vertical-align: middle; }

.icon--sort--small {
  font-size: 12px !important;
  float: right;
  position: relative;
  top: 3px; }

.material-icons.is--badge {
  border-radius: 33%;
  padding: 4px;
  background: #444;
  color: #F9F9F9;
  font-size: 16px; }

.lp__social__icon-facebook {
  content: url(./icons/icon-facebook.svg);
  display: block;
  height: 24px; }

.lp__social__icon-x {
  content: url(./icons/icon-x.svg);
  height: 24px; }

.lp__social__icon-snapchat {
  content: url(./icons/icon-snapchat.svg);
  height: 24px; }

.lp__social__icon-instagram {
  content: url(./icons/icon-instagram.svg);
  height: 24px; }

.lp__social__icon-linkedin {
  content: url(./icons/icon-linkedin.svg);
  height: 24px; }

.onlineUser {
  margin: 0 0 8px 0 !important;
  background: #FFFFFF !important;
  border: none !important;
  border-radius: 2px !important;
  padding: 8px !important;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); }
  .onlineUser span {
    font-weight: bold !important; }

.listItemProto {
  cursor: pointer;
  border: none !important;
  background: #FFFFFF;
  border-radius: 2px !important;
  margin: 0 0 8px 0 !important;
  padding: 8px 8px 40px 8px !important;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
  position: relative; }
  .listItemProto .badge.loc, .listItemProto .badge.badge-success, .listItemProto .avail {
    font-size: 12px !important; }
  .listItemProto .avail.badge.badge-info {
    color: #cc0000 #cc0000 !important;
    font-weight: bold; }
  .listItemProto div {
    float: none !important;
    margin: 0 !important; }
    .listItemProto div:nth-of-type(2) {
      font-weight: bold !important; }
  .listItemProto .helpBtnContainer {
    float: none !important;
    margin: 0 !important; }
    .listItemProto .helpBtnContainer .helpBtn {
      position: absolute;
      right: 8px;
      bottom: 8px;
      left: 8px;
      width: calc(100% - 16px); }

.saSlot.agility_2 {
  background: #FFFFFF #FFFFFF !important;
  border: none !important;
  border-radius: 2px !important;
  padding: 8px !important;
  margin: 8px 0 !important;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1) !important;
  position: relative !important; }

.callNumber {
  position: absolute !important;
  top: 8px !important;
  right: 8px !important; }

.slotHeadTitle1 span:first-of-type {
  position: relative !important;
  right: -3px !important; }

.logo {
  width: 60px;
  height: 60px;
  background: #cc0000; }
  .logo__img {
    height: 60px; }
  .logo h1 {
    font-size: 18px;
    margin: 0;
    line-height: 60px;
    text-align: center;
    color: #FFFFFF; }
    .logo h1 a {
      color: #FFFFFF;
      text-decoration: none; }

.header--admin .logo__holder.left.sticky {
  position: fixed;
  top: 0;
  left: 0px;
  transition: all 300ms ease; }

.header--admin .logo__holder.left {
  position: fixed;
  top: 60px;
  left: -60px;
  transition: all 300ms ease; }

.logo__holder.right {
  position: fixed;
  top: 0;
  right: 0; }
  @media screen and (max-width: 768px) {
    .logo__holder.right {
      display: none; } }
.logo__holder {
  width: 60px;
  height: 60px;
  background: rgba(0, 0, 0, 0.3);
  display: inline-block; }
  .logo__holder img {
    width: 100%; }

@media screen and (max-width: 768px) {
  .logo__holder.secondary-logo {
    display: none; } }

.leaderboard-widget {
  max-width: 400px; }
  .leaderboard-widget__top-bar {
    background: #414141;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    height: 34px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 8px; }
  .leaderboard-widget__heading {
    font-size: 12px;
    color: #C4C4C4;
    margin-bottom: 0 !important; }
  .leaderboard-widget__podium {
    background: #585858;
    box-shadow: 0 16px 32px -16px rgba(0, 0, 0, 0.33);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 204px;
    width: 100%;
    padding: 24px;
    display: flex;
    position: relative;
    z-index: 1; }
    .leaderboard-widget__podium-item {
      background: rgba(0, 0, 0, 0.1);
      display: flex;
      flex-direction: column-reverse;
      justify-content: center;
      align-items: center;
      padding: 8px;
      border-radius: 8px;
      width: 100%; }
      .leaderboard-widget__podium-item a {
        color: #c4c4c4;
        font-size: 12px;
        font-weight: bold;
        line-height: 1.4;
        width: 100%; }
      .leaderboard-widget__podium-item.is--gold {
        order: 2;
        margin: 0 8px; }
      .leaderboard-widget__podium-item.is--silver {
        order: 1; }
      .leaderboard-widget__podium-item.is--bronze {
        order: 3; }
      .leaderboard-widget__podium-item__count {
        width: 48px;
        height: 48px;
        border-radius: 24px;
        background: rgba(0, 0, 0, 0.66);
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 8px; }
        .is--gold .leaderboard-widget__podium-item__count {
          width: 72px;
          height: 72px;
          border-radius: 36px;
          order: 2;
          border: 3px solid #FFC54F; }
        .is--silver .leaderboard-widget__podium-item__count {
          order: 1;
          border: 3px solid #979797; }
        .is--bronze .leaderboard-widget__podium-item__count {
          order: 3;
          border: 3px solid #FFA41D; }
      .leaderboard-widget__podium-item__count-value {
        color: rgba(0, 0, 0, 0.6);
        width: 32px;
        height: 32px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 12px;
        font-weight: bold; }
        .is--gold .leaderboard-widget__podium-item__count-value {
          background: #FFC54F;
          width: 48px;
          height: 48px; }
        .is--silver .leaderboard-widget__podium-item__count-value {
          background: #979797; }
        .is--bronze .leaderboard-widget__podium-item__count-value {
          background: #FFA41D; }
  .leaderboard-widget__list {
    display: none;
    background: #585858;
    transform: translatey(-16px);
    position: relative;
    z-index: 0;
    padding: 16px;
    padding-top: 40px;
    box-shadow: 0 8px 16px -8px rgba(0, 0, 0, 0.5);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px; }
    .leaderboard-widget__list.is--visible {
      display: block; }
    .leaderboard-widget__list li {
      color: #c4c4c4;
      margin-bottom: 4px; }
      .leaderboard-widget__list li a {
        color: #c4c4c4;
        display: flex;
        justify-content: space-between; }

.mini-feed-card.is--timeline {
  position: relative;
  padding-left: 16px; }
  .mini-feed-card.is--timeline a {
    color: #666; }
  .mini-feed-card.is--timeline::before {
    content: "";
    display: block;
    width: 2px;
    position: absolute;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.1); }
  .mini-feed-card.is--timeline .mini-feed-card__item {
    height: auto;
    border-radius: 0px;
    padding: 0px;
    width: 100%;
    background: none;
    display: flex;
    justify-content: space-between;
    padding-right: 0px;
    margin-bottom: 8px; }
  .mini-feed-card.is--timeline .mini-feed-card__item-icon {
    min-width: 32px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #f1f1f1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 2px solid #d8d8d8;
    transform: translate(-15px, 5px); }
  .mini-feed-card.is--timeline .mini-feed-card__item-icon i.material-icons {
    font-size: 16px;
    color: #000000; }
  .mini-feed-card.is--timeline .mini-feed-card__item-options {
    align-items: inherit; }

.mini-feed-card__item {
  height: 64px;
  border-radius: 32px;
  padding: 4px;
  width: 100%;
  background: #FFF;
  display: flex;
  justify-content: space-between;
  padding-right: 12px;
  margin-bottom: 8px; }
  .mini-feed-card__item-icon {
    min-width: 56px;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #e4e4e4;
    display: flex;
    align-items: center;
    justify-content: center; }
    .mini-feed-card__item-icon i.material-icons {
      color: white; }
  .mini-feed-card__item-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 4px; }
    .mini-feed-card__item-text__title {
      font-size: 14px; }
    .mini-feed-card__item-text__subtitle {
      font-size: 12px; }
    .mini-feed-card__item-text__date {
      font-size: 10px;
      font-style: italic; }
  .mini-feed-card__item-options {
    display: flex;
    align-items: center;
    justify-content: center; }

.modal.is--visible {
  opacity: 1;
  transition: opacity 300ms ease;
  z-index: 999999999; }
  .modal.is--visible.global--search {
    z-index: 9999999999; }

.modal {
  position: fixed;
  background: rgba(0, 0, 0, 0.6);
  top: 0px;
  right: 0px;
  min-height: 228px;
  left: 0px;
  bottom: 0px;
  border-radius: 2px;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: -1;
  opacity: 0;
  transition: opacity 300ms ease; }
  .modal__inner {
    margin: 16px;
    padding: 16px;
    padding-top: 60px;
    background: #FFFFFF;
    z-index: 5;
    position: relative;
    width: auto;
    border-radius: 1px;
    box-shadow: 0px 3px 3px 2px rgba(0, 0, 0, 0.25); }
    @media screen and (min-width: 501px) {
      .modal__inner {
        margin: 32px; } }
    @media screen and (min-width: 601px) {
      .modal__inner {
        max-width: 500px;
        margin: 32px auto; } }
    @media screen and (min-width: 1025px) {
      .modal__inner {
        max-width: 600px;
        margin: 32px auto; } }
  .modal__title {
    margin: 0;
    padding: 0;
    display: inline-block;
    position: relative;
    z-index: 4;
    background: #eee;
    position: absolute;
    top: 0;
    left: 0;
    right: 44px;
    padding: 0px 16px;
    height: 44px;
    line-height: 44px;
    color: #666;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .modal__btn--close {
    background: #ddd;
    color: #666;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 5;
    height: 44px;
    width: 44px; }

.modal__extra {
  position: absolute;
  background: #FFFFFF;
  padding: 16px;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 5;
  transform: scale(2);
  opacity: 0;
  pointer-events: none;
  transition: all 200ms ease-in; }

.modal__extra.is--visible {
  position: absolute;
  padding: 16px;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 5;
  transform: scale(1);
  opacity: 1;
  pointer-events: initial;
  transition: all 300ms ease-in; }

@media screen and (max-width: 500px) {
  .modal .schedule-item {
    height: auto !important; } }

.is--mode--dark .modal__inner, .is--mode--dark .modal .modal__title, .is--mode--dark .modal .modal__btn--close {
  background: #7A7A7A;
  color: #D8D8D8;
  border-radius: 8px; }

@media screen and (min-width: 769px) {
  .is--mode--dark .modal__inner {
    padding: 64px 24px 24px 24px; } }

.is--mode--dark .modal .modal__title {
  padding: 8px 0 0 24px; }
  @media screen and (max-width: 768px) {
    .is--mode--dark .modal .modal__title {
      line-height: 1.5;
      padding-top: 16px; } }
.is--mode--dark .modal .modal__btn--close {
  right: 8px;
  padding-top: 16px; }

@media screen and (min-width: 601px) {
  .modal__inner.is--xl {
    max-width: 90%; } }

@media screen and (min-width: 1025px) {
  .modal__inner.is--xl {
    max-width: 90%; } }

.navigation--side .icon {
  line-height: 60px;
  width: 60px; }
  @media only screen and (max-width: 768px) {
    .navigation--side .icon {
      line-height: 44px; } }
.navigation--side__menu.right.is--open {
  right: 0px;
  transition: right 250ms ease-out; }
  @media only screen and (max-width: 768px) {
    .navigation--side__menu.right.is--open {
      right: 0; } }
.navigation--side__menu.left.is--open {
  left: 60px;
  transition: left 250ms ease-out; }
  @media only screen and (max-width: 768px) {
    .navigation--side__menu.left.is--open {
      left: 0; } }
.navigation--side__menu.left.main-menu.is--open {
  left: 60px;
  left: 0;
  transition: left 250ms ease-out; }
  @media only screen and (max-width: 768px) {
    .navigation--side__menu.left.main-menu.is--open {
      left: 0;
      top: -100%; } }
@media only screen and (max-width: 768px) {
  .navigation--side__menu.is--open {
    top: 0;
    overflow: scroll;
    height: calc(100% - 60px);
    box-shadow: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    z-index: 999; } }

.navigation--side__menu.is--open .hybrid-nav__quick-actions-container {
  transform: translatey(0px);
  opacity: 1;
  transition: all 100ms ease-out; }

.navigation--side__menu.right {
  right: -340px;
  transition: right 250ms ease-out; }

.navigation--side__menu.left {
  left: -340px;
  transition: left 250ms ease-out; }

.navigation--side__menu {
  position: fixed;
  top: 60px;
  top: 0;
  width: 240px;
  background: #888;
  bottom: 0px;
  box-shadow: 2px 0px 2px 1px rgba(0, 0, 0, 0.25);
  z-index: 50; }
  @media only screen and (max-width: 768px) {
    .navigation--side__menu {
      top: 0;
      z-index: 999;
      bottom: 44px; } }
  @media only screen and (min-width: 1300px) {
    .navigation--side__menu {
      width: 320px; } }
  .navigation--side__menu__btn--close {
    background: none;
    outline: none;
    border: none;
    color: #FFFFFF;
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    line-height: 1;
    transform: scale(1);
    transition: transform 200ms ease-out; }
    .navigation--side__menu__btn--close:hover {
      transform: scale(1.2);
      transition: transform 200ms ease-out; }
    .navigation--side__menu__btn--close:focus {
      transform: scale(1.2);
      transition: transform 200ms ease-out; }
  .navigation--side__menu__title {
    font-size: 24px;
    padding: 8px 16px;
    margin: 0;
    color: #FFFFFF; }
  .navigation--side__menu__list {
    margin: 0;
    padding: 0;
    list-style-type: none; }
  .navigation--side__menu__item {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
    .navigation--side__menu__item .list {
      list-style-type: none;
      margin: 0;
      padding: 0; }
      .navigation--side__menu__item .list li {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
    .navigation--side__menu__item .list.is--expanded {
      background: #666; }
    .navigation--side__menu__item a {
      color: #FFFFFF;
      text-decoration: none;
      padding: 8px 16px;
      border-left: 0px solid #FFFFFF;
      display: block; }
      .navigation--side__menu__item a:hover {
        border-left: 2px solid #FFFFFF; }
      .navigation--side__menu__item a:focus {
        border-left: 2px solid #FFFFFF; }
    .navigation--side__menu__item .icon {
      color: #ffffff;
      vertical-align: top; }

.navigation--side__btn--pilar.menu {
  position: fixed;
  bottom: 12px;
  left: 0; }

.navigation--side__btn--pilar.is--active {
  border-right: #ffffff;
  transition: width 400ms ease-out; }

.navigation--side__btn--pilar {
  width: 60px;
  padding: 0;
  height: 60px;
  background: none;
  border-radius: 0px;
  box-shadow: none;
  transition: background 400ms ease-in-out; }
  .navigation--side__btn--pilar:hover {
    background: rgba(0, 0, 0, 0.6);
    transition: background 200ms ease-in-out; }
  .navigation--side__btn--pilar:focus {
    background: #ffffff;
    transition: background 200ms ease-in-out; }
  .navigation--side__btn--pilar i {
    font-size: 24px;
    color: #FFFFFF; }

.hybrid-nav__quick-actions-container {
  background: #6f6f6f;
  position: fixed;
  bottom: 0;
  left: 0;
  height: 60px;
  width: 240px;
  display: flex;
  z-index: 100;
  transform: translatey(60px);
  opacity: 0;
  transition: all 100ms ease-out; }
  @media screen and (min-width: 1300px) {
    .hybrid-nav__quick-actions-container {
      width: 320px; } }
  .hybrid-nav__quick-actions-container button {
    flex-basis: 20%;
    background: none; }
    .hybrid-nav__quick-actions-container button i {
      color: #FFFFFF; }

@media only screen and (max-width: 768px) {
  .navigation--side__btn--pilar.in--mobile-nav {
    display: initial;
    position: fixed;
    top: -44px;
    background: #444;
    bottom: 0;
    right: 66.666666666664%;
    border-radius: 0px;
    width: 16.666666666666%;
    height: 44px; } }

@media only screen and (max-width: 768px) {
  .navigation--side__btn--pilar.menu.in--mobile-nav {
    display: initial;
    position: fixed;
    top: -44px;
    background: #444;
    bottom: 0;
    right: 83.33333333333%;
    border-radius: 0px;
    width: 16.666666666666%;
    height: 44px; } }

.nav--interaction .drop-down {
  margin-bottom: 8px;
  display: block; }

.nav--interaction .drop-down .btn--default {
  color: #fff; }

.nav--interaction .drop-down__btn {
  padding: 0;
  font-size: 14px;
  background: none; }

.nav--interaction {
  background: #ffffff;
  position: fixed;
  min-width: 244px;
  max-width: 286px;
  min-height: 200px;
  right: 16px;
  bottom: 16px;
  padding: 12px;
  padding-top: 36px;
  padding-bottom: 24px;
  border-radius: 50%;
  box-shadow: 4px 4px 8px 1px rgba(0, 0, 0, 0.2);
  transform: scale(0);
  opacity: 0;
  transform-origin: bottom right;
  transition: transform 300ms ease, border-radius 300ms ease, opacity 200ms ease;
  z-index: 1111; }
  .nav--interaction__title {
    color: #FFFFFF;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.3);
    padding: 4px 16px; }
  .nav--interaction__list {
    list-style-type: none;
    padding: 0;
    margin: 0; }
  .nav--interaction__item {
    margin-bottom: 8px; }
  .nav--interaction__button {
    background: none;
    color: #FFFFFF;
    text-align: left;
    padding: 0; }

.nav--interaction.is--visible {
  right: 18px;
  bottom: 18px;
  transform: scale(1);
  opacity: 1;
  border-radius: 1px;
  transform-origin: bottom right;
  transition: transform 300ms ease, border-radius 300ms ease, opacity 300ms ease; }

.mobile-controls {
  display: none; }
  @media screen and (max-width: 768px) {
    .mobile-controls {
      display: flex; } }
  .mobile-controls__btn {
    width: 60px;
    height: 60px;
    background: rgba(0, 0, 0, 0.3);
    color: #FFFFFF; }

.menu__item {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.menu__link {
  text-decoration: none;
  display: inline-block;
  width: calc(100% - 32px);
  padding: 12px 16px;
  font-size: 14px;
  font-weight: bold;
  background: rgba(0, 0, 0, 0);
  text-indent: 0px;
  transition: all 250ms ease; }
  .menu__link:hover {
    text-decoration: none;
    background: rgba(0, 0, 0, 0.1);
    text-indent: 2px;
    transition: all 250ms ease; }
  .menu__link .material-icons {
    vertical-align: text-top;
    font-size: 18px; }

.sub-menu.is--expanded {
  max-height: 1000px;
  transition: all 800ms ease; }

.sub-menu {
  background: rgba(0, 0, 0, 0.2);
  max-height: 0px;
  overflow: hidden;
  transition: all 300ms ease; }

.navigation--mobile.is--visible {
  left: 0px;
  transition: all 300ms ease; }

@media screen and (min-width: 769px) {
  .navigation--mobile.sticky {
    top: 60px; } }

.navigation--mobile {
  background: #444;
  position: fixed;
  top: 0px;
  bottom: 0px;
  left: -340px;
  width: 320px;
  z-index: 333;
  overflow: auto;
  transition: all 300ms ease; }
  @media screen and (min-width: 769px) {
    .navigation--mobile {
      top: 120px; } }
  @media screen and (min-width: 1200px) {
    .navigation--mobile {
      width: 240px; } }
  @media screen and (min-width: 1440px) {
    .navigation--mobile {
      width: 320px; } }
  .navigation--mobile .btn--close-mobile-menu {
    display: none; }
    @media screen and (max-width: 768px) {
      .navigation--mobile .btn--close-mobile-menu {
        display: initial;
        position: absolute;
        top: 16px;
        right: 8px;
        background: none !important;
        color: #FFFFFF; }
        .navigation--mobile .btn--close-mobile-menu:hover {
          background: none;
          color: #FFFFFF; } }
  .navigation--mobile .quick-links-heading {
    display: none; }
    @media screen and (max-width: 768px) {
      .navigation--mobile .quick-links-heading {
        line-height: 60px;
        display: initial; } }
  @media screen and (max-width: 768px) {
    .navigation--mobile .header--admin {
      background: none;
      position: initial;
      height: auto;
      box-shadow: none; } }
  @media screen and (max-width: 768px) {
    .navigation--mobile .header--admin__nav {
      background: none;
      margin: 0 !important; } }
  @media screen and (max-width: 768px) {
    .navigation--mobile .header--admin__nav ul {
      height: initial !important;
      line-height: initial !important; } }
  .navigation--mobile .header--admin__nav ul li {
    border: none; }
    @media screen and (max-width: 768px) {
      .navigation--mobile .header--admin__nav ul li {
        display: block !important; } }
    @media screen and (max-width: 768px) {
      .navigation--mobile .header--admin__nav ul li .drop-down {
        width: 100%; } }
  @media screen and (max-width: 768px) {
    .navigation--mobile .header--admin__nav ul .menu-options {
      display: none !important; } }
  @media screen and (max-width: 768px) {
    .navigation--mobile .header--admin__nav ul .is--btn.is--menu__link {
      font-weight: 400;
      font-size: 12px;
      display: block;
      text-indent: 0px;
      transition: all 300ms ease;
      padding: 10px 8px;
      text-align: left;
      width: 100%; }
      .navigation--mobile .header--admin__nav ul .is--btn.is--menu__link:hover {
        background: none;
        color: #FFFFFF;
        text-indent: 2px;
        transition: all 300ms ease;
        background: rgba(0, 0, 0, 0.1); }
      .navigation--mobile .header--admin__nav ul .is--btn.is--menu__link i {
        color: #ffffff !important;
        font-size: 18px; } }
  @media screen and (max-width: 768px) {
    .navigation--mobile .header--admin__nav-search.is--visible {
      bottom: 0px;
      transition: all 600ms ease; } }
  @media screen and (max-width: 768px) {
    .navigation--mobile .header--admin__nav-search {
      position: fixed;
      bottom: -88px;
      left: 0px;
      width: 320px;
      transition: all 250ms ease;
      background: rgba(44, 44, 44, 0.95);
      padding: 16px 8px;
      box-shadow: 0px -4px 3px 1px rgba(0, 0, 0, 0.2); } }
  @media screen and (max-width: 768px) {
    .navigation--mobile .header--admin__nav-search input {
      width: 100%; } }
  @media screen and (max-width: 1300px) {
    .navigation--mobile .header--side-nav {
      box-shadow: none;
      padding-top: 0;
      padding-right: 16px; } }
@media screen and (min-width: 1024px) {
  .catalogue-search.is--results {
    bottom: initial;
    top: 80px;
    position: absolute;
    background: #444; } }

.catalogue-search.is--hidden {
  opacity: 0;
  transform: translatey(88px);
  transition: all 300ms ease-out; }
  @media screen and (min-width: 1024px) {
    .catalogue-search.is--hidden {
      transform: translatey(-44px); } }
.catalogue-search {
  position: fixed;
  bottom: 0;
  background: #444444;
  height: 44px;
  width: 100%;
  left: 0;
  z-index: 99999999;
  transition: all 300ms ease-out; }
  @media screen and (min-width: 700px) {
    .catalogue-search {
      height: 90px; } }
  @media screen and (min-width: 1024px) {
    .catalogue-search {
      bottom: initial;
      top: calc(33% - 98px);
      position: absolute;
      background: rgba(0, 0, 0, 0.4); } }
  .catalogue-search .input--box {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border: none;
    width: 100%;
    text-indent: 16px;
    margin: 0px; }
  .catalogue-search .select {
    width: initial;
    min-width: 25.954%; }
    .catalogue-search .select:after {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      width: 40px;
      background: linear-gradient(to right, rgba(230, 230, 230, 0.01) 0%, #e6e6e6 31%, #e6e6e6 100%);
      z-index: 8; }
    .catalogue-search .select select {
      height: 100%;
      border-top-right-radius: 0px;
      border-bottom-right-radius: 0px; }
  .catalogue-search .select__arrow {
    z-index: 88; }
  .catalogue-search button[type="submit"] {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px; }
    @media screen and (min-width: 700px) {
      .catalogue-search button[type="submit"] {
        width: 58px; } }
  .catalogue-search form {
    display: flex;
    padding: 4px;
    height: 44px; }
    @media screen and (min-width: 700px) {
      .catalogue-search form {
        height: 90px;
        padding: 16px; } }
  @media screen and (min-width: 700px) {
    .catalogue-search button {
      width: 58px; } }
  .catalogue-search button i.material-icons {
    line-height: 1; }

.user-nav-box {
  padding-top: 16px;
  padding-left: 16px; }

.nav--icons__container--main-menu {
  top: 0;
  right: 0; }
  @media screen and (max-width: 768px) {
    .nav--icons__container--main-menu {
      bottom: 0;
      right: 60px;
      left: 0;
      top: initial;
      z-index: 777; } }
.nav--icons.is--horizontal {
  background: #FFFFFF;
  justify-content: space-evenly;
  box-shadow: -5px -4px 15px 0px rgba(0, 0, 0, 0.1);
  height: 60px; }
  @media screen and (min-width: 769px) {
    .nav--icons.is--horizontal {
      background: none;
      box-shadow: none; } }
  @media screen and (min-width: 960px) {
    .nav--icons.is--horizontal button.is--menu {
      display: none; } }
  .nav--icons.is--horizontal button {
    min-width: 60px;
    background: none;
    height: 60px;
    color: #cc0000;
    font-weight: bold;
    padding: 0px !important; }
    @media screen and (min-width: 769px) {
      .nav--icons.is--horizontal button {
        color: #FFFFFF; } }
nav.actions-group--transform-into--sidebar.is--visible.nav--interaction {
  position: fixed;
  bottom: 0;
  right: 0;
  top: 0;
  overflow: auto;
  /* this color should match the parent*/
  color: white;
  min-width: 286px; }

.actions-group--transform-into--sidebar .drop-down__list.is--visible {
  position: relative;
  background: none;
  box-shadow: none;
  padding: 0;
  color: inherit; }

.actions-group--transform-into--sidebar .drop-down__item a {
  background: none;
  color: inherit; }

.sidebar--action {
  padding-top: 60px; }

.sidebar__title.has--back-btn,
.sidebar__title {
  height: 60px;
  line-height: 1.4;
  position: absolute;
  font-size: 18px;
  top: 0;
  left: 0;
  right: 0;
  background: #464444;
  display: flex;
  justify-content: space-between;
  align-items: center; }

.sidebar__title.has--back-btn {
  justify-content: center;
  right: auto; }

.btn__sidebar-close {
  background: transparent;
  color: white;
  height: auto; }

.btn__sidebar-close i,
.btn__sidebar-back i {
  font-size: 44px; }

.btn__sidebar-back {
  background: #777777;
  color: #484545;
  height: 100%;
  width: 64px; }

.sidebar__body {
  height: 100%;
  display: flex; }

.sidebar__header {
  transform: translateX(-16px);
  width: calc(100% + 32px);
  height: 160px;
  padding: 16px;
  background: #5a5656;
  display: flex;
  justify-content: space-between;
  flex-flow: column nowrap; }

div.list-card__content-container {
  padding-right: 0 !important; }

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

section.dashboard-header:after {
  background-image: none;
  content: none; }

@media screen and (max-width: 1199px) {
  .main--alt {
    padding: 0; } }

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

.header--card {
  flex-basis: 32%;
  height: 100%;
  padding: 8px 24px;
  background: #262626;
  border-radius: 8px;
  display: flex;
  flex-direction: column; }

.header--card .header--card__stat {
  font-size: 24px;
  color: #F1F1F1;
  margin: 0 auto;
  text-align: center; }

.header--card .header--card__title {
  font-size: 10px;
  color: #F1F1F1;
  margin: 0 auto;
  text-align: center; }

.sidebar--action__content--header {
  flex-direction: column;
  justify-content: center;
  background: #555;
  width: calc(100% + 32px);
  transform: translate(-16px, -4px);
  margin-top: 28px; }

.quick__filters {
  width: 100%;
  background: #444;
  display: flex;
  justify-content: space-around;
  height: 60px; }

.quick__filters--single i.material-icons.toggle-off {
  color: #F1F1F1; }

.quick__filters--single i.material-icons.toggle-on {
  color: #cc0000; }

.quick__filters--single .toggle--single input[type="checkbox"]:checked ~ i.material-icons.toggle-on {
  display: block; }

.quick__filters--single .toggle--single input[type="checkbox"]:checked ~ i.material-icons.toggle-off {
  display: none;
  width: 0px;
  height: 0px; }

.quick__filters--single .toggle--single input[type="checkbox"]:not(:checked) ~ i.material-icons.toggle-on {
  display: none;
  width: 0px;
  height: 0px; }

.quick__filters--single .toggle--single input[type="checkbox"]:not(:checked) ~ i.material-icons.toggle-off {
  display: block; }

.quick__filters .quick__filters--single {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 36px;
  align-items: center;
  padding-top: 4px; }

.quick__filters .quick__filters--single .toggle--single i.material-icons:first-of-type {
  color: #F1F1F1; }

.quick__filters--title {
  width: 64px;
  color: #F1F1F1;
  text-align: center;
  margin: auto 0; }

@media screen and (max-width: 1023px) {
  .postings__container {
    padding-top: 0 !important; } }

@media screen and (min-width: 1024px) {
  .quick__filters {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 320px;
    padding-right: 8px;
    z-index: 1001; }
  .quick__filters .quick__filters--single {
    padding-top: 8px; }
  .postings__back-to .tag-rail {
    background: transparent; }
    .postings__back-to .tag-rail label.toggle--single {
      align-items: center; }
      .postings__back-to .tag-rail label.toggle--single span {
        font-size: 12px; }
  .tag-rail i.material-icons.toggle-off,
  i.material-icons.all-toggle--off {
    color: #F1F1F1; }
  .tag-rail i.material-icons.toggle-on,
  i.material-icons.all-toggle--on {
    color: #cc0000; }
  .tag-rail .toggle--single input[type="checkbox"]:checked ~ i.material-icons.toggle-on {
    display: block; }
  .tag-rail .toggle--single input[type="checkbox"]:checked ~ i.material-icons.toggle-off {
    display: none;
    width: 0px;
    height: 0px; }
  .tag-rail .toggle--single input[type="checkbox"]:not(:checked) ~ i.material-icons.toggle-on {
    display: none;
    width: 0px;
    height: 0px; }
  .tag-rail .toggle--single input[type="checkbox"]:not(:checked) ~ i.material-icons.toggle-off {
    display: block; }
  .tag-rail li.toggle__list-item label.toggle--single {
    background: #ccc;
    border-radius: 16px;
    padding: 4px 8px;
    white-space: nowrap;
    margin-right: 8px; } }

@media screen and (min-width: 1024px) and (max-width: 1023px) {
  .postings__container {
    padding-top: 0 !important; } }

@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .postings__single.is--sticky {
    padding-bottom: 164px; }
  .pagination.fixed--bottom {
    justify-content: center; } }

.empty-state--dashboard {
  border-radius: 16px;
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 48px;
  background: #D8D8D8;
  color: #505050; }

.empty-state--dashboard i.material-icons {
  font-size: 188px;
  color: #999; }

.empty-state--dashboard .btn--ripple {
  background: #EA0029;
  color: white; }

.note {
  border: 0px solid #cc0000;
  border-left: 16px solid #cc0000;
  background: #FFFFFF;
  padding: 16px 16px;
  border-radius: 8px;
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1); }
  .note__title {
    margin: 0;
    margin-bottom: 8px; }
  .note__title,
  .note a {
    color: #cc0000; }
  .note__content p,
  .note__content li {
    margin: 0;
    font-size: 12px;
    color: #777 !important; }
  .note__content p {
    margin-bottom: 8px; }

.note.success {
  border-color: #cc0000; }
  .note.success .note__title,
  .note.success a {
    color: #cc0000; }

.note.warning {
  border-color: #FF9000; }
  .note.warning .note__title,
  .note.warning a {
    color: #FF9000; }

.note.error {
  border-color: #ED4747; }
  .note.error .note__title,
  .note.error a {
    color: #ED4747; }

.note.info {
  border-color: #666; }
  .note.info .note__title {
    color: #666; }
  .note.info a {
    color: #cc0000; }

@media screen and (max-width: 599px) {
  .notification.is--visible {
    top: initial !important;
    bottom: initial;
    right: initial;
    left: initial;
    bottom: 0px;
    left: 0px;
    width: 100%;
    border-radius: 0;
    padding: 16px;
    opacity: 1 !important; } }

.notification.top--right.is--visible {
  top: 24px;
  right: 24px;
  transition: all 300ms ease-out; }

.notification.top--left.is--visible {
  top: 24px;
  left: 24px;
  transition: all 300ms ease-out; }

.notification.top--middle.is--visible {
  top: 24px;
  left: 50%;
  margin-left: -160px;
  transition: all 300ms ease-out; }

.notification.bottom--right.is--visible {
  bottom: 60px;
  right: 24px;
  transition: all 300ms ease-out; }

.notification.bottom--left.is--visible {
  bottom: 60px;
  left: 24px;
  transition: all 300ms ease-out; }

.notification.bottom--middle.is--visible {
  bottom: 60px;
  left: 50%;
  margin-left: -160px;
  transition: all 300ms ease-out; }

.notification.error {
  background: #ED4747;
  color: #FFFFFF;
  transition: all 300ms ease-out; }

.notification.success {
  background: #cc0000;
  color: #FFFFFF;
  transition: all 300ms ease-out; }

.notification.warning {
  background: #FF9000;
  color: #FFFFFF;
  transition: all 300ms ease-out; }

.notification.info {
  background: #595959;
  color: #FFFFFF;
  transition: all 300ms ease-out; }

.notification.is--visible {
  opacity: 0.95;
  transform: scale(1);
  transition: all 300ms ease; }

.notification {
  position: initial;
  width: 100%;
  margin-bottom: 8px; }

.notification__container * {
  pointer-events: initial; }

.notification {
  position: initial;
  width: 100%;
  margin-bottom: 8px;
  padding: 16px;
  border-radius: 2px;
  font-size: 16px;
  font-weight: bold;
  z-index: 999999999;
  box-shadow: 0px 3px 3px 2px rgba(0, 0, 0, 0.25);
  border-right: 44px solid rgba(0, 0, 0, 0.2);
  opacity: 0;
  transform: scale(0);
  transition: all 300ms ease-out; }
  .notification__container {
    position: fixed;
    z-index: 99999999999999;
    padding: 8px;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    overflow: auto;
    pointer-events: none; }
    @media screen and (min-width: 600px) {
      .notification__container {
        width: 460px;
        padding: 32px 32px 16px 16px; } }
  .notification__btn--close {
    background: none;
    position: absolute;
    right: -40px;
    color: #FFFFFF; }

.doc-viewer__card.needs--attention {
  position: relative;
  border: 8px solid #ffa800; }

.occ-header {
  height: 72px;
  width: 100%;
  background: #232323;
  display: flex;
  justify-content: flex-end;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2101; }

.occ-header.is--landing-page {
  position: fixed; }

.occ-header.is--landing-page ~ main {
  margin-top: 72px; }

.occ-header button.nav-items__main-anchor,
.occ-header ul.nav-items__top-items li > button,
.occ-header ul.nav-items__top-items li > .drop-down button,
.nav-items__top-items-sidebar button {
  background: none;
  margin: auto;
  padding: 0; }

.occ-header ul.nav-items__top-items li > button, .occ-header ul.nav-items__top-items li > .drop-down button {
  color: white;
  display: flex;
  margin: 0;
  justify-content: start;
  font-size: 16px;
  font-family: "Noto Sans", sans-serif;
  line-height: 1.7;
  font-weight: normal;
  flex-wrap: nowrap; }

.occ-header button.nav-items__main-anchor {
  font-size: 16px;
  font-family: "Noto Sans", sans-serif;
  line-height: 1.7;
  font-weight: normal; }

.occ-header .logo-container {
  height: 72px;
  width: 72px;
  position: absolute;
  left: 0;
  top: 0;
  padding: 12px 0;
  background: #232323; }

.occ-header .logo-container img {
  display: block;
  margin: auto;
  height: 48px;
  width: auto; }

.occ-header .mobile-buttons {
  display: flex;
  align-items: center;
  position: relative; }

.occ-header .mobile-buttons .menu--button {
  position: relative; }

.occ-header .mobile-buttons .menu--button .menu--icon {
  position: relative;
  left: 0px; }

.occ-header .mobile-buttons .menu--button .badge--icon {
  position: relative;
  top: -8px;
  right: 2px;
  font-size: 18px !important; }

.occ-header .nav-items {
  position: fixed;
  top: 72px;
  right: -100%;
  width: 100%;
  height: calc(100vh - 72px);
  background: #232323;
  color: white;
  transition: right 400ms ease-in-out; }

.nav-items__top-items-sidebar {
  position: fixed;
  top: 0;
  right: -100%;
  width: 408px;
  height: 100vh;
  background: #232323;
  transition: right 400ms ease-in-out;
  visibility: hidden; }

.nav-items__top-items-sidebar * {
  color: white; }

.occ-header .nav-items.is--visible,
.nav-items__top-items-sidebar.is--visible {
  right: 0;
  visibility: visible;
  transition: right 400ms ease-in-out; }

.occ-header .nav-items ul {
  list-style: none; }

.occ-header .nav-items > ul > li {
  margin-bottom: 8px; }

.occ-header .nav-items .nav-items__left-container .nav-items__dropdown {
  display: none; }

.occ-header .nav-items .nav-items__left-container .nav-items__dropdown ul {
  margin: 0;
  padding: 0; }

.occ-header .nav-items .nav-items__left-container .nav-items__dropdown ul li {
  margin: 0 auto;
  padding: 16px;
  background: rgba(0, 0, 0, 0.7); }

.occ-header
.nav-items
.nav-items__left-container
.nav-items__dropdown
ul
li:first-of-type {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px; }

.occ-header
.nav-items
.nav-items__left-container
.nav-items__dropdown
ul
li:last-of-type {
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px; }

.occ-header .nav-items .nav-items__left-container .nav-items__dropdown ul li a {
  color: white; }

.occ-header
.nav-items
.nav-items__left-container
.nav-items__dropdown.is--visible {
  display: block; }

.occ-header .nav-items ul li:hover {
  cursor: pointer; }

.occ-header .nav-items ul li .nav-items__main-anchor {
  text-decoration: none;
  color: white; }

.occ-header .nav-items ul li .nav-items__main-anchor .nav-item__text {
  display: flex;
  flex-direction: start;
  align-content: center; }

.occ-header .nav-items ul li .nav-items__main-anchor:hover {
  text-decoration: underline; }

.occ-header .nav-items ul li .nav-items__main-anchor .nav-item__text:hover i {
  text-decoration: none; }

.occ-header .nav-items ul li .nav-item__icon {
  display: none; }

.occ-header .nav-items .nav-items__top-container .nav-items__top-searchbox {
  display: none; }

.occ-header .nav-items .nav-items__top-container .nav-items__top-dropdown {
  display: none; }

.occ-header
.nav-items
.nav-items__left-container
.nav-items__dropdown
.nav-items__dropdown--desktop-header {
  display: none; }

.occ-header
.nav-items
.nav-items__top-items
li
.nav-items__top-dropdown.is--visible {
  display: flex;
  position: static;
  margin-top: 4px; }

.occ-header
.nav-items
.nav-items__top-container
.nav-items__top-searchbox
.nav-items__top-searchbox--dropdown {
  display: none; }

.page-main-header {
  z-index: 111;
  padding: 16px; }

.page-main-header .page-main-header__back-button {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 10px;
  background: #d8d8d8;
  border-radius: 12px;
  padding: 4px 8px; }

.page-main-header .page-main-header__back-button i {
  font-size: 18px; }

.page-main-header
.page-main-header__back-button
.page-main-header__back-button--mobile-text {
  margin-left: 4px; }

.page-main-header .page-main-header__heading {
  font-size: 16px;
  margin-bottom: 0; }
  @media screen and (max-width: 767px) {
    .page-main-header .page-main-header__heading {
      padding: 8px 0; } }
.page-main-header .page-main-header__actions {
  display: flex;
  margin-top: 8px; }
  @media screen and (max-width: 767px) {
    .page-main-header .page-main-header__actions li:not(.actions_group--close-button) {
      margin-right: 8px; } }
.nav-item__icon.logout--icon {
  transform: rotateY(180deg); }

.nav-items__top-searchbox--categories-dropdown,
.page-main-header__actions li ul.page-main-header__mini-dropdown {
  display: none; }

.page-main-header .page-main-header__actions:not(.is--dropdown) li {
  position: relative; }

.occ-header
.nav-items
.nav-items__left-container
.nav-items__dropdown
ul
li
button {
  background: none;
  font-size: 16px;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: white;
  padding: 0; }

.page-main-header__actions:not(.is--dropdown) .button--single,
.page-main-header__actions-group--button {
  border-radius: calc(24px * 0.5);
  height: 24px;
  padding: 0 8px;
  font-size: 10px;
  background: #000;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center; }

.page-main-header__actions,
ul.page-main-header__mini-dropdown {
  margin: 0;
  padding: 0;
  list-style: none; }

.page-main-header__actions.is--dropdown,
.page-main-header__actions:not(.is--dropdown)
li
ul.page-main-header__mini-dropdown {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  min-width: 114px; }

.page-main-header__actions.is--dropdown.is--actions-group-dropdown {
  top: auto;
  bottom: 0;
  min-width: 268px; }

.page-main-header__actions:not(.is--dropdown)
li
ul.page-main-header__mini-dropdown
li
a {
  font-size: 10px; }

.page-main-header__actions.is--dropdown li,
.page-main-header__actions:not(.is--dropdown)
li
ul.page-main-header__mini-dropdown
li {
  background: white;
  padding: 12px; }

.page-main-header__actions.is--dropdown:not(.is--actions-group-dropdown)
li:nth-child(2),
.page-main-header__actions.is--dropdown li:first-of-type,
.page-main-header__actions:not(.is--dropdown)
li
ul.page-main-header__mini-dropdown
li:first-of-type {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px; }

.page-main-header__actions.is--dropdown li:last-of-type,
.page-main-header__actions:not(.is--dropdown)
li
ul.page-main-header__mini-dropdown
li:last-of-type {
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px; }

.page-main-header__actions.is--dropdown.is--actions-group-dropdown
li.actions_group--close-button {
  position: absolute;
  top: -30px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #d8d8d8;
  padding: 6px 12px 4px 8px; }

.actions_group--close-button span {
  font-size: 12px;
  font-weight: bold; }

.actions_group--close-button button i {
  font-size: 12px; }

.page-main-header__actions:not(.is--actions-group-dropdown)
.actions_group--close-button {
  display: none; }

.page-main-header__actions.is--dropdown li button.button--single,
.page-main-header__actions.is--dropdown
li
ul.page-main-header__mini-dropdown
li {
  background: none;
  font-size: 14px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0;
  width: 100%; }

.page-main-header__actions.is--dropdown
li.actions_group--close-button
button.button--single {
  width: auto; }

.page-main-header__actions.is--dropdown.is--visible,
.page-main-header__actions li ul.page-main-header__mini-dropdown.is--visible {
  display: block; }

.page-main-header__actions-grouping.is--dropdown {
  display: flex;
  justify-content: flex-end; }

.page-main-header__actions-grouping.is--actions-group {
  position: fixed !important;
  bottom: 24px;
  right: 24px;
  z-index: 11; }

.page-main-header__actions-grouping.is--actions-group
.page-main-header__actions-group--button.is--actions-group-button {
  border-radius: 50%;
  width: 60px;
  height: 60px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28); }

.page-main-header__actions-grouping.is--actions-group
.page-main-header__actions-group--button.is--actions-group-button
span {
  display: none; }

.occ-header.is--landing-page .nav-items ul li a {
  color: white; }

.main-content {
  margin-top: 72px; }

@media screen and (max-width: 767px) {
  .occ-header
.nav-items
.nav-items__top-items
li
.nav-items__top-dropdown.is--visible
ul
li
a,
  .occ-header .nav-items ul li a {
    color: white; }
  .occ-header .nav-items .nav-items__top-items li .drop-down__list,
  .occ-header .nav-items .nav-items__top-items li .drop-down__list .drop-down__item a {
    background-color: transparent; }
  .occ-header .nav-items .nav-items__top-items li .drop-down__btn {
    align-items: center; }
  .desktop-menu--button {
    display: none !important; }
  .nav-items__top-items-sidebar {
    display: none; } }

@media screen and (min-width: 768px) {
  .main-content {
    margin-left: 72px; }
  .occ-header:not(.is--landing-page) {
    background-color: #f5f5f5; }
  .occ-header:not(.is--landing-page) .logo-container {
    position: fixed; }
  .occ-header:not(.is--landing-page) .nav-items {
    background: none;
    position: static;
    width: 0;
    height: 0; }
  .occ-header:not(.is--landing-page) .nav-items .nav-items__left-container {
    width: 72px;
    height: calc(100% - 72px);
    position: fixed;
    left: 0;
    top: 72px;
    background: #232323;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    z-index: 3; }
  .occ-header:not(.is--landing-page)
.nav-items
.nav-items__left-container
ul {
    padding: 0 !important;
    margin: 0 !important; }
  .occ-header:not(.is--landing-page)
.nav-items
.nav-items__left-container
ul
> li {
    margin-bottom: 0;
    display: flex;
    justify-content: flex-start;
    flex-direction: column; }
  .occ-header:not(.is--landing-page)
.nav-items
.nav-items__left-container
ul
> li.active,
  .occ-header:not(.is--landing-page)
.nav-items
.nav-items__left-container
ul
> li:active {
    border-left: 4px solid red; }
  .occ-header:not(.is--landing-page) .mobile-buttons {
    display: none; }
  .occ-header:not(.is--landing-page) .nav-items .nav-items__top-items {
    display: flex;
    flex-direction: row;
    margin: 0;
    padding: 0;
    color: #232323;
    padding-right: 16px; }
  .occ-header:not(.is--landing-page) .nav-items .nav-items__top-items li,
  .occ-header:not(.is--landing-page) .nav-items .nav-items__top-items li > button,
  .occ-header:not(.is--landing-page) ul.nav-items__top-items li > .drop-down button,
  .nav-items__top-searchbox--categories-dropdown ul li {
    padding: 8px;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 0;
    display: flex;
    position: relative;
    align-items: center;
    background-color: transparent;
    color: #232323;
    height: 100%; }
  .occ-header:not(.is--landing-page) .nav-items .nav-items__top-items li a {
    display: flex;
    align-items: center;
    height: 100%; }
  .occ-header:not(.is--landing-page)
.nav-items
.nav-items__top-items
li
a
span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .occ-header:not(.is--landing-page)
.nav-items
.nav-items__top-items
li
.nav-items__top-dropdown.is--visible {
    display: flex;
    position: absolute;
    top: 110%;
    left: 0; }
  .nav-items__top-searchbox--categories-dropdown.is--visible {
    display: flex;
    position: absolute;
    top: 56px;
    left: 16px; }
  .nav-items__top-searchbox--categories-dropdown ul li button,
  .nav-items__top-searchbox--dropdown ul li button {
    background: none;
    font-size: 10px;
    width: 100%; }
  .nav-items__top-searchbox--dropdown ul li button {
    font-size: 12px;
    font-weight: bold;
    text-align: start;
    color: #232323;
    padding: 0; }
  .nav-items__top-searchbox--categories-dropdown ul li button:hover,
  .nav-items__top-searchbox--dropdown ul li button:hover {
    text-decoration: underline; }
  .occ-header:not(.is--landing-page)
.nav-items
.nav-items__top-items
li
.nav-items__top-dropdown
ul,
  .nav-items__top-searchbox--categories-dropdown ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    width: auto;
    min-width: 144px;
    justify-content: center; }
  .occ-header:not(.is--landing-page)
.nav-items
.nav-items__top-items
li
.nav-items__top-dropdown
ul
li,
  .nav-items__top-searchbox--categories-dropdown ul li {
    background: white; }
  .occ-header:not(.is--landing-page)
.nav-items
.nav-items__top-items
li
.nav-items__top-dropdown
ul
li
a,
  .nav-items__top-searchbox--categories-dropdown ul li a {
    text-align: center; }
  .occ-header:not(.is--landing-page)
.nav-items
.nav-items__top-items
li
.nav-items__top-dropdown
ul
li:first-of-type,
  .nav-items__top-searchbox--categories-dropdown ul li:first-of-type {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px; }
  .occ-header:not(.is--landing-page)
.nav-items
.nav-items__top-items
li
.nav-items__top-dropdown
ul
li:last-of-type,
  .nav-items__top-searchbox--categories-dropdown ul li:last-of-type {
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px; }
  .occ-header:not(.is--landing-page)
.nav-items
.nav-items__top-items
li.active,
  .occ-header:not(.is--landing-page)
.nav-items
.nav-items__top-items
li:active {
    border-bottom: 4px solid red;
    padding-bottom: 4px !important; }
  .occ-header:not(.is--landing-page)
.nav-items
ul:not(.nav-items__top-items)
li
.nav-item__text:not(.show--desktop) {
    display: none; }
  .occ-header:not(.is--landing-page)
.nav-items
ul:not(.nav-items__top-items)
li
.nav-item__icon {
    display: block;
    font-size: 24px; }
  .occ-header:not(.is--landing-page)
.nav-items
ul
li
.nav-items__main-anchor:hover {
    text-decoration: none; }
  .occ-header:not(.is--landing-page) .nav-items > ul li:hover,
  .occ-header:not(.is--landing-page) .nav-items > ul li:active {
    background-color: rgba(0, 0, 0, 0.2); }
  .occ-header:not(.is--landing-page)
.nav-items
.nav-items__left-container
ul
li
.nav-items__main-anchor {
    display: flex;
    justify-content: center;
    align-content: center;
    padding: 12px; }
  .occ-header:not(.is--landing-page) .nav-items .nav-items__top-container {
    position: fixed;
    top: 0;
    left: 72px;
    width: calc(100% - 72px);
    height: 72px;
    z-index: 2;
    display: flex;
    justify-content: space-between;
    background: #f5f5f5; }
  .occ-header:not(.is--landing-page)
.nav-items
.nav-items__top-container
.nav-items__top-searchbox {
    display: flex;
    justify-content: center;
    align-content: center;
    padding: 16px;
    position: relative; }
  .occ-header.is--landing-page
.nav-items
.nav-items__top-container
.nav-items__top-searchbox {
    display: flex;
    justify-content: center;
    align-content: center;
    padding: 16px;
    position: fixed;
    left: 72px;
    top: 0;
    visibility: visible; }
  .occ-header
.nav-items
.nav-items__top-container
.nav-items__top-searchbox
.nav-items__top-searchbox--categories-button {
    background: #d8d8d8;
    border-radius: 24px 0 0 24px;
    padding-left: 16px;
    border-width: 0;
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative; }
  .occ-header
.nav-items
.nav-items__top-container
.nav-items__top-searchbox
.nav-items__top-searchbox--categories-button
span {
    max-width: 58px;
    min-width: 58px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .occ-header
.nav-items
.nav-items__top-container
.nav-items__top-searchbox
.nav-items__top-searchbox--dropdown.is--visible {
    position: absolute;
    display: block;
    top: 56px;
    left: 16px; }
  .occ-header
.nav-items
.nav-items__top-container
.nav-items__top-searchbox
.nav-items__top-searchbox--dropdown
ul {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    justify-content: center;
    width: auto;
    min-width: 295px;
    border-radius: 16px;
    box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.1); }
  .occ-header
.nav-items
.nav-items__top-container
.nav-items__top-searchbox
.nav-items__top-searchbox--dropdown
ul
li {
    background: white;
    margin: 0;
    display: flex;
    padding: 8px 16px;
    font-size: 12px;
    font-weight: bold; }
  .occ-header
.nav-items
.nav-items__top-container
.nav-items__top-searchbox
.nav-items__top-searchbox--dropdown
ul
li:first-of-type {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    padding-top: 16px; }
  .occ-header
.nav-items
.nav-items__top-container
.nav-items__top-searchbox
.nav-items__top-searchbox--dropdown
ul
li:last-of-type {
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
    text-decoration: underline; }
  .occ-header
.nav-items
.nav-items__top-container
.nav-items__top-searchbox
> i {
    position: absolute;
    right: 24px;
    top: 24px;
    color: #232323; }
  .occ-header
.nav-items
.nav-items__top-container
.nav-items__top-searchbox
input {
    border: 2px solid #d8d8d8;
    transition: border 250ms ease;
    border-radius: 0 24px 24px 0;
    border-left-width: 0;
    padding: 12px 32px 12px 8px;
    background-color: white;
    color: #232323;
    box-shadow: none;
    margin-bottom: 0; }
  .occ-header:not(.is--landing-page)
.nav-items
.nav-items__left-container
.nav-items__dropdown.is--visible {
    position: fixed;
    left: 72px;
    top: 0;
    width: 408px;
    height: 100vh;
    background: #383838;
    z-index: 2; }
  .occ-header:not(.is--landing-page)
.nav-items
.nav-items__left-container
.nav-items__dropdown
.nav-items__dropdown--desktop-header,
  .nav-items__top-items-sidebar-header {
    position: relative;
    top: 0;
    left: 0;
    height: 72px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #232323;
    padding-left: 16px;
    font-size: 18px;
    font-weight: bold; }
  .occ-header:not(.is--landing-page)
.nav-items
.nav-items__left-container
.nav-items__dropdown
.nav-items__dropdown--desktop-header
button,
  .nav-items__top-items-sidebar-header button {
    color: #ffffff;
    background: transparent;
    height: 72px;
    width: 64px; }
  .nav-items__top-items-sidebar-header button {
    margin: 0; }
  .occ-header:not(.is--landing-page)
.nav-items
.nav-items__left-container
.nav-items__dropdown
ul
li {
    background: none;
    border: none;
    justify-content: flex-start;
    align-items: flex-start; }
  .page-main-header {
    padding-left: 96px;
    height: 80px;
    display: flex;
    flex-direction: row;
    background: #e1e1e1;
    justify-content: space-between;
    align-items: center;
    position: relative; }
  .page-main-header.no--back-button {
    padding-left: 16px; }
  .page-main-header .page-main-header__heading {
    overflow: hidden;
    height: 22px; }
  .page-main-header .page-main-header__back-button {
    position: absolute;
    height: 80px;
    left: 0;
    top: 0;
    width: 80px;
    border-radius: 0;
    flex-direction: column;
    justify-content: space-between;
    padding: 20px;
    font-size: 12px;
    font-weight: bold; }
  .page-main-header .page-main-header__back-button i {
    margin: 0 !important;
    font-size: 22px; }
  .page-main-header
.page-main-header__back-button
.page-main-header__back-button--mobile-text {
    display: none; }
  .page-main-header .page-main-header__actions {
    margin: 0; }
  .page-main-header
.page-main-header__actions:not(.is--dropdown)
.button--single,
  .page-main-header__actions-group--button {
    height: 36px;
    padding: 0 16px;
    border-radius: 36px;
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center; }
  .page-main-header .page-main-header__actions:not(.is--dropdown) > li {
    margin-right: 8px; }
  .page-main-header
.page-main-header__actions:not(.is--dropdown)
> li:last-of-type {
    margin-right: 0; }
  .desktop-menu--button {
    position: absolute;
    right: 0;
    top: 12px; }
  .nav-item__text.show--desktop {
    font-size: 12px; }
  .nav-items__main-anchor.show--text-desktop {
    flex-direction: column;
    align-items: center; }
  .main-content .doc-viewer.is--finally-alone .doc-viewer__cards {
    transition: none; }
  .occ-header.is--landing-page .nav-items {
    width: 408px; } }

@media screen and (min-width: 1024px) {
  .main-content .wizard__nav--mobile,
  .main-content .wizard.is--open--mobile,
  .main-content .wizard.is--open--mobile .wizard__btn--hide-mobile-nav,
  .main-content .bulk-actions.in--doc-viewer,
  .main-content .doc-viewer__pagination,
  .main-content .doc-viewer.is--finally-alone .doc-viewer__cards {
    left: 72px; }
  .main-content .doc-viewer__btn--search {
    left: calc(408px + 72px - 48px - 8px); } }

main.is--logged-in {
  margin-top: 0; }

.visibility--hidden {
  visibility: hidden; }

.main-content > .cont-inception {
  background: #f9f9f9 !important; }

.main-content > .cont-inception .items {
  color: #232323 !important;
  font-weight: bold; }

.main-content > .cont-inception .items.active {
  border-bottom-color: #ea0029; }

.occ-header.is--landing-page
.nav-items
.nav-items__top-items
li
.nav-items__top-dropdown.is--visible
ul
li
a,
.occ-header.is--landing-page
:not(.nav-items__top-searchbox--categories-dropdown)
.nav-items
ul
li
a {
  color: white; }

.occ-header.is--landing-page ~ main.c3-main {
  margin-top: 72px; }

@media screen and (min-width: 1024px) {
  .main-content .wizard,
  .main-content .wizard::after {
    left: 72px; } }

.pagination {
  height: 34px; }
  .pagination__list {
    list-style-type: none;
    padding: 4px 0px;
    margin: 0;
    height: 44px;
    text-align: center; }
  .pagination__item {
    display: inline-block;
    height: 34px; }
    @media screen and (max-width: 500px) {
      .pagination__item {
        display: none; } }
  @media screen and (max-width: 500px) {
    .pagination__item:first-child {
      display: inline-block; } }
  @media screen and (max-width: 500px) {
    .pagination__item:last-child {
      display: inline-block; } }
  @media screen and (max-width: 500px) {
    .pagination__item.active {
      display: inline-block; } }
  .pagination__link {
    text-decoration: none;
    display: block;
    height: 100%;
    height: 34px;
    min-width: 34px;
    line-height: 34px;
    color: #666;
    padding: 0px 8px;
    font-size: 14px;
    text-align: center !important; }
    .pagination__link:hover {
      background: #F1F1F1; }
    .pagination__link i {
      height: 34px;
      line-height: 34px;
      vertical-align: top; }
  .pagination__link.active {
    color: #ffffff;
    border: 1px solid #ffffff;
    border-radius: 2px; }
    @media screen and (max-width: 500px) {
      .pagination__link.active {
        padding: 0px 8px; } }
.panel {
  background: #FFFFFF;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
  border-radius: 1px;
  position: relative;
  padding: 16px;
  padding-top: 48px; }
  @media screen and (max-width: 600px) {
    .panel {
      padding: 4px;
      padding-top: 48px; } }
  .panel .card {
    box-shadow: none; }

.panel.cards {
  padding-left: 0;
  padding-right: 0; }

.panel .panel {
  box-shadow: none;
  padding: 48px 0px 0px 0px; }

.panel.plain {
  background: none;
  box-shadow: none;
  padding-left: 0px;
  padding-right: 0px; }

.panel.no--padding--t {
  padding-top: 16px !important; }

#loader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  background: #576070; }

#loader {
  display: block;
  position: relative;
  left: 50%;
  top: 50%;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border-radius: 50%;
  border: 8px solid transparent;
  border-top-color: #cc0000;
  opacity: 0.6;
  -webkit-animation: spin 2s linear infinite;
  /* Chrome, Opera 15+, Safari 5+ */
  animation: spin 2s linear infinite;
  /* Chrome, Firefox 16+, IE 10+, Opera */
  z-index: 1001; }

#loader:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border-radius: 50%;
  border: 8px solid transparent;
  border-top-color: #ffffff;
  opacity: 0.6;
  animation: spin 3s linear infinite;
  /* Chrome, Firefox 16+, IE 10+, Opera */ }

#loader:after {
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border-radius: 50%;
  border: 8px solid transparent;
  border-top-color: #000000;
  opacity: 0.6;
  animation: spin 1.5s linear infinite;
  /* Chrome, Firefox 16+, IE 10+, Opera */ }

@-webkit-keyframes spin {
  0% {
    transform: rotate(0deg);
    /* Firefox 16+, IE 10+, Opera */ }
  100% {
    transform: rotate(360deg);
    /* Firefox 16+, IE 10+, Opera */ } }

@keyframes spin {
  0% {
    transform: rotate(0deg);
    /* Firefox 16+, IE 10+, Opera */ }
  100% {
    transform: rotate(360deg);
    /* Firefox 16+, IE 10+, Opera */ } }

#loader-wrapper .loader-section {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to left, #888, #666);
  z-index: 1000;
  right: 0;
  left: 0;
  opacity: 1; }

/* Loaded */
.loaded #loader-wrapper .loader-section {
  opacity: 0;
  transition: all 0.7s 0s cubic-bezier(0.645, 0.045, 0.355, 1); }

.loaded #loader {
  opacity: 0;
  transition: all 0.3s ease-out; }

.loaded #loader-wrapper {
  visibility: hidden;
  transform: translateY(-100%);
  /* Firefox 16+, IE 10+, Opera */
  transition: all 0.3s 1s ease-out; }

/* JavaScript Turned Off */
.no-js #loader-wrapper {
  display: none; }

.loading--stuff.is--visible {
  pointer-events: initial;
  opacity: 1;
  transition: opacity 400ms ease-out; }

.loading--stuff {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: rgba(0, 0, 0, 0.8);
  opacity: 0;
  z-index: 999999;
  pointer-events: none;
  transition: opacity 400ms ease-out; }

.loading--stuff:before {
  position: fixed;
  content: '';
  display: block;
  width: 64px;
  height: 64px;
  border: 4px solid #444;
  border-bottom-color: #cc0000;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  animation: spin .75s infinite linear; }

.loading--stuff p {
  text-align: center;
  color: #FFFFFF;
  max-width: 66%;
  font-weight: bold;
  font-size: 16px;
  margin-top: 136px; }

.loading--stuff.not--fullscreen:before {
  position: absolute; }

.loading--stuff.not--fullscreen p {
  position: absolute; }

/* Animation */
@keyframes loadingStuff {
  0% {
    transform: rotate(0deg) scale(1); }
  50% {
    transform: rotate(360deg) scale(1.3); }
  100% {
    transform: rotate(0deg) scale(1); } }

@keyframes spin {
  100% {
    transform: rotate(360deg); } }

.loading-rotate {
  font-size: inherit;
  animation-name: loadingStuff;
  animation-duration: 1000ms;
  animation-iteration-count: infinite;
  margin: 0 8px;
  position: relative; }

@keyframes loadingRotate {}/* Styling an indeterminate progress bar */
progress:not([value]) {
  /* Styles don't seem to be working here, need to research more... */ }

/* Styling the determinate progress element */
progress[value] {
  /* Get rid of the default appearance */
  appearance: none;
  /* This unfortunately leaves a trail of border behind in Firefox and Opera. We can remove that by setting the border to none. */
  border: none;
  /* Add dimensions */
  width: 100%;
  height: 12px;
  /* Although firefox doesn't provide any additional pseudo class to style the progress element container, any style applied here works on the container. */
  background-color: #E1E1E1;
  border-radius: 4px;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2) inset;
  /* Of all IE, only IE10 supports progress element that too partially. It only allows to change the background-color of the progress value using the 'color' attribute. */
  color: #cc0000;
  position: relative;
  margin: 0 0 1.5em; }

/*
Webkit browsers provide two pseudo classes that can be use to style HTML5 progress element.
-webkit-progress-bar -> To style the progress element container
-webkit-progress-value -> To style the progress element value.
*/
progress[value]::-webkit-progress-bar {
  background-color: #E1E1E1;
  border-radius: 4px;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2) inset; }

progress[value]::-webkit-progress-value {
  position: relative;
  background-size: 35px 20px, 100% 100%, 100% 100%;
  border-radius: 4px;
  /* Let's animate this */
  animation: animate-stripes 5s linear infinite; }

@keyframes animate-stripes {
  100% {
    background-position: -100px 0; } }

/* Let's spice up things little bit by using pseudo elements. */
progress[value]::-webkit-progress-value:after {
  /* Only webkit/blink browsers understand pseudo elements on pseudo classes. A rare phenomenon! */
  content: '';
  position: absolute;
  width: 5px;
  height: 5px;
  top: 7px;
  right: 7px;
  background-color: #FFFFFF;
  border-radius: 100%; }

/* Firefox provides a single pseudo class to style the progress element value and not for container. -moz-progress-bar */
progress[value]::-moz-progress-bar {
  background: #ffffff;
  background-size: 35px 20px, 100% 100%, 100% 100%;
  border-radius: 4px;
  /* Firefox doesn't support CSS3 keyframe animations on progress element. Hence, we did not include animate-stripes in this code block */ }

/* Fallback technique styles */
.progress-bar {
  background-color: #E1E1E1;
  border-radius: 4px;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5) inset;
  /* Dimensions should be similar to the parent progress element. */
  width: 100%;
  height: 12px; }

.progress-bar span {
  background-color: #cc0000;
  border-radius: 4px;
  display: block;
  text-indent: -9999px; }

p[data-value] {
  position: relative; }

/* The percentage will automatically fall in place as soon as we make the width fluid. Now making widths fluid. */
p[data-value]:after {
  content: attr(data-value) "%";
  position: absolute;
  right: 0; }

.shieldStrength::-webkit-progress-value {
  background: #ffffff; }

/* Similarly, for Mozillaa. Unfortunately combining the styles for different browsers will break every other browser. Hence, we need a separate block. */
.shieldStrength::-moz-progress-bar {
  background: #ffffff; }

.progressbar_section span progress::-webkit-progress-value {
  background: #000000; }

.progressbar_section span progress::-moz-progress-value {
  color: #000000; }

.process-flow.is--completed:before {
  background: #cc0000; }

.process-flow.is--completed .process-flow__title {
  line-height: 48px;
  background: #cc0000;
  padding: 0px 16px;
  color: #FFFFFF;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  margin-bottom: 0;
  border-radius: 2px; }
  .process-flow.is--completed .process-flow__title button {
    background: none !important;
    color: #FFFFFF !important; }

.process-flow {
  display: flex;
  justify-content: space-between;
  position: relative;
  align-items: center; }
  @media screen and (max-width: 599px) {
    .process-flow {
      background: #FFFFFF; } }
  @media screen and (max-width: 599px) {
    .process-flow {
      flex-direction: column;
      padding: 0px 16px 0px 16px; } }
  .process-flow:before {
    content: '';
    height: 4px;
    position: absolute;
    left: 0;
    right: 2px;
    top: calc(50% - 2px);
    background: #E1E1E1;
    z-index: 0; }
    @media screen and (max-width: 599px) {
      .process-flow:before {
        left: calc(50% - 2px);
        top: 16px;
        height: calc(100% - 24px - 16px);
        right: initial;
        width: 4px; } }
  .process-flow__img {
    width: 60px;
    height: 60px;
    max-width: 60px;
    max-height: 60px; }
    @media screen and (max-width: 599px) {
      .process-flow__img {
        width: 48px;
        height: 48px;
        max-width: 48px;
        max-height: 48px; } }
  .process-flow__title {
    line-height: 48px;
    background: #E1E1E1;
    padding: 0px 16px;
    color: #333;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    margin-bottom: 0;
    border-radius: 2px; }
    @media screen and (max-width: 599px) {
      .process-flow__title {
        position: absolute;
        top: 0;
        right: 0;
        left: 48px;
        border-radius: 0px; } }
    .process-flow__title button {
      background: none !important;
      color: #333 !important; }
      @media screen and (max-width: 599px) {
        .process-flow__title button {
          width: 200px;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; } }
  .process-flow__item {
    border-radius: 48px;
    background: #E1E1E1;
    width: 48px;
    height: 48px;
    text-align: center;
    color: #333;
    line-height: 48px;
    font-weight: bold;
    font-size: 14px;
    transition: all 300ms ease-out;
    position: relative; }
    @media screen and (max-width: 599px) {
      .process-flow__item {
        margin-bottom: 4px; } }
    .process-flow__item-count {
      position: absolute;
      width: 48px;
      text-align: center;
      left: 0;
      transform: translatex(0px);
      transition: all 300ms ease-out;
      line-height: 34px;
      font-size: 12px; }
    .process-flow__item-label {
      position: absolute;
      width: 48px;
      text-align: center;
      left: 0;
      bottom: 10px;
      font-size: 10px;
      text-transform: uppercase;
      transform: translatex(0px);
      transition: all 300ms ease-out;
      line-height: initial;
      bottom: 8px; }
  .process-flow__item.is--active {
    border-radius: 48px;
    width: 144px;
    text-align: left;
    padding-left: 4px;
    flex-basis: 48%;
    transition: all 300ms ease-out; }
    @media screen and (max-width: 599px) {
      .process-flow__item.is--active {
        width: 100%; } }
    .process-flow__item.is--active-count {
      position: absolute;
      width: 48px;
      text-align: center;
      left: 0;
      font-size: 0;
      transform: translatex(-44px);
      transition: all 300ms ease-out; }
  .process-flow__item.is--completed {
    background: #cc0000;
    color: #FFFFFF; }
  .process-flow__item.has--progress.is--active:before {
    display: none; }
  .process-flow__item.has--progress {
    cursor: pointer; }
    .process-flow__item.has--progress:before {
      content: '';
      display: block;
      position: absolute;
      z-index: -1;
      border-radius: 50%;
      animation: cosmic-inflation 5s infinite;
      animation-fill-mode: forwards; }
    .process-flow__item.has--progress .cont-inception {
      border-bottom: none;
      width: 100%;
      margin-bottom: 0 !important;
      transform: scale(0);
      opacity: 0;
      transition: transform 400ms ease-out, opacity 600ms ease-out; }
      .process-flow__item.has--progress .cont-inception .arrow-left, .process-flow__item.has--progress .cont-inception .arrow-right {
        border-radius: 48px; }
  .process-flow__item.has--progress.is--active .cont-inception {
    border-bottom: none;
    width: 100%;
    margin-bottom: 0 !important;
    transform: scale(1);
    opacity: 1;
    transition: transform 400ms ease-out, opacity 600ms ease-out; }
  .process-flow__item.percentage {
    background: #FFFFFF;
    border: 2px solid #999;
    line-height: 44px; }
    .process-flow__item.percentage i {
      display: none; }
  .process-flow__item.percentage.is--100 .process-flow__item-percent {
    position: relative;
    top: -4px;
    z-index: 2; }
  .process-flow__item.percentage.is--100 {
    background: #cc0000;
    border: 2px solid #cc0000;
    line-height: 44px;
    color: #FFFFFF; }
    .process-flow__item.percentage.is--100 i {
      position: absolute;
      display: block;
      color: #FFFFFF;
      bottom: 4px;
      font-weight: bold;
      border-radius: 50%;
      font-size: 14px;
      text-align: center;
      width: 14px;
      left: calc(50% - 7px); }

@keyframes cosmic-inflation {
  0% {
    width: 54px;
    height: 54px;
    left: -3px;
    top: -3px;
    background: none;
    border: 1px solid rgba(0, 0, 0, 0);
    transform: scale(0); }
  50% {
    width: 54px;
    height: 54px;
    left: -3px;
    top: -3px;
    background: none;
    border: 1px solid rgba(0, 0, 0, 0.2); }
  100% {
    width: 54px;
    height: 54px;
    left: -3px;
    top: -3px;
    background: none;
    border: 1px solid rgba(0, 0, 0, 0);
    transform: scale(1.33); } }

.status-tracker {
  display: flex;
  align-items: center;
  background: #FFFFFF #FFFFFF;
  justify-content: flex-start;
  padding: 0px 8px 0px 0px;
  margin-bottom: 24px;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1); }
  .status-tracker .stacked-bar {
    flex-basis: 50%; }

.stacked-bar {
  display: flex; }
  .stacked-bar__item {
    min-width: 12px;
    height: 44px;
    line-height: 44px;
    font-weight: bold;
    padding-left: 16px; }
  .stacked-bar__item.pending {
    background: #D8D8D8;
    flex-basis: calc(22% - 4px); }
  .stacked-bar__item.active {
    background: #cc0000;
    flex-basis: calc(44% - 4px);
    color: #FFFFFF; }
  .stacked-bar__item.completed {
    background: #cc0000;
    flex-basis: calc(34% - 4px);
    color: #FFFFFF; }
  .stacked-bar__item.empty {
    min-width: 0px;
    width: 0;
    flex-basis: 0; }

.legend-chart {
  display: flex;
  flex-direction: column;
  border: 1px solid #999;
  padding: 16px; }

.legend-chart__item {
  display: flex;
  margin-bottom: 8px; }

.legend-chart__symbol {
  height: 24px;
  width: 24px;
  background: #999;
  border-radius: 50%; }

.legend-chart__label {
  text-indent: 8px; }

.rating__icon {
  font-size: 10px !important;
  color: yellow; }

.removable-item {
  padding-left: 10px;
  width: inherit;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
  .removable-item__btn--remove {
    top: 8px; }

.removable-item, .removable-item__title {
  transform: translateX(0);
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1); }

.in--edit {
  transform: translateX(20px);
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1); }

.schedule-item {
  background: #FFFFFF;
  display: flex;
  height: 80px; }
  .schedule-item__left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    background: #000000;
    color: #FFFFFF;
    flex-basis: 80px;
    min-width: 80px;
    max-width: 80px;
    width: 80px; }
    .schedule-item__left .date {
      display: flex;
      flex-direction: column;
      justify-content: center;
      height: 60px; }
      .schedule-item__left .date .day {
        font-size: 32px;
        font-weight: bold;
        flex-basis: 32px;
        line-height: 32px;
        text-align: center; }
      .schedule-item__left .date .month {
        font-size: 12px;
        font-weight: bold;
        text-transform: uppercase;
        flex-basis: 12px;
        line-height: 12px;
        text-align: center; }
    .schedule-item__left .time {
      font-size: 12px;
      font-weight: bold;
      background: rgba(0, 0, 0, 0.33);
      width: 100%;
      text-align: center;
      height: 20px;
      line-height: 20px; }
  .schedule-item__right {
    padding: 12px 8px 8px 8px;
    display: flex;
    flex-direction: column;
    justify-content: center; }
  .schedule-item__title {
    margin: 0;
    margin: 0; }
  .schedule-item__location {
    font-size: 11px; }
  .schedule-item__calendar {
    font-size: 11px; }
  .schedule-item__time-status {
    font-size: 11px; }

.usp {
  box-sizing: border-box; }

.usp *, .usp *:before, .usp *:after {
  box-sizing: inherit; }

.usp button {
  cursor: pointer; }
  .usp button:focus {
    outline: none;
    border: none; }

.usp .crd--theme__wrap, .usp .crd--color__wrap {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between; }

.usp .crd--theme__wrap:after, .usp .crd--color__wrap:after {
  content: "";
  flex: auto; }

.usp .crd--color {
  flex-basis: calc(50% - 8px);
  margin: 4px;
  border-radius: 2px;
  margin-bottom: 8px;
  overflow: hidden;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2); }
  @media screen and (min-width: 500px) {
    .usp .crd--color {
      flex-basis: calc(25% - 8px); } }
  @media screen and (min-width: 768px) {
    .usp .crd--color {
      flex-basis: calc(20% - 8px); } }
  @media screen and (min-width: 1280px) {
    .usp .crd--color {
      flex-basis: calc(15% - 8px); } }
  @media screen and (min-width: 1400px) {
    .usp .crd--color {
      flex-basis: calc(10% - 8px); } }
  .usp .crd--color__content {
    background: #fff;
    height: 144px;
    border-radius: 2px;
    position: relative;
    display: flex;
    flex-direction: column; }
  .usp .crd--color__color {
    background: #000000;
    flex-basis: 66%;
    height: 100%;
    position: relative; }
    .usp .crd--color__color button {
      position: absolute;
      bottom: 0;
      right: 0; }
      .usp .crd--color__color button i {
        color: rgba(0, 0, 0, 0.3); }
  .usp .crd--color__details {
    background: #fff;
    flex-basis: 34%;
    height: 100%;
    padding: 8px; }
    .usp .crd--color__details:hover .crd--color__details__btn--edit-title i {
      color: #999;
      transition: all 200ms ease; }
    .usp .crd--color__details h4 {
      font-family: 'Open Sans', sans-serif;
      font-size: 14px;
      color: #707070;
      margin: 0;
      display: flex;
      width: 100%; }
      .usp .crd--color__details h4 span {
        flex-basis: calc(100% - 28px); }
    .usp .crd--color__details__btn--edit-title {
      color: #999;
      background: none;
      border: none;
      padding-right: 0; }
      .usp .crd--color__details__btn--edit-title i {
        font-size: 16px;
        color: #fff;
        transform: translate(0px, 2px); }

.usp .crd--theme {
  flex-basis: calc(100%);
  max-width: 100%;
  min-width: 100%;
  padding: 0px;
  border-radius: 2px;
  margin-bottom: 48px;
  overflow: hidden;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2); }
  @media screen and (min-width: 500px) {
    .usp .crd--theme {
      flex-basis: calc(50% - 8px);
      max-width: 50%;
      min-width: 1px;
      margin-left: 4px;
      margin-right: 4px; } }
  @media screen and (min-width: 769px) {
    .usp .crd--theme {
      flex-basis: calc(33% - 8px);
      max-width: 33%; } }
  @media screen and (min-width: 1024px) {
    .usp .crd--theme {
      flex-basis: calc(25% - 8px);
      max-width: 25%; } }
  @media screen and (min-width: 1280px) {
    .usp .crd--theme {
      flex-basis: calc(20% - 8px);
      max-width: 20%; } }
  @media screen and (min-width: 1440px) {
    .usp .crd--theme {
      max-width: 375px; } }
  .usp .crd--theme__content {
    background: #fff;
    height: 320px;
    border-radius: 2px;
    position: relative;
    display: flex;
    flex-direction: column-reverse; }
    @media screen and (max-width: 650px) {
      .usp .crd--theme__content {
        height: 320px; } }
  .usp .crd--theme__controls {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 8px;
    margin-bottom: 16px; }
    .usp .crd--theme__controls__btn--edit-title {
      color: #999;
      background: none;
      border: none; }
      .usp .crd--theme__controls__btn--edit-title i {
        font-size: 16px;
        color: #fff;
        transform: translate(-4px, 2px); }
    .usp .crd--theme__controls__btn--settings {
      border: none;
      background: none;
      color: #999;
      height: 24px; }
      .usp .crd--theme__controls__btn--settings i {
        font-size: 20px;
        line-height: 24px;
        font-size: 32px; }
    .usp .crd--theme__controls__btn--power.is--activated span {
      left: 50%;
      background: #55e5e8;
      transition: all 400ms ease; }
    .usp .crd--theme__controls__btn--power {
      border: none;
      height: 24px;
      width: 60px;
      position: relative;
      background: #999;
      border-radius: 2px; }
      .usp .crd--theme__controls__btn--power span {
        position: absolute;
        height: 24px;
        width: 50%;
        background: #c9c9c9;
        top: 0;
        left: 0;
        border-radius: 2px;
        transition: all 400ms ease; }
  .usp .crd--theme__btn--advanced-settings {
    position: absolute;
    border-radius: 2px;
    border: none;
    bottom: -88px;
    left: 0px;
    right: 0px;
    width: calc(100% - 0px);
    height: 44px;
    background: #d9d9d9;
    color: #666;
    font-weight: bold;
    text-transform: uppercase;
    pointer-events: none;
    transition: bottom 400ms ease-out;
    font-size: 16px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px; }
  .usp .crd--theme__header.is--expanded {
    flex-basis: calc(100%);
    transition: flex-basis 300ms ease-out; }
    .usp .crd--theme__header.is--expanded .crd--theme__colors--horizontal {
      bottom: 44px; }
    .usp .crd--theme__header.is--expanded .crd--theme__btn--advanced-settings {
      position: absolute;
      pointer-events: initial;
      bottom: 0px;
      transition: bottom 400ms ease-out; }
  .usp .crd--theme__header {
    flex-basis: calc(44%);
    padding: 4px 8px;
    transition: flex-basis 300ms ease-out;
    position: relative; }
    .usp .crd--theme__header:hover .crd--theme__controls__btn--edit-title i {
      color: #999;
      transition: all 200ms ease; }
    .usp .crd--theme__header h4 {
      font-family: 'Open Sans', sans-serif;
      font-size: 14px;
      color: #707070;
      margin: 0;
      margin-top: 4px;
      display: flex;
      width: 100%;
      font-size: 18px; }
      .usp .crd--theme__header h4 span {
        flex-basis: calc(100% - 28px); }
  .usp .crd--theme__edit--title.is--active {
    bottom: 0;
    transition: all 300ms ease-out; }
  .usp .crd--theme__edit--title {
    position: absolute;
    height: 100%;
    left: 0;
    right: 0;
    bottom: -120%;
    transition: all 300ms ease-out;
    z-index: 2000; }
    .usp .crd--theme__edit--title__btn--close {
      position: absolute;
      top: 0;
      right: 0px;
      background: none;
      z-index: 5;
      height: 24px;
      border: none;
      color: #444; }
      .usp .crd--theme__edit--title__btn--close i {
        font-size: 16px;
        line-height: 24px; }
    .usp .crd--theme__edit--title__form {
      position: absolute;
      top: 0;
      background: #eee;
      left: 0;
      right: 0;
      bottom: 0;
      padding: 4px; }
      .usp .crd--theme__edit--title__form__label {
        text-transform: uppercase;
        font-weight: bold;
        font-size: 12px;
        letter-spacing: 1px;
        color: #707070;
        margin-bottom: 0px;
        position: absolute;
        bottom: 76px;
        left: 8px;
        right: 0px; }
      .usp .crd--theme__edit--title__form__input {
        border-radius: 1px;
        border: none;
        height: 32px;
        padding: 0px 2px 0px 4px;
        position: absolute;
        left: 4px;
        right: 4px;
        bottom: 40px;
        width: calc(100% - 8px);
        background: #fff; }
      .usp .crd--theme__edit--title__form__button {
        border: none;
        background: #000000;
        color: #fff;
        padding: 0px 8px;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        display: block;
        width: 100%;
        height: 34px; }
  .usp .crd--theme__colors.is--collapsed {
    flex-basis: calc(0%);
    transition: flex-basis 300ms ease-out; }
    .usp .crd--theme__colors.is--collapsed i {
      transform: scale(0) !important;
      transition: transform 200ms ease-out; }
  .usp .crd--theme__colors {
    flex-basis: calc(56%);
    display: flex;
    height: 100%;
    transition: flex-basis 300ms ease-out; }
    .usp .crd--theme__colors--single.is--orphan {
      background: #d3d3d3 !important;
      display: flex;
      justify-content: center;
      align-items: center; }
      .usp .crd--theme__colors--single.is--orphan i {
        color: rgba(0, 0, 0, 0.3);
        font-size: 24px;
        transform: scale(1);
        transition: transform 200ms ease-out; }
    .usp .crd--theme__colors--single {
      height: 100%;
      flex-basis: 25%;
      min-width: 25%;
      transform: scale(1);
      transition: transform 250ms ease-out; }
      .usp .crd--theme__colors--single:hover {
        transform: scale(1.05);
        transition: transform 250ms ease-out;
        z-index: 100; }
        .usp .crd--theme__colors--single:hover i {
          transform: scale(1.8);
          transition: transform 200ms ease-out; }
      .usp .crd--theme__colors--single:nth-of-type(1) {
        background: #000000; }
      .usp .crd--theme__colors--single:nth-of-type(3) {
        background: #E25AED; }
      .usp .crd--theme__colors--single:nth-of-type(5) {
        background: #89BEF7; }
      .usp .crd--theme__colors--single:nth-of-type(7) {
        background: #FFD454; }
    .usp .crd--theme__colors--single.is--open {
      transform: scale(8);
      z-index: 122;
      transition: transform 400ms ease-out;
      transform-origin: center center; }
      .usp .crd--theme__colors--single.is--open:hover {
        transform: scale(8); }
      .usp .crd--theme__colors--single.is--open i {
        transform: translatey(-100px); }
    .usp .crd--theme__colors__edit--single.is--active {
      pointer-events: initial;
      transform: scale(1);
      opacity: 1;
      transition: transform 300ms ease-out, opacity 300ms ease-out; }
    .usp .crd--theme__colors__edit--single {
      position: absolute;
      background: rgba(0, 0, 0, 0);
      width: 100%;
      left: 0;
      top: 0;
      bottom: 0;
      z-index: 1000;
      pointer-events: none;
      transform: scale(0);
      opacity: 0;
      transition: transform  100ms ease-out, opacity 100ms ease-out; }
      .usp .crd--theme__colors__edit--single__btn--close {
        position: absolute;
        top: 16px;
        right: 16px;
        background: none;
        z-index: 5;
        height: 24px;
        border: none;
        color: #fff; }
        .usp .crd--theme__colors__edit--single__btn--close i {
          font-size: 32px; }
      .usp .crd--theme__colors__edit--single__value-container {
        display: flex;
        flex-direction: column;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 24px;
        align-items: center;
        justify-content: center; }
      .usp .crd--theme__colors__edit--single__value {
        color: #fff;
        font-weight: bold;
        font-size: 32px;
        margin-bottom: 16px; }
      .usp .crd--theme__colors__edit--single__label {
        color: #fff;
        display: flex;
        background: none;
        border: none;
        align-items: center;
        font-size: 24px;
        font-weight: bold; }
        .usp .crd--theme__colors__edit--single__label i {
          color: #fff;
          line-height: 32px;
          height: 32px;
          vertical-align: middle;
          font-size: 18px;
          font-weight: bold;
          transform: translatex(8px); }
      .usp .crd--theme__colors__edit--single__category {
        position: absolute;
        bottom: 0;
        background: rgba(0, 0, 0, 0.2);
        margin: 0;
        left: 0;
        right: 0;
        text-align: center;
        padding: 0;
        height: 44px;
        line-height: 44px;
        color: #fff;
        font-size: 18px;
        font-weight: bold; }
  .usp .crd--theme__colors--horizontal {
    position: absolute;
    right: 0px;
    left: 0px;
    bottom: -150%;
    flex-direction: column;
    transition: bottom 300ms ease-out; }
    .usp .crd--theme__colors--horizontal--single.is--orphan {
      background: #d3d3d3 !important;
      color: #666;
      font-weight: bold;
      padding-left: 4px;
      border-left: 2px solid #999; }
      .usp .crd--theme__colors--horizontal--single.is--orphan i.error_outline {
        line-height: 28px;
        font-size: 16px;
        font-weight: bold;
        margin-right: 4px; }
    .usp .crd--theme__colors--horizontal--single {
      height: 44px;
      margin-bottom: 0px;
      width: 100%;
      line-height: 28px;
      padding: 0px 8px;
      font-size: 16px;
      font-weight: bold;
      color: #fff;
      position: relative;
      border: none;
      display: flex;
      align-items: center;
      justify-content: space-between;
      /* opacity:0; */ }
      .usp .crd--theme__colors--horizontal--single button {
        background: none;
        border: none;
        color: #fff;
        height: 24px;
        position: absolute;
        right: 0;
        top: 0;
        line-height: 24px; }
        .usp .crd--theme__colors--horizontal--single button i {
          font-size: 18px;
          line-height: 24px; }
      .usp .crd--theme__colors--horizontal--single:nth-of-type(1) {
        background: #000000;
        margin-top: 4px;
        transition: opacity 150ms ease-out; }
      .usp .crd--theme__colors--horizontal--single:nth-of-type(2) {
        background: #E25AED;
        transition: opacity 200ms ease-out; }
      .usp .crd--theme__colors--horizontal--single:nth-of-type(3) {
        background: #89BEF7;
        transition: opacity 250ms ease-out; }
      .usp .crd--theme__colors--horizontal--single:nth-of-type(4) {
        background: #FFD454;
        transition: opacity 300ms ease-out; }
      .usp .crd--theme__colors--horizontal--single:last-of-type {
        margin-bottom: 0; }

.usp .sidebar--inspector.is--visible {
  right: 0;
  transition: right 400ms ease-out; }

.usp .sidebar--inspector {
  position: fixed;
  height: 100%;
  background: #FFFFFF;
  top: 0;
  right: -700px;
  z-index: 1;
  transition: right 400ms ease-out; }
  @media screen and (max-width: 699px) {
    .usp .sidebar--inspector {
      width: 100%; } }
  .usp .sidebar--inspector__header.is--visible {
    right: 0;
    transition: right 400ms ease-out; }
  .usp .sidebar--inspector__header {
    height: 44px;
    width: 320px;
    background: #c4c4c4;
    position: fixed;
    right: -700px;
    transition: right 400ms ease-out; }
    @media screen and (max-width: 699px) {
      .usp .sidebar--inspector__header {
        width: 100%; } }
    .usp .sidebar--inspector__header__btn--text {
      width: auto;
      border: none;
      background: #505050;
      color: #fff;
      padding: 0 16px;
      font-weight: bold; }
    .usp .sidebar--inspector__header__btn--square {
      width: 44px;
      height: 44px;
      border: none;
      background: rgba(0, 0, 0, 0.2);
      color: #fff; }
      .usp .sidebar--inspector__header__btn--square i.material-icons {
        font-size: 22px;
        line-height: 44px; }
    .usp .sidebar--inspector__header__btn--square.transparent {
      background: none !important;
      color: #FFFFFF; }
    .usp .sidebar--inspector__header__content.is--white {
      background: #fff;
      transition: background 250ms ease-out; }
    .usp .sidebar--inspector__header__content {
      position: absolute;
      right: 0;
      width: 320px;
      bottom: 0;
      top: 0;
      transition: background 250ms ease-out; }
      @media screen and (max-width: 699px) {
        .usp .sidebar--inspector__header__content {
          width: 100%; } }
  .usp .sidebar--inspector__header-primary.is--alt {
    background: #ffffff;
    transition: all 200ms ease-out; }
  .usp .sidebar--inspector__header-primary.is--visible {
    transform: translatey(0px);
    transition: all 200ms ease-out; }
  .usp .sidebar--inspector__header-primary {
    transform: translatey(-100px);
    transition: all 200ms ease-out;
    background: #cc0000; }
  .usp .sidebar--inspector__header-secondary.is--visible {
    transform: translatey(0px);
    transition: transform 200ms ease-out; }
  .usp .sidebar--inspector__header-secondary {
    transform: translatey(-100px);
    transition: transform 200ms ease-out; }
  .usp .sidebar--inspector__header-secondary--with-controls.is--visible {
    transform: translatey(0px);
    transition: transform 200ms ease-out; }
  .usp .sidebar--inspector__header-secondary--with-controls {
    transform: translatey(-100px);
    transition: transform 200ms ease-out; }
  .usp .sidebar--inspector__title {
    font-size: 18px;
    color: #FFFFFF;
    font-weight: bold;
    line-height: 44px;
    margin: 0;
    padding: 0;
    padding-left: 16px; }
  .usp .sidebar--inspector__title-input {
    background: none;
    outline: none;
    border: none;
    font-size: 18px;
    color: #FFFFFF;
    font-weight: bold;
    line-height: 44px;
    margin: 0;
    padding: 0;
    padding-left: 8px; }
    .usp .sidebar--inspector__title-input__container.is--wide {
      flex-basis: calc(100%);
      max-width: calc(100%);
      min-width: calc(100%); }
      .usp .sidebar--inspector__title-input__container.is--wide .sidebar--inspector__title-input {
        width: 100%; }
    .usp .sidebar--inspector__title-input__container {
      flex-basis: calc(100% - 88px);
      max-width: calc(100% - 88px);
      min-width: calc(100% - 88px); }
    .usp .sidebar--inspector__title-input__save.is--visible {
      min-width: 44px;
      background: #cc0000;
      color: #fff;
      transform: translatey(0px);
      transition: transform 200ms ease-out; }
    .usp .sidebar--inspector__title-input__cancel.is--visible {
      min-width: 44px;
      background: none;
      color: #666;
      transform: translatey(0px);
      transition: transform 200ms ease-out; }
    .usp .sidebar--inspector__title-input__save {
      min-width: 44px;
      background: #fff;
      color: #fff;
      transform: translatey(-100px);
      transition: transform 200ms ease-out; }
    .usp .sidebar--inspector__title-input__cancel {
      min-width: 44px;
      background: none;
      color: #666;
      transform: translatey(-100px);
      transition: transform 200ms ease-out; }
  .usp .sidebar--inspector__hero.is--visible {
    height: 100%;
    transition: height 1s ease; }
    .usp .sidebar--inspector__hero.is--visible .tag-label--action__list {
      max-height: 99999px;
      overflow: initial; }
      .usp .sidebar--inspector__hero.is--visible .tag-label--action__list::after {
        display: none; }
    .usp .sidebar--inspector__hero.is--visible .tag-label--action__list__btn--toggle {
      bottom: -28px;
      transition: bottom 400ms ease; }
  .usp .sidebar--inspector__hero {
    margin-top: 32px;
    background: #cc0000;
    padding: 16px 8px 0px 8px;
    min-height: 160px;
    height: 0%;
    transition: height 1s ease; }
    .usp .sidebar--inspector__hero label.label {
      margin-top: 0 !important; }
    .usp .sidebar--inspector__hero .theme-colors {
      display: flex;
      width: 100%;
      padding: 0;
      margin: 0;
      list-style-type: none; }
      .usp .sidebar--inspector__hero .theme-colors .themeable__item {
        flex-basis: 25%;
        margin: 0 4px; }
      .usp .sidebar--inspector__hero .theme-colors .themeable__item__swatch {
        width: 100% !important;
        flex-basis: 100%;
        margin-right: 0; }
    .usp .sidebar--inspector__hero__search.is--visible {
      transform: translateX(0px);
      opacity: 1;
      transition: all 300ms ease-out; }
    .usp .sidebar--inspector__hero__search {
      transform: translateX(125%);
      opacity: 0;
      transition: all 300ms ease-out; }
    .usp .sidebar--inspector__hero__theme.is--visible {
      transform: translate(0%);
      opacity: 1;
      transition: all 300ms ease-out; }
    .usp .sidebar--inspector__hero__theme {
      transform: translate(125%);
      opacity: 0;
      transition: all 300ms ease-out; }
    .usp .sidebar--inspector__hero__input-box {
      width: 100%;
      height: 34px;
      padding: 0px 8px;
      border: none;
      border-radius: 2px; }
  .usp .sidebar--inspector__tabs {
    height: 44px;
    width: 100%;
    display: flex;
    position: relative; }
    .usp .sidebar--inspector__tabs button.active {
      background: #cc0000;
      color: #FFFFFF;
      font-size: 14px;
      border-bottom: 4px solid #ffffff;
      transition: border-bottom 300ms ease; }
    .usp .sidebar--inspector__tabs button {
      width: 50%;
      height: 44px;
      padding: 0px;
      border: none;
      background: #c9c9c9;
      font-weight: bold;
      color: #999;
      border-bottom: 0px solid #ffffff;
      transition: border-bottom 300ms ease; }
  .usp .sidebar--inspector__body {
    position: relative; }
    .usp .sidebar--inspector__body__content.is--visible {
      transition: all 200ms ease-out;
      transform: translatex(0%); }
    .usp .sidebar--inspector__body__content {
      transition: all 200ms ease-out;
      position: absolute;
      transform: translatex(125%);
      width: 100%; }

.usp .themeable__group:nth-of-type(odd) {
  background: #e7e7e7; }

.usp .themeable__group:nth-of-type(even) {
  background: #f9f9f9; }

.usp .themeable__group.is--expanded {
  max-height: 8888px; }
  .usp .themeable__group.is--expanded .themeable__list {
    transform: scale(1);
    opacity: 1;
    pointer-events: initial;
    transition: transform 250ms ease-out, opacity 250ms ease-in; }

.usp .themeable__group {
  max-height: 44px;
  overflow: hidden; }
  .usp .themeable__group .themeable__list {
    transform: scale(3);
    opacity: 0;
    pointer-events: none;
    transition: transform 250ms ease-out; }
  .usp .themeable__group__meta {
    height: 44px;
    justify-content: space-between;
    align-items: center;
    background: rgba(0, 0, 0, 0.1); }
    .usp .themeable__group__meta__btn {
      border: none;
      background: none;
      color: #555;
      font-size: 13px;
      font-weight: bold;
      display: inline-flex; }
      .usp .themeable__group__meta__btn--expand {
        border: none;
        background: none;
        color: #555;
        font-size: 13px;
        font-weight: bold;
        display: inline-flex;
        align-items: center;
        justify-content: space-between;
        overflow: hidden;
        flex-grow: 1; }
        .usp .themeable__group__meta__btn--expand__label {
          white-space: nowrap;
          text-align: left;
          overflow: hidden;
          text-overflow: ellipsis;
          flex-grow: 1; }

.usp .themeable__list {
  padding: 4px 3px 4px 4px; }
  .usp .themeable__list ul {
    margin: 0;
    padding: 0;
    list-style-type: none; }

.usp .themeable__item {
  background: #fff;
  border-radius: 2px;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
  margin-bottom: 8px; }
  .usp .themeable__item__meta {
    display: flex;
    flex-direction: column;
    padding: 0px 8px;
    justify-content: center; }
  .usp .themeable__item__undo.is--visible {
    right: 8px; }
  .usp .themeable__item__undo {
    position: absolute;
    right: -44px; }
  .usp .themeable__item__name {
    font-size: 13px; }
  .usp .themeable__item__color-name {
    font-weight: bold;
    font-size: 12px; }

.tag-label--action__list {
  max-height: 70px;
  min-height: 70px;
  overflow: hidden;
  position: relative; }

.tag-label--action__list::after {
  content: '';
  display: block;
  width: 100%;
  height: 38px;
  background: linear-gradient(to bottom, rgba(216, 216, 216, 0) 0%, #cc0000 88%);
  position: absolute;
  bottom: 0;
  left: -8px;
  right: -8px; }

.tag-label--action__list__btn--toggle {
  position: absolute;
  left: 0;
  bottom: -10px;
  transition: bottom 400ms ease;
  height: 18px !important;
  line-height: 18px;
  padding: 0 2px; }

.external-operator {
  display: flex;
  padding: 24px;
  background: #aaa; }

.config-view {
  height: 100px;
  border: 1px solid #eee; }
  .config-view__toggle {
    bottom: calc(50% - 16px);
    left: 0;
    position: absolute;
    width: 100%; }
  .config-view .right {
    float: right;
    background: #eee;
    height: 100%;
    width: 100px; }
    .config-view .right .toggle--single {
      display: block;
      cursor: pointer;
      position: relative;
      top: 2px;
      left: 18px; }
  .config-view .left {
    float: left;
    background: #FFFFFF;
    height: 100%;
    width: calc(100% - 100px);
    padding: 8px;
    position: relative; }
    .config-view .left .label__select {
      font-size: 14px;
      position: absolute;
      bottom: 8px;
      right: 8px;
      left: 8px; }

.config--toggle--col.column {
  flex-direction: column; }
  .config--toggle--col.column .input__group {
    margin-bottom: 0px; }

.config--toggle--col {
  display: flex;
  position: relative;
  border: 1px solid #eee; }
  @media screen and (max-width: 480px) {
    .config--toggle--col {
      flex-direction: column; } }
  .config--toggle--col__title {
    position: absolute;
    top: -24px; }
  .config--toggle--col label {
    font-size: 14px; }
  .config--toggle--col--3 .left {
    flex-grow: 1;
    padding: 8px; }
    @media screen and (max-width: 480px) {
      .config--toggle--col--3 .left {
        order: 2; } }
    .config--toggle--col--3 .left .input--box {
      font-size: 14px;
      color: #7c7c7c;
      padding: 5px; }
  .config--toggle--col--3 .middle {
    flex-grow: 1;
    padding: 8px; }
    @media screen and (max-width: 480px) {
      .config--toggle--col--3 .middle {
        order: 3; } }
    .config--toggle--col--3 .middle .label__select {
      position: relative;
      top: -2px; }
    .config--toggle--col--3 .middle .select {
      top: -2px; }
    .config--toggle--col--3 .middle .select select {
      padding: 5px 12px;
      border-radius: 2px;
      background: #FFFFFF;
      border: 1px solid #999; }
  .config--toggle--col--3 .right {
    flex-grow: 1;
    padding: 8px; }
    @media screen and (max-width: 480px) {
      .config--toggle--col--3 .right {
        order: 1; } }
    .config--toggle--col--3 .right .input__group {
      left: calc(50% - 30px);
      top: 22px; }
      @media screen and (max-width: 480px) {
        .config--toggle--col--3 .right .input__group {
          left: 0px;
          top: 0px; } }
    .config--toggle--col--3 .right .toggle--single [type="checkbox"] + .toggle--single__container {
      display: inline-block;
      width: 60px;
      border-radius: 2px;
      height: 28px;
      position: relative; }
    .config--toggle--col--3 .right .toggle--single [type="checkbox"]:focus + .toggle--single__container:before {
      content: "";
      position: absolute;
      display: block;
      left: -2px;
      right: -2px;
      top: -2px;
      bottom: -2px;
      border-radius: 2px;
      z-index: -1; }
    .config--toggle--col--3 .right .toggle--single [type="checkbox"] + .toggle--single__container:after {
      content: "";
      display: inline-block;
      width: 26px;
      border-radius: 2px;
      height: 24px;
      position: absolute;
      top: 2px;
      left: 2px;
      transition: all 300ms ease-out; }
    .config--toggle--col--3 .right .toggle--single [type="checkbox"]:checked + .toggle--single__container:after {
      content: "";
      left: 32px;
      transition: all 300ms ease-out; }
    .config--toggle--col--3 .right .toggle--single [type="checkbox"] ~ i.on {
      opacity: 0;
      font-size: 12px;
      position: relative;
      left: -24px;
      top: -7px;
      transition: all 300ms ease-out; }
    .config--toggle--col--3 .right .toggle--single [type="checkbox"]:checked ~ i.on {
      opacity: 1;
      color: #FFFFFF;
      transition: all 200ms ease-in; }
    .config--toggle--col--3 .right .toggle--single [type="checkbox"] ~ i.off {
      opacity: 1;
      color: #FFFFFF;
      font-size: 12px;
      position: relative;
      left: -71px;
      top: -7px;
      transition: all 200ms ease-in; }
    .config--toggle--col--3 .right .toggle--single [type="checkbox"]:checked ~ i.off {
      opacity: 0;
      color: #F1F1F1;
      font-size: 12px;
      position: relative;
      left: -72px;
      top: -3px;
      transition: all 300ms ease-out; }

.sidebar--fixed {
  position: fixed;
  top: 60px;
  bottom: 0px;
  width: 60px;
  background: linear-gradient(to top, #888, #666);
  z-index: 60; }
  .sidebar--fixed--left {
    left: 0px;
    transform: translateX(0px);
    box-shadow: 2px 0px 2px 0px rgba(0, 0, 0, 0.2);
    transition: transform 250ms ease-in-out;
    transform: translateY(0%); }
    @media only screen and (max-width: 768px) {
      .sidebar--fixed--left {
        transform: translateX(-60px);
        transform: translateY(100%);
        width: 100%;
        top: 0;
        transition: transform 250ms ease-in-out; } }
.sidebar--action.is--visible.right {
  right: 0; }

.sidebar--action.is--visible.left {
  left: 0; }

.sidebar--action.right {
  right: -100%;
  box-shadow: -2px 0px 2px 1px rgba(0, 0, 0, 0.25); }

.sidebar--action.left {
  left: -100%;
  box-shadow: 2px 0px 2px 1px rgba(0, 0, 0, 0.25); }

.sidebar--action {
  position: fixed;
  top: 0;
  bottom: 0;
  width: 320px;
  background: #FFFFFF;
  z-index: 99999;
  z-index: 999999999;
  padding: 48px 16px 24px 16px; }
  @media screen and (min-width: 1200px) {
    .sidebar--action {
      width: 400px;
      width: 408px;
      max-width: 408px; } }
  .sidebar--action .navigation--side__menu__btn--close {
    z-index: 1; }
  .sidebar--action__heading {
    position: absolute;
    color: #FFFFFF;
    z-index: 1;
    top: 8px;
    left: 8px; }
  .sidebar--action__top {
    height: 202px;
    background: #cc0000;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; }
  .sidebar--action__top.is--tall {
    height: 330px; }
    @media screen and (max-height: 650px) {
      .sidebar--action__top.is--tall {
        height: 275px; } }
  .sidebar--action__top.has--absolute--header {
    top: 40px; }
  .sidebar--action__categories {
    position: absolute;
    top: 44px;
    bottom: 68px;
    left: 0;
    width: 100%;
    padding: 0px 4px; }
  .sidebar--action__slider {
    position: absolute;
    bottom: 34px;
    display: flex;
    justify-content: center;
    width: 100%;
    left: 0;
    height: 24px; }
    .sidebar--action__slider button {
      height: 12px;
      width: 12px;
      background: #FFFFFF;
      border-radius: 50%;
      margin: 0 4px; }
    .sidebar--action__slider button.active {
      background: #ffffff; }
  .sidebar--action__tabs {
    position: absolute;
    bottom: 0;
    height: 34px;
    width: 100%;
    left: 0;
    display: flex; }
    .sidebar--action__tabs button {
      flex-basis: 33.3333%;
      background: #660000;
      color: #FFFFFF; }
    .sidebar--action__tabs button:first-of-type {
      border-right: 1px solid #cc0000; }
    .sidebar--action__tabs button:last-of-type {
      border-left: 1px solid #cc0000; }
  .sidebar--action__bottom {
    position: absolute;
    top: 202px;
    bottom: 0;
    width: 100%;
    left: 0;
    background: #FFFFFF;
    padding: 8px; }
    @media screen and (min-width: 1024px) {
      .sidebar--action__bottom .catalogue-search {
        top: initial;
        bottom: 0;
        background: #444; } }
  .sidebar--action__bottom.is--tall {
    top: 330px; }
    @media screen and (max-height: 650px) {
      .sidebar--action__bottom.is--tall {
        top: 275px;
        top: 275px; } }
  .sidebar--action__bottom.has--absolute--header {
    top: 242px; }
  .sidebar--action__bottom.has--absolute--header.is--tall {
    top: 370px; }
    @media screen and (max-height: 650px) {
      .sidebar--action__bottom.has--absolute--header.is--tall {
        top: 315px;
        top: 315px; } }
.categories__list {
  display: flex;
  flex-wrap: wrap; }

.category.filters--on {
  font-weight: bold;
  font-style: italic;
  border-left: 2px solid #FFFFFF; }

.category {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 1px;
  color: #FFFFFF;
  font-size: 12px;
  margin: 0px 4px 8px 4px;
  padding: 2px 4px; }
  .category__name {
    margin-right: 4px; }
  .category__count {
    margin-right: 4px; }
  .category__count.filters--on {
    margin-right: 4px; }
    .category__count.filters--on i.material-icons {
      font-size: 12px;
      font-weight: bold;
      position: relative;
      top: 2px;
      left: 1px;
      font-style: italic; }

.sidebar--action__bottom__section {
  display: none; }

.sidebar--action__bottom__section.is--visible {
  display: block; }

.sidebar--fixed--right--large.is--visible {
  top: 0;
  bottom: 0;
  right: 0;
  transform: translatex(0px);
  transition: transform 400ms ease-out; }

.sidebar--fixed--right--large {
  width: 320px;
  background: #FFFFFF;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  transform: translatex(320px);
  z-index: 999999999;
  box-shadow: -4px 0px 7px 2px rgba(0, 0, 0, 0.15);
  transition: transform 400ms ease-out; }
  .sidebar--fixed--right--large .navigation--side__menu__btn--close {
    z-index: 1;
    top: 2px; }

@media screen and (min-width: 1024px) {
  .js--main--filters.sidebar--fixed--right--large--is--visible, .js--header--filters.sidebar--fixed--right--large--is--visible, .js--footer--filters.sidebar--fixed--right--large--is--visible {
    margin-right: 320px;
    transition: margin-right 400ms ease-out; } }

@media screen and (min-width: 1024px) {
  .js--main--filters, .js--header--filters, .js--footer--filters {
    margin-right: 0px;
    transition: margin-right 400ms ease-out; } }

.sidebar--non-blocking.sticky {
  top: 60px;
  transition: top 250ms ease-out; }

.sidebar--non-blocking {
  width: 360px;
  min-width: 360px;
  max-width: 360px;
  top: 120px;
  transform: translatex(488px);
  transition: transform 300ms ease-out; }

.sidebar--non-blocking.is--visible {
  transition: transform 300ms ease-out; }

@media screen and (min-width: 1024px) {
  .sidebar--non-blocking {
    transform: translatex(0px); } }

.doc-nav.sticky {
  top: 60px;
  transition: top 250ms ease-out; }

.doc-nav {
  position: fixed;
  z-index: 1;
  background: #c8c8c8;
  bottom: 0px;
  box-shadow: 2px 0px 10px 1px rgba(0, 0, 0, 0.1);
  padding: 8px;
  left: 0;
  overflow: hidden;
  width: 216px; }

.beside--doc-nav.is--wide {
  width: calc(100%) !important; }

.beside--doc-nav {
  width: calc(100%);
  margin-left: 0px; }

@media screen and (min-width: 1024px) {
  .beside--doc-nav {
    width: calc(100% - 360px); } }

@media screen and (min-width: 1200px) {
  .beside--doc-nav {
    width: calc(100% - 360px); } }

@media screen and (min-width: 1440px) {
  .beside--doc-nav {
    width: calc(100% - 360px - 216px);
    margin-left: 216px; } }

.doc-nav .doc-nav__heading {
  background: #fff;
  text-transform: uppercase;
  transform: translate(-8px, -8px);
  padding: 16px 8px;
  width: calc(100% + 16px);
  border-left: 8px solid #1863E8; }

@media screen and (min-width: 1024px) {
  .doc-nav {
    right: 360px; } }

@media screen and (max-width: 1023px) {
  .doc-nav {
    right: 0px; } }

@media screen and (max-width: 1439px) {
  .doc-nav.is--visible {
    transform: translateY(0px);
    transition: transform 300ms ease-out; }
  .doc-nav {
    display: flex;
    bottom: 80px;
    top: initial !important;
    left: 0;
    width: initial;
    height: 160px;
    padding: 8px 4px;
    transform: translateY(188px);
    transition: transform 300ms ease-out; }
  .doc-nav .doc-nav__heading {
    display: none; }
  .card--section {
    margin: 0;
    margin: 0 4px;
    min-width: 144px;
    margin-bottom: 0 !important; } }

@media screen and (min-width: 1200px) {
  .doc-nav {
    left: 240px; } }

@media screen and (min-width: 1440px) {
  .doc-nav {
    top: 120px;
    left: 320px; } }

.card--section {
  background: #fff;
  border-radius: 2px;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
  padding: 16px;
  margin-bottom: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center; }

.doc-controls {
  z-index: 888;
  position: fixed;
  left: 320px;
  right: 360px;
  bottom: 0;
  height: 80px;
  justify-content: space-between;
  line-height: 80px;
  background: #fff;
  box-shadow: 0px -2px 6px 1px rgba(0, 0, 0, 0.1);
  left: 0;
  right: 0;
  transition: all 200ms ease-out; }

.doc-controls.is--wide {
  right: 0px !important; }

.doc-controls__btn {
  width: 80px; }

.doc-controls__btn i {
  transform: rotate(0deg);
  transition: transform 200ms ease-out; }

.doc-controls__btn.is--active i {
  transform: rotate(180deg);
  transition: transform 200ms ease-out; }

@media screen and (min-width: 1024px) {
  .doc-controls {
    right: 360px;
    transition: all 200ms ease-out; } }

@media screen and (min-width: 1200px) {
  .doc-controls {
    left: 240px;
    transition: all 200ms ease-out; } }

@media screen and (min-width: 1440px) {
  .doc-controls {
    display: none; } }

/* Make nested panels not too wide */
.panel.beside--doc-nav .panel {
  max-width: 888px; }

/* Temporary z-index for prototyping - remove after finished */
.settings-menu {
  z-index: 888888; }

.universal-search {
  z-index: 888890; }

.header--admin.has--tabs {
  z-index: 666600; }

@media screen and (max-width: 1439px) {
  .wtr__metadata-btn {
    display: none; } }

.wtr--regular-layout .beside--doc-nav {
  margin-left: 0 !important;
  width: calc(100%); }

@media screen and (min-width: 1024px) {
  .wtr--regular-layout .beside--doc-nav {
    width: calc(100% - 360px); } }

.form-modal-sidebar.is--open {
  pointer-events: auto;
  transform: translatex(0px);
  opacity: 1;
  transition: all 300ms ease; }

.form-modal-sidebar {
  position: fixed;
  top: 0;
  left: 0;
  background: #ECF0F1;
  bottom: 0;
  right: 0px;
  z-index: 999999999999;
  padding: 24px 16px;
  min-height: 66vh;
  pointer-events: none;
  transform: translatex(96px);
  opacity: 0;
  transition: all 300ms ease;
  /* for when we don't need the filter's sidebar in occ */ }
  @media screen and (min-width: 769px) {
    .form-modal-sidebar {
      right: 320px;
      z-index: 9999999;
      padding: 24px 24px; } }
  @media screen and (min-width: 1200px) {
    .form-modal-sidebar {
      right: 408px;
      padding: 96px 10%; } }
  .form-modal-sidebar form {
    height: 100%; }
  .form-modal-sidebar .resume__container {
    padding-top: 96px; }
  .form-modal-sidebar .is--alone .pagination {
    position: absolute; }
  .form-modal-sidebar .doc-viewer .sidebar--action {
    display: none; }

.translucent--overlay::before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  width: calc(100% - 408px);
  background: rgba(0, 0, 0, 0.88); }

.status__container {
  width: 8px;
  height: 8px;
  opacity: 0.66; }

.status {
  width: 4px;
  height: 4px;
  border-radius: 100% 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }
  .status__container {
    width: 8px;
    height: 8px; }
  .status__container.default .status {
    background: #cc0000; }
  .status__container.default .pulse:before {
    background: #ff3333; }
  .status__container.default .pulse:after {
    background: #ff3333; }
  .status__container.info .status {
    background: #D8D8D8; }
  .status__container.info .pulse:before {
    background: #f2f2f2; }
  .status__container.info .pulse:after {
    background: #f2f2f2; }
  .status__container.success .status {
    background: #cc0000; }
  .status__container.success .pulse:before {
    background: #ff3333; }
  .status__container.success .pulse:after {
    background: #ff3333; }
  .status__container.warning .status {
    background: #FF9000; }
  .status__container.warning .pulse:before {
    background: #ffbc66; }
  .status__container.warning .pulse:after {
    background: #ffbc66; }
  .status__container.error .status {
    background: #ED4747; }
  .status__container.error .pulse:before {
    background: #f6a4a4; }
  .status__container.error .pulse:after {
    background: #f6a4a4; }

.pulse {
  border-radius: 50px;
  line-height: 50px;
  text-align: center;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-transform: uppercase;
  letter-spacing: 0.05em; }
  .pulse:before, .pulse:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50px;
    opacity: 0; }
  .pulse:before {
    transform: scale(1);
    animation: pulse 6s infinite linear; }
  .pulse:after {
    animation: pulse 6s 4s infinite linear; }

@keyframes pulse {
  0% {
    transform: scale(0.6);
    opacity: 0; }
  33% {
    transform: scale(1);
    opacity: 1; }
  100% {
    transform: scale(1.4);
    opacity: 0; } }

.container--table {
  max-width: 100%;
  overflow-x: auto;
  position: relative; }

.btn--caption {
  position: absolute;
  z-index: 10;
  top: 12px;
  right: 12px; }

.table {
  border-collapse: collapse !important;
  border: 1px solid #999;
  background: #FFFFFF; }
  .table__caption {
    padding: 16px;
    background: #E1E1E1;
    text-align: left;
    font-weight: 600; }
  .table__heading {
    text-align: left;
    padding: 16px !important;
    white-space: nowrap;
    font-weight: bold !important;
    border-bottom: none !important; }
  .table__row--header {
    border-bottom: 1px solid #888; }
  .table__row--body {
    border-bottom: 1px solid #E1E1E1; }
  .table__row--footer {
    border-bottom: 1px solid #888; }
  .table__value {
    padding: 16px !important;
    white-space: nowrap; }
    .table__value--footer {
      font-weight: 600;
      padding: 16px !important;
      border: none !important; }

.table.minimal {
  border: none; }
  .table.minimal .table__row--body {
    border: none !important; }

.table.zebra .table__row--body:nth-child(odd) {
  background: #F1F1F1; }

.table.small {
  font-size: 12px; }
  .table.small .table__caption, .table.small .table__heading, .table.small .table__value, .table.small .table__value--footer {
    padding: 8px !important; }

.table.hover .table__row--body:hover {
  background: #E1E1E1; }

.table.invoice {
  border: none;
  overflow: hidden;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px; }
  .table.invoice .table__row--footer {
    border: none; }
  .table.invoice .table__header .table__row--header .table__heading {
    padding-top: 90px !important; }

.panel .table {
  border: none; }

.gridBox.container--table .table thead tr {
  border-bottom: 1px solid #e1e1e1; }
  .gridBox.container--table .table thead tr th {
    text-align: left;
    padding: 16px;
    white-space: nowrap; }

.gridBox.container--table .table tbody tr:nth-child(odd) {
  background: #F1F1F1; }

.gridBox.container--table .table tbody tr {
  border-bottom: 1px solid #e1e1e1; }
  .gridBox.container--table .table tbody tr td {
    padding: 16px;
    white-space: nowrap; }

.gridBox.container--table .table tfoot tr {
  border-bottom: 1px solid #e1e1e1; }
  .gridBox.container--table .table tfoot tr td {
    font-weight: 600;
    padding: 16px; }

.gridBox.container--table .table.hover tr:hover {
  background: #e1e1e1; }

.table__value.expanded {
  transform: scale(1);
  transition: all 200ms ease-in;
  background: #FFFFFF;
  box-shadow: 0px 2px 4px 2px transparent;
  position: relative; }

.table__value.expanded span {
  transition: color 200ms ease-out; }

.table__value.expanded .bar-grow {
  position: absolute;
  height: 20%;
  background: #FFFFFF;
  left: 0;
  width: 0%;
  transition: all 200ms ease-out;
  overflow: hidden;
  font-size: 6px;
  line-height: 2;
  color: #FFFFFF;
  padding-left: 4px; }

.tablel__value.expanded .bar-grow.bar1 {
  top: 0%; }

.table__value.expanded .bar-grow.bar2 {
  top: 20%; }

.table__value.expanded .bar-grow.bar3 {
  top: 40%; }

.table__value.expanded .bar-grow.bar4 {
  top: 60%; }

.table__value.expanded .bar-grow.bar5 {
  top: 80%; }

.table__value.expanded:hover {
  transform: scale(6);
  transition: all 400ms ease-in;
  background: #f9f9f9;
  box-shadow: 0px 2px 4px 2px rgba(0, 0, 0, 0.2); }

.table__value.expanded:hover span {
  color: #f9f9f9;
  transition: color 200ms ease-out; }

.table__value.expanded:hover .bar-grow {
  transition: all 700ms ease-out;
  height: 20%; }

.table__value.expanded:hover .bar-grow.bar1 {
  width: 88%;
  background: red; }

.table__value.expanded:hover .bar-grow.bar2 {
  width: 71%;
  background: blue; }

.table__value.expanded:hover .bar-grow.bar3 {
  width: 62%;
  background: yellow; }

.table__value.expanded:hover .bar-grow.bar4 {
  width: 50%;
  background: green; }

.table__value.expanded:hover .bar-grow.bar5 {
  width: 33%;
  background: purple; }

.table__value.holding-graph {
  position: relative; }

.table__value.holding-graph .stats.is--active {
  transform: scale(1);
  transition: all 400ms ease-out;
  box-shadow: 0px 2px 4px 4px rgba(0, 0, 0, 0.3);
  border-color: #444; }

.table__value.holding-graph .stats.is--active .bar-grow {
  transition: all 700ms ease-out;
  height: 20%; }

.table__value.holding-graph .stats.is--active .bar-grow.bar1 {
  width: 88%;
  background: #199EC7; }

.table__value.holding-graph .stats.is--active .bar-grow.bar2 {
  width: 71%;
  background: #40BC86; }

.table__value.holding-graph .stats.is--active .bar-grow.bar3 {
  width: 62%;
  background: #EC555C; }

.table__value.holding-graph .stats.is--active .bar-grow.bar4 {
  width: 50%;
  background: #FCB410; }

.table__value.holding-graph .stats.is--active .bar-grow.bar5 {
  width: 33%;
  background: #8F72CB; }

.table__value.holding-graph .stats {
  position: absolute;
  background: #FFFFFF;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  transform: scale(0);
  transition: all 400ms ease-out;
  box-shadow: 0px 2px 4px 2px transparent;
  transition: all 200ms ease-out;
  border: 2px solid #FFFFFF;
  box-sizing: border-box; }

.table__value.holding-graph .bar-grow {
  position: absolute;
  height: 20%;
  background: #FFFFFF;
  left: 0;
  width: 0%;
  transition: all 200ms ease-out;
  overflow: hidden;
  font-size: 6px;
  line-height: 2;
  color: #FFFFFF;
  padding-left: 4px;
  border-bottom-right-radius: 1px;
  border-top-right-radius: 1px;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1); }

.table__value.holding-graph .bar-grow.bar1 {
  top: 0%;
  z-index: 50; }

.table__value.holding-graph .bar-grow.bar2 {
  top: calc(20% - 1px);
  z-index: 40; }

.table__value.holding-graph .bar-grow.bar3 {
  top: calc(40% - 2px);
  z-index: 30; }

.table__value.holding-graph .bar-grow.bar4 {
  top: calc(60% - 3px);
  z-index: 20; }

.table__value.holding-graph .bar-grow.bar5 {
  top: calc(80% - 4px);
  z-index: 10; }

.table__value.holding-graph:hover {
  color: #f1f1f1;
  transition: all 200ms ease-out; }

.table__value.holding-graph:hover .stats {
  transform: scale(1);
  transition: all 400ms ease-out;
  box-shadow: 0px 2px 4px 2px rgba(0, 0, 0, 0.2);
  background: #FFFFFF; }

.table__value.holding-graph:hover .bar-grow {
  transition: all 700ms ease-out;
  height: 20%; }

.table__value.holding-graph:hover .bar-grow.bar1 {
  background: #199EC7; }

.table__value.holding-graph:hover .bar-grow.bar2 {
  background: #40BC86; }

.table__value.holding-graph:hover .bar-grow.bar3 {
  background: #EC555C; }

.table__value.holding-graph:hover .bar-grow.bar4 {
  background: #FCB410; }

.table__value.holding-graph:hover .bar-grow.bar5 {
  background: #8F72CB; }

.stats__legend.is--visible {
  transform: translatey(0);
  transition: transform 400ms ease-out; }

.stats__legend {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 280px;
  background: #FFFFFF #FFFFFF;
  box-shadow: 0px -3px 3px 3px rgba(0, 0, 0, 0.3);
  z-index: 9999999999999;
  padding: 16px;
  transform: translatey(288px);
  transition: transform 400ms ease-out;
  box-sizing: border-box; }

.stats__legend .symbol {
  border-radius: 1px;
  display: inline-block;
  height: 24px;
  width: 24px;
  margin-right: 8px; }

.stats__legend .symbol.one {
  background: #199EC7; }

.stats__legend .symbol.two {
  background: #40BC86; }

.stats__legend .symbol.three {
  background: #EC555C; }

.stats__legend .symbol.four {
  background: #FCB410; }

.stats__legend .symbol.five {
  background: #8F72CB; }

.btn--close--legend {
  position: absolute;
  right: 24px; }

.removeLegendItem {
  transform: translateX(50px);
  opacity: 0;
  transition: all 1ms ease; }

.addLegendItem {
  transform: translateX(0) !important;
  opacity: 1 !important;
  transition: all 250ms ease; }

.legendInitial {
  transform: translateX(-50px);
  opacity: 0;
  transition: all 250ms ease; }

.overflow--hidden {
  overflow: hidden; }

.table.is--list {
  border: none;
  border-collapse: separate !important;
  background: none;
  border-spacing: 0 16px; }
  .table.is--list .table__heading {
    color: rgba(0, 0, 0, 0.5);
    color: #330000;
    text-transform: uppercase;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    font-size: 12px; }
  .table.is--list .table__row--header {
    border: none; }
  .table.is--list .table__row--body {
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2); }
  .table.is--list .table__row--body .table__value {
    background: #fff; }
  .table.is--list .table__row--body .table__value:first-of-type {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px; }
  .table.is--list .table__row--body .table__value:last-of-type {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px; }
  .table.is--list .table__value--footer {
    border-bottom: 4px solid #e1e1e1 !important;
    color: rgba(0, 0, 0, 0.5);
    text-transform: uppercase;
    font-size: 12px;
    padding-top: 8px !important; }
  .table.is--list.zebra .table__row--body:nth-of-type(odd) .table__value {
    background: #e7e7e8; }

.table__row--body.has--error .table__value {
  border-top: 2px solid #ED4747;
  border-bottom: 2px solid #ED4747; }
  .table__row--body.has--error .table__value:first-child {
    border-left: 16px solid #ED4747; }
  .table__row--body.has--error .table__value:last-child {
    border-right: 2px solid #ED4747; }

.cell-width--plain-text {
  width: 160px !important; }

.cell-width--checkbox {
  width: 74px !important; }

.cell-width--name {
  width: 160px !important; }

.table--config {
  max-width: calc(100vw - 60px);
  max-height: calc(100vh - 60px - 60px);
  overflow: auto;
  position: relative; }

.table--config table {
  position: relative;
  border-collapse: collapse; }

.table--config thead th {
  position: -webkit-sticky;
  /* for Safari */
  position: sticky;
  top: 0; }

.table--config thead th:first-child {
  left: 0;
  z-index: 1; }

.table--config tbody th {
  position: -webkit-sticky;
  /* for Safari */
  position: sticky;
  left: 0;
  background: #fff;
  box-shadow: 16px 12px 48px -8px rgba(0, 0, 0, 0.3); }

.table--config .table.small .table__caption {
  font-size: 16px;
  padding: 0 !important;
  padding-left: 8px !important;
  padding-right: 8px !important; }

.table.zebra .table__row--body:nth-of-type(odd) th {
  background: #f1f1f1; }

.table.zebra .table__row--body:nth-of-type(even) th {
  background: #fff; }

.table.table-resizable.resizing {
  cursor: col-resize;
  user-select: none; }

.table.table-resizable .table__heading {
  padding-right: 24px !important; }

.table.table-resizable thead th::before {
  cursor: col-resize;
  user-select: none;
  content: 'vertical_align_center';
  display: flex;
  align-items: center;
  justify-content: center;
  height: 12px;
  width: 40px;
  position: absolute;
  right: -8px;
  top: calc(50% - 6px);
  max-height: 12px;
  font-family: 'Material Icons';
  font-size: 12px;
  transform: rotate(90deg);
  cursor: col-resize; }

.table.table-resizable thead th:last-of-type::before {
  display: none; }

.table.table-resizable td {
  min-width: 0;
  width: 64px;
  max-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }
  .table.table-resizable td .input--box.table-cell--edit {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }

/* fix for grid scrollball */
.table--config.is--data-grid.ps .ps__rail-x {
  position: fixed !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 60px !important;
  z-index: 1 !important;
  opacity: 1 !important; }

.form-modal-sidebar .table--config.is--data-grid.ps .ps__rail-x {
  left: unset !important;
  right: unset !important;
  bottom: unset !important;
  top: unset !important; }

.dashboard-header ~ .cont-inception {
  background: rgba(0, 0, 0, 0.05); }
  .dashboard-header ~ .cont-inception .items {
    color: #D1D1D1; }
    .dashboard-header ~ .cont-inception .items.active {
      color: #FFFFFF;
      border-bottom-color: #cc0000; }

.cont-inception {
  position: relative;
  padding: 0 27px; }
  .cont-inception.dark {
    background-color: #cc0000; }
    .cont-inception.dark .items {
      color: #fff; }

.tab-list-cont {
  width: 100%;
  overflow: hidden;
  margin: 0;
  position: relative; }

.tab-list {
  overflow: auto;
  height: 100%;
  margin-bottom: -96px;
  padding-bottom: 88px;
  display: inline-block;
  padding-left: 24px;
  padding-right: 24px;
  white-space: nowrap;
  overflow-y: hidden; }

button.arrow-left,
button.arrow-right {
  display: none;
  position: absolute;
  background: none;
  top: 0;
  color: #777;
  z-index: 2;
  cursor: pointer;
  width: 44px;
  height: 44px;
  border-radius: 0;
  padding: 0; }
  button.arrow-left i,
  button.arrow-right i {
    position: relative;
    width: 44px;
    height: 44px;
    line-height: 44px; }
  button.arrow-left:hover,
  button.arrow-right:hover {
    background: #E1E1E1; }

button.arrow-left {
  left: 0; }

button.arrow-right {
  right: 0; }

.tab-list > .tab-item {
  display: inline-block;
  height: 44px;
  line-height: 44px; }

.items {
  display: block;
  text-decoration: none !important;
  height: 44px;
  text-align: center;
  padding: 0 16px;
  color: #505050;
  font-size: 14px;
  text-transform: uppercase; }
  .items.active {
    border-bottom: 2px solid #cc0000;
    color: #cc0000;
    font-weight: bold; }
  .items:hover {
    text-decoration: none;
    border-bottom: 2px solid #ffffff; }

.tab-list--secondary .items {
  background: transparent;
  text-transform: uppercase;
  color: #FFFFFF;
  border-bottom: 5px solid transparent;
  font-weight: bold; }
  .tab-list--secondary .items.active, .tab-list--secondary .items:hover, .tab-list--secondary .items:focus {
    color: #FFFFFF;
    border-bottom: 5px solid #1BB9AD;
    background: transparent;
    outline: none; }

.header--admin.has--tabs {
  left: 0;
  z-index: 300; }
  .header--admin.has--tabs .cont-inception {
    height: 100%;
    padding: 0 36px;
    margin-left: 0;
    width: 100%; }
    @media screen and (min-width: 769px) {
      .header--admin.has--tabs .cont-inception {
        width: calc(100% - 320px);
        margin-left: 320px; } }
  .header--admin.has--tabs .arrow-left,
  .header--admin.has--tabs .arrow-right {
    background: rgba(0, 0, 0, 0.3);
    color: #FFFFFF;
    width: 60px;
    height: 60px; }
  .header--admin.has--tabs .tab-list {
    margin-bottom: 0;
    padding-bottom: 0; }
  .header--admin.has--tabs .tab-item {
    height: 60px;
    line-height: 60px; }
  .header--admin.has--tabs .items {
    color: #505050 !important;
    display: block;
    height: 60px; }
    .header--admin.has--tabs .items.active {
      background: #ffffff;
      border-bottom: none;
      color: #FFFFFF !important; }

.tab-item.is--panel .items.active {
  background: #e4e4e4;
  border-bottom: none;
  color: #505050 !important;
  font-weight: bold; }

.tab-item.is--panel .items:hover {
  color: #505050 !important;
  border-bottom: 44px solid #e4e4e4;
  transition: border 200ms ease-out; }

.tab-item.is--panel .items:focus {
  color: #505050 !important;
  border-bottom: 44px solid #e4e4e4;
  transition: border 200ms ease-out; }

.tab__badge {
  background: #ED4747;
  color: #FFFFFF;
  font-size: 12px;
  border-radius: 2px; }

.is--below--mini-header.cont-inception {
  background: #0a0a0a; }
  .is--below--mini-header.cont-inception .items {
    color: #F1F1F1;
    border-bottom-color: #F1F1F1; }
    .is--below--mini-header.cont-inception .items.active {
      border-bottom-color: #000000; }

.tag-label.text--small {
  padding: 0 4px;
  font-size: 10px !important; }

button .tag-label {
  margin: 0; }

.tag-label {
  padding: 4px 8px;
  border-radius: 3px;
  font-size: 12px;
  font-weight: 700;
  position: relative;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  margin-bottom: 4px;
  margin-right: 2px;
  display: inline-block; }
  .tag-label.pill {
    border-radius: 50%;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0; }
    .tag-label.pill.text--small {
      height: 24px;
      width: 24px; }

.tag-label.info {
  border-color: #D8D8D8;
  background: #d8d8d8;
  color: rgba(0, 0, 0, 0.65);
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0); }
  .tag-label.info:after {
    background: #FFFFFF; }

.tag-label.dark--info {
  border-color: #D8D8D8;
  color: #222;
  background: #bbb; }
  .tag-label.dark--info:after {
    background: #FFFFFF; }

.tag-label.default {
  border-color: rgba(204, 0, 0, 0.88);
  background: red;
  color: #FFFFFF; }

.tag-label.success {
  border-color: #cc0000;
  background: red;
  color: #FFFFFF; }

.tag-label.warning {
  border-color: #FF9000;
  background: #ffa633;
  color: #FFFFFF; }

.tag-label.error {
  border-color: #ED4747;
  background: #f27575;
  color: #FFFFFF; }

@media screen and (max-width: 767px) {
  .list--tags.transparent-truncate.is--expanded {
    max-height: 9999px;
    overflow: initial; }
    .list--tags.transparent-truncate.is--expanded:after {
      display: none; }
    .list--tags.transparent-truncate.is--expanded .tags--view-all {
      position: relative;
      top: 16px; } }

.list--tags.transparent-truncate .tags--view-all {
  display: none; }

@media screen and (max-width: 767px) {
  .list--tags.transparent-truncate {
    position: relative;
    max-height: 150px;
    overflow: hidden; }
    .list--tags.transparent-truncate:after {
      content: '';
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      height: 100px;
      background: linear-gradient(to bottom, rgba(241, 241, 241, 0) 0%, #f1f1f1 66%); }
    .list--tags.transparent-truncate .tags--view-all {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: 100;
      display: block; } }

.tag-label--action {
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 600;
  height: 24px;
  line-height: 24px;
  background: rgba(0, 0, 0, 0.3);
  display: flex;
  margin-right: 8px;
  color: #FFFFFF; }

.tag-label--action__value {
  padding: 0 8px; }

.tag-label--action__btn {
  background: rgba(0, 0, 0, 0.1);
  color: #FFFFFF;
  height: auto !important;
  padding: 0 4px !important;
  border-radius: 0px !important; }

.tag-label--action__btn i {
  font-size: 12px; }

.tag--micro {
  font-size: 9px;
  padding: 2px 4px;
  display: block;
  background: #d1d1d1;
  border-radius: 9px;
  font-weight: bold; }

@media screen and (max-width: 768px) {
  .tag-label.has--count {
    justify-content: space-between;
    min-width: 100%; } }

.experience-timeline.is--visible {
  left: 0%;
  opacity: 1;
  transition: all 400ms ease-out; }
  .experience-timeline.is--visible .experience-timeline__list {
    bottom: 0%; }
  @media screen and (min-width: 1024px) {
    .experience-timeline.is--visible .experience-timeline__header {
      width: 400px;
      font-size: 24px;
      line-height: 88px;
      position: fixed;
      height: 100%;
      top: 0;
      left: 0;
      background: #FFFFFF;
      overflow: auto; } }
  .experience-timeline.is--visible .experience-timeline__label {
    bottom: 0%; }
  @media screen and (min-width: 1024px) {
    .experience-timeline.is--visible .experience-timeline__help {
      display: flex;
      position: fixed;
      top: 0;
      left: 400px;
      right: 0;
      bottom: 88px;
      background: none;
      align-items: center;
      justify-content: space-around;
      transform: translatex(0px); } }
  @media screen and (min-width: 1024px) {
    .experience-timeline.is--visible .experience-timeline__help-content {
      display: initial;
      transform: translatex(0px); } }
.experience-timeline {
  opacity: 0;
  transition: all 400ms ease-out;
  position: fixed;
  background: #FFFFFF;
  top: 0;
  width: 100%;
  bottom: 0;
  left: 100%;
  z-index: 99999;
  overflow: auto; }
  @media screen and (min-width: 1024px) {
    .experience-timeline {
      background: #e5e5e5; } }
  .experience-timeline__help {
    transform: translatex(-9999px);
    position: fixed; }
  .experience-timeline__help-content {
    transform: translatex(-9999px); }
  .experience-timeline__btn--close {
    position: absolute;
    top: 0px;
    right: inherit;
    left: 0px;
    background: none !important;
    color: #FFFFFF !important; }
    @media screen and (min-width: 1024px) {
      .experience-timeline__btn--close {
        background: none !important;
        color: #cc0000 !important;
        right: inherit;
        left: 0px;
        z-index: 88;
        top: 8px; }
        .experience-timeline__btn--close i {
          font-size: 48px; } }
  .experience-timeline__list {
    height: 60px;
    background: #EBEBEB;
    position: fixed;
    bottom: -100%;
    left: 0;
    right: 0;
    box-shadow: 0 -4px 6px 0 rgba(0, 0, 0, 0.2);
    z-index: 1;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap; }
    @media screen and (min-width: 1024px) {
      .experience-timeline__list {
        height: 88px; } }
  .experience-timeline__item {
    display: inline-block;
    width: 200px;
    height: 60px;
    background: #FFFFFF;
    box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    margin-right: 8px;
    white-space: initial; }
    @media screen and (min-width: 1024px) {
      .experience-timeline__item {
        height: 88px; } }
    .experience-timeline__item:first-of-type {
      margin-left: 96px; }
      @media screen and (min-width: 1024px) {
        .experience-timeline__item:first-of-type {
          margin-left: 236px; } }
    .experience-timeline__item:last-of-type {
      margin-right: 24px; }
    .experience-timeline__item--left {
      flex-basis: 25%;
      display: flex;
      flex-direction: column; }
      @media screen and (min-width: 1024px) {
        .experience-timeline__item--left {
          height: 88px; } }
      .experience-timeline__item--left span {
        color: #FFFFFF;
        font-weight: bold;
        text-align: center; }
      .experience-timeline__item--left span:first-of-type {
        flex-basis: 36px;
        line-height: 36px;
        font-size: 14px; }
        @media screen and (min-width: 1024px) {
          .experience-timeline__item--left span:first-of-type {
            flex-basis: 64px;
            line-height: 64px; } }
      .experience-timeline__item--left span:last-of-type {
        flex-basis: 24px;
        line-height: 24px;
        font-size: 12px;
        background: rgba(0, 0, 0, 0.2); }
    .experience-timeline__item--right {
      flex-basis: 75%;
      padding: 4px 8px; }
      @media screen and (min-width: 1024px) {
        .experience-timeline__item--right {
          height: 88px;
          padding: 16px 8px 8px 8px; } }
      .experience-timeline__item--right span {
        font-weight: bold;
        font-size: 12px;
        display: block;
        line-height: 17px; }
      .experience-timeline__item--right span:first-of-type {
        color: #4A4A4A; }
      .experience-timeline__item--right span:last-of-type {
        color: #777; }
  .experience-timeline__item-container {
    display: flex;
    height: 60px; }
    @media screen and (min-width: 1024px) {
      .experience-timeline__item-container {
        height: 88px; } }
  .experience-timeline__label {
    position: fixed;
    bottom: -100%;
    left: 0;
    width: 88px;
    height: 60px;
    display: block;
    background: #cc0000;
    color: #FFFFFF;
    box-shadow: 3px 0 4px 0 rgba(0, 0, 0, 0.3);
    font-weight: bold;
    font-size: 12px;
    line-height: 60px;
    letter-spacing: 0;
    text-align: center;
    z-index: 2; }
    @media screen and (min-width: 1024px) {
      .experience-timeline__label {
        height: 88px;
        width: 220px;
        font-size: 24px;
        line-height: 88px; } }
  @media screen and (min-width: 1024px) {
    .experience-timeline__header {
      width: 400px;
      font-size: 24px;
      line-height: 88px;
      position: fixed;
      height: 100%;
      top: 0;
      left: -100%;
      background: #FFFFFF; } }
  .experience-timeline__header--top {
    background: #cc0000;
    color: #FFFFFF;
    padding-top: 16px; }
    @media screen and (min-width: 400px) {
      .experience-timeline__header--top {
        padding-top: 24px; } }
    @media screen and (min-width: 1024px) {
      .experience-timeline__header--top {
        padding-top: 16px; } }
  .experience-timeline__header--bottom {
    padding: 8px;
    background: #FFFFFF;
    position: relative;
    overflow-y: auto; }
  .experience-timeline__user-container {
    display: flex;
    padding: 8px;
    margin-bottom: 8px;
    align-items: center;
    flex-direction: column; }
    @media screen and (min-width: 1024px) {
      .experience-timeline__user-container {
        flex-direction: column; } }
  .experience-timeline__avatar {
    width: 72px;
    height: 72px;
    border: #FFFFFF 2px solid;
    border-radius: 50%;
    overflow: hidden;
    flex-basis: 72px;
    min-width: 72px;
    min-height: 72px; }
    @media screen and (min-width: 600px) {
      .experience-timeline__avatar {
        width: 96px;
        height: 96px;
        flex-basis: 96px;
        min-width: 96px;
        min-height: 96px;
        margin-bottom: 16px; } }
    @media screen and (min-width: 1024px) {
      .experience-timeline__avatar {
        width: 144px;
        height: 144px;
        overflow: hidden;
        flex-basis: 144px;
        min-width: 144px;
        min-height: 144px;
        margin-bottom: 16px; } }
    .experience-timeline__avatar img {
      width: 100%; }
  .experience-timeline__name {
    margin-left: 8px;
    font-size: 18px;
    letter-spacing: 0;
    margin-bottom: 0; }
  .experience-timeline__info {
    font-size: 12px;
    text-align: center; }
    .experience-timeline__info:last-of-type {
      margin-bottom: 16px; }
      @media screen and (min-width: 400px) {
        .experience-timeline__info:last-of-type {
          margin-bottom: 24px; } }
      @media screen and (min-width: 600px) {
        .experience-timeline__info:last-of-type {
          margin-bottom: 32px; } }
  .experience-timeline__button-container {
    display: flex; }
    .experience-timeline__button-container button {
      flex-basis: 50%;
      padding: 8px 0px; }
  .experience-timeline__bio {
    padding-bottom: 88px;
    font-size: 16px;
    line-height: 1.4; }
    @media screen and (min-width: 400px) {
      .experience-timeline__bio {
        padding-left: 16px;
        padding-right: 16px;
        padding: 16px;
        padding-bottom: 88px; } }
    @media screen and (min-width: 400px) {
      .experience-timeline__bio {
        padding-left: 32px;
        padding-right: 32px;
        padding: 32px;
        padding-bottom: 88px; } }
    @media screen and (min-width: 1024px) {
      .experience-timeline__bio {
        line-height: 1.6;
        padding: 16px;
        padding-bottom: 88px; } }
  .experience-timeline__expanded-view.is--visible {
    opacity: 1;
    transition: opacity 400ms ease-in;
    top: 0; }
    @media screen and (min-width: 1024px) {
      .experience-timeline__expanded-view.is--visible {
        top: 8px;
        left: calc(400px + 8px);
        right: 8px;
        padding: 24px; } }
    @media screen and (min-width: 1280px) {
      .experience-timeline__expanded-view.is--visible {
        top: 48px;
        left: calc(400px + 8%);
        right: 8%;
        padding: 40px; } }
  .experience-timeline__expanded-view {
    position: fixed;
    top: 100%;
    left: 0;
    right: 0;
    bottom: 60px;
    background: #FFFFFF;
    z-index: 0;
    padding: 24px 8px;
    opacity: 0;
    transition: opacity 400ms ease-out;
    overflow-y: auto; }
  .experience-timeline__btn--close--view {
    position: absolute;
    top: 8px;
    right: 8px; }

.timeline.is--visible {
  transform: translatex(0vw);
  transition: transform 400ms ease-in-out; }

.timeline {
  min-height: 888px;
  width: 100%;
  padding-left: 32px;
  position: relative;
  transform: translatex(-100vw);
  transition: transform 400ms ease-in-out; }
  @media screen and (min-width: 768px) {
    .timeline {
      padding-left: 16px;
      padding-right: 16px; } }
  @media screen and (min-width: 1024px) {
    .timeline {
      padding-left: 48px;
      padding-right: 48px; } }
  @media screen and (min-width: 1200px) {
    .timeline {
      padding-left: 96px;
      padding-right: 96px; } }
  @media screen and (min-width: 1400px) {
    .timeline {
      max-width: 1300px;
      margin: 0 auto; } }
  .timeline:before {
    content: '';
    display: block;
    position: fixed;
    z-index: 0;
    height: 100vh;
    bottom: 0;
    left: calc(0);
    width: 32px; }
    @media screen and (min-width: 768px) {
      .timeline:before {
        left: calc(50% - 16px); } }
  .timeline:after {
    content: '';
    display: block;
    position: fixed;
    z-index: 0;
    top: 0;
    bottom: -100%;
    left: calc(15px);
    width: 2px;
    background: rgba(0, 0, 0, 0.15); }
    @media screen and (min-width: 768px) {
      .timeline:after {
        left: calc(50% - 16px + 15px); } }
  .timeline__img-container {
    width: calc(100% + 16px + 16px);
    transform: translate(-16px, -24px);
    padding: 64px 16px 16px 16px;
    position: relative;
    background-size: cover; }
    @media screen and (min-width: 768px) {
      .timeline__img-container {
        width: calc(100% + 48px + 48px);
        transform: translate(-48px, -48px);
        padding: 64px 48px 16px 48px; } }
    .timeline__img-container::before {
      content: '';
      display: block;
      position: absolute;
      background: rgba(0, 0, 0, 0.4);
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: -1; }
    .timeline__img-container .timeline__item-title {
      color: #FFFFFF; }
  .timeline__header {
    padding: 48px 8px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #888;
    background-repeat: no-repeat;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border-bottom: 8px solid #d1d1d1;
    position: relative;
    z-index: 150;
    transition: all 800ms ease-out; }
    @media screen and (min-width: 768px) {
      .timeline__header {
        padding: 0;
        min-height: 140px;
        padding: 48px;
        max-height: 75vh; } }
    @media screen and (min-width: 1400px) {
      .timeline__header {
        padding: 48px;
        min-height: 140px; } }
  .timeline__user-container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column; }
  .timeline__avatar {
    min-width: 144px;
    width: 144px;
    flex-basis: 144px;
    display: flex;
    flex-direction: column;
    margin-bottom: 16px;
    border-radius: 50%;
    border: 8px solid #FFFFFF; }
  .timeline__avatar-img {
    width: 100%;
    box-shadow: rgba(0, 0, 0, 0.66) 0px 20px 25px -15px;
    border-radius: 50%; }
  .timeline__title {
    font-size: 18px;
    color: #FFFFFF;
    margin-bottom: 16px;
    text-align: center;
    text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.4), 0px 8px 13px rgba(0, 0, 0, 0.1), 0px 18px 23px rgba(0, 0, 0, 0.1); }
    @media screen and (max-width: 767px) {
      .timeline__title {
        margin: 0;
        transform: translate(0px, 48px);
        background: rgba(0, 0, 0, 0.4);
        width: calc(100vw);
        padding: 8px;
        font-size: 14px;
        order: 4; } }
    @media screen and (min-width: 768px) {
      .timeline__title {
        font-size: 32px; } }
    @media screen and (min-width: 1400px) {
      .timeline__title {
        margin-bottom: 24px; } }
  .timeline__user {
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center; }
  .timeline__user-name {
    font-size: 24px;
    color: #FFFFFF;
    text-align: center;
    margin: 0;
    margin-bottom: 16px;
    text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.4), 0px 8px 13px rgba(0, 0, 0, 0.1), 0px 18px 23px rgba(0, 0, 0, 0.1); }
    @media screen and (min-width: 768px) {
      .timeline__user-name {
        font-size: 48px;
        margin-bottom: 16px; } }
    @media screen and (min-width: 1400px) {
      .timeline__user-name {
        margin-bottom: 24px; } }
  .timeline__user-job {
    color: #FFFFFF;
    text-align: center;
    margin: 0;
    margin-bottom: 16px;
    font-size: 18px;
    font-weight: 600;
    text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.4), 0px 8px 13px rgba(0, 0, 0, 0.1), 0px 18px 23px rgba(0, 0, 0, 0.1); }
    @media screen and (min-width: 768px) {
      .timeline__user-job {
        font-size: 24px; } }
    @media screen and (min-width: 1400px) {
      .timeline__user-job {
        margin-bottom: 24px; } }
  @media screen and (min-width: 768px) {
    .timeline__nav {
      padding-left: 16px; } }
  .timeline__year {
    display: none;
    position: fixed;
    z-index: 100;
    bottom: 0;
    left: 0;
    width: 32px;
    background: #888;
    color: #FFFFFF;
    text-align: center;
    line-height: 32px;
    height: 32px;
    margin: 0;
    font-size: 12px;
    box-shadow: 0px -2px 4px 0px rgba(0, 0, 0, 0.1); }
    @media screen and (min-width: 360px) {
      .timeline__year {
        width: 44px; } }
    @media screen and (min-width: 768px) {
      .timeline__year {
        width: 80px;
        font-size: 16px;
        height: 44px;
        line-height: 44px; } }
    @media screen and (min-width: 1200px) {
      .timeline__year {
        width: 96px;
        height: 60px;
        line-height: 60px;
        font-size: 18px; } }
    @media screen and (min-width: 1400px) {
      .timeline__year {
        width: 140px; } }
  .timeline__list {
    display: flex;
    flex-wrap: wrap;
    padding: 16px 0px; }
    @media screen and (min-width: 1024px) {
      .timeline__list {
        padding: 48px 0px; } }
    @media screen and (min-width: 1200px) {
      .timeline__list {
        padding: 48px 0px; } }
  .timeline__item {
    background: #FFFFFF;
    padding: 24px 16px;
    box-shadow: 0 20px 25px -15px rgba(0, 0, 0, 0.3);
    position: relative;
    margin-bottom: 24px; }
    @media screen and (min-width: 768px) {
      .timeline__item {
        margin-bottom: 24px;
        margin-top: 48px;
        padding: 48px;
        flex-basis: calc(50% - 48px);
        margin-right: calc(50% + 48px); } }
    @media screen and (min-width: 1400px) {
      .timeline__item {
        margin-bottom: 24px;
        padding: 48px; } }
    @media screen and (min-width: 768px) {
      .timeline__item:nth-of-type(even) {
        flex-basis: calc(50% - 48px);
        margin-left: calc(50% + 48px);
        margin-right: 0; } }
    .timeline__item:nth-of-type(even):after {
      content: '';
      display: block;
      position: absolute;
      border-radius: 0%;
      background: #cc0000;
      box-shadow: 0 9px 16px -4px rgba(0, 0, 0, 0.4);
      width: 32px;
      height: 32px;
      top: 0px;
      left: -32px;
      z-index: 60; }
      @media screen and (min-width: 768px) {
        .timeline__item:nth-of-type(even):after {
          width: 32px;
          height: 32px;
          left: -64px;
          top: 28px;
          border-radius: 50%; } }
    .timeline__item:nth-of-type(even) .timeline__item-notes {
      display: -ms-flexbox;
      display: flex;
      margin-bottom: 16px;
      transform: translatey(0px);
      transition: all 300ms ease-in-out;
      position: absolute;
      left: -32px;
      top: 0;
      -ms-flex-direction: column;
      flex-direction: column;
      z-index: 88;
      width: 32px;
      padding-top: 32px; }
      @media screen and (min-width: 768px) {
        .timeline__item:nth-of-type(even) .timeline__item-notes {
          left: calc(-100% - 96px); } }
      @media screen and (min-width: 768px) {
        .timeline__item:nth-of-type(even) .timeline__item-notes {
          width: calc(100% + 48px + 16px); } }
      @media screen and (min-width: 768px) {
        .timeline__item:nth-of-type(even) .timeline__item-notes {
          align-items: flex-end;
          padding-top: 84px; } }
    .timeline__item:nth-of-type(even) .timeline__item-node {
      margin-left: 32px; }
      @media screen and (min-width: 768px) {
        .timeline__item:nth-of-type(even) .timeline__item-node {
          margin-right: 64px; } }
    .timeline__item:after {
      content: '';
      display: block;
      position: absolute;
      border-radius: 0%;
      background: #cc0000;
      box-shadow: 0 9px 16px -4px rgba(0, 0, 0, 0.4);
      width: 32px;
      height: 32px;
      top: 0px;
      left: -32px;
      z-index: 60; }
      @media screen and (min-width: 768px) {
        .timeline__item:after {
          width: 32px;
          height: 32px;
          right: -64px;
          left: initial;
          top: 28px;
          border-radius: 50%; } }
  .timeline__item-node.is--visible {
    transform: translatey(0px);
    opacity: 1;
    transition: all 300ms ease-in-out;
    pointer-events: initial; }
  .timeline__item-node {
    display: none !important;
    margin-left: 32px;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    transform: translatey(88px);
    opacity: 0;
    transition: all 300ms ease-in-out; }
    @media screen and (min-width: 768px) {
      .timeline__item-node {
        margin-left: 64px;
        display: initial !important; } }
    .timeline__item-node .note {
      box-shadow: 0 20px 25px -15px rgba(0, 0, 0, 0.3); }
      .timeline__item-node .note li, .timeline__item-node .note p {
        font-size: 1em; }
  .timeline__item-node--mobile.is--visible {
    left: 0%;
    transition: left 300ms ease-in-out; }
    .timeline__item-node--mobile.is--visible .btn--close--node {
      position: fixed;
      bottom: 0%;
      left: 0;
      right: 0;
      width: 100%;
      transition: bottom 300ms ease-in-out; }
      .timeline__item-node--mobile.is--visible .btn--close--node::after {
        content: '';
        display: block;
        position: absolute;
        top: -32px;
        left: 0;
        right: 0;
        height: 32px;
        background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%); }
  .timeline__item-node--mobile {
    position: fixed;
    bottom: 0;
    top: 0;
    background: white;
    left: -100%;
    width: 100%;
    padding: 24px 16px 96px 16px;
    overflow-y: auto;
    transition: left 300ms ease-in-out;
    z-index: 200; }
    @media screen and (min-width: 768px) {
      .timeline__item-node--mobile {
        display: none !important; } }
    .timeline__item-node--mobile .btn--close--node {
      position: fixed;
      bottom: -100%;
      left: 0;
      right: 0;
      width: 100%;
      transition: bottom 300ms ease-in-out; }
  .timeline__item-time-group {
    position: absolute;
    top: 0;
    right: 0;
    color: #FFFFFF;
    font-weight: bold;
    background: #000000;
    padding: 8px 16px; }
  .timeline__item-title {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 16px; }
    @media screen and (min-width: 768px) {
      .timeline__item-title {
        font-size: 21px;
        line-height: 31px; } }
    @media screen and (min-width: 1280px) {
      .timeline__item-title {
        font-size: 24px;
        line-height: 36px; } }
    @media screen and (min-width: 1400px) {
      .timeline__item-title {
        font-size: 28px;
        line-height: 38px; } }
  .timeline__item-tertiary-info {
    margin-bottom: 16px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold; }
  .timeline__item-description {
    min-height: 144px;
    max-height: 144px;
    overflow: hidden;
    position: relative;
    margin-bottom: 8px;
    transform: translatey(-188px);
    opacity: 0;
    pointer-events: initial;
    transition: all 250ms ease-in-out; }
    .timeline__item-description::after {
      content: '';
      background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: 44px; }
  .timeline__item-competency-list {
    transform: translatey(0px);
    transition: all 300ms ease-in-out; }
  .timeline__item-notes {
    display: flex;
    margin-bottom: 16px;
    transform: translatey(0px);
    transition: all 300ms ease-in-out;
    position: absolute;
    left: -32px;
    top: 0;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 88;
    width: 32px;
    padding-top: 32px; }
    @media screen and (min-width: 768px) {
      .timeline__item-notes {
        left: unset;
        right: calc(-100% - 96px); } }
    @media screen and (min-width: 768px) {
      .timeline__item-notes {
        width: calc(100% + 48px + 16px); } }
    @media screen and (min-width: 768px) {
      .timeline__item-notes {
        padding-top: 84px; } }
  .timeline__item-note {
    margin-bottom: 0px;
    background: #d1d1d1;
    background: linear-gradient(90deg, #7E57C2, #3F51B5);
    background: linear-gradient(0deg, #E1E1E1, #F1F1F1);
    border-radius: 0%;
    height: 48px;
    width: 32px;
    padding: 0 !important;
    transition: all 200ms ease-out; }
    @media screen and (max-width: 767px) {
      .timeline__item-note:last-of-type {
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px; } }
    @media screen and (min-width: 768px) {
      .timeline__item-note {
        border-radius: 50%;
        margin-bottom: 16px;
        background: #d1d1d1; } }
    @media screen and (min-width: 768px) {
      .timeline__item-note {
        height: 32px; } }
    .timeline__item-note:hover {
      transform: scale(1.3);
      transition: all 200ms ease-out; }
      .timeline__item-note:hover i.material-icons {
        opacity: 0.6; }
    .timeline__item-note:focus {
      transform: scale(1.3);
      transition: all 200ms ease-in-out;
      background: #990000; }
    .timeline__item-note:nth-of-type(10) {
      transform: translatey(-44px);
      box-shadow: 0 -1px 3px 0px rgba(0, 0, 0, 0.15); }
    .timeline__item-note:nth-of-type(11) {
      transform: translatey(-88px);
      box-shadow: 0 -1px 3px 0px rgba(0, 0, 0, 0.15); }
    .timeline__item-note:nth-of-type(12) {
      transform: translatey(-132px);
      box-shadow: 0 -1px 3px 0px rgba(0, 0, 0, 0.15); }
    .timeline__item-note:nth-of-type(13) {
      transform: translatey(-176px);
      box-shadow: 0 -1px 3px 0px rgba(0, 0, 0, 0.15); }
    .timeline__item-note:nth-of-type(14) {
      transform: translatey(-220px);
      box-shadow: 0 -1px 3px 0px rgba(0, 0, 0, 0.15); }
    .timeline__item-note:nth-of-type(15) {
      transform: translatey(-264px);
      box-shadow: 0 -1px 3px 0px rgba(0, 0, 0, 0.15); }
    .timeline__item-note i.material-icons {
      font-size: 16px;
      text-align: center;
      width: 32px;
      height: 32px;
      line-height: 32px;
      display: block;
      color: rgba(0, 0, 0, 0.3) !important; }
  .timeline__item-extra-info {
    max-height: 0;
    overflow: hidden;
    transform: translatey(0px);
    transition: all 300ms ease-in-out; }
    @media screen and (min-width: 1280px) {
      .timeline__item-extra-info p {
        font-size: 20px; } }
  .timeline__item-extra-info.is--expanded {
    max-height: 8888px;
    transform: translatey(-236px);
    transition: all 300ms ease-in-out; }
    .timeline__item-extra-info.is--expanded * {
      transform: translatey(0px);
      opacity: 1;
      transition: all 400ms ease-out; }
  .timeline__item-extra-info * {
    transform: translatey(-16px);
    opacity: 0;
    transition: all 400ms ease-out; }

.timeline__bio-container {
  padding: 24px 16px 48px 16px;
  background: rgba(255, 255, 255, 0);
  opacity: 0;
  transform: translatey(96px);
  width: 100%;
  position: absolute;
  transition: all 250ms ease-in-out; }

.timeline__bio-container p:first-of-type::first-letter {
  font-size: 48px;
  line-height: 48px;
  font-weight: bold; }

@media screen and (min-width: 500px) {
  .timeline__bio-container {
    padding: 24px 24px 48px 24px; } }

@media screen and (min-width: 700px) {
  .timeline__bio-container {
    padding: 48px 96px; } }

@media screen and (min-width: 769px) {
  .timeline__bio-container {
    font-size: 20px;
    padding: 48px 96px; } }

@media screen and (min-width: 1000px) {
  .timeline__bio-container {
    font-size: 20px;
    padding: 64px 120px; } }

@media screen and (min-width: 1025px) {
  .timeline__bio-container {
    font-size: 20px;
    padding: 64px 120px;
    width: 1000px;
    max-width: 1000px;
    left: calc(50% - 500px); } }

.timeline--main {
  position: relative; }

.timeline__bio-container.is--visible {
  opacity: 1;
  background: white;
  transform: translatey(0);
  transition: all 600ms ease-out; }

.timeline__header.is--expanded {
  height: 100vh;
  transition: all 800ms ease-out; }

.timeline__user-bio.is--expanded {
  display: block; }

.timeline__item-description.is--visible {
  transform: translatey(0px);
  opacity: 1;
  pointer-events: initial;
  transition: all 250ms ease-in-out; }

.timeline__item-competency-list.is--expanded {
  transform: translatey(-164px);
  transition: all 300ms ease-in-out; }

.timeline__item-notes.is--expanded {
  transform: translatey(-164px);
  transition: all 250ms ease-in-out; }

.timeline__item-btn--explore {
  opacity: 1;
  pointer-events: initial;
  transform: translatey(0px);
  transition: all 250ms ease-in-out; }

.timeline__item-btn--explore.is--expanded {
  opacity: 0;
  pointer-events: none;
  transform: translatey(96px);
  transition: all 300ms ease-in-out; }

.timeline .timeline__section:nth-of-type(1) .timeline__year {
  background: #576070; }

.timeline .timeline__section:nth-of-type(2) .timeline__year {
  background: #FFD454; }

.timeline .timeline__section:nth-of-type(3) .timeline__year {
  background: #89BEF7; }

.timeline .timeline__section:nth-of-type(4) .timeline__year {
  background: #000000; }

.timeline .timeline__section:nth-of-type(5) .timeline__year {
  background: #000000; }

.timeline .timeline__section:nth-of-type(6) .timeline__year {
  background: #77BEC5; }

.timeline .timeline__section:nth-of-type(7) .timeline__year {
  background: #FFD454; }

.timeline .timeline__section:nth-of-type(8) .timeline__year {
  background: #89BEF7; }

.timeline .timeline__section:nth-of-type(9) .timeline__year {
  background: #E25AED; }

.timeline .timeline__section:nth-of-type(10) .timeline__year {
  background: #000000; }

.timeline .timeline__section:nth-of-type(11) .timeline__year {
  background: #77BEC5; }

.timeline .timeline__section:nth-of-type(12) .timeline__year {
  background: #FFD454; }

.timeline .timeline__section:nth-of-type(13) .timeline__year {
  background: #89BEF7; }

.timeline .timeline__section:nth-of-type(14) .timeline__year {
  background: #E25AED; }

.timeline .timeline__section:nth-of-type(15) .timeline__year {
  background: #000000; }

.note--long-text {
  background: #fff;
  position: relative; }
  @media screen and (min-width: 768px) {
    .note--long-text {
      padding: 48px 24px;
      height: 488px;
      overflow-y: auto;
      box-shadow: 0 20px 25px -15px rgba(0, 0, 0, 0.3); } }
.note--long-text::after {
  content: '';
  display: none;
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  height: 44px;
  background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0) 0%, white 100%); }
  @media screen and (min-width: 768px) {
    .note--long-text::after {
      display: block; } }
.tip--default {
  background: #444 !important;
  color: #FFFFFF !important;
  border-color: #444 transparent transparent transparent;
  font-size: 12px !important; }

.tip--default[data-pt-position="right"] .protip-arrow {
  border-color: transparent #444 transparent transparent; }

.tip--default[data-pt-position="left"] .protip-arrow {
  border-color: transparent transparent transparent #444; }

.tip--default[data-pt-position="bottom"] .protip-arrow {
  border-color: transparent transparent #444 transparent; }

.tip--default[data-pt-position="top"] .protip-arrow {
  border-color: #444 transparent transparent transparent; }

.tip--secondary {
  background: #ffffff !important;
  color: #FFFFFF !important;
  border-color: #ffffff transparent transparent transparent;
  font-size: 12px !important; }

.tip--secondary[data-pt-position="right"] .protip-arrow {
  border-color: transparent #ffffff transparent transparent; }

.tip--secondary[data-pt-position="left"] .protip-arrow {
  border-color: transparent transparent transparent #ffffff; }

.tip--secondary[data-pt-position="bottom"] .protip-arrow {
  border-color: transparent transparent #ffffff transparent; }

.tip--secondary[data-pt-position="top"] .protip-arrow {
  border-color: #ffffff transparent transparent transparent; }

.chart-js__chart {
  height: 100% !important;
  width: auto !important;
  margin: 0 auto !important; }

div.Tokenize ul.TokensContainer, div.Tokenize ul.Dropdown {
  border: 1px solid #999; }

div.Tokenize ul.TokensContainer {
  cursor: text;
  padding: 0 5px 5px 0;
  height: 44px;
  min-width: 296px;
  max-width: 296px;
  overflow-y: auto;
  background-color: #FFFFFF;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.card div.Tokenize ul.TokensContainer {
  min-width: 100%;
  width: 100%;
  max-width: 100%; }

.card div.Tokenize {
  width: 100%; }

div.Tokenize ul.TokensContainer li.Token, div.Tokenize ul.TokensContainer li.TokenSearch {
  margin: 5px 0 0 5px;
  height: 24px;
  float: left; }

div.Tokenize ul.TokensContainer li.Token {
  border: none;
  background-color: #FFFFFF;
  color: #FFFFFF;
  border-radius: 2px;
  padding: 0 8px;
  line-height: 24px; }

div.Tokenize ul.TokensContainer li.Token a.Close {
  font-size: 16px !important;
  font-family: inherit !important;
  line-height: 24px;
  display: block;
  height: 24px;
  float: right;
  margin: 0px 0 0 8px;
  padding: 0;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.4); }
  div.Tokenize ul.TokensContainer li.Token a.Close:hover {
    color: rgba(0, 0, 0, 0.7); }

ul.TokensContainer, div.Tokenize ul.Dropdown {
  border: 1px solid #999 !important; }

ul.TokensContainer {
  border-radius: 2px; }

div.Tokenize ul.Dropdown {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px; }

.Close + span {
  font-size: 14px !important;
  position: relative !important;
  top: -1px !important;
  display: inline-block !important; }

div.Tokenize ul.Dropdown li.Hover {
  color: #FFFFFF;
  text-decoration: none;
  background-color: #cc0000;
  background-image: none !important;
  background-image: none !important;
  background-image: none !important;
  background-image: none !important;
  background-image: none !important;
  background-repeat: none !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$tokenize__li--color--bg--hover', endColorstr='$tokenize__li--color--bg--hover', GradientType=0); }

.dataTables_wrapper .dataTables_filter {
  float: none;
  text-align: left; }

.dataTables_wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between; }

.dataTables_wrapper:after {
  visibility: hidden;
  display: none !important;
  content: "";
  clear: both;
  height: 0; }

.dataTables_wrapper table {
  flex-basis: 100%;
  min-width: 100%; }

.dataTables_wrapper .dataTables_info {
  clear: both;
  float: none !important;
  padding-top: 0 !important;
  color: #666 !important;
  font-size: 14px !important; }

.dataTables_wrapper .dataTables_paginate {
  float: none !important;
  color: #505050 !important;
  list-style-type: none;
  padding: 4px 0px !important;
  margin: 0;
  height: auto;
  margin-bottom: 0px;
  margin-left: 0px;
  text-align: center !important; }

.dataTables_wrapper .dataTables_paginate .paginate_button {
  box-sizing: border-box;
  min-width: 1.5em;
  padding: 0.5em 1em;
  margin-left: 0px !important;
  text-align: center;
  text-decoration: none !important;
  color: #666 !important;
  border: 1px solid transparent;
  border-radius: 2px;
  height: 100% !important;
  height: 34px !important;
  width: 34px !important;
  line-height: 34px !important;
  padding: 0px 8px !important;
  font-size: 14px !important;
  margin: 0px 2px !important; }

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: #666 !important;
  border: 1px solid transparent  !important;
  background: #F1F1F1 !important; }

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  cursor: default;
  color: #505050 !important;
  border: 1px solid transparent;
  background: transparent;
  box-shadow: none;
  width: auto !important; }

.dataTables_wrapper .paginate_button.next {
  width: auto !important; }

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  background: none !important;
  color: #ffffff !important;
  border: 1px solid #ffffff !important; }

/* dataTables CSS modification & positioning */
table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:before {
  right: 0 !important;
  content: "" !important; }

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
  right: 0 !important;
  content: "" !important; }

table.dataTable thead th {
  position: relative;
  background-image: none !important; }

table.dataTable thead th.sorting:after,
table.dataTable thead th.sorting_asc:after,
table.dataTable thead th.sorting_desc:after {
  position: absolute !important;
  top: 12px !important;
  right: -4px !important;
  display: block !important;
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr; }

table.dataTable thead th.sorting:after {
  content: "\e8d5" !important;
  color: #ddd !important;
  padding-top: 0.12em !important; }

table.dataTable thead th.sorting_asc:after {
  content: "\e5ce" !important; }

table.dataTable thead th.sorting_desc:after {
  content: "\e5cf" !important; }

table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child:before {
  top: 17px;
  left: 4px;
  height: 14px;
  width: 14px;
  display: block;
  position: absolute;
  color: #cc0000;
  border: none;
  border-radius: 0;
  box-shadow: none;
  box-sizing: content-box;
  text-align: center;
  text-indent: 0 !important;
  font-family: 'Material Icons';
  line-height: 14px;
  content: '\e147';
  background-color: transparent;
  font-size: 18px; }

table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
  content: '\e15c';
  background-color: transparent;
  color: #ED4747; }

.dataTables_scrollBody {
  overflow: hidden !important; }

.dataTables_scrollHead th:first-of-type {
  padding-left: 24px; }

.dataTables_scrollHead th:nth-last-child(2) {
  padding-right: 24px; }
  .dataTables_scrollHead th:nth-last-child(2)::after {
    right: 0px !important; }

table.dataTable, table.dataTable th, table.dataTable td {
  box-sizing: border-box; }

.gu-mirror {
  position: fixed !important;
  margin: 0 !important;
  z-index: 9999 !important;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80); }

.gu-hide {
  display: none !important; }

.gu-unselectable {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important; }

.gu-transit {
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  filter: alpha(opacity=20); }

.board {
  position: relative; }

.board-column {
  position: absolute;
  width: 44%;
  padding: 0 8px;
  border-radius: 3px;
  z-index: 1; }

.board-column:nth-of-type(2) {
  width: 44%; }

.board-column.muuri-item-releasing {
  z-index: 2; }

.board-column.muuri-item-dragging {
  z-index: 3;
  cursor: move; }

.board-column-header {
  position: relative;
  height: 50px;
  line-height: 50px;
  overflow: hidden;
  padding: 0 20px;
  text-align: center;
  background: #333;
  color: #fff;
  border-radius: 3px 3px 0 0; }

@media (max-width: 600px) {
  .board-column-header {
    text-indent: -1000px; } }

.board-column.nonMembers .board-column-header {
  background: #f9944a; }

.board-column.members .board-column-header {
  background: #4A9FF9; }

.board-column-content {
  position: relative;
  border: 10px solid transparent;
  min-height: 95px;
  background: #f0f0f0;
  min-height: 288px;
  transition: height 250ms ease-out; }

.board-item {
  position: absolute;
  width: 100%;
  margin: 4px 0; }

.board-item.muuri-item-releasing {
  z-index: 9998; }

.board-item.muuri-item-dragging {
  z-index: 9999;
  cursor: move; }

.board-item.muuri-item-hidden {
  z-index: 0; }

.board-item-content {
  position: relative;
  padding: 16px;
  background: #fff;
  border-radius: 4px;
  cursor: pointer;
  -webkit-box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.2);
  display: flex;
  align-items: center; }

@media (max-width: 600px) {
  .board-item-content {
    text-align: center; } }

.board-item.muuri-item-dragging .board-item-content {
  background: #eee;
  transition: all 250ms ease;
  border: 2px solid #505050; }

.board-item-content .value {
  transform: scale(1) translatex(0px);
  transform-origin: 0% 50%;
  transition: all 250ms ease; }

.board-item.muuri-item-dragging .board-item-content .value {
  transform: scale(1.4) translatex(0px);
  transform-origin: 0% 50%;
  transition: all 250ms ease; }

.icon--drag {
  color: #bbb;
  transition: all 250ms ease; }

.board-item.muuri-item-dragging .board-item-content .icon--drag {
  color: deeppink;
  transition: all 250ms ease; }

.mason-jar {
  position: relative; }
  .mason-jar .item.width--100 {
    width: calc(98%) !important;
    min-width: calc(98%) !important;
    max-width: calc(98%) !important; }
  .mason-jar .item.width--50 {
    width: calc(49%) !important;
    min-width: calc(49%) !important;
    max-width: calc(49%) !important; }
  .mason-jar .item.width--25 {
    width: calc(24.5%) !important;
    min-width: calc(24.5%) !important;
    max-width: calc(24.5%) !important; }
  .mason-jar .crd-height--xxl, .mason-jar .crd-height--m {
    padding: 16px;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
    border-radius: 2px; }
  .mason-jar .item.width--50 .crd-height--xxl {
    padding-bottom: calc(100% + 42px) !important; }
  .mason-jar .item.width--50 .crd-height--m {
    padding-bottom: calc(50% - 17px) !important; }
  .mason-jar .item.width--25 .crd-height--m {
    padding-bottom: calc(50% - 37px) !important; }
  .mason-jar .item {
    display: block;
    position: absolute;
    padding: 16px;
    z-index: 1; }
  .mason-jar .item.muuri-dragging {
    z-index: 3; }
  .mason-jar .item.muuri-releasing {
    z-index: 2; }
  .mason-jar .item.muuri-hidden {
    z-index: 0; }
  .mason-jar .item-content {
    position: relative;
    width: 100%;
    height: 100%; }
  .mason-jar .item-content .crd-height--xxl {
    width: 100%;
    padding-bottom: 100%; }
  .mason-jar .item-content .crd-height--xl {
    width: 100%;
    padding-bottom: 75%; }
  .mason-jar .item-content .crd-height--l {
    width: 100%;
    padding-bottom: 66%; }
  .mason-jar .item-content .crd-height--m {
    width: 100%;
    padding-bottom: 50%; }
  .mason-jar .item-content .crd-height--s {
    width: 100%;
    padding-bottom: 33%; }
  .mason-jar .item-content .crd-height--xs {
    width: 100%;
    padding-bottom: 25%; }
  .mason-jar .item-content .crd-height--xxs {
    width: 100%;
    padding-bottom: 20%;
    max-height: 60px; }

.controls--white .owl-nav {
  background: #FFFFFF !important;
  margin-top: 0 !important;
  padding-top: 8px; }

.controls--white .owl-dots {
  background: #FFFFFF !important; }

.controls--white .owl-prev {
  background: #D8D8D8 !important;
  text-transform: uppercase;
  border-radius: 2px !important;
  font-weight: bold;
  color: grey !important; }

.controls--white .owl-next {
  background: #D8D8D8 !important;
  text-transform: uppercase;
  border-radius: 2px !important;
  font-weight: bold;
  color: grey !important; }

@media screen and (max-width: 767px) {
  .slides-navigation {
    bottom: 64px;
    top: unset; } }

.slides-navigation a {
  display: flex;
  background: rgba(0, 0, 0, 0.33);
  padding: 8px; }
  @media screen and (min-width: 768px) {
    .slides-navigation a {
      margin-right: 16px;
      border-radius: 50%; } }
  .slides-navigation a:hover {
    text-decoration: none; }

@media screen and (min-width: 768px) {
  .slides-navigation a.prev {
    margin-left: 16px; } }

@media screen and (min-width: 768px) {
  .slides-navigation a.next {
    margin-right: 16px; } }

.slides-pagination {
  bottom: 8px; }

.slides-pagination a.current {
  background: #fff; }

.slides-pagination a {
  border: 2px solid #fff;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  background: rgba(255, 255, 255, 0);
  transform: scale(1);
  transition: all 250ms ease;
  color: transparent; }

.slides-pagination a:hover {
  background: rgba(255, 255, 255, 0.5);
  transform: scale(1.15);
  transition: all 250ms ease; }

.slides-controls {
  position: absolute;
  z-index: 3;
  width: 80%;
  margin: 0 10%;
  text-align: center;
  bottom: 32px;
  display: flex;
  justify-content: center;
  top: unset; }

.slides-controls a {
  border-radius: 50%;
  margin: 0;
  display: flex;
  background: rgba(0, 0, 0, 0.33); }

.slides-controls a:hover {
  text-decoration: none; }

.slides-pagination {
  width: 80%;
  margin: 0 10%; }

.owl-playback {
  position: absolute;
  bottom: 48px;
  z-index: 1;
  width: 100%;
  height: 42px;
  display: flex;
  justify-content: center; }

.owl-playback a {
  display: flex;
  background: rgba(0, 0, 0, 0.33);
  border-radius: 50%; }

.owl-playback a:hover {
  text-decoration: none; }

body[class*="lp-theme--"] .tablesorter-default {
  width: 100%;
  font: inherit;
  color: #505050;
  background-color: inherit;
  border-spacing: 0;
  margin: 0;
  text-align: left;
  border: none; }

body[class*="lp-theme--"] .tablesorter-default .header, body[class*="lp-theme--"] .tablesorter-default .tablesorter-header {
  cursor: pointer;
  background: none;
  padding: 16px;
  white-space: nowrap; }

body[class*="lp-theme--"] .tablesorter-default th, body[class*="lp-theme--"] .tablesorter-default thead td {
  font: inherit;
  color: #505050;
  background-color: none;
  border-collapse: collapse;
  border-bottom: none;
  font-weight: bold; }

body[class*="lp-theme--"] .tablesorter-header-inner {
  display: flex; }

.fc-view-container {
  overflow-x: scroll; }

.fc-view.fc-agendaDay-view.fc-agenda-view {
  width: 500%; }

.fc-view.fc-agendaTwoDay-view.fc-agenda-view {
  width: 500%; }

body[class*="lp-theme--"] .fc thead:not([class]) tr:not([class]) {
  border-bottom: none; }

body[class*="lp-theme--"] .fc tbody:not([class]) tr:not([class]) {
  border-bottom: none; }

body[class*="lp-theme--"] .fc tfoot:not([class]) tr:not([class]) {
  border-bottom: none; }

div[data-highcharts-chart] > div {
  max-width: 100%; }

.ui-front {
  z-index: 1000001000 !important; }

table tr.ui-sortable-helper {
  display: table; }

[v-cloak] {
  display: none; }

.hero.landing-page--002 {
  top: 0;
  left: 0;
  height: 100%;
  z-index: 0;
  border-bottom: 8px solid #ffffff; }
  .hero.landing-page--002:after {
    display: none; }

.header--landing-page--002.is--transparent {
  background: none;
  box-shadow: none;
  margin-bottom: 32px; }

.header--landing-page--002 {
  position: absolute;
  width: 100%;
  z-index: 999999999;
  align-items: center;
  background: #cc0000;
  box-shadow: 0px 2px 2px 2px rgba(0, 0, 0, 0.2);
  height: 80px; }
  .header--landing-page--002 .btn--menu {
    background: none;
    color: #FFFFFF;
    position: absolute;
    right: 12px;
    top: 12px; }
    .header--landing-page--002 .btn--menu:hover {
      color: #ffffff;
      background: none; }
    .header--landing-page--002 .btn--menu i {
      font-size: 48px; }

.nav--landing-page--002.is--visible {
  right: 0;
  transition: right 300ms ease-out; }
  .nav--landing-page--002.is--visible .btn--close {
    transform: scale(1);
    transition: transform 300ms ease-out;
    color: #FFFFFF; }

.nav--landing-page--002 {
  position: fixed;
  right: -110%;
  top: 0;
  bottom: 0;
  background: #333;
  width: 25%;
  min-width: 320px;
  z-index: 100;
  box-shadow: -4px 0px 46px 2px rgba(0, 0, 0, 0.2);
  transition: right 300ms ease-out; }
  @media screen and (max-width: 768px) {
    .nav--landing-page--002 {
      overflow-y: auto; } }
  .nav--landing-page--002 .nav__title {
    padding: 8px;
    background: #222;
    color: #FFFFFF;
    margin-bottom: 16px; }
  .nav--landing-page--002 .btn--close {
    position: fixed;
    top: 4px;
    right: 8px;
    background: none;
    transform: scale(0);
    transition: transform 600ms ease-out; }
    .nav--landing-page--002 .btn--close:hover {
      color: #ED4747;
      background: none; }
  .nav--landing-page--002 a {
    display: block;
    color: #f1f1f1;
    padding: 8px 8px;
    border-bottom: 1px solid rgba(68, 68, 68, 0.4); }
    .nav--landing-page--002 a:focus {
      font-weight: bold; }

.logo--landing-page--002 {
  height: 48px;
  padding-top: 6px; }
  .logo--landing-page--002 img {
    max-height: 42px;
    max-height: 96px; }

.footer--landing-page--002 {
  position: absolute;
  bottom: 4px;
  left: 0px;
  right: 0;
  border-left: 8px solid #ffffff; }
  .footer--landing-page--002 p {
    color: #FFFFFF;
    margin: 0;
    font-size: 10px;
    padding-left: 8px; }
    @media screen and (min-width: 400px) {
      .footer--landing-page--002 p {
        font-size: 12px; } }
  .footer--landing-page--002 a.is--btn {
    position: fixed;
    right: 0px;
    bottom: 0px;
    border-radius: 0;
    border-top-left-radius: 2px;
    background: #cc0000;
    color: #FFFFFF; }
    @media screen and (min-width: 600px) {
      .footer--landing-page--002 a.is--btn {
        bottom: 0px;
        right: 0px; } }
.landing-page--002__content {
  position: absolute;
  z-index: 2;
  top: 33%;
  left: 5%; }
  .landing-page--002__content h1, .landing-page--002__content h2 {
    color: #FFFFFF; }
  .landing-page--002__content h1 {
    position: relative;
    margin-bottom: 12px; }
    .landing-page--002__content h1:after {
      content: '';
      display: block;
      position: absolute;
      top: -12px;
      left: 0;
      width: 112px;
      height: 6px;
      background: #ffffff; }
  .landing-page--002__content h2 {
    font-size: 18px; }
  .landing-page--002__content button {
    font-weight: 800 !important;
    background: rgba(255, 255, 255, 0.75); }

.hero.landing-page--003 {
  top: 0;
  left: 0;
  height: 100%;
  z-index: 0; }
  .hero.landing-page--003:after {
    opacity: 0.6; }

.header--landing-page--003 {
  position: relative;
  z-index: 1;
  align-items: center; }
  .header--landing-page--003 .btn--menu {
    background: none;
    color: #ffffff;
    position: fixed;
    right: 24px;
    top: 24px; }
    .header--landing-page--003 .btn--menu:hover {
      color: #ffffff;
      background: none; }
    .header--landing-page--003 .btn--menu i {
      font-size: 48px; }

.nav--landing-page--003.is--visible {
  right: 0;
  transition: right 300ms ease-out; }
  .nav--landing-page--003.is--visible .btn--close {
    transform: scale(1);
    transition: transform 300ms ease-out; }

.nav--landing-page--003 {
  position: fixed;
  right: -110%;
  top: 0;
  bottom: 0;
  background: #333;
  width: 25%;
  min-width: 320px;
  z-index: 100;
  box-shadow: -4px 0px 46px 2px rgba(0, 0, 0, 0.2);
  transition: right 300ms ease-out; }
  .nav--landing-page--003 .nav__title {
    padding: 8px;
    background: #222;
    color: #FFFFFF;
    margin-bottom: 16px; }
  .nav--landing-page--003 .btn--close {
    position: fixed;
    top: 4px;
    right: 8px;
    background: none;
    transform: scale(0);
    transition: transform 600ms ease-out; }
    .nav--landing-page--003 .btn--close:hover {
      color: #ED4747;
      background: none; }
  .nav--landing-page--003 a {
    display: block;
    color: #f1f1f1;
    padding: 8px 8px;
    border-bottom: 1px solid rgba(68, 68, 68, 0.4); }

.logo--landing-page--003 {
  height: 60px;
  padding-top: 12px;
  padding-left: 12px; }
  .logo--landing-page--003 img {
    max-height: 60px; }

.footer--landing-page--003 {
  position: absolute;
  bottom: 4px;
  left: 4px;
  right: 0; }
  .footer--landing-page--003 p {
    color: #FFFFFF;
    margin: 0;
    font-size: 10px;
    padding-left: 8px; }
    @media screen and (min-width: 400px) {
      .footer--landing-page--003 p {
        font-size: 12px; } }
  .footer--landing-page--003 a.is--btn {
    position: fixed;
    right: 0px;
    bottom: 0px;
    border-radius: 0;
    border-top-left-radius: 2px; }
    @media screen and (min-width: 600px) {
      .footer--landing-page--003 a.is--btn {
        bottom: 0px;
        right: 0px; } }
.landing-page--003__content.is--login {
  transform: scale(0);
  background: #212121;
  transition: transform 300ms ease-out; }
  .landing-page--003__content.is--login .btn--03.is--hidden {
    display: none; }

.landing-page--003__content.is--login.is--visible {
  transform: scale(1);
  transition: transform 300ms ease-out; }

.landing-page--003__content {
  position: absolute;
  z-index: 2;
  top: 50%;
  margin-top: -220px;
  left: 50%;
  margin-left: -12.5%;
  width: 25%;
  height: 440px;
  padding: 16px;
  background: rgba(33, 33, 33, 0.98);
  box-shadow: 4px 0 24px 21px rgba(0, 0, 0, 0.33);
  border-radius: 2px; }
  @media screen and (max-width: 600px) {
    .landing-page--003__content {
      width: 280px;
      margin-left: -140px;
      top: 96px;
      bottom: 28px;
      margin-top: initial;
      height: auto;
      background: rgba(33, 33, 33, 0.9); } }
  @media screen and (min-width: 601px) and (max-width: 1023px) {
    .landing-page--003__content {
      width: 50%;
      margin-left: -25%; } }
  @media screen and (min-width: 1024px) and (max-width: 1279px) {
    .landing-page--003__content {
      width: 40%;
      margin-left: -20%; } }
  .landing-page--003__content h1, .landing-page--003__content h2 {
    color: #FFFFFF; }
  .landing-page--003__content h1 {
    position: relative;
    margin-bottom: 12px; }
  .landing-page--003__content h2 {
    font-size: 18px; }
  .landing-page--003__content .btn--01 {
    position: absolute;
    bottom: 120px;
    left: 8px;
    right: 8px;
    width: calc(100% - 16px);
    display: block; }
  .landing-page--003__content .btn--02 {
    position: absolute;
    bottom: 60px;
    right: 8px;
    left: 8px;
    width: calc(100% - 16px);
    display: block; }
  .landing-page--003__content .btn--03 {
    position: absolute;
    bottom: 0px;
    right: 8px;
    left: 8px;
    width: calc(100% - 16px);
    display: block; }

.main--public-profile {
  position: relative;
  z-index: 0; }
  @media screen and (min-width: 768px) {
    .main--public-profile {
      margin-left: 16px;
      margin-right: 16px; } }
  @media screen and (min-width: 1024px) {
    .main--public-profile {
      margin-left: calc(25% + 16px);
      margin-right: 16px; } }
  @media screen and (min-width: 1600px) {
    .main--public-profile {
      margin-left: calc(400px + 16px); } }
@media screen and (min-width: 1024px) {
  .public-profile__header.is--hidden {
    transform: translatex(-100%);
    transition: transform 300ms ease-out; } }

.public-profile__header {
  background: #888;
  min-height: 150px;
  width: 100%;
  position: relative;
  padding-top: 24px;
  transform: translatex(0%);
  transition: transform 300ms ease-out; }
  @media screen and (min-width: 1024px) {
    .public-profile__header {
      position: fixed;
      left: 0;
      top: 0;
      width: 25%;
      height: 100%;
      padding-top: 0px;
      z-index: 999; } }
  @media screen and (min-width: 1600px) {
    .public-profile__header {
      width: 400px; } }
  .public-profile__header .btn--mail-user.is--hidden {
    transform: translatex(200px);
    transition: transform 300ms ease-out; }
  .public-profile__header .btn--mail-user {
    border-radius: 50%;
    height: 60px;
    width: 60px;
    background: #ffffff;
    position: fixed;
    right: 16px;
    bottom: 16px;
    z-index: 222;
    box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.2);
    transition: transform 300ms ease-out; }
    @media screen and (min-width: 700px) {
      .public-profile__header .btn--mail-user {
        height: 60px;
        width: 60px; } }
    @media screen and (min-width: 1024px) {
      .public-profile__header .btn--mail-user {
        position: fixed;
        bottom: 16px;
        right: 16px;
        display: none; } }
    .public-profile__header .btn--mail-user i {
      color: #FFFFFF;
      line-height: 1.5; }
  .public-profile__header .avatar {
    border-radius: 50%;
    height: 88px;
    width: 88px;
    position: absolute;
    top: 16px;
    left: 50%;
    margin-left: -44px;
    background: rgba(0, 0, 0, 0.2); }
    @media screen and (min-width: 1024px) {
      .public-profile__header .avatar {
        height: 124px;
        width: 124px;
        margin-left: -62px;
        top: 24px; } }
  .public-profile__header h1.title {
    font-size: 12px;
    color: #FFFFFF;
    margin: 0;
    position: absolute;
    bottom: 22px;
    left: 0;
    width: 100%;
    padding: 2px 8px; }
    @media screen and (min-width: 1024px) {
      .public-profile__header h1.title {
        margin: 0;
        min-width: 300%;
        top: 36px;
        left: calc(100%);
        background: none;
        bottom: initial;
        color: #505050;
        font-size: 32px;
        padding-left: 20px;
        display: none; } }
  .public-profile__header h2.name {
    color: #FFFFFF;
    font-size: 18px;
    text-align: center;
    width: 100%; }
    @media screen and (min-width: 1024px) {
      .public-profile__header h2.name {
        font-size: 36px;
        padding: 0px 8px;
        margin-bottom: 32px; } }
  .public-profile__header .group {
    display: block;
    width: 100%;
    color: #FFFFFF;
    text-align: center;
    margin: 0;
    font-weight: bold;
    margin-bottom: 16px; }
    @media screen and (min-width: 1024px) {
      .public-profile__header .group {
        margin-bottom: 0;
        background: rgba(0, 0, 0, 0.1);
        padding: 8px; } }
  .public-profile__header .institution {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 4px 8px;
    background: rgba(0, 0, 0, 0.2);
    width: 100%; }
    @media screen and (min-width: 1024px) {
      .public-profile__header .institution {
        background: none;
        width: 100%;
        bottom: initial;
        left: 100%;
        padding-left: 20px;
        top: 18px;
        display: none; } }
    .public-profile__header .institution h2 {
      font-size: 10px;
      margin: 0;
      color: rgba(255, 255, 255, 0.6); }
      @media screen and (min-width: 1024px) {
        .public-profile__header .institution h2 {
          color: #606060;
          font-size: 16px;
          display: none; } }
  .public-profile__header .stats {
    width: 100%; }
    .public-profile__header .stats ul {
      display: flex;
      justify-content: center; }
      @media screen and (min-width: 1024px) {
        .public-profile__header .stats ul {
          flex-wrap: wrap;
          flex-direction: column;
          align-items: center; } }
    .public-profile__header .stats li {
      color: #FFFFFF;
      font-size: 10px;
      border-right: 1px solid rgba(255, 255, 255, 0.15);
      padding: 0px 16px;
      display: flex;
      flex-direction: column-reverse;
      text-align: center;
      justify-content: center; }
      @media screen and (min-width: 1024px) {
        .public-profile__header .stats li {
          padding: 16px 16px;
          font-size: 16px;
          flex-basis: 46%;
          min-width: 46%;
          width: 46%;
          margin: 2%;
          border: none;
          border-radius: 1px;
          color: white;
          background: rgba(0, 0, 0, 0.1); } }
      @media screen and (max-width: 1023px) {
        .public-profile__header .stats li:last-child {
          border-right: none; } }
      .public-profile__header .stats li span:last-of-type {
        margin-top: -2px; }

@media screen and (min-width: 1024px) {
  .public-profile__name-container {
    background: #6f6f6f;
    padding: 40px 0px 0px 0px;
    margin-bottom: 24px; } }

.public-profile__nav-controls {
  bottom: 0;
  width: 100%;
  height: 44px;
  background: inherit;
  border-top: 2px #cc0000 solid;
  display: flex;
  justify-content: center;
  z-index: 4888; }
  @media screen and (min-width: 1024px) {
    .public-profile__nav-controls {
      position: absolute;
      bottom: initial;
      width: 100%;
      bottom: 0px;
      background: rgba(0, 0, 0, 0.2);
      border-top: none;
      height: 60px; } }
  .public-profile__nav-controls .btn__small.btn--square-icon {
    padding: 2px 24px;
    transform: scale(1);
    transition: transform 250ms ease-in-out; }
    .public-profile__nav-controls .btn__small.btn--square-icon:hover {
      background: none !important;
      transform: scale(1.4);
      transition: transform 250ms ease-in-out;
      color: #FFFFFF; }
    @media screen and (min-width: 1024px) {
      .public-profile__nav-controls .btn__small.btn--square-icon {
        padding: 2px 16px; } }
    .public-profile__nav-controls .btn__small.btn--square-icon i {
      font-size: 18px; }

.profile-page__footer {
  padding: 4px;
  border-top: 1px solid #ddd;
  margin-bottom: 60px; }
  .profile-page__footer p {
    margin: 0;
    color: #bbb;
    font-size: 12px; }

.public-profile__page-links {
  display: flex;
  justify-content: center; }
  @media screen and (min-width: 1024px) {
    .public-profile__page-links {
      flex-direction: column;
      display: none; } }
.public-profile__page-links--large {
  display: none; }
  @media screen and (min-width: 1024px) {
    .public-profile__page-links--large {
      display: flex;
      justify-content: center;
      flex-direction: column; } }
.btn--profile--cta {
  position: absolute;
  bottom: 0;
  width: 100%;
  display: none; }
  @media screen and (min-width: 1024px) {
    .btn--profile--cta {
      position: absolute;
      bottom: 68px;
      left: 8px;
      display: block;
      width: calc(100% - 16px); } }
.public-profile__page-links--large button {
  text-align: right;
  font-size: 16px;
  margin-bottom: 16px;
  border-radius: 0px !important;
  border-right: 0px solid #FFFFFF;
  transition: border-right 200ms ease-out; }

.public-profile__page-links--large button:hover {
  text-align: right;
  border-right: 4px solid #FFFFFF;
  background: none !important;
  transition: border-right 200ms ease-out;
  color: #FFFFFF #FFFFFF !important; }

.body-logo {
  background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/t-522/outcome-logo-check-bw-transparent.svg");
  background-repeat: no-repeat;
  background-position-x: calc(100% - 16px);
  background-position-y: calc(100% - 16px);
  background-size: 100px; }

.portfolio.is--visible {
  opacity: 1;
  pointer-events: initial;
  transition: all 400ms ease-out; }

.portfolio.sticky:after {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(226, 90, 237, 0.33);
  transition: background 1s ease-out; }

.portfolio {
  opacity: 0;
  pointer-events: none;
  transition: all 400ms ease-out;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/t-522/portfolio-bg.jpg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  color: #FFFFFF;
  z-index: 999;
  overflow-y: auto;
  padding: 16px 16px 0px 16px; }
  .portfolio:after {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(226, 90, 237, 0.33);
    transition: background 1s ease-out; }
  .portfolio__title.sticky {
    bottom: initial;
    left: 0;
    width: 100%;
    background: #333;
    top: 0;
    height: 88px;
    line-height: 88px;
    padding-left: 16px;
    position: fixed;
    margin-bottom: 0;
    transform: translate(0%, 0%);
    animation-name: portfolio--sticky__title;
    animation-duration: 600ms;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both; }
    @media screen and (max-width: 700px) {
      .portfolio__title.sticky {
        height: 44px;
        line-height: 44px; } }
    .portfolio__title.sticky h1 {
      margin-bottom: 0;
      animation-name: portfolio--sticky__h1;
      animation-duration: 600ms;
      animation-fill-mode: both;
      -webkit-animation-fill-mode: both;
      line-height: 88px;
      display: inline-block; }
      @media screen and (max-width: 700px) {
        .portfolio__title.sticky h1 {
          line-height: 44px;
          font-size: 16px; } }
    .portfolio__title.sticky h1 span {
      font-size: 42px;
      animation-name: portfolio--sticky__span;
      animation-duration: 600ms;
      display: inline-block;
      margin-right: 8px; }
      @media screen and (max-width: 700px) {
        .portfolio__title.sticky h1 span {
          font-size: 14px;
          margin-right: 4px; } }
    .portfolio__title.sticky h2 {
      color: #FFFFFF;
      border-left: 4px solid #FFFFFF;
      padding-left: 16px;
      margin-left: 8px;
      animation-name: portfolio--sticky__h2;
      animation-duration: 600ms;
      display: inline-block; }
      @media screen and (max-width: 700px) {
        .portfolio__title.sticky h2 {
          font-size: 12px;
          border-left: 1px solid #FFFFFF;
          margin-left: 4px;
          padding-left: 8px; } }
      .portfolio__title.sticky h2 .btn--square-icon {
        display: none; }
  .portfolio__title {
    position: fixed;
    bottom: 16px;
    left: 16px;
    z-index: 8888;
    color: #FFFFFF #FFFFFF;
    margin-bottom: 0; }
    @media screen and (min-width: 700px) {
      .portfolio__title {
        left: 32px; } }
    .portfolio__title h1 span {
      display: block;
      font-size: 42px; }
      @media screen and (min-width: 700px) {
        .portfolio__title h1 span {
          font-size: 72px; } }
    .portfolio__title h2 {
      color: #FFFFFF;
      border-left: 4px solid #FFFFFF;
      padding-left: 8px; }
      .portfolio__title h2 .btn--square-icon {
        position: relative;
        animation-name: hover;
        animation-iteration-count: infinite;
        font-size: 18px;
        animation-duration: 2s;
        animation-timing-function: ease-out; }

.portfolio__item.is--visible {
  display: block; }

.portfolio__item {
  display: none;
  position: fixed;
  top: 88px;
  top: 0px;
  left: 0;
  right: 0;
  bottom: 0;
  background: #505050;
  z-index: 9999999999;
  color: #505050;
  padding: 0px;
  overflow-y: auto; }
  @media screen and (min-width: 700px) {
    .portfolio__item {
      background: black;
      padding: 48px 10%; } }
  @media screen and (min-width: 1280px) {
    .portfolio__item {
      padding: 48px 15%; } }
.portfolio__item-content {
  background: #FFFFFF;
  width: 100%;
  padding: 8px; }
  @media screen and (min-width: 700px) {
    .portfolio__item-content {
      padding: 64px 48px; } }
  @media screen and (min-width: 1280px) {
    .portfolio__item-content {
      padding: 84px 48px; } }
/* The animation code */
@keyframes hover {
  0% {
    transform: translatey(0px); }
  25% {
    transform: translatey(3px); }
  50% {
    transform: translatey(0px); }
  75% {
    transform: translatey(-3px); }
  100% {
    transform: translatey(0px); } }

@keyframes portfolio--sticky__title {
  0% {
    bottom: 16px;
    left: 16px;
    width: 100%;
    background: none;
    padding-left: 16px;
    transform: translate(0%, 0%);
    top: initial;
    opacity: 1; }
  50% {
    bottom: 16px;
    left: 16px;
    width: 100%;
    background: none;
    padding-left: 16px;
    transform: translate(0%, 300%);
    top: initial;
    opacity: 0; }
  51% {
    bottom: initial;
    left: 0;
    width: 100%;
    background: #333;
    top: 0;
    padding-left: 16px;
    z-index: 88888888888;
    transform: translate(-150%, -150%);
    opacity: 0; }
  52% {
    bottom: initial;
    left: 0;
    width: 100%;
    background: #333;
    top: 0;
    padding-left: 16px;
    z-index: 88888888888;
    transform: translate(0%, -150%);
    opacity: 0; }
  100% {
    bottom: initial;
    left: 0;
    width: 100%;
    background: #333;
    top: 0;
    padding-left: 16px;
    z-index: 88888888888;
    transform: translate(0%, 0%);
    opacity: 1; } }

@keyframes portfolio--sticky__h1 {
  0% {
    display: block; }
  50% {
    display: block; }
  51% {
    display: inline-block; }
  100% {
    color: #FFFFFF;
    display: inline-block; } }

@keyframes portfolio--sticky__span {
  0% {
    display: block; }
  50% {
    display: block; }
  51% {
    display: inline-block; }
  100% {
    color: #FFFFFF;
    display: inline-block; } }

@keyframes portfolio--sticky__h2 {
  0% {
    display: block; }
  50% {
    display: block; }
  51% {
    display: inline-block; }
  100% {
    display: inline-block; } }

.resume.is--visible {
  transform: translatex(0%) scale(1);
  transition: all 300ms ease-out;
  opacity: 1; }

.resume.is--visible.is-in--edit {
  opacity: 0;
  transform: scale(0);
  transition: all 300ms ease-out; }

.resume {
  background: #FFFFFF;
  padding: 16px;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  transform: translatex(-100%) scale(1);
  overflow: auto;
  z-index: 111;
  transition: all 600ms ease-out;
  opacity: 0; }
  .resume.is--edit .resume__section {
    border: 8px dashed #e1e1e1;
    padding: 24px;
    margin-bottom: 24px;
    border-radius: 8px;
    transition: all 300ms ease-in-out; }
    .resume.is--edit .resume__section:hover {
      background: #f9f9f9; }
    .resume.is--edit .resume__section button {
      transform: scale(1);
      opacity: 1;
      transition: all 300ms ease-in-out; }
  .resume .btn--close {
    position: absolute;
    top: 16px;
    right: 8px;
    background: none !important; }
    @media screen and (min-width: 1024px) {
      .resume .btn--close {
        top: calc(60px + 48px);
        right: calc(48px + 48px - 14px); } }
    @media screen and (min-width: 1200px) {
      .resume .btn--close {
        right: calc(10% + 48px - 12px); } }
    @media screen and (min-width: 1400px) {
      .resume .btn--close {
        top: calc(80px + 48px);
        right: calc(15% + 48px - 12px); } }
    @media screen and (min-width: 1700px) {
      .resume .btn--close {
        right: calc(20% + 48px - 12px); } }
  @media screen and (min-width: 600px) {
    .resume {
      padding: 32px; } }
  @media screen and (min-width: 1024px) {
    .resume {
      padding: 48px;
      background: #f1f1f1; } }
  @media screen and (min-width: 1200px) {
    .resume {
      padding: 60px 10%; } }
  @media screen and (min-width: 1400px) {
    .resume {
      padding: 80px 15%; } }
  @media screen and (min-width: 1700px) {
    .resume {
      padding: 80px 20%; } }
  .resume__container {
    padding-bottom: 88px !important; }
    @media screen and (min-width: 1024px) {
      .resume__container {
        background: #FFFFFF;
        padding: 48px;
        box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.1); } }
  .resume__section {
    border: 0px dashed #e1e1e1;
    padding: 0px;
    margin-bottom: 0px;
    border-radius: 8px;
    transition: all 300ms ease-in-out; }
    .resume__section__title {
      border-left: 4px solid #d1d1d1;
      padding-left: 4px; }
      @media screen and (min-width: 700px) {
        .resume__section__title {
          padding-left: 8px; } }
      .resume__section__title button {
        transform: scale(0);
        opacity: 0;
        transition: all 300ms ease-in-out; }
  .resume__item {
    padding: 8px 0px; }
    .resume__item-title-date__container {
      display: flex;
      justify-content: space-between;
      align-items: baseline;
      border-bottom: 1px solid #f1f1f1; }
    .resume__item__date {
      font-weight: bold;
      font-weight: 12px; }
      @media screen and (min-width: 700px) {
        .resume__item__date {
          font-size: 14px; } }
  .resume__name {
    border-bottom: 1px solid #999;
    padding-bottom: 16px; }
    .resume__name span {
      display: block;
      color: #777;
      font-size: 32px;
      width: calc(100% - 60px); }
      @media screen and (min-width: 768px) {
        .resume__name span {
          font-size: 48px; } }
@media screen and (min-width: 1024px) {
  .public-profile__mobile--time-stats {
    display: none !important; } }

.stats-list {
  box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.2);
  padding-top: 24px; }
  @media screen and (min-width: 1024px) {
    .stats-list {
      height: 100%; } }
  .stats-list h1, .stats-list h2 {
    color: #FFFFFF;
    padding: 0px 16px; }
  .stats-list h2 {
    border-bottom: 8px solid rgba(0, 0, 0, 0.2);
    padding-bottom: 16px;
    margin-bottom: 0; }
  .stats-list__container {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    padding: 16px 16px 8px 16px; }
    .stats-list__container-scroll {
      height: calc(100vh + 200px);
      position: relative;
      padding-bottom: 500px;
      display: none; }
      @media screen and (min-width: 1024px) {
        .stats-list__container-scroll {
          display: block; } }
  .stats-list__stat {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    cursor: pointer;
    min-height: 60px;
    transform: scale(1);
    transition: transform 200ms ease; }
    .stats-list__stat:hover {
      transform: scale(1.05);
      transition: transform 200ms ease; }
    .stats-list__stat.is--active {
      background: rgba(0, 0, 0, 0.3);
      transform: scale(0.95); }
      .stats-list__stat.is--active:hover {
        transform: scale(1.05);
        transition: transform 200ms ease; }
  .stats-list__stat-title {
    padding: 16px;
    color: #FFFFFF;
    font-size: 14px; }
    .stats-list__stat-title span span {
      font-weight: bold;
      font-size: 24px; }
  .stats-list__stat-totals {
    display: flex;
    align-self: stretch;
    background: rgba(0, 0, 0, 0.1);
    color: #FFFFFF;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    width: 70px;
    min-width: 70px;
    max-width: 70px;
    flex-wrap: wrap;
    align-items: flex-end; }
    .stats-list__stat-totals-value {
      font-weight: bold;
      font-size: 24px;
      padding: 0;
      flex-basis: 100%;
      text-align: center; }
    .stats-list__stat-totals-label {
      text-transform: uppercase;
      font-size: 10px;
      font-weight: bold;
      align-self: bottom;
      background: rgba(0, 0, 0, 0.08);
      padding: 0px 16px;
      border-bottom-right-radius: 2px;
      flex-basis: 100%; }

.subtotal-stat {
  display: flex;
  justify-content: center;
  align-items: center; }
  @media screen and (min-width: 1024px) {
    .subtotal-stat {
      justify-content: space-between;
      position: absolute;
      bottom: 0;
      width: 100%;
      background: #ffffff;
      box-shadow: 0px -6px 12px -6px rgba(0, 0, 0, 0.4); } }
  .subtotal-stat__label {
    color: #FFFFFF;
    font-weight: bold;
    padding-left: 16px; }
    @media screen and (min-width: 1024px) {
      .subtotal-stat__label::first-letter {
        font-size: 24px; } }
  .subtotal-stat__totals {
    margin-left: 8px; }
    @media screen and (min-width: 1024px) {
      .subtotal-stat__totals {
        margin-left: unset;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        background: rgba(0, 0, 0, 0.1);
        padding: 16px;
        text-align: center; } }
    .subtotal-stat__totals__value {
      color: #FFFFFF;
      font-weight: 600; }
      @media screen and (min-width: 1024px) {
        .subtotal-stat__totals__value {
          flex-basis: 100%;
          min-width: 100%;
          font-size: 32px; } }
    .subtotal-stat__totals__label {
      color: #FFFFFF;
      text-transform: uppercase;
      font-weight: bold;
      font-size: 12px; }
      @media screen and (min-width: 1024px) {
        .subtotal-stat__totals__label {
          font-size: 16px;
          flex-basis: 100%;
          min-width: 100%; } }
.hexagon.outer {
  transform: scale(1);
  transition: transform 250ms ease;
  margin-bottom: 60px;
  margin-right: 60px; }
  .hexagon.outer:hover {
    transform: scale(1.3);
    transition: transform 250ms ease; }

.hexagon {
  width: 80px;
  height: 45.71428571px;
  background: #d9d9d9;
  position: relative; }
  .hexagon .half_dark {
    position: absolute;
    height: 100%;
    width: 0;
    border-left: 40px #d9d9d9 solid;
    border-top: 26.66666667px transparent solid;
    border-bottom: 26.66666667px transparent solid;
    opacity: .1;
    z-index: 2;
    top: calc(-100% / 1.75);
    right: 0; }
  .hexagon:before {
    content: "";
    position: absolute;
    top: -26.66666667px;
    left: 0;
    width: 0;
    height: 0;
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
    border-bottom: 26.66666667px solid #d9d9d9; }
  .hexagon:after {
    content: "";
    position: absolute;
    bottom: -26.66666667px;
    left: 0;
    width: 0;
    height: 0;
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
    border-top: 26.66666667px solid #d9d9d9; }

.inner {
  position: absolute;
  z-index: 1;
  width: 72px;
  height: 41.14285714px;
  left: 4px;
  top: 2.28571429px;
  background-color: #ffffff; }
  .inner:before {
    border-bottom-color: #808080;
    top: -24px;
    border-left: 36px solid transparent;
    border-right: 36px solid transparent;
    border-bottom: 24px solid #ffffff; }
  .inner:after {
    bottom: -24px;
    border-left: 36px solid transparent;
    border-right: 36px solid transparent;
    border-top: 24px solid #ffffff; }

.banner {
  background-color: #cc0000;
  z-index: 2;
  position: absolute;
  width: 100px;
  height: 22.85714286px;
  left: -10px;
  top: 12.85714286px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 8px;
  text-transform: uppercase;
  font-weight: bold;
  cursor: pointer; }
  .banner a {
    width: 75px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: rgba(255, 255, 255, 0.8); }
    .banner a:hover {
      color: rgba(255, 255, 255, 0.8); }
  .banner:before {
    content: "";
    position: absolute;
    top: 22.85714286px;
    left: 0;
    width: 0;
    height: 0;
    border-right: 0 solid transparent;
    border-left: 10px solid transparent;
    border-top: 4px solid #660000; }
  .banner:after {
    content: "";
    position: absolute;
    top: 22.85714286px;
    right: 0;
    width: 0;
    height: 0;
    border-left: 0 solid transparent;
    border-right: 10px solid transparent;
    border-top: 4px solid #660000; }

.ribbon {
  position: absolute;
  height: 20px;
  width: 13.33333333px;
  background-color: #a30000;
  top: 22.85714286px;
  left: -13.33333333px;
  font-weight: bold; }
  .ribbon:before {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    left: -9.8px;
    border-right: solid 10px #a30000;
    border-bottom: solid 10px transparent; }
  .ribbon:after {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    left: -9.8px;
    top: 10px;
    border-right: solid 10px #a30000;
    border-top: solid 10px transparent; }

.is--right {
  transform: rotate(180deg);
  left: 80px; }

.badge__progress {
  width: 80px;
  position: absolute;
  font-size: 10px;
  font-weight: bold;
  z-index: 50000;
  left: 0;
  text-align: center;
  top: 43.24324324px;
  color: #FFFFFF;
  font-weight: bold; }

.ecPublicController .grd__col--3 .stats-list__container {
  padding: 16px 4px; }
  .ecPublicController .grd__col--3 .stats-list__container h3 {
    color: #505050 !important; }

.ecPublicController .grd__col--3 .stats-list__stat {
  background: #888; }

.ecPublicController .grd__col--3 .stats-list__stat.is--active {
  background: #484848; }

@media screen and (min-width: 1024px) {
  .ecPublicController .grd__col--3 .stats-list__container {
    display: none; } }

body:not([class*="lp-theme--"]) .lp__footer {
  display: none !important; }

body.landingPageController[class*="lp-theme--"] {
  background: #FFFFFF; }

body.eventAggregatorController[class*="lp-theme--"] .sidebar--action {
  z-index: 9999999999999999; }

body.landingPageController .sidebar--action {
  z-index: 9999999999999999; }

.lp-theme__content-wrapper.has--calendar {
  max-width: 100%;
  min-width: 100%; }
  @media screen and (min-width: 960px) {
    .lp-theme__content-wrapper.has--calendar {
      margin: 0 32px;
      min-width: calc(100% - 64px); } }
body[class*="lp-theme--"] .header--landing-page--002 .grd__col--2 .logo--landing-page--002 {
  display: flex;
  align-items: center;
  padding: 0; }

body[class*="lp-theme--"] .header--landing-page--002 .grd__col--2 .logo--landing-page--002 img {
  max-height: 96px !important;
  max-width: 100%;
  height: auto; }

@media screen and (max-width: 768px) {
  body[class*="lp-theme--"] .header--landing-page--002 .grd__col--2 .logo--landing-page--002 {
    display: flex;
    align-items: center;
    padding: 0;
    width: calc(100% - 88px); } }

body[class*="lp-theme--"] .header--landing-page--002 .grd__col--2 .logo--landing-page--002 a {
  min-width: 96px; }

body[class*="lp-theme--"] {
  background: #f1f1f1;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: auto;
  /*==================================================
  $A11Y Dropdown
  ==================================================*/
  /* Top level nav */
  /* Dropdowns */
  /* Top level nav items */
  /* Top level hover state, preserve hover state when hovering dropdown  */
  /*==================================================
  $Helpers
  ==================================================*/ }
  body[class*="lp-theme--"] .lp__blockquote {
    max-width: 1200px;
    margin: 0 auto !important; }
  body[class*="lp-theme--"] .lp__content-box__heading {
    padding: 32px 16px !important; }
  body[class*="lp-theme--"] .lp__login-box {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 16px;
    background: #f4f4f4; }
    body[class*="lp-theme--"] .lp__login-box--single {
      flex-basis: 100%;
      padding: 8px; }
      @media screen and (min-width: 700px) {
        body[class*="lp-theme--"] .lp__login-box--single {
          flex-basis: 50%; } }
      @media screen and (min-width: 960px) {
        body[class*="lp-theme--"] .lp__login-box--single {
          flex-basis: 33%; } }
      @media screen and (min-width: 1280px) {
        body[class*="lp-theme--"] .lp__login-box--single {
          flex-basis: 25%; } }
      @media screen and (min-width: 1440px) {
        body[class*="lp-theme--"] .lp__login-box--single {
          flex-basis: 20%; } }
      body[class*="lp-theme--"] .lp__login-box--single input[type="password"] {
        margin-bottom: 4px !important; }
      body[class*="lp-theme--"] .lp__login-box--single form {
        background: #FFFFFF;
        padding: 8px;
        border-radius: 2px;
        box-shadow: 0 20px 25px -15px rgba(0, 0, 0, 0.2); }
      body[class*="lp-theme--"] .lp__login-box--single legend.label {
        font-size: 18px; }
  body[class*="lp-theme--"] .lp__login-box__btn-container button {
    padding: 16px 0px;
    border-radius: 0px;
    width: 50%; }
  body[class*="lp-theme--"] .header--landing-page--002 .grd__col--10, body[class*="lp-theme--"] .header--landing-page--002 .grd__col--2 {
    flex-basis: auto;
    min-width: auto;
    width: auto;
    max-width: auto;
    flex-basis: initial;
    min-width: initial;
    width: initial;
    max-width: initial; }
  body[class*="lp-theme--"] .header--landing-page--002 .grd__col--2 {
    height: 100%;
    padding: 0; }
    body[class*="lp-theme--"] .header--landing-page--002 .grd__col--2 .logo--landing-page--002 {
      height: 100%;
      padding-top: 0; }
      body[class*="lp-theme--"] .header--landing-page--002 .grd__col--2 .logo--landing-page--002 img {
        max-height: 96px !important; }
  body[class*="lp-theme--"] .lp__footer__copyright {
    display: flex;
    justify-content: space-between;
    padding-right: 108px !important;
    align-items: center; }
  body[class*="lp-theme--"] .lp__footer__user-buttons {
    display: flex; }
    body[class*="lp-theme--"] .lp__footer__user-buttons a {
      border-radius: 0 !important; }
  body[class*="lp-theme--"] main {
    width: 100%;
    padding-top: 96px; }
  body[class*="lp-theme--"] img[class*="lp--img--"] {
    display: none; }
  body[class*="lp-theme--"] .owl-theme .owl-nav {
    top: 100%;
    margin: 0 !important; }
  body[class*="lp-theme--"] .owl-theme .owl-nav [class*='owl-'] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px;
    position: absolute;
    bottom: 0;
    height: 48px;
    line-height: 48px;
    padding: 0;
    padding: 0px 48px;
    background: #ddd;
    color: #555; }
  body[class*="lp-theme--"] .owl-prev {
    left: 0;
    text-transform: uppercase;
    z-index: 1;
    border-radius: 0px !important;
    margin: 0px !important; }
  body[class*="lp-theme--"] .owl-next {
    right: 0;
    text-transform: uppercase;
    z-index: 1;
    border-radius: 0px !important;
    margin: 0px !important; }
  body[class*="lp-theme--"] .owl-theme .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    background: #F1F1F1;
    padding: 16px 0px;
    bottom: 0;
    left: 0;
    right: 0;
    height: 48px;
    line-height: 1; }
  body[class*="lp-theme--"] .owl-theme .owl-dots .owl-dot span {
    width: 16px;
    height: 16px;
    margin: 0 8px;
    /* margin: 5px 7px; */
    background: #D1D1D1;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
    border-radius: 50%;
    font-weight: bold !important; }
  body[class*="lp-theme--"] .owl-theme .owl-dots .owl-dot.active span, body[class*="lp-theme--"] .owl-theme .owl-dots .owl-dot:hover span {
    background: #B1B1B1; }
  body[class*="lp-theme--"] #slides {
    max-height: calc(100vh - 96px) !important; }
  body[class*="lp-theme--"] .header--landing-page--002 {
    height: 96px;
    position: absolute !important; }
    body[class*="lp-theme--"] .header--landing-page--002 .btn--menu {
      color: #FFFFFF; }
  body[class*="lp-theme--"] .nav--landing-page--002.is--visible {
    right: 0;
    transition: right 300ms ease-out; }
  body[class*="lp-theme--"] .nav--landing-page--002 {
    position: static;
    right: auto;
    top: auto;
    bottom: auto;
    width: auto;
    min-width: auto;
    z-index: auto;
    box-shadow: none;
    background: none;
    position: initial;
    right: initial;
    top: initial;
    bottom: initial;
    width: initial;
    min-width: initial;
    z-index: initial;
    box-shadow: initial;
    background: initial;
    transition: right 300ms ease-out;
    display: flex;
    justify-content: center;
    position: fixed;
    background: #FFFFFF;
    top: 0;
    bottom: 0;
    right: -108%;
    width: 100%;
    justify-content: flex-start;
    flex-direction: column;
    transition: right 300ms ease-out; }
    @media screen and (min-width: 769px) {
      body[class*="lp-theme--"] .nav--landing-page--002 {
        flex-direction: row;
        justify-content: flex-end;
        background: none;
        position: static;
        top: auto;
        bottom: auto;
        right: auto;
        width: auto;
        position: initial;
        top: initial;
        bottom: initial;
        right: initial;
        width: initial; } }
  body[class*="lp-theme--"] .nav--landing-page--002 .nav__title {
    display: initial;
    padding: 16px;
    background: rgba(0, 0, 0, 0.3);
    color: #FFFFFF;
    margin-bottom: 16px; }
    @media screen and (min-width: 769px) {
      body[class*="lp-theme--"] .nav--landing-page--002 .nav__title {
        display: none;
        padding: auto;
        background: none;
        padding: initial;
        background: initial;
        color: inherit;
        margin-bottom: 16px; } }
  @media screen and (min-width: 769px) {
    body[class*="lp-theme--"] .nav--landing-page--002 > .btn--close {
      display: none; } }
  body[class*="lp-theme--"] .nav--landing-page--002 .btn--close {
    position: fixed;
    top: 4px;
    right: 8px;
    background: none;
    transform: scale(0);
    transition: transform 300ms ease-out;
    color: #FFFFFF;
    height: 44px; }
    body[class*="lp-theme--"] .nav--landing-page--002 .btn--close:hover {
      color: rgba(0, 0, 0, 0.5); }
  body[class*="lp-theme--"] .nav--landing-page--002.is--visible .btn--close {
    transform: scale(1);
    transition: transform 300ms ease-out; }
  @media screen and (min-width: 769px) {
    body[class*="lp-theme--"] .btn--menu {
      display: none; } }
  body[class*="lp-theme--"] .nav--landing-page--002 a {
    display: inherit;
    color: #f1f1f1;
    padding: 12px;
    border-bottom: none;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold; }
  body[class*="lp-theme--"] .grd.lp-theme__content-wrapper {
    padding: 8px 8px 96px 8px;
    max-width: 900px;
    width: 100%;
    margin: 0 auto;
    background: #FFFFFF; }
    @media screen and (min-width: 768px) {
      body[class*="lp-theme--"] .grd.lp-theme__content-wrapper {
        padding: 40px 40px 192px 40px; } }
  body[class*="lp-theme--"] section:not([class]) {
    /* every section without class - but won't select Section C */
    color: red; }
  body[class*="lp-theme--"] input[type="text"]:not([class]), body[class*="lp-theme--"] input[type="password"]:not([class]), body[class*="lp-theme--"] textarea:not([class]) {
    background: #FFFFFF;
    border-radius: 1px;
    border: 1px solid #888;
    display: block;
    width: 100%;
    max-width: 768px;
    padding-left: 8px;
    margin-bottom: 32px; }
  body[class*="lp-theme--"] input[type="text"]:not([class]), body[class*="lp-theme--"] input[type="password"]:not([class]) {
    height: 44px; }
  body[class*="lp-theme--"] textarea:not([class]) {
    min-height: 300px;
    padding: 0;
    margin: 0;
    margin-bottom: 32px; }
  body[class*="lp-theme--"] label:not([class]) {
    margin-bottom: 8px;
    text-transform: uppercase; }
  body[class*="lp-theme--"] select:not([class]) {
    width: 100%;
    max-width: 768px;
    height: 44px;
    border: 1px solid #888;
    border-radius: 1px;
    padding-left: 8px;
    margin-bottom: 32px; }
    body[class*="lp-theme--"] select:not([class]):focus {
      border: 1px solid #cc0000; }
  body[class*="lp-theme--"] table:not([class]) {
    border-collapse: collapse;
    border: 1px solid #999;
    background: #FFFFFF;
    max-width: 100%; }
  body[class*="lp-theme--"] caption:not([class]) {
    padding: 16px;
    background: #E1E1E1;
    text-align: left;
    font-weight: 600; }
  body[class*="lp-theme--"] th:not([class]) {
    text-align: left;
    padding: 4px;
    white-space: nowrap; }
  body[class*="lp-theme--"] thead:not([class]) tr:not([class]) {
    border-bottom: 1px solid #888; }
  body[class*="lp-theme--"] tbody:not([class]) tr:not([class]) {
    border-bottom: 1px solid #E1E1E1; }
  body[class*="lp-theme--"] tfoot:not([class]) tr:not([class]) {
    border-bottom: 1px solid #888; }
  body[class*="lp-theme--"] tfoot:not([class]) td:not([class]) {
    font-weight: 600;
    padding: 4px; }
  body[class*="lp-theme--"] td:not([class]) {
    padding: 4px;
    white-space: nowrap; }
  body[class*="lp-theme--"] fieldset:not([class]) {
    margin-bottom: 24px; }
  body[class*="lp-theme--"] figure:not([class]) {
    display: inline-block;
    background: #f1f1f1;
    padding: 8px;
    border-radius: 1px;
    margin: 0;
    margin-bottom: 16px; }
  body[class*="lp-theme--"] figcaption:not([class]) {
    padding: 0px 4px; }
  body[class*="lp-theme--"] input[type="checkbox"]:not([class]) + label:not([class]), body[class*="lp-theme--"] input[type="radio"]:not([class]) + label:not([class]) {
    margin: 0px 16px 0px 0px; }
  body[class*="lp-theme--"] input[type='submit']:not([class]), body[class*="lp-theme--"] input[type="reset"]:not([class]) {
    padding: 8px 16px;
    color: rgba(0, 0, 0, 0.66); }
  body[class*="lp-theme--"] input[type='submit']:not([class]) {
    backound: #cc0000; }
  body[class*="lp-theme--"] input[type='reset']:not([class]) {
    background: #D8D8D8; }
  body[class*="lp-theme--"] input[type='file']:not([class]) {
    display: block;
    margin-bottom: 24px; }
  body[class*="lp-theme--"] .lp__link-group {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    padding: 24px 16px; }
    @media screen and (min-width: 768px) {
      body[class*="lp-theme--"] .lp__link-group {
        justify-content: center;
        flex-direction: row;
        align-items: stretch; } }
  @media screen and (min-width: 768px) {
    body[class*="lp-theme--"] .lp__link-group__list-container {
      padding: 24px; } }
  body[class*="lp-theme--"] .lp__link-group__list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-bottom: 24px; }
    @media screen and (min-width: 768px) {
      body[class*="lp-theme--"] .lp__link-group__list {
        margin-bottom: 0; } }
  body[class*="lp-theme--"] .lp__link-group__list-title {
    text-transform: uppercase; }
  body[class*="lp-theme--"] .nav__list {
    display: flex;
    flex-direction: column;
    list-style-type: none;
    margin: 0 !important;
    padding: 0 !important; }
    @media screen and (min-width: 769px) {
      body[class*="lp-theme--"] .nav__list {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        list-style-type: none;
        margin: 0 !important;
        padding: 0 !important; } }
  body[class*="lp-theme--"] .nav__list.is--child {
    display: flex;
    flex-direction: column;
    z-index: 1; }
  body[class*="lp-theme--"] .nav__list {
    display: flex; }
  body[class*="lp-theme--"] .nav__list ul {
    min-width: 150px;
    display: flex;
    flex-direction: column; }
    @media screen and (min-width: 769px) {
      body[class*="lp-theme--"] .nav__list ul {
        position: absolute;
        top: 100%;
        left: -9999px;
        opacity: 0;
        transition: 0.1s linear opacity; } }
  body[class*="lp-theme--"] .nav__list li {
    position: relative; }
  body[class*="lp-theme--"] .nav__list li > a {
    display: flex;
    text-decoration: none; }
  body[class*="lp-theme--"] .nav__list li > a:focus,
  body[class*="lp-theme--"] .nav__list li:focus > a {
    outline: 2px solid #FF9000; }
  @media screen and (min-width: 769px) {
    body[class*="lp-theme--"] .nav__list li:hover ul,
    body[class*="lp-theme--"] .nav__list li:focus ul,
    body[class*="lp-theme--"] ul.show-menu {
      left: 0;
      opacity: 0.99; } }
  body[class*="lp-theme--"] .nav__list ul li {
    float: none;
    position: static; }
  body[class*="lp-theme--"] .nav__list ul a {
    float: none;
    display: block;
    text-shadow: none;
    transition: 0.1s linear all; }
  body[class*="lp-theme--"] .nav__list ul a:hover,
  body[class*="lp-theme--"] .nav__list ul a:focus {
    text-shadow: none; }
  body[class*="lp-theme--"] .list-reset {
    margin: 0;
    padding: 0;
    list-style: none; }
  @media screen and (min-width: 769px) {
    body[class*="lp-theme--"] li.nav__list-item.is--parent {
      display: flex;
      flex-direction: row-reverse;
      align-items: center; }
    body[class*="lp-theme--"] li.nav__list-item.is--parent > a {
      padding-right: 2px; }
    body[class*="lp-theme--"] li.nav__list-item.is--parent > button {
      padding: 0; }
    body[class*="lp-theme--"] li.nav__list-item.is--parent > button > i {
      transform: translateY(2px); } }
body[class*="lp-theme--"]:not(.landingPageController) .lp-theme__main {
  padding-top: 96px; }

main.lp-theme__main .panel {
  box-shadow: none;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0; }

body.lp-theme--001 {
  font-family: "Nunito Sans", sans-serif; }
  body.lp-theme--001 h1, body.lp-theme--001 h2, body.lp-theme--001 h3, body.lp-theme--001 h4, body.lp-theme--001 h5, body.lp-theme--001 h6 {
    font-family: "Nunito Sans", sans-serif;
    font-weight: 400; }
  body.lp-theme--001 img.lp--img--001 {
    display: block; }
  body.lp-theme--001 main {
    padding-top: 0px; }

body.lp-theme--001:not(.landingPageController) .lp-theme__main {
  padding-top: 128px; }
  @media screen and (min-width: 768px) {
    body.lp-theme--001:not(.landingPageController) .lp-theme__main {
      padding-top: 176px; } }
@media screen and (min-width: 769px) {
  body.lp-theme--001.landingPageController .nav--landing-page--002 {
    background: rgba(0, 0, 0, 0.4);
    border-radius: 2px; } }

@media screen and (min-width: 769px) {
  body.lp-theme--001.landingPageController .nav__list.is--child {
    background: rgba(0, 0, 0, 0.4); } }

body.lp-theme--001 .header--landing-page--002 {
  height: 128px;
  padding: 16px;
  background: none;
  justify-content: flex-start;
  position: absolute !important;
  width: 100%;
  box-shadow: none !important; }
  @media screen and (min-width: 768px) {
    body.lp-theme--001 .header--landing-page--002 {
      height: 176px; } }
  body.lp-theme--001 .header--landing-page--002 .grd__col--2 {
    padding: 0;
    min-width: auto;
    width: auto;
    max-width: auto;
    flex-basis: auto;
    min-width: initial;
    width: initial;
    max-width: initial;
    flex-basis: initial; }
  body.lp-theme--001 .header--landing-page--002 .grd__col--10 {
    padding: 0;
    min-width: auto;
    width: auto;
    max-width: auto;
    flex-basis: auto;
    min-width: initial;
    width: initial;
    max-width: initial;
    flex-basis: initial; }
  body.lp-theme--001 .header--landing-page--002 .logo--landing-page--002 {
    height: 96px;
    max-width: 200px; }
    @media screen and (min-width: 768px) {
      body.lp-theme--001 .header--landing-page--002 .logo--landing-page--002 {
        height: 144px; } }
    body.lp-theme--001 .header--landing-page--002 .logo--landing-page--002 img {
      height: 144px;
      max-width: 100%; }
  body.lp-theme--001 .header--landing-page--002 .btn--menu {
    background: none;
    color: #FFFFFF;
    position: absolute;
    right: 24px;
    top: 40px; }

@media screen and (min-width: 769px) {
  body.lp-theme--001 .nav--landing-page--002 {
    justify-content: flex-start; } }

@media screen and (min-width: 1024px) {
  body.lp-theme--001 .nav--landing-page--002 {
    flex-wrap: wrap;
    width: calc(100%); } }

body.lp-theme--001 .owl-item {
  height: 100vh; }

body.lp-theme--001 .logo--landing-page--002 img {
  max-height: 100%;
  height: 100%; }

@media screen and (min-width: 1024px) {
  body.lp-theme--001 .lp__hero-container {
    display: flex; } }

body.lp-theme--001 .lp__hero-img__container {
  background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/t-522/lp-theme--hero-image--001.jpg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  height: 40vh; }
  @media screen and (min-width: 768px) {
    body.lp-theme--001 .lp__hero-img__container {
      height: 50vh;
      height: 49vh; } }
  @media screen and (min-width: 1024px) {
    body.lp-theme--001 .lp__hero-img__container {
      flex-basis: 50%;
      height: 100vh; } }
body.lp-theme--001 .lp__hero-content__container {
  padding: 16px; }
  @media screen and (min-width: 1024px) {
    body.lp-theme--001 .lp__hero-content__container {
      flex-basis: 50%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center; } }
@media screen and (min-width: 1024px) {
  body.lp-theme--001 .lp__hero-h1, body.lp-theme--001 .lp__hero-h2, body.lp-theme--001 .lp__hero-action {
    width: 60%; } }

body.lp-theme--001 .lp__hero-h1 {
  font-size: 28px;
  font-weight: 400;
  line-height: 38px;
  color: #727272;
  margin-bottom: 8px; }
  @media screen and (min-width: 768px) {
    body.lp-theme--001 .lp__hero-h1 {
      font-size: 40px;
      line-height: 50px;
      margin-bottom: 16px; } }
  @media screen and (min-width: 1024px) {
    body.lp-theme--001 .lp__hero-h1 {
      font-size: 48px;
      line-height: 60px;
      margin-bottom: 8px; } }
body.lp-theme--001 .lp__hero-h2 {
  font-size: 16px;
  line-height: 24px;
  color: #a6a6a6;
  margin-bottom: 24px; }
  @media screen and (min-width: 768px) {
    body.lp-theme--001 .lp__hero-h2 {
      font-size: 18px;
      line-height: 27px;
      margin-bottom: 24px; } }
  @media screen and (min-width: 1024px) {
    body.lp-theme--001 .lp__hero-h2 {
      font-size: 24px;
      line-height: 36px;
      margin-bottom: 24px; } }
body.lp-theme--001 .lp__hero-action {
  margin-bottom: 16px;
  width: 100%;
  text-align: center; }
  @media screen and (min-width: 768px) {
    body.lp-theme--001 .lp__hero-action {
      width: auto;
      width: initial; } }
  @media screen and (min-width: 1024px) {
    body.lp-theme--001 .lp__hero-action {
      width: 60%; } }
body.lp-theme--001 .lp__content-box.no--img {
  justify-content: center; }

@media screen and (min-width: 1024px) {
  body.lp-theme--001 .lp__content-box.alt-view {
    padding-left: 0;
    padding-right: 48px; } }

body.lp-theme--001 .lp__content-box.alt-view .lp__content-box__inner {
  display: flex;
  flex-direction: column;
  order: 2; }
  @media screen and (min-width: 1024px) {
    body.lp-theme--001 .lp__content-box.alt-view .lp__content-box__inner {
      flex-basis: 50%;
      padding-top: 48px;
      padding-bottom: 48px;
      padding: 48px;
      padding-right: 0px; } }
  @media screen and (min-width: 1440px) {
    body.lp-theme--001 .lp__content-box.alt-view .lp__content-box__inner {
      padding: 48px 96px;
      padding-right: 0px; } }
body.lp-theme--001 .lp__content-box.alt-view .lp__content-box__img--extra {
  display: none;
  speak: none;
  order: 1; }
  @media screen and (min-width: 1024px) {
    body.lp-theme--001 .lp__content-box.alt-view .lp__content-box__img--extra {
      display: inherit;
      flex-basis: calc(50% + 24px);
      width: calc(50% + 24px) !important;
      min-width: calc(50% + 24px) !important;
      max-width: calc(50% + 24px) !important; } }
body.lp-theme--001 .lp__content-box {
  position: relative;
  padding: 0px 16px; }
  @media screen and (min-width: 768px) {
    body.lp-theme--001 .lp__content-box {
      padding: 0px 48px; } }
  @media screen and (min-width: 1024px) {
    body.lp-theme--001 .lp__content-box {
      display: flex;
      flex-direction: row;
      align-items: center;
      padding-right: 0; } }
  body.lp-theme--001 .lp__content-box__inner {
    display: flex;
    flex-direction: column;
    padding-top: 48px;
    padding-bottom: 48px; }
    @media screen and (min-width: 1024px) {
      body.lp-theme--001 .lp__content-box__inner {
        flex-basis: 50%; } }
    @media screen and (min-width: 1440px) {
      body.lp-theme--001 .lp__content-box__inner {
        padding: 48px 96px; } }
  body.lp-theme--001 .lp__content-box__title {
    font-size: 28px;
    font-weight: 400;
    color: #727272;
    order: 2;
    font-family: "Nunito Sans", sans-serif; }
    @media screen and (min-width: 768px) {
      body.lp-theme--001 .lp__content-box__title {
        font-size: 40px;
        line-height: 48px;
        max-width: 66%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 32px; } }
    @media screen and (min-width: 1024px) {
      body.lp-theme--001 .lp__content-box__title {
        margin-left: 0;
        width: auto;
        max-width: 100%;
        margin-right: 48px; } }
  body.lp-theme--001 .lp__content-box__description {
    order: 3;
    font-size: 16px;
    line-height: 24px;
    color: #a6a6a6;
    margin-bottom: 24px; }
    @media screen and (min-width: 768px) {
      body.lp-theme--001 .lp__content-box__description {
        font-size: 18px;
        line-height: 27px;
        max-width: 66%;
        margin-left: auto;
        margin-right: auto; } }
    @media screen and (min-width: 1024px) {
      body.lp-theme--001 .lp__content-box__description {
        margin-left: 0;
        width: auto;
        max-width: 100%;
        margin-right: 48px;
        font-size: 18px;
        line-height: 27px; } }
    @media screen and (min-width: 1440px) {
      body.lp-theme--001 .lp__content-box__description {
        font-size: 24px;
        line-height: 36px; } }
  body.lp-theme--001 .lp__content-box__action {
    order: 4;
    text-align: center; }
    @media screen and (min-width: 768px) {
      body.lp-theme--001 .lp__content-box__action {
        max-width: 66%;
        min-width: 66%;
        width: 66%;
        margin-left: auto;
        margin-right: auto;
        display: inline-block; } }
    @media screen and (min-width: 1024px) {
      body.lp-theme--001 .lp__content-box__action {
        margin-left: 0;
        width: auto;
        min-width: auto;
        max-width: auto; } }
  body.lp-theme--001 .lp__content-box__img {
    order: 1;
    margin-bottom: 16px;
    width: calc(100% + 32px) !important;
    min-width: calc(100% + 32px) !important;
    max-width: calc(100% + 32px) !important;
    transform: translatex(-16px); }
    @media screen and (min-width: 768px) {
      body.lp-theme--001 .lp__content-box__img {
        margin-bottom: 32px;
        width: calc(100% + 96px) !important;
        min-width: calc(100% + 96px) !important;
        max-width: calc(100% + 96px) !important;
        transform: translatex(-48px); } }
    @media screen and (min-width: 1024px) {
      body.lp-theme--001 .lp__content-box__img {
        display: none;
        speak: none; } }
  body.lp-theme--001 .lp__content-box__img--extra {
    display: none;
    speak: none; }
    @media screen and (min-width: 1024px) {
      body.lp-theme--001 .lp__content-box__img--extra {
        display: inherit;
        flex-basis: calc(50% + 24px);
        width: calc(50% + 24px) !important;
        min-width: calc(50% + 24px) !important;
        max-width: calc(50% + 24px) !important; } }
body.lp-theme--001 .lp__testimonial {
  padding: 24px 0px;
  background: #f5f5f5;
  position: relative; }
  @media screen and (min-width: 768px) {
    body.lp-theme--001 .lp__testimonial {
      padding: 48px 0px; } }
  @media screen and (min-width: 1024px) {
    body.lp-theme--001 .lp__testimonial {
      padding: 96px 0px; } }
  @media screen and (min-width: 768px) {
    body.lp-theme--001 .lp__testimonial:before {
      font-family: "Material Icons";
      content: "\E244";
      display: block;
      position: absolute;
      font-family: 'Material Icons';
      font-style: normal;
      font-weight: 400;
      font-size: 288px;
      color: #ffffff;
      right: 0;
      bottom: 0;
      z-index: 1111;
      height: 288px;
      line-height: 1;
      opacity: 0.66; } }
body.lp-theme--001 .lp__blockquote {
  border-left: none;
  margin: 0;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
  padding-top: 136px;
  padding-left: 48px;
  padding-right: 48px; }
  @media screen and (min-width: 768px) {
    body.lp-theme--001 .lp__blockquote {
      padding-top: 0; } }
  body.lp-theme--001 .lp__blockquote__quote {
    text-align: center;
    position: relative;
    padding-bottom: 24px;
    font-size: 18px;
    line-height: 27px;
    color: #797979; }
    body.lp-theme--001 .lp__blockquote__quote:after {
      content: "";
      display: block;
      width: 50%;
      height: 4px;
      background: #000000;
      position: absolute;
      bottom: 0;
      left: 50%;
      margin-left: -25%; }
    @media screen and (min-width: 768px) {
      body.lp-theme--001 .lp__blockquote__quote {
        width: 50%;
        padding: 0 24px;
        padding-bottom: 24px;
        text-align: left;
        font-size: 24px;
        line-height: 36px; }
        body.lp-theme--001 .lp__blockquote__quote:after {
          left: 24px;
          margin-left: 0; } }
body.lp-theme--001 .lp__blockquote-user {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 48px; }
  @media screen and (min-width: 768px) {
    body.lp-theme--001 .lp__blockquote-user {
      width: 50%;
      align-items: flex-start;
      padding-left: 24px;
      margin-bottom: 0; } }
  body.lp-theme--001 .lp__blockquote-user:after {
    font-family: "Material Icons";
    content: "\E244";
    display: block;
    position: absolute;
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    bottom: -48px;
    font-size: 32px;
    color: #ffffff; }
    @media screen and (min-width: 768px) {
      body.lp-theme--001 .lp__blockquote-user:after {
        display: none; } }
  body.lp-theme--001 .lp__blockquote-user__name {
    font-weight: 900 !important;
    color: #a6a6a6; }
    @media screen and (min-width: 768px) {
      body.lp-theme--001 .lp__blockquote-user__name {
        text-align: left; } }
  body.lp-theme--001 .lp__blockquote-user__position {
    font-weight: 900 !important;
    color: #a6a6a6; }
    @media screen and (min-width: 768px) {
      body.lp-theme--001 .lp__blockquote-user__position {
        text-align: left; } }
  body.lp-theme--001 .lp__blockquote-user__affiliation {
    font-weight: 900 !important;
    color: #a6a6a6; }
    @media screen and (min-width: 768px) {
      body.lp-theme--001 .lp__blockquote-user__affiliation {
        text-align: left; } }
body.lp-theme--001 .lp__blockquote-avatar {
  width: 96px;
  height: 96px;
  overflow: hidden;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 16px;
  left: 50%;
  margin-left: -48px;
  border: 4px solid #FFFFFF; }
  @media screen and (min-width: 768px) {
    body.lp-theme--001 .lp__blockquote-avatar {
      left: auto;
      left: initial;
      height: 288px;
      width: 288px;
      top: calc(50% - 144px);
      right: calc(25% - 144px);
      border: 8px solid #FFFFFF; } }
  body.lp-theme--001 .lp__blockquote-avatar__img {
    width: 150%; }

body.lp-theme--001 .lp__content.is--001 .lp__icon-group__item {
  flex-grow: 1; }

body.lp-theme--001 .lp__content.is--002 .lp__icon-group__item {
  flex-basis: 100%; }
  @media screen and (min-width: 500px) {
    body.lp-theme--001 .lp__content.is--002 .lp__icon-group__item {
      flex-grow: 1;
      flex-basis: auto;
      flex-basis: initial; } }
body.lp-theme--001 .lp__content.is--003 .lp__icon-group__item {
  flex-basis: 100%; }
  @media screen and (min-width: 600px) {
    body.lp-theme--001 .lp__content.is--003 .lp__icon-group__item {
      flex-grow: 1;
      flex-basis: auto;
      flex-basis: initial; } }
body.lp-theme--001 .lp__content.is--004 .lp__icon-group__item {
  flex-basis: 100%; }
  @media screen and (min-width: 500px) {
    body.lp-theme--001 .lp__content.is--004 .lp__icon-group__item {
      flex-basis: 50%; } }
  @media screen and (min-width: 768px) {
    body.lp-theme--001 .lp__content.is--004 .lp__icon-group__item {
      flex-basis: 25%; } }
body.lp-theme--001 .lp__content.is--005 .lp__icon-group__item {
  flex-basis: 100%; }
  @media screen and (min-width: 500px) {
    body.lp-theme--001 .lp__content.is--005 .lp__icon-group__item {
      flex-basis: 50%;
      flex-grow: 1; } }
  @media screen and (min-width: 768px) {
    body.lp-theme--001 .lp__content.is--005 .lp__icon-group__item {
      flex-basis: auto;
      flex-basis: initial; } }
body.lp-theme--001 .lp__content.is--006 .lp__icon-group__item {
  flex-basis: 100%; }
  @media screen and (min-width: 500px) {
    body.lp-theme--001 .lp__content.is--006 .lp__icon-group__item {
      flex-basis: 50%;
      flex-grow: 1; } }
  @media screen and (min-width: 768px) {
    body.lp-theme--001 .lp__content.is--006 .lp__icon-group__item {
      flex-basis: 33%; } }
body.lp-theme--001 .lp__content.is--007 .lp__icon-group__item {
  flex-basis: 100%; }
  @media screen and (min-width: 500px) {
    body.lp-theme--001 .lp__content.is--007 .lp__icon-group__item {
      flex-basis: 50%;
      flex-grow: 1; } }
  @media screen and (min-width: 768px) {
    body.lp-theme--001 .lp__content.is--007 .lp__icon-group__item {
      flex-basis: 33%; } }
  @media screen and (min-width: 1024px) {
    body.lp-theme--001 .lp__content.is--007 .lp__icon-group__item {
      flex-basis: 20%; } }
body.lp-theme--001 .lp__content.is--008 .lp__icon-group__item {
  flex-basis: 100%; }
  @media screen and (min-width: 500px) {
    body.lp-theme--001 .lp__content.is--008 .lp__icon-group__item {
      flex-basis: 50%; } }
  @media screen and (min-width: 768px) {
    body.lp-theme--001 .lp__content.is--008 .lp__icon-group__item {
      flex-basis: 25%; } }
body.lp-theme--001 .lp__icon-group__list {
  display: flex;
  list-style-type: none;
  margin: 0;
  padding: 0;
  flex-wrap: wrap; }

body.lp-theme--001 .lp__icon-group__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: rgba(0, 0, 0, 0.5);
  font-weight: bold;
  padding: 24px; }
  @media screen and (min-width: 768px) {
    body.lp-theme--001 .lp__icon-group__item {
      padding: 24px 24px; } }
  @media screen and (min-width: 1024px) {
    body.lp-theme--001 .lp__icon-group__item {
      padding: 48px 24px; } }
  @media screen and (min-width: 1440px) {
    body.lp-theme--001 .lp__icon-group__item {
      padding: 96px 24px; } }
  body.lp-theme--001 .lp__icon-group__item:nth-of-type(1) {
    background: #ffffff; }
  body.lp-theme--001 .lp__icon-group__item:nth-of-type(2) {
    background: #000000; }
  body.lp-theme--001 .lp__icon-group__item:nth-of-type(3) {
    background: #888; }
  body.lp-theme--001 .lp__icon-group__item:nth-of-type(4) {
    background: #000000; }
  body.lp-theme--001 .lp__icon-group__item:nth-of-type(8) {
    background: #ffffff; }
  body.lp-theme--001 .lp__icon-group__item:nth-of-type(7) {
    background: #000000; }
  body.lp-theme--001 .lp__icon-group__item:nth-of-type(6) {
    background: #888; }
  body.lp-theme--001 .lp__icon-group__item:nth-of-type(5) {
    background: #000000; }

body.lp-theme--001 .lp__icon-group__icon {
  font-size: 48px; }

body.lp-theme--001 .lp__icon-group__label {
  text-align: center; }
  @media screen and (min-width: 1024px) {
    body.lp-theme--001 .lp__icon-group__label {
      font-size: 18px; } }
  @media screen and (min-width: 1440px) {
    body.lp-theme--001 .lp__icon-group__label {
      font-size: 24px; } }
body.lp-theme--001 .lp__content.is--001 .lp__stat--single {
  flex-grow: 1; }
  @media screen and (min-width: 768px) {
    body.lp-theme--001 .lp__content.is--001 .lp__stat--single {
      padding-left: calc(34%);
      padding-top: 0;
      margin: 0;
      justify-content: auto;
      align-items: auto;
      justify-content: initial;
      align-items: initial; } }
  @media screen and (min-width: 1024px) {
    body.lp-theme--001 .lp__content.is--001 .lp__stat--single {
      padding-left: 20%; } }
  @media screen and (min-width: 768px) {
    body.lp-theme--001 .lp__content.is--001 .lp__stat--single__value {
      position: absolute;
      bottom: 0;
      width: 34%;
      z-index: 2;
      padding-bottom: 0;
      left: 0;
      text-align: center;
      font-size: 32px;
      line-height: 166%; } }
  @media screen and (min-width: 1024px) {
    body.lp-theme--001 .lp__content.is--001 .lp__stat--single__value {
      width: 20%; } }
  @media screen and (min-width: 768px) {
    body.lp-theme--001 .lp__content.is--001 .lp__stat--single__icon {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 34%;
      text-align: center; } }
  @media screen and (min-width: 1024px) {
    body.lp-theme--001 .lp__content.is--001 .lp__stat--single__icon {
      font-size: 64px;
      width: 20%; } }
body.lp-theme--001 .lp__content.is--005 .lp__stat--single {
  flex-basis: 100%; }
  @media screen and (min-width: 500px) {
    body.lp-theme--001 .lp__content.is--005 .lp__stat--single {
      flex-basis: 50%;
      flex-grow: 1; } }
  @media screen and (min-width: 768px) {
    body.lp-theme--001 .lp__content.is--005 .lp__stat--single {
      flex-basis: auto;
      flex-basis: initial; } }
body.lp-theme--001 .lp__content.is--006 .lp__stat--single {
  flex-basis: 100%; }
  @media screen and (min-width: 500px) {
    body.lp-theme--001 .lp__content.is--006 .lp__stat--single {
      flex-basis: 50%;
      flex-grow: 1; } }
  @media screen and (min-width: 768px) {
    body.lp-theme--001 .lp__content.is--006 .lp__stat--single {
      flex-basis: 33%; } }
body.lp-theme--001 .lp__content.is--007 .lp__stat--single {
  flex-basis: 100%; }
  @media screen and (min-width: 500px) {
    body.lp-theme--001 .lp__content.is--007 .lp__stat--single {
      flex-basis: 50%;
      flex-grow: 1; } }
  @media screen and (min-width: 768px) {
    body.lp-theme--001 .lp__content.is--007 .lp__stat--single {
      flex-basis: 33%; } }
  @media screen and (min-width: 1024px) {
    body.lp-theme--001 .lp__content.is--007 .lp__stat--single {
      flex-basis: 20%; } }
body.lp-theme--001 .lp__content.is--008 .lp__stat--single {
  flex-basis: 100%; }
  @media screen and (min-width: 500px) {
    body.lp-theme--001 .lp__content.is--008 .lp__stat--single {
      flex-basis: 50%; } }
  @media screen and (min-width: 768px) {
    body.lp-theme--001 .lp__content.is--008 .lp__stat--single {
      flex-basis: 25%; } }
body.lp-theme--001 .lp__stats {
  display: flex;
  flex-wrap: wrap;
  background: #f1f1f1;
  padding: 16px;
  justify-content: center; }

body.lp-theme--001 .lp__stat--single {
  flex-basis: 100%;
  min-width: 100%;
  display: flex;
  flex-direction: column;
  background: #FFFFFF;
  margin: 8px 0px;
  position: relative;
  padding-top: 48px;
  justify-content: center;
  align-items: center; }
  @media screen and (min-width: 768px) {
    body.lp-theme--001 .lp__stat--single {
      flex-basis: calc(50% - 32px);
      min-width: calc(50% - 32px);
      margin: 16px; } }
  @media screen and (min-width: 1024px) {
    body.lp-theme--001 .lp__stat--single {
      flex-basis: calc(25% - 32px);
      min-width: calc(25% - 32px);
      justify-content: flex-end; } }
  body.lp-theme--001 .lp__stat--single__title {
    margin-bottom: 0;
    padding: 8px;
    background: rgba(0, 0, 0, 0.5);
    color: rgba(0, 0, 0, 0.5);
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 16px;
    order: 3;
    align-self: flex-end;
    width: 100%; }
    @media screen and (min-width: 1440px) {
      body.lp-theme--001 .lp__stat--single__title {
        font-size: 20px; } }
  body.lp-theme--001 .lp__stat--single__value {
    font-size: 48px;
    order: 2;
    font-weight: bold;
    padding-bottom: 32px; }
    @media screen and (min-width: 1024px) {
      body.lp-theme--001 .lp__stat--single__value {
        font-size: 24px; } }
  body.lp-theme--001 .lp__stat--single__icon {
    color: #ffffff;
    font-size: 88px;
    order: 1;
    margin-bottom: 8px; }
    @media screen and (min-width: 1024px) {
      body.lp-theme--001 .lp__stat--single__icon {
        font-size: 42px; } }
  body.lp-theme--001 .lp__stat--single__description {
    padding: 24px;
    order: 4;
    background: white;
    font-weight: 600;
    width: 100%;
    margin: 0; }

body.lp-theme--001 .lp__steps {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap; }
  @media screen and (min-width: 768px) {
    body.lp-theme--001 .lp__steps {
      flex-direction: row;
      justify-content: center; } }
body.lp-theme--001 .lp__step--single {
  padding: 48px 24px 24px 24px;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: column; }
  @media screen and (min-width: 768px) {
    body.lp-theme--001 .lp__step--single {
      flex-basis: 50%;
      min-width: 50%;
      flex-grow: 1; } }
  @media screen and (min-width: 1024px) {
    body.lp-theme--001 .lp__step--single {
      flex-basis: 25%;
      min-width: 25%; } }
  body.lp-theme--001 .lp__step--single:nth-of-type(1) {
    background: #888888; }
    body.lp-theme--001 .lp__step--single:nth-of-type(1) .lp__step--single__number {
      color: #000000; }
  body.lp-theme--001 .lp__step--single:nth-of-type(2) {
    background: #a2a2a2; }
    body.lp-theme--001 .lp__step--single:nth-of-type(2) .lp__step--single__number {
      color: #ffffff; }
  body.lp-theme--001 .lp__step--single:nth-of-type(3) {
    background: #bbbbbb; }
    body.lp-theme--001 .lp__step--single:nth-of-type(3) .lp__step--single__number {
      color: #000000; }
  body.lp-theme--001 .lp__step--single:nth-of-type(4) {
    background: gainsboro; }
    body.lp-theme--001 .lp__step--single:nth-of-type(4) .lp__step--single__number {
      color: #cc0000; }
  body.lp-theme--001 .lp__step--single:nth-of-type(8) {
    background: #888888; }
    body.lp-theme--001 .lp__step--single:nth-of-type(8) .lp__step--single__number {
      color: #000000; }
  body.lp-theme--001 .lp__step--single:nth-of-type(7) {
    background: #a2a2a2; }
    body.lp-theme--001 .lp__step--single:nth-of-type(7) .lp__step--single__number {
      color: #ffffff; }
  body.lp-theme--001 .lp__step--single:nth-of-type(6) {
    background: #bbbbbb; }
    body.lp-theme--001 .lp__step--single:nth-of-type(6) .lp__step--single__number {
      color: #000000; }
  body.lp-theme--001 .lp__step--single:nth-of-type(5) {
    background: gainsboro; }
    body.lp-theme--001 .lp__step--single:nth-of-type(5) .lp__step--single__number {
      color: #cc0000; }
  body.lp-theme--001 .lp__step--single__number {
    font-size: 64px;
    margin-bottom: 24px; }
  body.lp-theme--001 .lp__step--single__title {
    color: rgba(255, 255, 255, 0.75);
    text-transform: uppercase;
    align-self: flex-start;
    margin-bottom: 24px;
    font-weight: 900; }
  body.lp-theme--001 .lp__step--single__description {
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 600;
    line-height: 27px; }

body.lp-theme--001 .lp__social {
  background: #cc0000; }
  body.lp-theme--001 .lp__social__title {
    padding: 24px;
    background: rgba(0, 0, 0, 0.2);
    color: #FFFFFF; }
  body.lp-theme--001 .lp__social__list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
  body.lp-theme--001 .lp__social__link {
    display: flex;
    flex-direction: column;
    padding: 20px 16px 16px 16px;
    align-items: center;
    color: rgba(0, 0, 0, 0.5); }
    body.lp-theme--001 .lp__social__link-icon {
      font-size: 24px; }
    body.lp-theme--001 .lp__social__link-text {
      font-weight: 900; }

body.lp-theme--001 .lp__footer {
  background: #888; }
  body.lp-theme--001 .lp__footer__heading {
    background: rgba(0, 0, 0, 0.2);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 24px; }
    body.lp-theme--001 .lp__footer__heading-title {
      color: #ffffff;
      margin: 0;
      margin-right: 8px; }
      @media screen and (min-width: 768px) {
        body.lp-theme--001 .lp__footer__heading-title {
          font-size: 24px;
          margin-right: 16px; } }
      @media screen and (min-width: 1440px) {
        body.lp-theme--001 .lp__footer__heading-title {
          font-size: 32px;
          margin-right: 24px; } }
    body.lp-theme--001 .lp__footer__heading-link {
      background: #ffffff;
      color: #888;
      font-weight: bold; }
  body.lp-theme--001 .lp__footer__lists {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 24px 8px; }
  body.lp-theme--001 .lp__footer__list-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 16px 24px; }
  body.lp-theme--001 .lp__footer__list-title {
    font-weight: 900;
    font-size: 24px;
    color: #FFFFFF;
    text-transform: uppercase; }
  body.lp-theme--001 .lp__footer__list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column; }
  body.lp-theme--001 .lp__footer__list-item {
    padding: 4px 0px; }
  body.lp-theme--001 .lp__footer__list-link {
    color: #FFFFFF; }
  body.lp-theme--001 .lp__footer__copyright {
    background: rgba(0, 0, 0, 0.1);
    padding: 8px 16px; }
    body.lp-theme--001 .lp__footer__copyright-text {
      color: #FFFFFF;
      margin: 0;
      text-align: center;
      font-size: 12px; }

body.lp-theme--001:not(.landingPageController) .header--landing-page--002 {
  background: #888; }

@media screen and (min-width: 769px) {
  body.lp-theme--001:not(.landingPageController) .nav__list.is--child {
    background: #888; } }

body.lp-theme--001:not(.landingPageController) main {
  padding-top: 144px; }
  @media screen and (min-width: 768px) {
    body.lp-theme--001:not(.landingPageController) main {
      padding-top: 200px; } }
body.lp-theme--002 {
  font-family: 'Lora', serif; }
  body.lp-theme--002 h1, body.lp-theme--002 h2, body.lp-theme--002 h3, body.lp-theme--002 h4, body.lp-theme--002 h5, body.lp-theme--002 h6 {
    font-family: 'Muli', sans-serif; }
  body.lp-theme--002 img.lp--img--002 {
    display: static;
    display: initial; }

body.lp-theme--002 .header--landing-page--002 {
  background: #FFFFFF;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.15); }
  body.lp-theme--002 .header--landing-page--002 .btn--menu {
    color: #888; }

body.lp-theme--002 .lp__content-box__heading .lp__content-box__title {
  color: #373d45 !important;
  border-bottom: 8px solid #ffd454;
  max-width: 100% !important; }

body.lp-theme--002 .nav--landing-page--002 a {
  font-family: "Muli", sans-serif;
  font-weight: 900;
  color: #888; }

body.lp-theme--002 .slides-container .lp__hero-container {
  background: none; }
  @media screen and (min-width: 768px) {
    body.lp-theme--002 .slides-container .lp__hero-container {
      padding: 48px 96px; } }
body.lp-theme--002 .lp__hero-container {
  position: relative;
  min-height: calc(100vh - 96px);
  background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/t-522/lp-theme--hero-image--002.jpg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  padding: 16px;
  display: flex;
  flex-direction: column;
  justify-content: center; }
  @media screen and (min-width: 768px) {
    body.lp-theme--002 .lp__hero-container {
      padding: 48px; } }
body.lp-theme--002 .lp__hero-img__container {
  display: none; }

body.lp-theme--002 .lp__hero-h1 {
  font-size: 48px;
  font-weight: bold;
  color: #cc0000;
  position: relative;
  padding-bottom: 24px; }
  @media screen and (min-width: 768px) {
    body.lp-theme--002 .lp__hero-h1 {
      font-size: 96px;
      line-height: 100px; } }
  body.lp-theme--002 .lp__hero-h1:after {
    content: '';
    width: 106px;
    height: 8px;
    background: #888;
    position: absolute;
    bottom: 0;
    left: 0; }

body.lp-theme--002 .lp__hero-h2 {
  font-family: "Lora", serif;
  font-size: 24px;
  line-height: 29px;
  color: #888;
  font-weight: normal; }
  @media screen and (min-width: 768px) {
    body.lp-theme--002 .lp__hero-h2 {
      font-size: 32px;
      line-height: 48px; } }
body.lp-theme--002 .lp__hero-action {
  font-family: "Muli", sans-serif;
  font-weight: 900;
  background: #000000;
  color: #888;
  width: 100%;
  text-align: center;
  font-weight: 800; }
  @media screen and (min-width: 460px) {
    body.lp-theme--002 .lp__hero-action {
      max-width: 320px; } }
body.lp-theme--002 .lp__content-box.no--img {
  justify-content: center; }
  @media screen and (min-width: 768px) {
    body.lp-theme--002 .lp__content-box.no--img .lp__content-box__action {
      display: inline-block;
      position: auto;
      position: initial;
      opacity: 1; } }
@media screen and (min-width: 1024px) {
  body.lp-theme--002 .lp__content-box.alt-view {
    padding-left: 0;
    padding-right: 48px; } }

body.lp-theme--002 .lp__content-box.alt-view .lp__content-box__inner {
  display: flex;
  flex-direction: column;
  order: 2; }
  @media screen and (min-width: 1024px) {
    body.lp-theme--002 .lp__content-box.alt-view .lp__content-box__inner {
      flex-basis: 50%;
      padding-top: 48px;
      padding-bottom: 48px;
      padding: 48px;
      padding-right: 0px; } }
  @media screen and (min-width: 1440px) {
    body.lp-theme--002 .lp__content-box.alt-view .lp__content-box__inner {
      padding: 48px 96px;
      padding-right: 0px; } }
body.lp-theme--002 .lp__content-box.alt-view .lp__content-box__action {
  bottom: 16px;
  right: auto;
  right: initial;
  left: 16px; }

body.lp-theme--002 .lp__content-box.alt-view .lp__content-box__img--extra {
  display: none;
  speak: none;
  order: 1; }
  @media screen and (min-width: 1024px) {
    body.lp-theme--002 .lp__content-box.alt-view .lp__content-box__img--extra {
      display: inherit;
      flex-basis: calc(50% + 24px);
      width: calc(50% + 24px) !important;
      min-width: calc(50% + 24px) !important;
      max-width: calc(50% + 24px) !important; } }
body.lp-theme--002 .lp__content-box {
  display: flex;
  flex-direction: row;
  position: relative;
  padding: 32px 16px 16px 16px;
  background: #888;
  border-top: 2px solid #bbbbbb; }
  @media screen and (min-width: 768px) {
    body.lp-theme--002 .lp__content-box {
      padding: 48px;
      padding-bottom: 0px;
      border-top: 8px solid #333333; } }
  @media screen and (min-width: 1024px) {
    body.lp-theme--002 .lp__content-box {
      align-items: center;
      padding-right: 0;
      border-bottom: 4px solid #959595;
      border-top: none;
      padding-bottom: 48px; } }
  body.lp-theme--002 .lp__content-box__inner {
    display: flex;
    flex-direction: column;
    padding: 0; }
    @media screen and (min-width: 1024px) {
      body.lp-theme--002 .lp__content-box__inner {
        flex-basis: 50%; } }
    @media screen and (min-width: 1440px) {
      body.lp-theme--002 .lp__content-box__inner {
        padding: 48px 96px; } }
  body.lp-theme--002 .lp__content-box__title {
    font-size: 40px;
    font-weight: 400;
    color: #FFFFFF;
    order: 1;
    font-family: "Lora", serif !important;
    position: relative;
    padding-bottom: 24px;
    margin-bottom: 24px; }
    body.lp-theme--002 .lp__content-box__title:after {
      content: '';
      width: 88px;
      height: 8px;
      background: #FFFFFF;
      position: absolute;
      bottom: 0;
      left: 0; }
    @media screen and (min-width: 768px) {
      body.lp-theme--002 .lp__content-box__title {
        font-size: 40px;
        line-height: 48px;
        max-width: 66%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 32px; } }
    @media screen and (min-width: 1024px) {
      body.lp-theme--002 .lp__content-box__title {
        margin-left: 0;
        width: auto;
        max-width: 100%;
        margin-right: 48px; } }
  body.lp-theme--002 .lp__content-box__description {
    order: 2;
    font-size: 18px;
    line-height: 27px;
    color: #E1E1E1;
    margin-bottom: 24px; }
    @media screen and (min-width: 768px) {
      body.lp-theme--002 .lp__content-box__description {
        font-size: 18px;
        line-height: 27px;
        max-width: 66%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 48px; } }
    @media screen and (min-width: 1024px) {
      body.lp-theme--002 .lp__content-box__description {
        margin-left: 0;
        width: auto;
        max-width: 100%;
        margin-right: 48px;
        font-size: 18px;
        line-height: 27px; } }
    @media screen and (min-width: 1440px) {
      body.lp-theme--002 .lp__content-box__description {
        font-size: 24px;
        line-height: 36px; } }
  body.lp-theme--002 .lp__content-box__action {
    order: 4;
    text-align: center;
    background: #555555;
    color: #FFFFFF;
    font-family: "Muli", sans-serif;
    font-weight: 900; }
    @media screen and (min-width: 768px) {
      body.lp-theme--002 .lp__content-box__action {
        margin-left: auto;
        margin-right: auto;
        display: inline-block;
        position: absolute;
        bottom: 16px;
        right: 16px;
        opacity: 0.88;
        z-index: 10; } }
    @media screen and (min-width: 1024px) {
      body.lp-theme--002 .lp__content-box__action {
        margin-left: 0;
        width: auto;
        min-width: auto;
        max-width: auto; } }
  body.lp-theme--002 .lp__content-box__img {
    order: 3;
    margin-bottom: 16px;
    width: calc(100% + 32px) !important;
    min-width: calc(100% + 32px) !important;
    max-width: calc(100% + 32px) !important;
    transform: translatex(-16px); }
    @media screen and (min-width: 768px) {
      body.lp-theme--002 .lp__content-box__img {
        margin-bottom: 0px;
        width: calc(100% + 96px) !important;
        min-width: calc(100% + 96px) !important;
        max-width: calc(100% + 96px) !important;
        transform: translatex(-48px); } }
    @media screen and (min-width: 1024px) {
      body.lp-theme--002 .lp__content-box__img {
        display: none;
        speak: none; } }
  body.lp-theme--002 .lp__content-box__img--extra {
    display: none;
    speak: none; }
    @media screen and (min-width: 1024px) {
      body.lp-theme--002 .lp__content-box__img--extra {
        display: inherit;
        flex-basis: calc(50%);
        width: calc(50%) !important;
        min-width: calc(50%) !important;
        max-width: calc(50%) !important; } }
body.lp-theme--002 .lp__testimonial {
  padding: 48px 24px; }

body.lp-theme--002 .lp__blockquote {
  border-left: none;
  margin: 0;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0; }
  @media screen and (min-width: 768px) {
    body.lp-theme--002 .lp__blockquote {
      display: flex;
      align-items: center;
      padding: 24px 24px; } }
  @media screen and (min-width: 768px) {
    body.lp-theme--002 .lp__blockquote {
      padding: 48px 48px; } }
  body.lp-theme--002 .lp__blockquote__quote {
    font-size: 16px;
    line-height: 24px;
    position: relative;
    padding-bottom: 24px;
    margin-bottom: 24px; }
    body.lp-theme--002 .lp__blockquote__quote:first-line {
      font-weight: bold; }
      @media screen and (min-width: 768px) {
        body.lp-theme--002 .lp__blockquote__quote:first-line {
          font-size: 24px;
          line-height: 48px; } }
    body.lp-theme--002 .lp__blockquote__quote:first-letter {
      font-size: 48px;
      color: #000000;
      line-height: 48px; }
      @media screen and (min-width: 768px) {
        body.lp-theme--002 .lp__blockquote__quote:first-letter {
          font-size: 64px;
          line-height: 64px; } }
    @media screen and (min-width: 768px) {
      body.lp-theme--002 .lp__blockquote__quote {
        flex-basis: 50%;
        padding: 0 24px;
        padding-bottom: 0;
        margin-bottom: 0;
        font-size: 18px;
        line-height: 27px; } }
    @media screen and (min-width: 1440px) {
      body.lp-theme--002 .lp__blockquote__quote {
        font-size: 24px;
        line-height: 48px; } }
  @media screen and (min-width: 768px) {
    body.lp-theme--002 .lp__blockquote__footer {
      flex-basis: 50%;
      padding: 16px; } }
  body.lp-theme--002 .lp__blockquote__cite {
    display: flex; }
    @media screen and (min-width: 768px) {
      body.lp-theme--002 .lp__blockquote__cite {
        align-items: center; } }
body.lp-theme--002 .lp__blockquote-user {
  order: 2; }
  @media screen and (min-width: 768px) {
    body.lp-theme--002 .lp__blockquote-user {
      font-size: 18px;
      line-height: 27px; } }
body.lp-theme--002 .lp__blockquote-avatar {
  width: 64px;
  order: 1;
  min-width: 64px;
  margin-right: 16px;
  position: relative; }
  @media screen and (min-width: 768px) {
    body.lp-theme--002 .lp__blockquote-avatar {
      min-width: 96px;
      min-width: 96px; } }
  @media screen and (min-width: 1024px) {
    body.lp-theme--002 .lp__blockquote-avatar {
      min-width: 288px;
      min-width: 288px; } }
  body.lp-theme--002 .lp__blockquote-avatar:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -8px;
    height: 4px;
    display: block;
    background: #000000; }
    @media screen and (min-width: 768) {
      body.lp-theme--002 .lp__blockquote-avatar:after {
        display: none; } }
  body.lp-theme--002 .lp__blockquote-avatar__img {
    width: 100%; }
    @media screen and (min-width: 768px) {
      body.lp-theme--002 .lp__blockquote-avatar__img {
        position: relative; } }
    body.lp-theme--002 .lp__blockquote-avatar__img:after {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      bottom: -8px;
      height: 4px;
      display: block;
      background: #000000; }
      @media screen and (min-width: 768) {
        body.lp-theme--002 .lp__blockquote-avatar__img:after {
          display: none; } }
body.lp-theme--002 .lp__content.is--001 .lp__icon-group__item {
  flex-grow: 1; }

body.lp-theme--002 .lp__content.is--002 .lp__icon-group__item {
  flex-basis: 100%; }
  @media screen and (min-width: 500px) {
    body.lp-theme--002 .lp__content.is--002 .lp__icon-group__item {
      flex-grow: 1;
      flex-basis: auto;
      flex-basis: initial; } }
body.lp-theme--002 .lp__content.is--003 .lp__icon-group__item {
  flex-basis: 100%; }
  @media screen and (min-width: 600px) {
    body.lp-theme--002 .lp__content.is--003 .lp__icon-group__item {
      flex-grow: 1;
      flex-basis: auto;
      flex-basis: initial; } }
body.lp-theme--002 .lp__content.is--004 .lp__icon-group__item {
  flex-basis: 100%; }
  @media screen and (min-width: 500px) {
    body.lp-theme--002 .lp__content.is--004 .lp__icon-group__item {
      flex-basis: 50%; } }
  @media screen and (min-width: 768px) {
    body.lp-theme--002 .lp__content.is--004 .lp__icon-group__item {
      flex-basis: 25%; } }
body.lp-theme--002 .lp__content.is--005 .lp__icon-group__item {
  flex-basis: 100%; }
  @media screen and (min-width: 500px) {
    body.lp-theme--002 .lp__content.is--005 .lp__icon-group__item {
      flex-basis: 50%;
      flex-grow: 1; } }
  @media screen and (min-width: 768px) {
    body.lp-theme--002 .lp__content.is--005 .lp__icon-group__item {
      flex-basis: auto;
      flex-basis: initial; } }
body.lp-theme--002 .lp__content.is--006 .lp__icon-group__item {
  flex-basis: 100%; }
  @media screen and (min-width: 500px) {
    body.lp-theme--002 .lp__content.is--006 .lp__icon-group__item {
      flex-basis: 50%;
      flex-grow: 1; } }
  @media screen and (min-width: 768px) {
    body.lp-theme--002 .lp__content.is--006 .lp__icon-group__item {
      flex-basis: 33%; } }
body.lp-theme--002 .lp__content.is--007 .lp__icon-group__item {
  flex-basis: 100%; }
  @media screen and (min-width: 500px) {
    body.lp-theme--002 .lp__content.is--007 .lp__icon-group__item {
      flex-basis: 50%;
      flex-grow: 1; } }
  @media screen and (min-width: 768px) {
    body.lp-theme--002 .lp__content.is--007 .lp__icon-group__item {
      flex-basis: 33%; } }
  @media screen and (min-width: 1024px) {
    body.lp-theme--002 .lp__content.is--007 .lp__icon-group__item {
      flex-basis: 20%; } }
body.lp-theme--002 .lp__content.is--008 .lp__icon-group__item {
  flex-basis: 100%; }
  @media screen and (min-width: 500px) {
    body.lp-theme--002 .lp__content.is--008 .lp__icon-group__item {
      flex-basis: 50%; } }
  @media screen and (min-width: 768px) {
    body.lp-theme--002 .lp__content.is--008 .lp__icon-group__item {
      flex-basis: 25%; } }
body.lp-theme--002 .lp__icon-group__list {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap; }

body.lp-theme--002 .lp__icon-group__item {
  padding: 24px;
  padding-bottom: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative; }
  @media screen and (min-width: 1440px) {
    body.lp-theme--002 .lp__icon-group__item {
      padding: 48px;
      padding-bottom: 64px; } }
  body.lp-theme--002 .lp__icon-group__item:after {
    content: '';
    display: block;
    height: 4px;
    width: 24px;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    bottom: 24px;
    left: calc(50% - 12px); }
    @media screen and (min-width: 1440px) {
      body.lp-theme--002 .lp__icon-group__item:after {
        bottom: 48px; } }
  body.lp-theme--002 .lp__icon-group__item:nth-of-type(1) {
    background: #FFFFFF; }
    body.lp-theme--002 .lp__icon-group__item:nth-of-type(1):after {
      background: #ffffff; }
    body.lp-theme--002 .lp__icon-group__item:nth-of-type(1) .lp__icon-group__icon, body.lp-theme--002 .lp__icon-group__item:nth-of-type(1) .lp__icon-group__label {
      color: #888; }
  body.lp-theme--002 .lp__icon-group__item:nth-of-type(2) {
    background: #ffffff; }
    body.lp-theme--002 .lp__icon-group__item:nth-of-type(2):after {
      background: #888; }
    body.lp-theme--002 .lp__icon-group__item:nth-of-type(2) .lp__icon-group__icon, body.lp-theme--002 .lp__icon-group__item:nth-of-type(2) .lp__icon-group__label {
      color: #000000; }
  body.lp-theme--002 .lp__icon-group__item:nth-of-type(3) {
    background: #000000; }
    body.lp-theme--002 .lp__icon-group__item:nth-of-type(3):after {
      background: #ffffff; }
    body.lp-theme--002 .lp__icon-group__item:nth-of-type(3) .lp__icon-group__icon, body.lp-theme--002 .lp__icon-group__item:nth-of-type(3) .lp__icon-group__label {
      color: #888; }
  body.lp-theme--002 .lp__icon-group__item:nth-of-type(4) {
    background: #888; }
    body.lp-theme--002 .lp__icon-group__item:nth-of-type(4):after {
      background: #ffffff; }
    body.lp-theme--002 .lp__icon-group__item:nth-of-type(4) .lp__icon-group__icon, body.lp-theme--002 .lp__icon-group__item:nth-of-type(4) .lp__icon-group__label {
      color: #000000; }
  body.lp-theme--002 .lp__icon-group__item:nth-of-type(8) {
    background: #FFFFFF; }
    body.lp-theme--002 .lp__icon-group__item:nth-of-type(8):after {
      background: #ffffff; }
    body.lp-theme--002 .lp__icon-group__item:nth-of-type(8) .lp__icon-group__icon, body.lp-theme--002 .lp__icon-group__item:nth-of-type(8) .lp__icon-group__label {
      color: #888; }
  body.lp-theme--002 .lp__icon-group__item:nth-of-type(7) {
    background: #ffffff; }
    body.lp-theme--002 .lp__icon-group__item:nth-of-type(7):after {
      background: #888; }
    body.lp-theme--002 .lp__icon-group__item:nth-of-type(7) .lp__icon-group__icon, body.lp-theme--002 .lp__icon-group__item:nth-of-type(7) .lp__icon-group__label {
      color: #000000; }
  body.lp-theme--002 .lp__icon-group__item:nth-of-type(6) {
    background: #000000; }
    body.lp-theme--002 .lp__icon-group__item:nth-of-type(6):after {
      background: #ffffff; }
    body.lp-theme--002 .lp__icon-group__item:nth-of-type(6) .lp__icon-group__icon, body.lp-theme--002 .lp__icon-group__item:nth-of-type(6) .lp__icon-group__label {
      color: #888; }
  body.lp-theme--002 .lp__icon-group__item:nth-of-type(5) {
    background: #888; }
    body.lp-theme--002 .lp__icon-group__item:nth-of-type(5):after {
      background: #ffffff; }
    body.lp-theme--002 .lp__icon-group__item:nth-of-type(5) .lp__icon-group__icon, body.lp-theme--002 .lp__icon-group__item:nth-of-type(5) .lp__icon-group__label {
      color: #000000; }

body.lp-theme--002 .lp__icon-group__icon {
  font-size: 48px; }

body.lp-theme--002 .lp__icon-group__label {
  font-family: "Muli", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  font-size: 14px; }

@media screen and (min-width: 1024px) {
  body.lp-theme--002 .lp__content.is--001 .lp__stat--single__value {
    width: 20%; } }

body.lp-theme--002 .lp__content.is--005 .lp__stat--single {
  flex-basis: 100%; }
  @media screen and (min-width: 500px) {
    body.lp-theme--002 .lp__content.is--005 .lp__stat--single {
      flex-basis: 50%;
      flex-grow: 1; } }
  @media screen and (min-width: 768px) {
    body.lp-theme--002 .lp__content.is--005 .lp__stat--single {
      flex-basis: auto;
      flex-basis: initial; } }
body.lp-theme--002 .lp__content.is--006 .lp__stat--single {
  flex-basis: 100%; }
  @media screen and (min-width: 500px) {
    body.lp-theme--002 .lp__content.is--006 .lp__stat--single {
      flex-basis: 50%;
      flex-grow: 1; } }
  @media screen and (min-width: 768px) {
    body.lp-theme--002 .lp__content.is--006 .lp__stat--single {
      flex-basis: 33%; } }
body.lp-theme--002 .lp__content.is--007 .lp__stat--single {
  flex-basis: 100%; }
  @media screen and (min-width: 500px) {
    body.lp-theme--002 .lp__content.is--007 .lp__stat--single {
      flex-basis: 50%;
      flex-grow: 1; } }
  @media screen and (min-width: 768px) {
    body.lp-theme--002 .lp__content.is--007 .lp__stat--single {
      flex-basis: 33%; } }
  @media screen and (min-width: 1024px) {
    body.lp-theme--002 .lp__content.is--007 .lp__stat--single {
      flex-basis: 20%; } }
body.lp-theme--002 .lp__content.is--008 .lp__stat--single {
  flex-basis: 100%; }
  @media screen and (min-width: 500px) {
    body.lp-theme--002 .lp__content.is--008 .lp__stat--single {
      flex-basis: 50%; } }
  @media screen and (min-width: 768px) {
    body.lp-theme--002 .lp__content.is--008 .lp__stat--single {
      flex-basis: 25%; } }
body.lp-theme--002 .lp__stats {
  background: #888;
  justify-content: center; }
  @media screen and (min-width: 768px) {
    body.lp-theme--002 .lp__stats {
      display: flex;
      flex-wrap: wrap;
      padding: 16px; } }
body.lp-theme--002 .lp__stat--single {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  background: #000000;
  color: #888;
  padding: 40px;
  margin: 16px 16px; }
  @media screen and (min-width: 768px) {
    body.lp-theme--002 .lp__stat--single {
      flex-basis: calc(50% - 32px);
      min-width: calc(50% - 32px);
      max-width: calc(50% - 32px); } }
  @media screen and (min-width: 1440px) {
    body.lp-theme--002 .lp__stat--single {
      flex-basis: calc(25% - 32px);
      min-width: calc(25% - 32px);
      max-width: calc(25% - 32px); } }
  body.lp-theme--002 .lp__stat--single__title {
    order: 2;
    color: #888;
    text-transform: uppercase;
    font-family: "Lora", serif;
    margin-bottom: 0; }
  body.lp-theme--002 .lp__stat--single__value {
    order: 3;
    flex-basis: 100%;
    min-width: 100%;
    color: #666;
    border-bottom: 1px solid #666;
    font-size: 56px;
    padding-bottom: 16px;
    font-family: "Muli", sans-serif;
    font-weight: bold; }
  body.lp-theme--002 .lp__stat--single__icon {
    order: 1;
    color: #888;
    font-size: 24px; }
  body.lp-theme--002 .lp__stat--single__description {
    order: 4;
    flex-basis: 100%;
    min-width: 100%;
    color: #888;
    font-family: "Lora", serif;
    padding-top: 32px;
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 0; }

body.lp-theme--002 .lp__steps {
  display: flex;
  flex-direction: column; }
  @media screen and (min-width: 768px) {
    body.lp-theme--002 .lp__steps {
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: center; } }
body.lp-theme--002 .lp__step--single {
  display: flex;
  flex-direction: column;
  background-image: linear-gradient(-135deg, #cc0000 0%, #ffffff 100%);
  padding: 48px; }
  @media screen and (min-width: 768px) {
    body.lp-theme--002 .lp__step--single {
      flex-basis: 50%;
      min-width: 50%;
      flex-grow: 1; } }
  @media screen and (min-width: 1024px) {
    body.lp-theme--002 .lp__step--single {
      flex-basis: 25%;
      min-width: 25%; } }
  body.lp-theme--002 .lp__step--single__number {
    color: #888;
    font-family: "Muli", sans-serif;
    font-size: 64px;
    font-weight: bold;
    border-bottom: 2px solid;
    text-shadow: 4px 4px 0px #ffffff;
    margin-bottom: 16px; }
  body.lp-theme--002 .lp__step--single__title {
    color: rgba(0, 0, 0, 0.4);
    font-weight: 900;
    padding: 16px 0px;
    text-transform: uppercase;
    margin-bottom: 0;
    font-family: "Nunito Sans", sans-serif;
    font-size: 20px;
    line-height: 30px; }
  body.lp-theme--002 .lp__step--single__description {
    font-weight: bold; }

body.lp-theme--002 .lp__social {
  background: #f2f1f1; }
  body.lp-theme--002 .lp__social__title {
    padding: 24px;
    background: rgba(0, 0, 0, 0.2);
    color: #FFFFFF; }
  body.lp-theme--002 .lp__social__list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
  body.lp-theme--002 .lp__social__link {
    display: flex;
    flex-direction: column;
    padding: 20px 16px 16px 16px;
    align-items: center;
    color: rgba(0, 0, 0, 0.5); }
    body.lp-theme--002 .lp__social__link-icon {
      font-size: 24px; }
    body.lp-theme--002 .lp__social__link-text {
      font-weight: 900; }

body.lp-theme--002 .lp__footer {
  background: #f2f1f1; }
  body.lp-theme--002 .lp__footer__heading {
    padding: 24px 16px;
    background: #4d4d4d;
    display: flex;
    flex-direction: column;
    align-items: center; }
    body.lp-theme--002 .lp__footer__heading-title {
      color: #888;
      font-size: 18px; }
    body.lp-theme--002 .lp__footer__heading-link {
      background: #888;
      color: #000000; }
  body.lp-theme--002 .lp__footer__lists {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 24px 8px; }
  body.lp-theme--002 .lp__footer__list-container {
    display: flex;
    flex-direction: column;
    padding: 16px 24px; }
  body.lp-theme--002 .lp__footer__list-title {
    color: #888;
    position: relative;
    padding-bottom: 16px;
    font-size: 18px;
    font-weight: bold; }
    body.lp-theme--002 .lp__footer__list-title:after {
      content: '';
      display: block;
      position: absolute;
      bottom: 0px;
      height: 4px;
      width: 48px;
      background: #000000; }
  body.lp-theme--002 .lp__footer__list {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column; }
  body.lp-theme--002 .lp__footer__list-item {
    padding: 4px 0px; }
  body.lp-theme--002 .lp__footer__list-link {
    color: #888;
    font-weight: bold; }
  body.lp-theme--002 .lp__footer__copyright {
    background: #000000;
    padding: 4px 8px; }
    body.lp-theme--002 .lp__footer__copyright-text {
      margin: 0;
      color: #888;
      font-size: 12px;
      text-align: center; }

@media screen and (min-width: 769px) {
  body.lp-theme--002 .nav__list.is--child {
    background: #FFFFFF; } }

body.lp-theme--003 {
  font-family: 'Open Sans', sans-serif; }
  body.lp-theme--003 h1, body.lp-theme--003 h2, body.lp-theme--003 h3, body.lp-theme--003 h4, body.lp-theme--003 h5, body.lp-theme--003 h6 {
    font-family: 'Raleway', sans-serif; }
  body.lp-theme--003 img.lp--img--003 {
    display: block; }
  body.lp-theme--003 [class*=grd__col--] {
    padding: 0; }

body.lp-theme--003 .header--landing-page--002 {
  background: #FFFFFF;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2); }
  body.lp-theme--003 .header--landing-page--002 .btn--menu {
    color: #888; }

body.lp-theme--003 .nav--landing-page--002 a {
  font-weight: bold;
  color: #888; }

body.lp-theme--003 .logo--landing-page--002 {
  height: 96px;
  padding: 0; }
  body.lp-theme--003 .logo--landing-page--002 img {
    max-height: 100%;
    height: 100%; }

body.lp-theme--003 .slides-container .lp__hero-container {
  background: none; }
  @media screen and (min-width: 768px) {
    body.lp-theme--003 .slides-container .lp__hero-container {
      padding: 48px 96px; } }
body.lp-theme--003 .lp__hero-container {
  background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/t-522/lp-theme--hero-image--002.jpg);
  background-image: url(https://picsum.photos/2000/1500/?random);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  height: calc(100vh - 96px);
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 48px 16px; }
  @media screen and (min-width: 768px) {
    body.lp-theme--003 .lp__hero-container {
      padding: 48px 48px; } }
  @media screen and (min-width: 1024px) {
    body.lp-theme--003 .lp__hero-container {
      padding: 96px 96px; } }
body.lp-theme--003 .lp__hero-img__container {
  display: none; }

body.lp-theme--003 .lp__hero-h1 {
  color: #cc0000;
  font-size: 40px;
  line-height: 47px;
  font-weight: bold; }
  @media screen and (min-width: 768px) {
    body.lp-theme--003 .lp__hero-h1 {
      font-size: 56px;
      line-height: 60px; } }
body.lp-theme--003 .lp__hero-h2 {
  font-family: "Open-Sans", sans-serif;
  font-size: 18px;
  line-height: 27px;
  font-weight: 400;
  color: #cc0000; }
  @media screen and (min-width: 768px) {
    body.lp-theme--003 .lp__hero-h2 {
      font-size: 24px;
      line-height: 36px; } }
body.lp-theme--003 .lp__hero-action {
  background: none;
  border: 2px solid #FFFFFF;
  color: #FFFFFF;
  font-weight: 800; }
  body.lp-theme--003 .lp__hero-action:hover {
    background: #FFFFFF;
    color: #888; }

body.lp-theme--003 .lp__content-box.no--img {
  justify-content: center; }
  @media screen and (min-width: 768px) {
    body.lp-theme--003 .lp__content-box.no--img .lp__content-box__inner {
      flex-basis: 50%; } }
@media screen and (min-width: 768px) {
  body.lp-theme--003 .lp__content-box.alt-view .lp__content-box__inner {
    order: 2; } }

@media screen and (min-width: 768px) {
  body.lp-theme--003 .lp__content-box.alt-view .lp__content-box__img--extra {
    order: 1; } }

body.lp-theme--003 .lp__content-box {
  padding: 16px;
  display: flex; }
  @media screen and (min-width: 768px) {
    body.lp-theme--003 .lp__content-box {
      padding: 48px;
      justify-content: space-between;
      align-items: center; } }
  @media screen and (min-width: 768px) {
    body.lp-theme--003 .lp__content-box__inner {
      padding: 0px 48px; } }
  body.lp-theme--003 .lp__content-box__title {
    font-size: 24px;
    font-weight: 300;
    color: #888;
    text-transform: uppercase;
    order: 2;
    font-family: "Raleway", sans-serif !important;
    position: relative;
    padding-top: 24px;
    margin-bottom: 24px; }
    body.lp-theme--003 .lp__content-box__title:after {
      content: '';
      width: 88px;
      height: 2px;
      background: #ffffff;
      position: absolute;
      top: 0;
      left: 0; }
    @media screen and (min-width: 768px) {
      body.lp-theme--003 .lp__content-box__title {
        font-size: 32px;
        line-height: 42px; } }
  body.lp-theme--003 .lp__content-box__description {
    order: 3;
    margin-bottom: 16px; }
    @media screen and (min-width: 768px) {
      body.lp-theme--003 .lp__content-box__description {
        font-size: 18px;
        line-height: 27px;
        margin-bottom: 24px; } }
    @media screen and (min-width: 1024px) {
      body.lp-theme--003 .lp__content-box__description {
        font-size: 22px;
        line-height: 33px;
        margin-bottom: 48px; } }
  body.lp-theme--003 .lp__content-box__action {
    background: #888;
    color: #FFFFFF;
    text-align: center;
    order: 4; }
  body.lp-theme--003 .lp__content-box__img {
    order: 1;
    border: 4px solid #FFFFFF;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.33);
    margin-bottom: 24px;
    margin-top: 24px; }
    @media screen and (min-width: 768px) {
      body.lp-theme--003 .lp__content-box__img {
        display: none; } }
  body.lp-theme--003 .lp__content-box__img--extra {
    display: none;
    speak: none; }
    @media screen and (min-width: 768px) {
      body.lp-theme--003 .lp__content-box__img--extra {
        display: inherit;
        speak: normal;
        border: 4px solid #FFFFFF;
        box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.33);
        width: 50% !important;
        min-width: 50% !important;
        max-width: 50% !important;
        height: 100%; } }
body.lp-theme--003 .lp__testimonial {
  padding: 16px; }

body.lp-theme--003 .lp__blockquote {
  border-left: none;
  margin: 0;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  border: 1px solid #c1c1c1;
  padding: 24px 16px;
  position: relative; }
  @media screen and (min-width: 768px) {
    body.lp-theme--003 .lp__blockquote {
      display: flex;
      align-items: center; } }
  body.lp-theme--003 .lp__blockquote__quote {
    padding-top: 144px;
    padding-bottom: 48px; }
    body.lp-theme--003 .lp__blockquote__quote:first-letter {
      font-family: "Raleway", sans-serif;
      text-transform: uppercase;
      color: #ffffff;
      font-size: 24px;
      line-height: 24px; }
      @media screen and (min-width: 768px) {
        body.lp-theme--003 .lp__blockquote__quote:first-letter {
          font-size: 48px;
          line-height: 48px; } }
    @media screen and (min-width: 768px) {
      body.lp-theme--003 .lp__blockquote__quote {
        flex-basis: 50%;
        font-size: 24px;
        line-height: 36px;
        color: #a1a1a1;
        padding: 0 48px; } }
    @media screen and (min-width: 1440px) {
      body.lp-theme--003 .lp__blockquote__quote {
        padding: 0 144px; } }
  @media screen and (min-width: 768px) {
    body.lp-theme--003 .lp__blockquote__footer {
      flex-basis: 50%;
      padding: 0 16px; } }
  @media screen and (min-width: 768px) {
    body.lp-theme--003 .lp__blockquote__cite {
      display: flex;
      position: relative; } }
body.lp-theme--003 .lp__blockquote-user {
  background: #888;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding-left: 56px;
  padding-right: 16px;
  height: 48px;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 1.7; }
  body.lp-theme--003 .lp__blockquote-user:after {
    font-family: "Material Icons";
    content: "\E244";
    position: absolute;
    font-style: normal;
    display: block;
    width: 48px;
    height: 48px;
    left: 0;
    bottom: 0;
    background: #ffffff;
    color: #FFFFFF;
    text-align: center;
    line-height: 48px;
    font-size: 24px; }
    @media screen and (min-width: 768px) {
      body.lp-theme--003 .lp__blockquote-user:after {
        width: 88px;
        top: 0;
        height: auto;
        line-height: 1;
        font-size: 88px;
        opacity: 0.88; } }
  @media screen and (min-width: 768px) {
    body.lp-theme--003 .lp__blockquote-user {
      flex-basis: 50%;
      display: flex;
      flex-direction: column;
      position: absolute;
      height: auto;
      left: 4px;
      right: 4px;
      bottom: 4px;
      padding-left: 96px;
      padding-top: 8px;
      padding-bottom: 8px;
      background: rgba(136, 136, 136, 0.88);
      font-weight: bold; } }
body.lp-theme--003 .lp__blockquote-avatar {
  width: 96px;
  min-width: 96px;
  height: 96px;
  max-height: 96px;
  position: absolute;
  top: 48px;
  left: calc(50% - 48px);
  border: 4px solid #FFFFFF;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden; }
  @media screen and (min-width: 768px) {
    body.lp-theme--003 .lp__blockquote-avatar {
      flex-basis: 100%;
      width: 100%;
      max-width: 100%;
      min-width: 100%;
      position: static;
      height: auto;
      max-height: 100%;
      position: initial;
      height: initial;
      max-height: initial; } }
  body.lp-theme--003 .lp__blockquote-avatar__img {
    width: 166%; }
    @media screen and (min-width: 768px) {
      body.lp-theme--003 .lp__blockquote-avatar__img {
        width: 100%; } }
body.lp-theme--003 .lp__icon-group__list {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap; }

body.lp-theme--003 .lp__icon-group__item {
  display: flex;
  flex-basis: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #888;
  position: relative;
  height: 208px; }
  @media screen and (min-width: 768px) {
    body.lp-theme--003 .lp__icon-group__item {
      flex-basis: 50%;
      height: 256px;
      flex-grow: 1; } }
  @media screen and (min-width: 1024px) {
    body.lp-theme--003 .lp__icon-group__item {
      flex-basis: 25%; } }
  body.lp-theme--003 .lp__icon-group__item:after {
    content: '';
    display: block;
    height: 160px;
    width: 160px;
    border-radius: 50%;
    border: 4px solid #FFFFFF;
    position: absolute;
    bottom: 24px;
    left: calc(50% - 80px); }
    @media screen and (min-width: 768px) {
      body.lp-theme--003 .lp__icon-group__item:after {
        bottom: 48px; } }
  body.lp-theme--003 .lp__icon-group__item:nth-of-type(1):after {
    border-color: #000000; }
  body.lp-theme--003 .lp__icon-group__item:nth-of-type(2):after {
    border-color: #ffffff; }
  body.lp-theme--003 .lp__icon-group__item:nth-of-type(3):after {
    border-color: #cc0000; }
  body.lp-theme--003 .lp__icon-group__item:nth-of-type(4):after {
    border-color: #000000; }

body.lp-theme--003 .lp__icon-group__icon {
  color: #FFFFFF;
  font-size: 32px; }

body.lp-theme--003 .lp__icon-group__label {
  color: #FFFFFF;
  max-width: 136px;
  text-align: center;
  font-size: 14px;
  text-transform: uppercase; }

body.lp-theme--003 .lp__stats {
  padding: 16px;
  background: #FFFFFF; }
  @media screen and (min-width: 768px) {
    body.lp-theme--003 .lp__stats {
      display: flex;
      flex-wrap: wrap; } }
body.lp-theme--003 .lp__stat--single {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 1px solid #dddddd;
  margin: 16px 0px;
  padding: 48px 24px 24px 24px; }
  @media screen and (min-width: 768px) {
    body.lp-theme--003 .lp__stat--single {
      flex-basis: calc(50% - 32px);
      min-width: calc(50% - 32px);
      margin: 16px 16px; } }
  @media screen and (min-width: 1280px) {
    body.lp-theme--003 .lp__stat--single {
      flex-basis: calc(25% - 32px);
      min-width: calc(25% - 32px); } }
  body.lp-theme--003 .lp__stat--single__title {
    font-family: "Raleway", sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    order: 3;
    width: 100%;
    margin-top: 24px; }
  body.lp-theme--003 .lp__stat--single__value {
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-weight: bold;
    order: 2;
    position: relative;
    width: 100%;
    text-align: center;
    margin-bottom: 24px; }
    body.lp-theme--003 .lp__stat--single__value:after {
      content: "";
      display: block;
      position: absolute;
      bottom: -20px;
      left: calc(50% - 52px);
      border-radius: 50%;
      height: 104px;
      width: 104px;
      border: 2px solid #ffffff; }
  body.lp-theme--003 .lp__stat--single__icon {
    font-size: 32px;
    color: #ffffff;
    order: 1; }
  body.lp-theme--003 .lp__stat--single__description {
    font-family: "Raleway", sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    order: 4;
    width: 100%; }

body.lp-theme--003 .lp__steps {
  display: flex;
  flex-direction: column; }
  @media screen and (min-width: 768px) {
    body.lp-theme--003 .lp__steps {
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: center; } }
body.lp-theme--003 .lp__step--single {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 48px;
  padding-bottom: 0px; }
  @media screen and (min-width: 768px) {
    body.lp-theme--003 .lp__step--single {
      flex-basis: 50%;
      min-width: 50%;
      flex-grow: 1; } }
  @media screen and (min-width: 1024px) {
    body.lp-theme--003 .lp__step--single {
      flex-basis: 25%;
      min-width: 25%; } }
  body.lp-theme--003 .lp__step--single:nth-of-type(1) {
    background: #333333; }
  body.lp-theme--003 .lp__step--single:nth-of-type(2) {
    background: #404040; }
  body.lp-theme--003 .lp__step--single:nth-of-type(3) {
    background: #ff7575; }
  body.lp-theme--003 .lp__step--single:nth-of-type(4) {
    background: white; }
  body.lp-theme--003 .lp__step--single:nth-of-type(8) {
    background: #333333; }
  body.lp-theme--003 .lp__step--single:nth-of-type(7) {
    background: #404040; }
  body.lp-theme--003 .lp__step--single:nth-of-type(6) {
    background: #ff7575; }
  body.lp-theme--003 .lp__step--single:nth-of-type(5) {
    background: white; }
  body.lp-theme--003 .lp__step--single__number {
    order: 4;
    border-bottom: 16px solid #ffffff;
    font-size: 64px;
    color: #757575;
    max-width: 48px;
    text-align: center; }
  body.lp-theme--003 .lp__step--single__title {
    font-size: 24px;
    position: relative;
    color: rgba(0, 0, 0, 0.6); }
    body.lp-theme--003 .lp__step--single__title:after {
      content: '';
      display: block;
      position: absolute;
      bottom: calc(100% + 16px);
      width: 88px;
      height: 2px;
      background: rgba(0, 0, 0, 0.4); }
  body.lp-theme--003 .lp__step--single__description {
    font-family: "Raleway", sans-serif;
    text-transform: uppercase; }

body.lp-theme--003 .lp__social {
  background: #FFFFFF #FFFFFF; }
  body.lp-theme--003 .lp__social__title {
    padding: 24px;
    background: rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2);
    color: #FFFFFF #FFFFFF; }
  body.lp-theme--003 .lp__social__list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
  body.lp-theme--003 .lp__social__link {
    display: flex;
    flex-direction: column;
    padding: 20px 16px 16px 16px;
    align-items: center;
    color: rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7); }
    body.lp-theme--003 .lp__social__link-icon {
      font-size: 24px; }
    body.lp-theme--003 .lp__social__link-text {
      font-weight: 900; }

body.lp-theme--003 .lp__footer {
  background: #888; }
  body.lp-theme--003 .lp__footer__heading {
    padding: 24px 16px;
    display: flex;
    flex-direction: column;
    align-items: center; }
    body.lp-theme--003 .lp__footer__heading-title {
      font-family: "Raleway", sans-serif;
      font-size: 18px;
      text-transform: uppercase;
      color: #FFFFFF; }
    body.lp-theme--003 .lp__footer__heading-link {
      background: none;
      border: 1px solid #ffffff;
      color: #ffffff; }
  body.lp-theme--003 .lp__footer__lists {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0px 8px 24px 8px; }
  body.lp-theme--003 .lp__footer__list-container {
    display: flex;
    flex-direction: column;
    padding: 16px 24px; }
  body.lp-theme--003 .lp__footer__list-title {
    color: #FFFFFF;
    position: relative;
    padding-top: 16px;
    font-size: 18px;
    font-weight: bold; }
    body.lp-theme--003 .lp__footer__list-title:after {
      content: '';
      display: block;
      position: absolute;
      top: 0px;
      height: 4px;
      width: 48px;
      background: #ffffff; }
  body.lp-theme--003 .lp__footer__list {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column; }
  body.lp-theme--003 .lp__footer__list-item {
    padding: 4px 0px; }
  body.lp-theme--003 .lp__footer__list-link {
    color: #FFFFFF; }
  body.lp-theme--003 .lp__footer__copyright {
    background: #FFFFFF;
    padding: 4px 16px; }
    body.lp-theme--003 .lp__footer__copyright-text {
      color: #888;
      text-align: center;
      margin: 0; }

@media screen and (min-width: 769px) {
  body.lp-theme--003 .nav__list.is--child {
    background: #FFFFFF; } }

body.lp-theme--004 {
  font-family: 'Oswald', sans-serif; }
  body.lp-theme--004 h1, body.lp-theme--004 h2, body.lp-theme--004 h3, body.lp-theme--004 h4, body.lp-theme--004 h5, body.lp-theme--004 h6 {
    font-family: 'Prata', serif; }
  body.lp-theme--004 img.lp--img--004 {
    display: block; }
  body.lp-theme--004 [class*=grd__col--] {
    padding: 0; }
  body.lp-theme--004 main {
    padding-top: 96px !important; }

body.lp-theme--004 .header--landing-page--002 {
  background: #FFFFFF;
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15); }
  body.lp-theme--004 .header--landing-page--002 .btn--menu {
    color: #888; }

body.lp-theme--004 .nav--landing-page--002 a {
  font-weight: normal;
  color: #888; }
  @media screen and (min-width: 769px) {
    body.lp-theme--004 .nav--landing-page--002 a {
      padding: 4px 16px;
      border-bottom: 2px solid #FFFFFF;
      text-decoration: none; }
      body.lp-theme--004 .nav--landing-page--002 a:hover {
        border-bottom: 2px solid #888;
        text-decoration: none; } }
@media screen and (min-width: 769px) {
  body.lp-theme--004 .nav--landing-page--002 a.active {
    border-bottom: 4px solid #cc0000;
    text-decoration: none; } }

body.lp-theme--004 .logo--landing-page--002 {
  height: 96px;
  padding: 16px; }
  body.lp-theme--004 .logo--landing-page--002 img {
    max-height: 100%;
    height: 100%; }

body.lp-theme--004 #slides {
  box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.33); }

@media screen and (max-width: 767px) {
  body.lp-theme--004 .slides-navigation {
    bottom: 72px; } }

@media screen and (max-width: 767px) {
  body.lp-theme--004 .slides-navigation a.next {
    right: 8px; } }

@media screen and (max-width: 767px) {
  body.lp-theme--004 .slides-navigation a.prev {
    left: 8px; } }

body.lp-theme--004 .slides-container .lp__hero-container {
  background: none;
  height: calc(100vh - 96px); }
  @media screen and (min-width: 768px) {
    body.lp-theme--004 .slides-container .lp__hero-container {
      padding: 48px 96px; } }
@media screen and (max-width: 767px) {
  body.lp-theme--004 .slides-container .lp__hero-content__container {
    transform: translateY(-64px); } }

body.lp-theme--004 .lp__hero-container {
  background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/t-522/lp-theme--hero-image--003.jpg);
  background-image: url(https://picsum.photos/2000/1500/?random);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  height: calc(100vh - 96px - 48px);
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 0;
  border: 8px solid #FFFFFF;
  border-top: none;
  box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.33); }
  @media screen and (min-width: 768px) {
    body.lp-theme--004 .lp__hero-container {
      padding: 16px 16px; } }
  @media screen and (min-width: 1024px) {
    body.lp-theme--004 .lp__hero-container {
      padding: 24px 24px; } }
  @media screen and (min-width: 1440px) {
    body.lp-theme--004 .lp__hero-container {
      padding: 48px 48px; } }
body.lp-theme--004 .lp__hero-img__container {
  display: none; }

body.lp-theme--004 .lp__hero-content__container {
  background: rgba(136, 136, 136, 0.66);
  padding: 16px; }
  @media screen and (min-width: 768px) {
    body.lp-theme--004 .lp__hero-content__container {
      max-width: 66.666%;
      padding: 32px 16px 16px 16px; } }
  @media screen and (min-width: 1024px) {
    body.lp-theme--004 .lp__hero-content__container {
      padding: 48px 24px 24px 24px; } }
  @media screen and (min-width: 1440px) {
    body.lp-theme--004 .lp__hero-content__container {
      padding: 96px 48px 48px 48px; } }
body.lp-theme--004 .lp__hero-h1 {
  color: #FFFFFF;
  font-size: 24px;
  line-height: 36px;
  font-weight: normal;
  margin-bottom: 8px; }
  @media screen and (min-width: 768px) {
    body.lp-theme--004 .lp__hero-h1 {
      font-size: 42px;
      line-height: 56px; } }
  @media screen and (min-width: 1024px) {
    body.lp-theme--004 .lp__hero-h1 {
      font-size: 56px;
      line-height: 60px;
      margin-bottom: 24px; } }
body.lp-theme--004 .lp__hero-h2 {
  font-family: "Oswald", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: regular;
  color: #ffffff;
  margin-bottom: 8; }
  @media screen and (min-width: 768px) {
    body.lp-theme--004 .lp__hero-h2 {
      font-size: 18px;
      line-height: 27px; } }
  @media screen and (min-width: 1024px) {
    body.lp-theme--004 .lp__hero-h2 {
      font-size: 24px;
      line-height: 36px;
      margin-bottom: 32px; } }
body.lp-theme--004 .lp__hero-action {
  background: none;
  border: 2px solid #FFFFFF;
  color: #FFFFFF;
  font-weight: 800; }
  body.lp-theme--004 .lp__hero-action:hover {
    background: #FFFFFF;
    color: #888; }

body.lp-theme--004 .lp__content-box.no--img {
  justify-content: center; }
  @media screen and (min-width: 768px) {
    body.lp-theme--004 .lp__content-box.no--img .lp__content-box__inner {
      flex-basis: 50%; } }
@media screen and (min-width: 768px) {
  body.lp-theme--004 .lp__content-box.alt-view .lp__content-box__inner {
    order: 2;
    padding: 0px 0px 0px 48px; } }

@media screen and (min-width: 1440px) {
  body.lp-theme--004 .lp__content-box.alt-view .lp__content-box__inner {
    padding: 0px 48px 0px 96px; } }

@media screen and (min-width: 768px) {
  body.lp-theme--004 .lp__content-box.alt-view .lp__content-box__img--extra {
    order: 1; } }

body.lp-theme--004 .lp__content-box {
  padding: 16px;
  display: flex; }
  @media screen and (min-width: 768px) {
    body.lp-theme--004 .lp__content-box {
      padding: 48px;
      justify-content: space-between;
      align-items: center; } }
  body.lp-theme--004 .lp__content-box__inner {
    position: relative; }
    @media screen and (min-width: 768px) {
      body.lp-theme--004 .lp__content-box__inner {
        padding: 0px 48px 0px 0px; } }
    @media screen and (min-width: 1440px) {
      body.lp-theme--004 .lp__content-box__inner {
        padding: 0px 96px 0px 48px; } }
  body.lp-theme--004 .lp__content-box__title {
    font-size: 24px;
    line-height: 36px;
    color: #888;
    order: 2;
    font-family: "Prata", serif !important;
    margin-bottom: 24px;
    z-index: 20;
    background: rgba(0, 0, 0, 0.15);
    padding: 8px; }
    body.lp-theme--004 .lp__content-box__title:after {
      content: '';
      width: 44px;
      height: 44px;
      background: #cc0000;
      opacity: 0.75;
      position: absolute;
      top: 0px;
      left: 0px;
      z-index: -1; }
    @media screen and (min-width: 768px) {
      body.lp-theme--004 .lp__content-box__title {
        font-size: 32px;
        line-height: 42px;
        position: relative;
        left: auto;
        top: auto;
        right: auto;
        left: initial;
        top: initial;
        right: initial;
        background: none;
        color: #888; }
        body.lp-theme--004 .lp__content-box__title:after {
          background: #ffffff;
          top: 2px; } }
  body.lp-theme--004 .lp__content-box__description {
    order: 3;
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 16px;
    color: #bbbbbb; }
    @media screen and (min-width: 768px) {
      body.lp-theme--004 .lp__content-box__description {
        font-size: 18px;
        line-height: 27px;
        margin-bottom: 24px; } }
    @media screen and (min-width: 1024px) {
      body.lp-theme--004 .lp__content-box__description {
        font-size: 22px;
        line-height: 33px;
        margin-bottom: 48px; } }
  body.lp-theme--004 .lp__content-box__action {
    background: #cc0000;
    color: #888;
    text-align: center;
    order: 4;
    max-width: 400px; }
  body.lp-theme--004 .lp__content-box__img {
    order: 1;
    border: 8px solid #FFFFFF;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.33);
    margin-bottom: 16px;
    margin-top: 24px;
    width: calc(100% + 32px) !important;
    min-width: calc(100% + 32px) !important;
    max-width: calc(100% + 32px) !important;
    transform: translatex(-16px); }
    @media screen and (min-width: 768px) {
      body.lp-theme--004 .lp__content-box__img {
        display: none; } }
  body.lp-theme--004 .lp__content-box__img--extra {
    display: none;
    speak: none; }
    @media screen and (min-width: 768px) {
      body.lp-theme--004 .lp__content-box__img--extra {
        display: inherit;
        speak: normal;
        border: 8px solid #FFFFFF;
        box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.33);
        width: 50% !important;
        min-width: 50% !important;
        max-width: 50% !important;
        height: 100%; } }
body.lp-theme--004 .lp__testimonial {
  background: #000000;
  padding: 48px 16px;
  padding-bottom: 144px; }
  @media screen and (min-width: 768px) {
    body.lp-theme--004 .lp__testimonial {
      padding: 48px 25%;
      padding-bottom: 42.5%; } }
  @media screen and (min-width: 1440px) {
    body.lp-theme--004 .lp__testimonial {
      padding-top: 144px; } }
body.lp-theme--004 .lp__blockquote {
  border-left: none;
  margin: 0;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  background: #FFFFFF;
  padding: 24px;
  position: relative; }
  body.lp-theme--004 .lp__blockquote:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 16px 16px 0 16px;
    border-color: #FFFFFF transparent transparent transparent;
    content: "";
    display: block;
    position: absolute;
    bottom: -16px;
    left: calc(50% - 16px); }
  @media screen and (min-width: 1440px) {
    body.lp-theme--004 .lp__blockquote {
      padding: 48px; } }
  body.lp-theme--004 .lp__blockquote__quote {
    font-family: "Prata", serif;
    padding: 16px;
    margin-bottom: 0;
    font-size: 24px;
    line-height: 36px; }
  body.lp-theme--004 .lp__blockquote__footer {
    position: absolute;
    top: calc(100% + 16px);
    left: 0;
    right: 0; }
    @media screen and (min-width: 768px) {
      body.lp-theme--004 .lp__blockquote__footer {
        left: -50%;
        right: -50%;
        background: #000000;
        padding: 16px 50% 48px 50%; } }
    @media screen and (min-width: 1440px) {
      body.lp-theme--004 .lp__blockquote__footer {
        padding: 16px 50% 144px 50%; } }
  body.lp-theme--004 .lp__blockquote__cite {
    display: flex;
    align-items: center;
    color: #888;
    justify-content: space-between; }
    @media screen and (min-width: 768px) {
      body.lp-theme--004 .lp__blockquote__cite {
        font-size: 24px;
        line-height: 36px; } }
body.lp-theme--004 .lp__blockquote-avatar {
  width: 96px;
  min-width: 96px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px solid #FFFFFF; }
  @media screen and (min-width: 768px) {
    body.lp-theme--004 .lp__blockquote-avatar {
      flex-basis: 50%;
      border-width: 4px; } }
  @media screen and (min-width: 1024px) {
    body.lp-theme--004 .lp__blockquote-avatar {
      min-width: 288px;
      min-width: 288px; } }
  body.lp-theme--004 .lp__blockquote-avatar__img {
    width: 100%; }

body.lp-theme--004 .lp__icon-group__list {
  list-style-type: none;
  padding: 0;
  margin: 0;
  padding: 24px 0px;
  display: flex;
  flex-wrap: wrap; }

body.lp-theme--004 .lp__icon-group__item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-basis: 100%;
  background: #FFFFFF;
  min-height: 80px;
  padding: 16px 24px; }
  @media screen and (min-width: 768px) {
    body.lp-theme--004 .lp__icon-group__item {
      flex-basis: 50%;
      flex-grow: 1; } }
  @media screen and (min-width: 1280px) {
    body.lp-theme--004 .lp__icon-group__item {
      flex-basis: 25%; } }
  body.lp-theme--004 .lp__icon-group__item:before {
    content: '';
    position: absolute;
    display: block;
    height: 64px;
    width: 64px;
    left: 16px;
    background: #ffffff;
    z-index: 1; }

body.lp-theme--004 .lp__icon-group__icon {
  position: relative;
  z-index: 22;
  font-size: 24px;
  color: #FFFFFF;
  top: calc(50% - 6px); }

body.lp-theme--004 .lp__icon-group__label {
  position: relative;
  z-index: 23;
  text-transform: uppercase;
  font-family: "Prata", serif;
  font-size: 18px;
  color: #cc0000;
  padding-left: 8px;
  font-weight: bold;
  letter-spacing: 1px;
  top: calc(50% - 9px); }

body.lp-theme--004 .lp__stats {
  background: #FFFFFF;
  justify-content: center; }
  @media screen and (min-width: 768px) {
    body.lp-theme--004 .lp__stats {
      display: flex;
      flex-wrap: wrap; } }
body.lp-theme--004 .lp__stat--single {
  background: #888;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 48px;
  position: relative; }
  @media screen and (min-width: 768px) {
    body.lp-theme--004 .lp__stat--single {
      flex-basis: calc(50% - 32px);
      min-width: calc(50% - 32px);
      margin: 16px 16px; } }
  @media screen and (min-width: 1280px) {
    body.lp-theme--004 .lp__stat--single {
      flex-basis: calc(25% - 32px);
      min-width: calc(25% - 32px); } }
  body.lp-theme--004 .lp__stat--single__title {
    color: #FFFFFF;
    order: 1;
    font-size: 18px;
    text-transform: uppercase;
    position: relative;
    z-index: 10; }
  body.lp-theme--004 .lp__stat--single__value {
    color: #FFFFFF;
    order: 2;
    font-size: 42px;
    font-family: "Prata", serif;
    position: relative;
    z-index: 10; }
  body.lp-theme--004 .lp__stat--single__icon {
    color: #000000;
    order: 4;
    position: absolute;
    bottom: 0;
    right: 0;
    opacity: 0.25;
    font-size: 188px;
    z-index: 5; }
  body.lp-theme--004 .lp__stat--single__description {
    color: #FFFFFF;
    order: 3;
    font-family: "Oswald", sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 1.5;
    position: relative;
    z-index: 10;
    background: rgba(0, 0, 0, 0.2);
    padding: 16px;
    border-radius: 2px; }

body.lp-theme--004 .lp__steps {
  display: flex;
  flex-direction: column; }
  @media screen and (min-width: 768px) {
    body.lp-theme--004 .lp__steps {
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: center; } }
body.lp-theme--004 .lp__step--single {
  display: flex;
  flex-direction: column;
  padding: 0;
  align-items: center; }
  @media screen and (min-width: 768px) {
    body.lp-theme--004 .lp__step--single {
      flex-basis: 50%;
      min-width: 50%;
      flex-grow: 1; } }
  @media screen and (min-width: 1024px) {
    body.lp-theme--004 .lp__step--single {
      flex-basis: 25%;
      min-width: 25%; } }
  body.lp-theme--004 .lp__step--single:nth-of-type(1) {
    background: #000000; }
    body.lp-theme--004 .lp__step--single:nth-of-type(1) .lp__step--single__number {
      background: #000000;
      color: #FFFFFF; }
    body.lp-theme--004 .lp__step--single:nth-of-type(1) .lp__step--single__description {
      color: unset; }
      body.lp-theme--004 .lp__step--single:nth-of-type(1) .lp__step--single__description:first-letter {
        color: #000000; }
  body.lp-theme--004 .lp__step--single:nth-of-type(2) {
    background: #000000; }
    body.lp-theme--004 .lp__step--single:nth-of-type(2) .lp__step--single__number {
      background: #888;
      color: #000000; }
    body.lp-theme--004 .lp__step--single:nth-of-type(2) .lp__step--single__description {
      color: unset; }
      body.lp-theme--004 .lp__step--single:nth-of-type(2) .lp__step--single__description:first-letter {
        color: #000000; }
  body.lp-theme--004 .lp__step--single:nth-of-type(3) {
    background: #ffffff; }
    body.lp-theme--004 .lp__step--single:nth-of-type(3) .lp__step--single__number {
      background: #000000;
      color: #888; }
    body.lp-theme--004 .lp__step--single:nth-of-type(3) .lp__step--single__description {
      color: #FFFFFF; }
      body.lp-theme--004 .lp__step--single:nth-of-type(3) .lp__step--single__description:first-letter {
        color: #000000; }
  body.lp-theme--004 .lp__step--single:nth-of-type(4) {
    background: #cc0000; }
    body.lp-theme--004 .lp__step--single:nth-of-type(4) .lp__step--single__number {
      background: #000000;
      color: #000000; }
    body.lp-theme--004 .lp__step--single:nth-of-type(4) .lp__step--single__description {
      color: #FFFFFF; }
      body.lp-theme--004 .lp__step--single:nth-of-type(4) .lp__step--single__description:first-letter {
        color: #000000; }
  body.lp-theme--004 .lp__step--single:nth-of-type(8) {
    background: #000000; }
    body.lp-theme--004 .lp__step--single:nth-of-type(8) .lp__step--single__number {
      background: #000000;
      color: #FFFFFF; }
    body.lp-theme--004 .lp__step--single:nth-of-type(8) .lp__step--single__description {
      color: unset; }
      body.lp-theme--004 .lp__step--single:nth-of-type(8) .lp__step--single__description:first-letter {
        color: #000000; }
  body.lp-theme--004 .lp__step--single:nth-of-type(7) {
    background: #000000; }
    body.lp-theme--004 .lp__step--single:nth-of-type(7) .lp__step--single__number {
      background: #888;
      color: #000000; }
    body.lp-theme--004 .lp__step--single:nth-of-type(7) .lp__step--single__description {
      color: unset; }
      body.lp-theme--004 .lp__step--single:nth-of-type(7) .lp__step--single__description:first-letter {
        color: #000000; }
  body.lp-theme--004 .lp__step--single:nth-of-type(6) {
    background: #ffffff; }
    body.lp-theme--004 .lp__step--single:nth-of-type(6) .lp__step--single__number {
      background: #000000;
      color: #888; }
    body.lp-theme--004 .lp__step--single:nth-of-type(6) .lp__step--single__description {
      color: #FFFFFF; }
      body.lp-theme--004 .lp__step--single:nth-of-type(6) .lp__step--single__description:first-letter {
        color: #000000; }
  body.lp-theme--004 .lp__step--single:nth-of-type(5) {
    background: #cc0000; }
    body.lp-theme--004 .lp__step--single:nth-of-type(5) .lp__step--single__number {
      background: #000000;
      color: #000000; }
    body.lp-theme--004 .lp__step--single:nth-of-type(5) .lp__step--single__description {
      color: #FFFFFF; }
      body.lp-theme--004 .lp__step--single:nth-of-type(5) .lp__step--single__description:first-letter {
        color: #000000; }
  body.lp-theme--004 .lp__step--single__number {
    width: 64px;
    height: 64px;
    line-height: 64px;
    font-size: 36px;
    background: #888;
    color: #FFFFFF;
    text-align: center;
    align-self: flex-start;
    margin-bottom: 48px; }
  body.lp-theme--004 .lp__step--single__title {
    margin: 0;
    align-self: flex-start;
    padding-left: 16px;
    text-transform: uppercase;
    font-family: "Oswald", sans-serif;
    font-size: 18px;
    color: rgba(0, 0, 0, 0.4); }
  body.lp-theme--004 .lp__step--single__description {
    width: calc(100% - 32px);
    margin: 0;
    padding: 24px 0px 48px 0px;
    text-transform: uppercase;
    font-family: "Prata", serif;
    font-size: 14px; }
    body.lp-theme--004 .lp__step--single__description:first-letter {
      font-size: 32px;
      line-height: 32px; }

body.lp-theme--004 .lp__social {
  background: #FFFFFF; }
  body.lp-theme--004 .lp__social__title {
    padding: 24px;
    background: #FFFFFF;
    color: #FFFFFF; }
  body.lp-theme--004 .lp__social__list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
  body.lp-theme--004 .lp__social__link {
    display: flex;
    flex-direction: column;
    padding: 20px 16px 16px 16px;
    align-items: center;
    color: rgba(0, 0, 0, 0.7); }
    body.lp-theme--004 .lp__social__link-icon {
      font-size: 24px; }
    body.lp-theme--004 .lp__social__link-text {
      font-weight: 900; }

body.lp-theme--004 .lp__footer {
  background: #888; }
  body.lp-theme--004 .lp__footer__heading {
    padding: 24px 16px;
    display: flex;
    flex-direction: column;
    align-items: center; }
    body.lp-theme--004 .lp__footer__heading-title {
      font-size: 18px;
      text-transform: uppercase;
      color: #000000;
      font-weight: normal; }
    body.lp-theme--004 .lp__footer__heading-link {
      background: none;
      border: 1px solid #ffffff;
      color: #ffffff; }
  body.lp-theme--004 .lp__footer__lists {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0px 8px 24px 8px; }
  body.lp-theme--004 .lp__footer__list-container {
    display: flex;
    flex-direction: column;
    padding: 16px 24px; }
  body.lp-theme--004 .lp__footer__list-title {
    color: #FFFFFF;
    position: relative;
    font-size: 18px;
    font-weight: bold;
    position: relative;
    margin-bottom: 0;
    z-index: 5;
    font-weight: normal;
    line-height: 28px;
    text-transform: uppercase; }
    body.lp-theme--004 .lp__footer__list-title:after {
      content: '';
      display: block;
      position: absolute;
      left: -12px;
      top: calc(50% - 16px);
      height: 28px;
      width: 28px;
      background: #ffffff;
      z-index: -1; }
  body.lp-theme--004 .lp__footer__list {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column; }
  body.lp-theme--004 .lp__footer__list-item {
    padding: 4px 0px; }
  body.lp-theme--004 .lp__footer__list-link {
    color: #FFFFFF; }
  body.lp-theme--004 .lp__footer__copyright {
    background: #FFFFFF;
    padding: 4px 16px; }
    body.lp-theme--004 .lp__footer__copyright-text {
      color: #888;
      text-align: center;
      margin: 0;
      font-size: 12px; }

@media screen and (min-width: 769px) {
  body.lp-theme--004 .nav__list.is--child {
    background: #FFFFFF; } }

@media screen and (min-width: 769px) {
  body.lp-theme--004 .nav__list-item.is--parent .nav__list-item > a {
    height: auto;
    line-height: inherit;
    padding: 16px; } }

@media screen and (min-width: 769px) {
  body.lp-theme--004 .nav__list-item.is--parent > a {
    display: flex !important;
    align-items: center; } }

body.lp-theme--005 {
  font-family: 'Open Sans', sans-serif; }
  body.lp-theme--005 h1, body.lp-theme--005 h2, body.lp-theme--005 h3, body.lp-theme--005 h4, body.lp-theme--005 h5, body.lp-theme--005 h6 {
    font-family: 'Raleway', sans-serif; }
  body.lp-theme--005 img.lp--img--005 {
    display: block; }
  body.lp-theme--005 [class*=grd__col--] {
    padding: 0; }

body.lp-theme--005.landingPageController .header--landing-page--002 {
  background: none !important; }

body.lp-theme--005 .header--landing-page--002 {
  background: black;
  box-shadow: none; }
  body.lp-theme--005 .header--landing-page--002 .btn--menu {
    color: #FFFFFF; }

body.lp-theme--005 .nav--landing-page--002 a {
  font-weight: normal;
  color: #888; }

body.lp-theme--005 main {
  padding-top: 0; }

body.lp-theme--005 .lp__content-box__heading .lp__content-box__title::first-letter {
  color: #ffd454;
  font-size: 54px; }

body.lp-theme--005 .logo--landing-page--002 {
  height: 96px;
  padding: 16px; }
  body.lp-theme--005 .logo--landing-page--002 img {
    max-height: 100%;
    height: 100%;
    max-width: 160px; }

body.lp-theme--005 #slides {
  height: calc(66vh - 96px) !important;
  max-height: calc(66vh - 96px) !important; }

body.lp-theme--005 .slides-container .lp__hero-container {
  background: none;
  display: flex;
  justify-content: center;
  height: 100%;
  align-items: center; }
  @media screen and (min-width: 768px) {
    body.lp-theme--005 .slides-container .lp__hero-container {
      padding: 48px 96px; } }
body.lp-theme--005 .lp__hero-img__container {
  height: calc(66vh);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center; }

body.lp-theme--005 .lp__hero-content__container {
  padding: 16px; }
  @media screen and (min-width: 768px) {
    body.lp-theme--005 .lp__hero-content__container {
      padding: 48px; } }
body.lp-theme--005 .lp__hero-h1 {
  color: #888;
  font-size: 36px;
  line-height: 42px;
  font-weight: 900;
  margin-bottom: 8px;
  text-transform: uppercase; }
  @media screen and (min-width: 1024px) {
    body.lp-theme--005 .lp__hero-h1 {
      font-size: 56px;
      line-height: 66px;
      margin-bottom: 24px; } }
body.lp-theme--005 .lp__hero-h2 {
  font-family: "Open-Sans", sans-serif;
  font-size: 18px;
  line-height: 27px;
  font-weight: regular;
  color: #888;
  margin-bottom: 8; }
  @media screen and (min-width: 1024px) {
    body.lp-theme--005 .lp__hero-h2 {
      font-size: 24px;
      line-height: 36px;
      margin-bottom: 32px; } }
body.lp-theme--005 .lp__hero-action {
  background: none;
  border: 2px solid #888;
  color: #FFFFFF;
  font-weight: 400; }
  body.lp-theme--005 .lp__hero-action:hover {
    background: #888;
    color: #FFFFFF; }

body.lp-theme--005 .lp__content-box.no--img {
  justify-content: center; }
  @media screen and (min-width: 768px) {
    body.lp-theme--005 .lp__content-box.no--img .lp__content-box__inner {
      flex-basis: 50%; } }
@media screen and (min-width: 768px) {
  body.lp-theme--005 .lp__content-box.alt-view .lp__content-box__inner {
    order: 2;
    padding: 0px 0px 0px 48px; } }

@media screen and (min-width: 1440px) {
  body.lp-theme--005 .lp__content-box.alt-view .lp__content-box__inner {
    padding: 0px 48px 0px 48px; } }

@media screen and (min-width: 768px) {
  body.lp-theme--005 .lp__content-box.alt-view .lp__content-box__img--extra {
    order: 1; } }

body.lp-theme--005 .lp__content-box {
  padding: 16px;
  display: flex; }
  @media screen and (min-width: 768px) {
    body.lp-theme--005 .lp__content-box {
      padding: 48px;
      justify-content: space-between;
      align-items: center; } }
  body.lp-theme--005 .lp__content-box__inner {
    position: relative; }
    @media screen and (min-width: 768px) {
      body.lp-theme--005 .lp__content-box__inner {
        padding: 0px 48px 0px 0px; } }
    @media screen and (min-width: 1440px) {
      body.lp-theme--005 .lp__content-box__inner {
        padding: 0px 96px 0px 0px; } }
  body.lp-theme--005 .lp__content-box__title {
    font-size: 24px;
    line-height: 36px;
    color: #888;
    order: 1;
    font-family: "Raleway", sans-serif !important;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 16px; }
    @media screen and (min-width: 768px) {
      body.lp-theme--005 .lp__content-box__title {
        font-size: 28px;
        line-height: 42px; } }
    @media screen and (min-width: 1024px) {
      body.lp-theme--005 .lp__content-box__title {
        font-size: 36px;
        line-height: 48px; } }
  body.lp-theme--005 .lp__content-box__description {
    order: 3;
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 16px;
    color: #888; }
    @media screen and (min-width: 768px) {
      body.lp-theme--005 .lp__content-box__description {
        font-size: 24px;
        line-height: 36px;
        margin-bottom: 24px; } }
    @media screen and (min-width: 1024px) {
      body.lp-theme--005 .lp__content-box__description {
        font-size: 22px;
        line-height: 33px;
        margin-bottom: 48px; } }
  body.lp-theme--005 .lp__content-box__action {
    background: #888;
    color: #000000;
    text-align: center;
    order: 4;
    max-width: 400px;
    font-weight: 800; }
  body.lp-theme--005 .lp__content-box__img {
    order: 2;
    margin-bottom: 16px;
    margin-top: 24px;
    width: calc(100% + 32px) !important;
    min-width: calc(100% + 32px) !important;
    max-width: calc(100% + 32px) !important;
    transform: translatex(-16px); }
    @media screen and (min-width: 768px) {
      body.lp-theme--005 .lp__content-box__img {
        display: none; } }
  body.lp-theme--005 .lp__content-box__img--extra {
    display: none;
    speak: none; }
    @media screen and (min-width: 768px) {
      body.lp-theme--005 .lp__content-box__img--extra {
        display: inherit;
        speak: normal;
        width: 50% !important;
        min-width: 50% !important;
        max-width: 50% !important;
        height: 100%; } }
body.lp-theme--005 .lp__testimonial {
  position: relative;
  padding-bottom: 64px;
  background: #000000; }
  @media screen and (min-width: 768px) {
    body.lp-theme--005 .lp__testimonial {
      padding-bottom: 0px;
      background: none;
      padding: 48px; } }
body.lp-theme--005 .lp__blockquote {
  border-left: none;
  margin: 0;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  flex-direction: column-reverse; }
  @media screen and (min-width: 768px) {
    body.lp-theme--005 .lp__blockquote {
      flex-direction: row-reverse;
      align-items: center; } }
  body.lp-theme--005 .lp__blockquote__quote {
    margin-bottom: 0;
    padding: 24px;
    background: #000000;
    color: #888;
    font-weight: 600; }
    @media screen and (min-width: 768px) {
      body.lp-theme--005 .lp__blockquote__quote {
        background: none;
        position: relative;
        z-index: 1;
        font-size: 24px;
        font-weight: 400; } }
  body.lp-theme--005 .lp__blockquote__cite {
    display: flex;
    flex-direction: column-reverse;
    font-family: "Raleway", sans-serif;
    text-transform: uppercase;
    text-align: center; }

body.lp-theme--005 .lp__blockquote-user {
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
  background: #888;
  color: #FFFFFF;
  padding: 8px;
  font-size: 12px;
  font-weight: 500; }
  body.lp-theme--005 .lp__blockquote-user:after {
    content: "";
    display: block;
    position: absolute;
    top: -4px;
    left: 0;
    right: 0;
    background: rgba(136, 136, 136, 0.66);
    height: 4px; }
    @media screen and (min-width: 768px) {
      body.lp-theme--005 .lp__blockquote-user:after {
        left: 100%;
        right: auto;
        right: initial;
        top: 0;
        bottom: 0;
        width: 50%;
        height: 100%;
        background: rgba(0, 0, 0, 0.4); } }
  @media screen and (min-width: 768px) {
    body.lp-theme--005 .lp__blockquote-user {
      position: relative;
      background: rgba(136, 136, 136, 0.66); } }
body.lp-theme--005 .lp__blockquote-avatar {
  width: 64px;
  min-width: 64px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative; }
  body.lp-theme--005 .lp__blockquote-avatar:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 8px;
    background: rgba(0, 0, 0, 0.8); }
    @media screen and (min-width: 768px) {
      body.lp-theme--005 .lp__blockquote-avatar:after {
        left: 100%;
        right: auto;
        right: initial;
        top: 0;
        bottom: 0;
        width: 50%;
        height: 100%;
        background: rgba(0, 0, 0, 0.4); } }
  @media screen and (min-width: 768px) {
    body.lp-theme--005 .lp__blockquote-avatar {
      min-width: 96px;
      min-width: 96px; } }
  @media screen and (min-width: 1024px) {
    body.lp-theme--005 .lp__blockquote-avatar {
      min-width: 288px;
      min-width: 288px; } }
  body.lp-theme--005 .lp__blockquote-avatar__img {
    width: 100%; }

body.lp-theme--005 .lp__content.is--001 .lp__icon-group__item {
  flex-grow: 1; }

body.lp-theme--005 .lp__content.is--002 .lp__icon-group__item {
  flex-basis: 100%; }
  @media screen and (min-width: 500px) {
    body.lp-theme--005 .lp__content.is--002 .lp__icon-group__item {
      flex-grow: 1;
      flex-basis: auto;
      flex-basis: initial; } }
body.lp-theme--005 .lp__content.is--003 .lp__icon-group__item {
  flex-basis: 100%; }
  @media screen and (min-width: 600px) {
    body.lp-theme--005 .lp__content.is--003 .lp__icon-group__item {
      flex-grow: 1;
      flex-basis: auto;
      flex-basis: initial; } }
body.lp-theme--005 .lp__content.is--004 .lp__icon-group__item {
  flex-basis: 100%; }
  @media screen and (min-width: 500px) {
    body.lp-theme--005 .lp__content.is--004 .lp__icon-group__item {
      flex-basis: 50%; } }
  @media screen and (min-width: 768px) {
    body.lp-theme--005 .lp__content.is--004 .lp__icon-group__item {
      flex-basis: 25%; } }
body.lp-theme--005 .lp__content.is--005 .lp__icon-group__item {
  flex-basis: 100%; }
  @media screen and (min-width: 500px) {
    body.lp-theme--005 .lp__content.is--005 .lp__icon-group__item {
      flex-basis: 50%;
      flex-grow: 1; } }
  @media screen and (min-width: 768px) {
    body.lp-theme--005 .lp__content.is--005 .lp__icon-group__item {
      flex-basis: initial; } }
body.lp-theme--005 .lp__content.is--006 .lp__icon-group__item {
  flex-basis: 100%; }
  @media screen and (min-width: 500px) {
    body.lp-theme--005 .lp__content.is--006 .lp__icon-group__item {
      flex-basis: 50%;
      flex-grow: 1; } }
  @media screen and (min-width: 768px) {
    body.lp-theme--005 .lp__content.is--006 .lp__icon-group__item {
      flex-basis: 33%; } }
body.lp-theme--005 .lp__content.is--007 .lp__icon-group__item {
  flex-basis: 100%; }
  @media screen and (min-width: 500px) {
    body.lp-theme--005 .lp__content.is--007 .lp__icon-group__item {
      flex-basis: 50%;
      flex-grow: 1; } }
  @media screen and (min-width: 768px) {
    body.lp-theme--005 .lp__content.is--007 .lp__icon-group__item {
      flex-basis: 33%; } }
  @media screen and (min-width: 1024px) {
    body.lp-theme--005 .lp__content.is--007 .lp__icon-group__item {
      flex-basis: 20%; } }
body.lp-theme--005 .lp__content.is--008 .lp__icon-group__item {
  flex-basis: 100%; }
  @media screen and (min-width: 500px) {
    body.lp-theme--005 .lp__content.is--008 .lp__icon-group__item {
      flex-basis: 50%; } }
  @media screen and (min-width: 768px) {
    body.lp-theme--005 .lp__content.is--008 .lp__icon-group__item {
      flex-basis: 25%; } }
body.lp-theme--005 .lp__icon-group__list {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start; }
  @media screen and (min-width: 768px) {
    body.lp-theme--005 .lp__icon-group__list {
      position: relative; } }
  @media screen and (min-width: 768px) {
    body.lp-theme--005 .lp__icon-group__list:after {
      content: '';
      display: block;
      height: 4px;
      left: 0px;
      right: 0;
      position: absolute;
      background: #000000;
      top: calc(100%); } }
body.lp-theme--005 .lp__icon-group__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-basis: 50%;
  min-width: 50%;
  padding: 24px 0px;
  position: relative;
  z-index: 10; }
  body.lp-theme--005 .lp__icon-group__item:nth-of-type(1) {
    background: #F1F1F1; }
  body.lp-theme--005 .lp__icon-group__item:nth-of-type(2) {
    background: #E1E1E1; }
  body.lp-theme--005 .lp__icon-group__item:nth-of-type(3) {
    background: #999; }
  body.lp-theme--005 .lp__icon-group__item:nth-of-type(4) {
    background: #888; }
  @media screen and (min-width: 768px) {
    body.lp-theme--005 .lp__icon-group__item {
      flex-basis: 25%;
      min-width: 25%;
      padding: 48px 0px;
      background: none !important; } }
body.lp-theme--005 .lp__icon-group__icon {
  background: #000000;
  color: #FFFFFF;
  width: 44px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  border-radius: 50%;
  margin-bottom: 16px; }

body.lp-theme--005 .lp__icon-group__label {
  font-size: 12px;
  text-transform: uppercase;
  font-family: "Raleway", sans-serif;
  font-weight: bold; }
  @media screen and (min-width: 768px) {
    body.lp-theme--005 .lp__icon-group__label {
      font-size: 16px; } }
body.lp-theme--005 .lp__stats {
  background: #FFFFFF;
  justify-content: center; }
  @media screen and (min-width: 768px) {
    body.lp-theme--005 .lp__stats {
      display: flex;
      flex-wrap: wrap; } }
body.lp-theme--005 .lp__stat--single {
  padding: 48px 16px 48px 16px;
  background: #888;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center; }
  body.lp-theme--005 .lp__stat--single:nth-of-type(1) {
    background: #888888; }
  body.lp-theme--005 .lp__stat--single:nth-of-type(2) {
    background: #9c9c9c; }
  body.lp-theme--005 .lp__stat--single:nth-of-type(3) {
    background: #b1b1b1; }
  body.lp-theme--005 .lp__stat--single:nth-of-type(4) {
    background: #c5c5c5; }
  body.lp-theme--005 .lp__stat--single:nth-of-type(5) {
    background: #bbbbbb; }
  body.lp-theme--005 .lp__stat--single:nth-of-type(6) {
    background: #a7a7a7; }
  body.lp-theme--005 .lp__stat--single:nth-of-type(7) {
    background: #929292; }
  body.lp-theme--005 .lp__stat--single:nth-of-type(8) {
    background: #888888; }
  @media screen and (min-width: 768px) {
    body.lp-theme--005 .lp__stat--single {
      flex-basis: 50%;
      min-width: 50%;
      padding: 48px 48px 48px 48px;
      flex-grow: 1; } }
  @media screen and (min-width: 1280px) {
    body.lp-theme--005 .lp__stat--single {
      flex-basis: 25%;
      min-width: 25%; } }
  body.lp-theme--005 .lp__stat--single__title {
    color: #FFFFFF;
    font-size: 24px;
    margin-bottom: 0;
    font-family: "Raleway", sans-serif;
    line-height: 36px;
    text-transform: uppercase;
    order: 2;
    letter-spacing: 1px; }
  body.lp-theme--005 .lp__stat--single__value {
    font-family: "Raleway", sans-serif;
    font-size: 32px;
    font-weight: 900;
    order: 4;
    color: #FFFFFF;
    flex-basis: 100%;
    min-width: 100%;
    text-align: right; }
  body.lp-theme--005 .lp__stat--single__icon {
    color: #000000;
    font-size: 32px;
    order: 1;
    margin-right: 8px; }
  body.lp-theme--005 .lp__stat--single__description {
    color: #FFFFFF;
    font-size: 18px;
    line-height: 27px;
    order: 3;
    font-family: "Oswald", sans-serif;
    text-transform: uppercase;
    flex-basis: 100%;
    min-width: 100%;
    padding-top: 24px; }

body.lp-theme--005 .lp__steps {
  display: flex;
  flex-direction: column; }
  @media screen and (min-width: 768px) {
    body.lp-theme--005 .lp__steps {
      flex-direction: row;
      flex-wrap: wrap; } }
body.lp-theme--005 .lp__step--single {
  padding: 48px; }
  @media screen and (min-width: 768px) {
    body.lp-theme--005 .lp__step--single:after {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      bottom: 0;
      width: 50%;
      z-index: 10;
      right: 0; } }
  @media screen and (min-width: 1024px) {
    body.lp-theme--005 .lp__step--single:after {
      width: 384px; } }
  @media screen and (min-width: 768px) {
    body.lp-theme--005 .lp__step--single {
      flex-basis: 100%;
      min-width: 100%;
      position: relative; } }
  @media screen and (min-width: 768px) {
    body.lp-theme--005 .lp__step--single:nth-of-type(odd) {
      padding-right: 50%; } }
  @media screen and (min-width: 1024px) {
    body.lp-theme--005 .lp__step--single:nth-of-type(odd) {
      padding-right: 384px; } }
  @media screen and (min-width: 768px) {
    body.lp-theme--005 .lp__step--single:nth-of-type(odd):after {
      right: 0; } }
  body.lp-theme--005 .lp__step--single:nth-of-type(odd) .lp__step--single__number {
    right: calc(25% - 48px); }
    @media screen and (min-width: 1024px) {
      body.lp-theme--005 .lp__step--single:nth-of-type(odd) .lp__step--single__number {
        right: calc(192px - 48px); } }
  @media screen and (min-width: 768px) {
    body.lp-theme--005 .lp__step--single:nth-of-type(odd) .lp__step--single__title {
      padding-right: 48px; } }
  @media screen and (min-width: 768px) {
    body.lp-theme--005 .lp__step--single:nth-of-type(odd) .lp__step--single__description {
      padding-right: 48px; } }
  @media screen and (min-width: 768px) {
    body.lp-theme--005 .lp__step--single:nth-of-type(even) {
      padding-left: 50%; } }
  @media screen and (min-width: 1024px) {
    body.lp-theme--005 .lp__step--single:nth-of-type(even) {
      padding-left: 384px; } }
  @media screen and (min-width: 768px) {
    body.lp-theme--005 .lp__step--single:nth-of-type(even):after {
      left: 0; } }
  body.lp-theme--005 .lp__step--single:nth-of-type(even) .lp__step--single__number {
    left: calc(25% - 48px); }
    @media screen and (min-width: 1024px) {
      body.lp-theme--005 .lp__step--single:nth-of-type(even) .lp__step--single__number {
        left: calc(192px - 48px); } }
  @media screen and (min-width: 768px) {
    body.lp-theme--005 .lp__step--single:nth-of-type(even) .lp__step--single__title {
      padding-left: 48px; } }
  @media screen and (min-width: 768px) {
    body.lp-theme--005 .lp__step--single:nth-of-type(even) .lp__step--single__description {
      padding-left: 48px; } }
  body.lp-theme--005 .lp__step--single:nth-of-type(1) {
    background: #000000; }
    @media screen and (min-width: 768px) {
      body.lp-theme--005 .lp__step--single:nth-of-type(1):after {
        background: #888; } }
    body.lp-theme--005 .lp__step--single:nth-of-type(1) .lp__step--single__number {
      color: #000000;
      background: #888; }
      @media screen and (min-width: 768px) {
        body.lp-theme--005 .lp__step--single:nth-of-type(1) .lp__step--single__number {
          color: #888;
          background: #000000; } }
    @media screen and (min-width: 768px) {
      body.lp-theme--005 .lp__step--single:nth-of-type(1) .lp__step--single__title {
        padding-right: 48px; } }
    body.lp-theme--005 .lp__step--single:nth-of-type(1) .lp__step--single__description {
      color: #888; }
      body.lp-theme--005 .lp__step--single:nth-of-type(1) .lp__step--single__description:first-letter {
        color: #FFFFFF; }
  body.lp-theme--005 .lp__step--single:nth-of-type(2) {
    background: #e8e8e8; }
    @media screen and (min-width: 768px) {
      body.lp-theme--005 .lp__step--single:nth-of-type(2):after {
        background: #888; } }
    body.lp-theme--005 .lp__step--single:nth-of-type(2) .lp__step--single__number {
      color: #000000;
      background: #888; }
      @media screen and (min-width: 768px) {
        body.lp-theme--005 .lp__step--single:nth-of-type(2) .lp__step--single__number {
          color: #888;
          background: #000000; } }
    @media screen and (min-width: 768px) {
      body.lp-theme--005 .lp__step--single:nth-of-type(2) .lp__step--single__title {
        padding-right: 48px; } }
    body.lp-theme--005 .lp__step--single:nth-of-type(2) .lp__step--single__description {
      color: #888; }
      body.lp-theme--005 .lp__step--single:nth-of-type(2) .lp__step--single__description:first-letter {
        color: #000000; }
  body.lp-theme--005 .lp__step--single:nth-of-type(3) {
    background: #ffffff; }
    @media screen and (min-width: 768px) {
      body.lp-theme--005 .lp__step--single:nth-of-type(3):after {
        background: #888; } }
    body.lp-theme--005 .lp__step--single:nth-of-type(3) .lp__step--single__number {
      color: #ffffff;
      background: #888; }
      @media screen and (min-width: 768px) {
        body.lp-theme--005 .lp__step--single:nth-of-type(3) .lp__step--single__number {
          color: #ffffff;
          background: #888; } }
    @media screen and (min-width: 768px) {
      body.lp-theme--005 .lp__step--single:nth-of-type(3) .lp__step--single__title {
        padding-right: 48px; } }
    body.lp-theme--005 .lp__step--single:nth-of-type(3) .lp__step--single__description {
      color: #888; }
      body.lp-theme--005 .lp__step--single:nth-of-type(3) .lp__step--single__description:first-letter {
        color: #FFFFFF; }
  body.lp-theme--005 .lp__step--single:nth-of-type(4) {
    background: #888; }
    @media screen and (min-width: 768px) {
      body.lp-theme--005 .lp__step--single:nth-of-type(4):after {
        background: #ffffff; } }
    body.lp-theme--005 .lp__step--single:nth-of-type(4) .lp__step--single__number {
      color: #000000;
      background: #ffffff; }
      @media screen and (min-width: 768px) {
        body.lp-theme--005 .lp__step--single:nth-of-type(4) .lp__step--single__number {
          color: #000000;
          background: #888; } }
    @media screen and (min-width: 768px) {
      body.lp-theme--005 .lp__step--single:nth-of-type(4) .lp__step--single__title {
        padding-right: 48px; } }
    body.lp-theme--005 .lp__step--single:nth-of-type(4) .lp__step--single__description {
      color: #ffffff; }
      body.lp-theme--005 .lp__step--single:nth-of-type(4) .lp__step--single__description:first-letter {
        color: #000000; }
  body.lp-theme--005 .lp__step--single:nth-of-type(8) {
    background: #000000; }
    @media screen and (min-width: 768px) {
      body.lp-theme--005 .lp__step--single:nth-of-type(8):after {
        background: #888; } }
    body.lp-theme--005 .lp__step--single:nth-of-type(8) .lp__step--single__number {
      color: #000000;
      background: #888; }
      @media screen and (min-width: 768px) {
        body.lp-theme--005 .lp__step--single:nth-of-type(8) .lp__step--single__number {
          color: #888;
          background: #000000; } }
    @media screen and (min-width: 768px) {
      body.lp-theme--005 .lp__step--single:nth-of-type(8) .lp__step--single__title {
        padding-right: 48px; } }
    body.lp-theme--005 .lp__step--single:nth-of-type(8) .lp__step--single__description {
      color: #888; }
      body.lp-theme--005 .lp__step--single:nth-of-type(8) .lp__step--single__description:first-letter {
        color: #FFFFFF; }
  body.lp-theme--005 .lp__step--single:nth-of-type(7) {
    background: #e8e8e8; }
    @media screen and (min-width: 768px) {
      body.lp-theme--005 .lp__step--single:nth-of-type(7):after {
        background: #888; } }
    body.lp-theme--005 .lp__step--single:nth-of-type(7) .lp__step--single__number {
      color: #000000;
      background: #888; }
      @media screen and (min-width: 768px) {
        body.lp-theme--005 .lp__step--single:nth-of-type(7) .lp__step--single__number {
          color: #888;
          background: #000000; } }
    @media screen and (min-width: 768px) {
      body.lp-theme--005 .lp__step--single:nth-of-type(7) .lp__step--single__title {
        padding-right: 48px; } }
    body.lp-theme--005 .lp__step--single:nth-of-type(7) .lp__step--single__description {
      color: #888; }
      body.lp-theme--005 .lp__step--single:nth-of-type(7) .lp__step--single__description:first-letter {
        color: #000000; }
  body.lp-theme--005 .lp__step--single:nth-of-type(6) {
    background: #ffffff; }
    @media screen and (min-width: 768px) {
      body.lp-theme--005 .lp__step--single:nth-of-type(6):after {
        background: #888; } }
    body.lp-theme--005 .lp__step--single:nth-of-type(6) .lp__step--single__number {
      color: #ffffff;
      background: #888; }
      @media screen and (min-width: 768px) {
        body.lp-theme--005 .lp__step--single:nth-of-type(6) .lp__step--single__number {
          color: #ffffff;
          background: #888; } }
    @media screen and (min-width: 768px) {
      body.lp-theme--005 .lp__step--single:nth-of-type(6) .lp__step--single__title {
        padding-right: 48px; } }
    body.lp-theme--005 .lp__step--single:nth-of-type(6) .lp__step--single__description {
      color: #888; }
      body.lp-theme--005 .lp__step--single:nth-of-type(6) .lp__step--single__description:first-letter {
        color: #FFFFFF; }
  body.lp-theme--005 .lp__step--single:nth-of-type(5) {
    background: #888; }
    @media screen and (min-width: 768px) {
      body.lp-theme--005 .lp__step--single:nth-of-type(5):after {
        background: #ffffff; } }
    body.lp-theme--005 .lp__step--single:nth-of-type(5) .lp__step--single__number {
      color: #000000;
      background: #ffffff; }
      @media screen and (min-width: 768px) {
        body.lp-theme--005 .lp__step--single:nth-of-type(5) .lp__step--single__number {
          color: #000000;
          background: #888; } }
    @media screen and (min-width: 768px) {
      body.lp-theme--005 .lp__step--single:nth-of-type(5) .lp__step--single__title {
        padding-right: 48px; } }
    body.lp-theme--005 .lp__step--single:nth-of-type(5) .lp__step--single__description {
      color: #ffffff; }
      body.lp-theme--005 .lp__step--single:nth-of-type(5) .lp__step--single__description:first-letter {
        color: #000000; }
  body.lp-theme--005 .lp__step--single__number {
    width: 96px;
    height: 96px;
    border-radius: 50%;
    text-align: center;
    line-height: 96px;
    font-size: 36px;
    display: block; }
    @media screen and (min-width: 768px) {
      body.lp-theme--005 .lp__step--single__number {
        position: absolute;
        top: calc(50% - 48px);
        z-index: 20; } }
  body.lp-theme--005 .lp__step--single__title {
    font-family: "Raleway", sans-serif;
    font-weight: 900;
    color: rgba(0, 0, 0, 0.4);
    width: 100%;
    margin: 0;
    padding: 16px 0px;
    font-size: 18px;
    line-height: 27px; }
  body.lp-theme--005 .lp__step--single__description {
    font-size: 14px;
    line-height: 24px;
    text-transform: uppercase;
    font-weight: bold; }
    @media screen and (min-width: 1024px) {
      body.lp-theme--005 .lp__step--single__description {
        font-size: 24px;
        line-height: 36px; } }
    body.lp-theme--005 .lp__step--single__description:first-letter {
      font-size: 24px; }
      @media screen and (min-width: 1024px) {
        body.lp-theme--005 .lp__step--single__description:first-letter {
          font-size: 36px; } }
body.lp-theme--005 .lp__social {
  background: #FFFFFF; }
  body.lp-theme--005 .lp__social__title {
    padding: 24px;
    background: rgba(0, 0, 0, 0.2);
    color: #FFFFFF; }
  body.lp-theme--005 .lp__social__list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
  body.lp-theme--005 .lp__social__link {
    display: flex;
    flex-direction: column;
    padding: 20px 16px 16px 16px;
    align-items: center;
    color: rgba(0, 0, 0, 0.7); }
    body.lp-theme--005 .lp__social__link-icon {
      font-size: 24px; }
    body.lp-theme--005 .lp__social__link-text {
      font-weight: 900; }

body.lp-theme--005 .lp__footer {
  background: #888; }
  body.lp-theme--005 .lp__footer__heading {
    background: #000000;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 24px; }
    body.lp-theme--005 .lp__footer__heading-title {
      color: #888;
      margin: 0;
      font-size: 24px;
      text-transform: uppercase;
      font-weight: 900; }
      @media screen and (min-width: 1440px) {
        body.lp-theme--005 .lp__footer__heading-title {
          font-size: 32px;
          margin-right: 24px; } }
    body.lp-theme--005 .lp__footer__heading-link {
      background: #888;
      color: #000000;
      font-weight: bold; }
  body.lp-theme--005 .lp__footer__lists {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 24px 8px; }
  body.lp-theme--005 .lp__footer__list-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 16px 24px; }
  body.lp-theme--005 .lp__footer__list-title {
    font-weight: 900;
    font-size: 24px;
    color: #FFFFFF;
    text-transform: uppercase; }
  body.lp-theme--005 .lp__footer__list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column; }
  body.lp-theme--005 .lp__footer__list-item {
    padding: 4px 0px; }
  body.lp-theme--005 .lp__footer__list-link {
    color: #FFFFFF; }
  body.lp-theme--005 .lp__footer__copyright {
    background: #000000;
    padding: 8px 16px; }
    body.lp-theme--005 .lp__footer__copyright-text {
      color: #888;
      margin: 0;
      text-align: center;
      font-size: 12px; }

@media screen and (min-width: 769px) {
  body.lp-theme--005 .nav__list.is--child {
    background: black; } }

body.is--my-account {
  /*==================================================
  $A11Y Dropdown
  ==================================================*/
  /* Top level nav */
  /* Dropdowns */
  /* Top level nav items */
  /* Top level hover state, preserve hover state when hovering dropdown  */
  /*==================================================
  $Helpers
  ==================================================*/ }
  body.is--my-account .nav--my-account {
    font-size: 14px !important; }
    body.is--my-account .nav--my-account a {
      color: #FFFFFF; }
  body.is--my-account .nav__list {
    display: flex;
    list-style-type: none;
    margin: 0 !important;
    padding: 0 !important;
    flex-wrap: wrap; }
    @media screen and (min-width: 769px) {
      body.is--my-account .nav__list {
        display: flex;
        list-style-type: none;
        margin: 0 !important;
        padding: 0 !important; } }
  body.is--my-account .nav__list.is--child {
    display: flex;
    flex-direction: column;
    z-index: 1;
    padding-left: 8px !important; }
  body.is--my-account li.nav__list-item.is--parent:last-of-type .nav__list.is--child {
    right: 0px;
    left: unset; }
  body.is--my-account .nav__list {
    display: flex; }
  body.is--my-account .nav__list ul {
    min-width: 150px;
    display: flex;
    flex-direction: column; }
    @media screen and (min-width: 769px) {
      body.is--my-account .nav__list ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
        padding-left: 4px; } }
  body.is--my-account .nav__list li {
    position: relative;
    min-width: 100%;
    padding: 4px 8px; }
  body.is--my-account .nav__list li > a {
    display: flex;
    text-decoration: none; }
  body.is--my-account .nav__list li > a:focus, body.is--my-account .nav__list li:focus > a {
    outline: 2px solid #FF9000; }
  @media screen and (min-width: 769px) {
    body.is--my-account .nav__list li:hover ul,
    body.is--my-account .nav__list li:focus ul,
    body.is--my-account ul.show-menu {
      left: 0;
      opacity: 0.99; } }
  body.is--my-account .nav__list ul li {
    float: none; }
  body.is--my-account .nav__list ul a {
    float: none;
    display: block;
    text-shadow: none;
    transition: 0.1s linear all; }
  body.is--my-account .nav__list ul a:hover,
  body.is--my-account .nav__list ul a:focus {
    text-shadow: none; }
  body.is--my-account .list-reset {
    margin: 0;
    padding: 0;
    list-style: none; }
  body.is--my-account .nav__list-item.is--parent {
    transition: all 400ms ease; }
  body.is--my-account .nav__list-item.is--parent > a {
    width: calc(100% - 44px);
    display: inline-block !important; }
  body.is--my-account .nav__list-item.is--parent > button {
    background: none;
    color: #fff; }
  body.is--my-account li.nav__list-item.is--parent {
    display: flex;
    flex-direction: column; }
  body.is--my-account li.nav__list-item.is--parent > a {
    padding-right: 2px; }
  body.is--my-account li.nav__list-item.is--parent > button {
    padding: 0;
    position: absolute;
    right: 16px;
    top: 6px; }
  body.is--my-account li.nav__list-item.is--parent > button > i {
    transform: translateY(2px); }
  body.is--my-account .nav__list-item.is--parent .nav__list.is--child .nav__list-item.is--parent > button {
    display: none; }
  body.is--my-account .nav__list-item.is--parent.is--expanded .nav__list.is--child .nav__list-item.is--parent > button {
    display: block; }
  body.is--my-account .nav--my-account a.is--active {
    background: #cc0000;
    font-weight: bold !important;
    text-transform: uppercase !important;
    padding: 4px 0px 4px 8px !important;
    border-radius: 2px; }
  body.is--my-account li.nav__list-item.is--parent > button {
    transform: rotate(0deg);
    transition: all 300ms ease; }
  body.is--my-account li.nav__list-item.is--parent > button:focus, body.is--my-account li.nav__list-item.is--parent > button:hover {
    transform: rotate(0deg);
    transition: all 300ms ease;
    background: rgba(0, 0, 0, 0.2);
    outline: none !important; }
  body.is--my-account li.nav__list-item.is--parent.is--expanded > button {
    transform: rotate(180deg);
    transition: all 300ms ease; }
  body.is--my-account li.nav__list-item.is--parent.is--expanded > button:focus {
    transform: rotate(180deg);
    transition: all 300ms ease; }
  body.is--my-account li.nav__list-item.is--parent.is--expanded {
    background: rgba(0, 0, 0, 0.2);
    transition: all 400ms ease; }
  body.is--my-account .nav--my-account a {
    transition: all 250ms ease;
    padding-left: 8px; }
  body.is--my-account .nav--my-account a:hover {
    background: #cc0000;
    transition: all 250ms ease;
    border-radius: 2px;
    transform: translateX(2px); }
  body.is--my-account li.lvHeader {
    font-weight: bold; }
  body.is--my-account li.lvItem {
    font-weight: normal; }
  body.is--my-account li.lvItem a {
    text-decoration: none; }
  body.is--my-account .sidebar-nav ul {
    margin: 0; }
  body.is--my-account .sidebar-nav .lvHeader ul {
    margin-left: 0px !important;
    list-style-type: none; }
  body.is--my-account li.lvItem {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #fff; }
  body.is--my-account .lvItem a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: calc(100% - 12px);
    transform: translateX(-22px);
    transition: all 250ms ease; }
  body.is--my-account .lvItem a.editMode {
    transform: translateX(0px);
    transition: all 250ms ease;
    width: calc(100% - 22px); }
  body.is--my-account .lvEdit {
    padding: 0 6px;
    transform: scale(0);
    transition: all 250ms ease;
    opacity: 0; }
  body.is--my-account .removeLv, body.is--my-account .removeSectionLv {
    font-size: 14px; }
  body.is--my-account .removeSectionLv {
    margin-left: 4px; }
  body.is--my-account .lvEdit.isVisible {
    transform: scale(1);
    opacity: 1;
    transition: all 250ms cubic-bezier(0.25, 0.1, 0.75, 2.5); }
  body.is--my-account .removeItem {
    transform: translateX(50px);
    opacity: 0;
    transition: all 250ms ease; }
  body.is--my-account .toggleLvEdit {
    background: none !important;
    color: white !important; }
  body.is--my-account .noLv {
    color: white;
    margin-top: 5px;
    transform: translateX(0);
    opacity: 1;
    transition: all 250ms ease; }
  body.is--my-account .noLv.hasLv {
    transform: translateX(0px);
    opacity: 0;
    transition: all 250ms ease; }
  body.is--my-account .tagCloud button.toggleLvEdit {
    background: grey !important;
    color: #333 !important; }
  body.is--my-account button.btn.btn-mini.removeTag.tagEdit {
    border-radius: 0 3px 3px 0;
    height: 24px;
    top: -1px;
    left: -4px;
    background: #333;
    border: none;
    color: white;
    padding-right: 12px;
    padding-left: 10px;
    font-weight: bolder;
    border-left: 1px solid #fff;
    position: relative;
    transition: color 250ms ease-out; }
  body.is--my-account button.btn.btn-mini.removeTag.tagEdit:hover {
    color: red;
    transition: color 250ms ease-out; }

.ptController .main--alt {
  padding: 0; }

.overlay--position {
  position: absolute;
  width: 100%;
  left: 0px;
  bottom: 0px;
  z-index: 10;
  cursor: pointer; }

.overlay--style {
  background-color: rgba(255, 255, 255, 0); }

.overlay .js--ui-tabs {
  margin-bottom: 0px !important; }

.tag-label.border-radius--circle.black {
  color: rgba(255, 255, 255, 0.88);
  background-color: rgba(0, 0, 0, 0.66); }

@media screen and (min-width: 769px) {
  .header--admin.has--tabs.no--search .cont-inception, .header--admin.has--tabs.no--search .cont-inception {
    width: calc(100% - 60px);
    margin-left: 60px; } }

.header--impersonator-overlay {
  display: flex;
  align-items: center;
  position: absolute;
  width: 100%;
  height: 100%;
  background: #232323;
  background: linear-gradient(90deg, #232323 0%, rgba(35, 35, 35, 0.1) 100%); }

.has--impersonator-notification:after {
  font-family: 'Material Icons';
  content: '\ef3d';
  width: 20px;
  height: 20px;
  background-color: #ED4747;
  border-radius: 10px;
  position: absolute;
  right: 8px;
  top: 10px;
  color: white;
  padding-left: 1px;
  font-size: 12px;
  line-height: 20px; }

.is--my-account li.nav__list-item.is--parent > ul {
  height: 0;
  overflow: hidden; }

.is--my-account li.nav__list-item.is--parent.is--expanded > ul {
  height: auto;
  overflow: initial; }

.is--my-account li.nav__list-item.is--parent > button:focus, .is--my-account li.nav__list-item.is--parent > button:hover {
  color: #FFF; }

.main--catalogue .resume {
  top: 30%; }
  @media screen and (min-width: 400px) {
    .main--catalogue .resume {
      top: 33%; } }
@media screen and (max-width: 1023px) {
  .resume-builder__resume-btns {
    width: 100%;
    justify-content: distance-between; } }

@media screen and (max-width: 768px) {
  .resume-builder__resume-btns .hide--btn-text {
    display: none; } }

.resume-builder__resume-controls {
  display: flex;
  padding: 0 16px;
  height: 44px;
  transform: translatey(-180px);
  justify-content: space-between;
  align-items: center;
  opacity: 0;
  transition: all 400ms ease-in-out;
  pointer-events: none; }
  @media screen and (min-width: 600px) {
    .resume-builder__resume-controls {
      padding: 16px 32px; } }
  @media screen and (min-width: 700px) {
    .resume-builder__resume-controls {
      height: 90px; } }
  @media screen and (min-width: 1024px) {
    .resume-builder__resume-controls {
      padding: 0px 48px; } }
  @media screen and (min-width: 1200px) {
    .resume-builder__resume-controls {
      padding: 0px  10%; } }
  @media screen and (min-width: 1400px) {
    .resume-builder__resume-controls {
      padding: 0px  15%; } }
  @media screen and (min-width: 1700px) {
    .resume-builder__resume-controls {
      padding: 0px  20%; } }
  .resume-builder__resume-controls.is--visible {
    opacity: 1;
    transform: translatey(-44px);
    transition: all 400ms ease-in-out;
    pointer-events: auto; }
    @media screen and (min-width: 700px) {
      .resume-builder__resume-controls.is--visible {
        transform: translateY(-90px); } }
  @media screen and (min-width: 1024px) {
    .resume-builder__resume-controls.sticky {
      position: fixed;
      top: 0;
      transform: translatey(0px);
      left: 0;
      right: 0;
      background: #cc0000;
      border-bottom: 8px solid #cc0000;
      box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.1); } }
.resume-edit.is--visible {
  transform: translatex(0%);
  transition: all 300ms ease-out;
  opacity: 0.5;
  opacity: 1; }

.resume-edit {
  background: #f1f1f1;
  left: 0;
  top: 30%;
  height: auto;
  min-height: 100%;
  position: absolute;
  width: 100%;
  overflow: auto;
  transform: translatex(-100%);
  z-index: 111;
  transition: all 600ms ease-out;
  opacity: 0;
  padding: 0; }
  @media screen and (min-width: 400px) {
    .resume-edit {
      top: 33%; } }
  @media screen and (min-width: 1024px) {
    .resume-edit {
      padding: 48px;
      background: #f1f1f1; } }
  @media screen and (min-width: 1200px) {
    .resume-edit {
      padding: 60px 10%; } }
  @media screen and (min-width: 1400px) {
    .resume-edit {
      padding: 80px 15%; } }
  @media screen and (min-width: 1700px) {
    .resume-edit {
      padding: 80px 20%; } }
  .resume-edit__item {
    border: 8px dashed #e1e1e1;
    padding: 24px;
    margin-bottom: 24px;
    border-radius: 8px; }
    .resume-edit__item:hover {
      background: #f9f9f9; }
  .resume-edit__container {
    background: #FFFFFF;
    padding: 16px;
    box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.1);
    margin-bottom: 80px; }
    @media screen and (min-width: 1024px) {
      .resume-edit__container {
        padding: 48px; } }
  .resume-edit .btn--close {
    position: absolute;
    top: 16px;
    right: 8px;
    background: none !important; }
    @media screen and (min-width: 1024px) {
      .resume-edit .btn--close {
        top: calc(60px + 48px);
        right: calc(48px + 48px - 14px); } }
    @media screen and (min-width: 1200px) {
      .resume-edit .btn--close {
        right: calc(10% + 48px - 12px); } }
    @media screen and (min-width: 1400px) {
      .resume-edit .btn--close {
        top: calc(80px + 48px);
        right: calc(15% + 48px - 12px); } }
    @media screen and (min-width: 1700px) {
      .resume-edit .btn--close {
        right: calc(20% + 48px - 12px); } }
.hero.landing-page--002.catalogue.resume--active {
  background: #000000 !important;
  transition: all 300ms ease-in-out; }

.hero--catalogue--title {
  transition: all 400ms ease-in-out; }
  .hero--catalogue--title.is--hidden {
    transform: translatey(-120px);
    opacity: 0;
    pointer-events: none;
    transition: all 400ms ease-in-out; }

.resume-file-name {
  opacity: 0;
  color: white;
  transition: all 400ms ease-in-out;
  pointer-events: none;
  transform: translateY(-24px); }
  .resume-file-name.is--visible {
    opacity: 1;
    transition: all 400ms ease-in-out;
    pointer-events: auto;
    transform: translateY(-64px); }
  .resume-file-name--alt {
    color: #FFFFFF;
    display: none; }
    @media screen and (min-width: 1024px) {
      .resume-file-name--alt.sticky {
        display: flex; } }
.catalogue-search__form {
  transform: translatey(0px);
  opacity: 1;
  transition: all 400ms ease-in-out; }
  .catalogue-search__form.is--hidden {
    transform: translatey(-90px);
    opacity: 0;
    transition: all 400ms ease-in-out;
    pointer-events: none; }

.card--resume__container {
  min-width: 100%;
  flex-basis: 100%;
  width: 100%; }
  @media screen and (min-width: 500px) {
    .card--resume__container {
      width: 210px;
      min-width: auto;
      flex-basis: auto; } }
.card--resume {
  width: 100%;
  height: 300px;
  background: #FFFFFF;
  position: relative;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); }
  .card--resume:hover {
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); }
  .card--resume__title {
    background: #cc0000;
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    padding: 16px 8px 16px 8px; }
    .card--resume__title .tag-label {
      padding: 0px 8px;
      border-radius: 10px;
      font-size: 11px; }
    .card--resume__title a {
      color: #FFFFFF; }
  .card--resume__controls {
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 34px;
    display: flex;
    justify-content: space-around;
    padding: 4px; }

.btn--menu--circular.always--circular.in--resume-builder {
  bottom: 60px; }
  @media only screen and (min-width: 768px) {
    .btn--menu--circular.always--circular.in--resume-builder {
      bottom: 106px; } }
  @media only screen and (min-width: 1127px) {
    .btn--menu--circular.always--circular.in--resume-builder {
      bottom: 16px; } }
.resume-stat {
  background: rgba(0, 0, 0, 0.03);
  border: none;
  padding: 0;
  padding: 24px;
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  border-radius: 4px;
  margin-right: 0px;
  margin-bottom: 16px;
  flex-basis: calc(100%);
  min-width: calc(100%);
  width: calc(100%);
  max-width: calc(100%);
  transition: background 250ms ease; }
  @media screen and (min-width: 600px) {
    .resume-stat {
      flex-basis: calc(50% - 8px);
      min-width: calc(50% - 8px);
      width: calc(50% - 8px);
      max-width: calc(50% - 8px);
      margin-right: 16px; }
      .resume-stat:nth-of-type(even) {
        margin-right: 0; } }
  @media screen and (min-width: 1024px) {
    .resume-stat {
      flex-basis: calc(20% - 16px);
      min-width: calc(20% - 16px);
      width: calc(20% - 16px);
      max-width: calc(20% - 16px);
      margin-right: 24px; }
      .resume-stat:nth-of-type(even) {
        margin-right: 16px; }
      .resume-stat:last-of-type {
        margin-right: 0 !important; } }
.resume-stat:hover, .resume-stat:focus {
  background: white;
  border: none;
  padding: 0;
  padding: 24px;
  transition: background 250ms ease; }

.resume-stat:hover .resume-stat__value, .resume-stat:focus .resume-stat__value {
  opacity: 0.75;
  transition: opacity 400ms ease; }

.resume-stat__label {
  text-transform: uppercase;
  font-weight: bold; }

.resume-stat__value {
  font-size: 48px;
  font-weight: bold;
  opacity: 0.3; }

.resume-stat:hover .graph {
  transform: scale(1.2);
  transition: transform 300ms ease-out; }

.resume-stat .graph {
  transform: scale(1);
  transition: transform 200ms ease-out; }

.axis path,
.axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges; }

.x.axis path {
  display: none; }

.line {
  fill: none;
  stroke: url(#temperature-gradient);
  stroke-width: 2px; }

.graph {
  min-height: 48px;
  margin-left: 16px; }

@media screen and (max-width: 1023px) {
  .resume-builder .hero.landing-page--002.catalogue {
    height: 40%; } }

@media screen and (max-width: 1023px) {
  .resume-builder .main--catalogue .resume {
    top: 40%;
    padding-top: 40px; } }

@media screen and (max-width: 1023px) {
  .resume-builder .resume .btn--close {
    position: absolute;
    top: 0px;
    right: 0px;
    background: #eee !important;
    padding: 4px 8px; } }

@media screen and (max-width: 699px) {
  .resume-builder .catalogue-search button.resume-controls-btn {
    width: 53px;
    display: flex;
    justify-content: center;
    padding: 0; } }

@media screen and (min-width: 700px) {
  .resume-builder .catalogue-search button.resume-controls-btn {
    width: auto; } }

.resume-stat--single {
  position: fixed;
  left: 48px;
  bottom: 48px;
  display: flex;
  flex-direction: row-reverse;
  align-items: baseline;
  border-radius: 4px;
  z-index: 999;
  background: none;
  transform: scale(1);
  transition: transform 200ms ease; }

.resume-stat--single:hover, .resume-stat--single:focus {
  transform: scale(1.1);
  transition: transform 250ms ease; }

.resume-stat--single:hover .resume-stat--single__value, .resume-stat--single:focus .resume-stat--single__value {
  transform: scale(1.3);
  transition: all 250ms ease;
  color: rgba(0, 0, 0, 0.4); }

.resume-stat--single:hover .resume-stat--single__label, .resume-stat--single:focus .resume-stat--single__label {
  transition: all 250ms ease;
  margin-left: 24px; }

.resume-stat--single__value {
  font-size: 88px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.2);
  line-height: 1;
  transform: scale(1);
  transition: all 250ms ease; }

.resume-stat--single__label {
  margin-top: 0 !important;
  margin-left: 8px;
  font-size: 18px;
  color: #666;
  transform: translateY(-4px);
  transition: all 250ms ease; }

.resume-controls__stat-btn {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  background: none !important;
  color: white;
  width: 53px;
  padding: 0;
  margin-right: 16px;
  transition: background 250ms ease; }

.resume-controls__stat-btn:hover, .resume-controls__stat-btn:focus {
  background: rgba(0, 0, 0, 0.5) !important;
  transition: background 250ms ease; }

.resume-controls__stat-btn__label {
  font-size: 10px; }

.resume-controls__stat-btn__value {
  font-size: 14px; }

@media screen and (min-width: 1024px) {
  .resume-builder__resume-controls {
    padding-top: 0;
    padding-bottom: 0; }
  .resume-controls__stat-btn {
    width: auto !important;
    padding: 0px 24px;
    align-items: center;
    justify-content: center;
    height: 90px;
    background: rgba(0, 0, 0, 0.25) !important; }
  .resume-controls__stat-btn__label {
    font-size: 12px; }
  .resume-controls__stat-btn__value {
    font-size: 16px; } }

.heading--config {
  font-size: 24px;
  height: 60px;
  position: absolute;
  background: #ddd;
  top: 0;
  left: 0;
  width: calc(100% - 60px);
  display: flex;
  align-items: center;
  padding-left: 24px;
  margin: 0; }
  @media screen and (max-width: 768px) {
    .heading--config {
      font-size: 14px;
      width: calc(100% - 60px + 32px);
      transform: translate(-16px, -24px); } }
  @media screen and (max-width: 768px) and (max-width: 1023px) {
    .heading--config {
      font-size: 16px;
      width: calc(100% - 60px + 48px);
      transform: translate(-24px, -24px); } }
.btn--config--close {
  right: 0;
  padding: 0;
  top: 0;
  width: 60px;
  height: 60px;
  background: #ccc;
  color: #666;
  border-radius: 0;
  display: flex;
  align-items: center;
  justify-content: center; }
  @media screen and (max-width: 768px) {
    .btn--config--close {
      right: -16px;
      top: -24px; } }
  @media screen and (max-width: 768px) and (max-width: 1023px) {
    .btn--config--close {
      right: -24px;
      top: -24px; } }
.resume.is--edit .resume__section {
  transition: all 300ms ease-in-out, top 0s, background-color 0s; }

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

.template-edit {
  pointer-events: all; }

.resume-template__container, .resume-template__container-padding {
  transition: all 300ms ease-out; }

.resume-template__container-padding:not(.is--visible) {
  flex-basis: 0; }

.main--hybrid.is--wide {
  transition: margin-left 250ms ease;
  transition-delay: 0ms; }
  @media screen and (min-width: 769px) {
    .main--hybrid.is--wide {
      margin: 60px auto 60px 60px; } }
.main--hybrid {
  transition: margin-left 300ms ease-out;
  transition-delay: 100ms; }
  @media screen and (min-width: 769px) {
    .main--hybrid {
      margin: 60px auto 60px 240px; } }
  @media screen and (min-width: 1300px) {
    .main--hybrid {
      margin: 60px auto 60px 320px; } }
@media screen and (max-width: 768px) {
  .dashboard-header__widget-single > *:not(.dashboard-header__widget-single--mobile) {
    display: none !important; } }

.dashboard-header {
  width: 100%;
  background: #444;
  background-size: cover !important;
  justify-content: space-between;
  flex-direction: column; }
  @media screen and (max-width: 768px) {
    .dashboard-header {
      padding: 16px 8px !important;
      justify-content: space-around;
      padding-bottom: calc(60px - 8px) !important;
      min-height: 25vh;
      height: auto; } }
  @media screen and (min-width: 769px) {
    .dashboard-header {
      flex-direction: row; } }
  @media screen and (min-width: 769px) {
    .dashboard-header > div {
      transform: translatey(-30px); } }
  @media screen and (max-width: 768px) {
    .dashboard-header__title-container {
      align-self: flex-start; } }
  @media screen and (max-width: 768px) {
    .dashboard-header__widget {
      justify-content: space-between; } }
  @media screen and (max-width: 768px) {
    .dashboard-header__widget-container {
      width: 100%; } }
  .dashboard-header__widget-single {
    min-width: 100px;
    flex-basis: 30%;
    background: #333;
    padding: 16px;
    border-radius: 4px;
    display: flex;
    flex-direction: column-reverse;
    padding: 0; }
    .dashboard-header__widget-single:nth-of-type(2) {
      margin: 0 16px; }
    @media screen and (min-width: 769px) {
      .dashboard-header__widget-single {
        background: #333;
        padding-top: 48px;
        max-width: auto;
        border-radius: 2px; } }
    .dashboard-header__widget-single--mobile {
      padding: 16px 16px; }
      @media screen and (min-width: 769px) {
        .dashboard-header__widget-single--mobile {
          display: none; } }
      .dashboard-header__widget-single--mobile__body {
        font-size: 24px;
        font-weight: 600;
        color: #fff; }
      .dashboard-header__widget-single--mobile__footer {
        text-transform: uppercase;
        font-size: 10px;
        font-weight: 600;
        color: #aaa; }
    .dashboard-header__widget-single__value {
      padding: 16px;
      padding-top: 0;
      font-size: 32px;
      color: #fff; }
    .dashboard-header__widget-single__label {
      background: rgba(0, 0, 0, 0.2);
      border-bottom-left-radius: 2px;
      border-bottom-right-radius: 2px;
      text-transform: uppercase;
      font-size: 12px;
      font-weight: bold;
      padding: 4px 8px;
      color: #fff; }

@media screen and (max-width: 768px) {
  .dashboard-header__container--secondary {
    width: 100%; } }

.dashboard-header__container--secondary > div {
  justify-content: flex-start; }
  @media screen and (min-width: 769px) {
    .dashboard-header__container--secondary > div {
      justify-content: flex-end; } }
.WIL-Finder {
  background: #8e9eab;
  background: -webkit-linear-gradient(to left, #eef2f3, #8e9eab);
  background: linear-gradient(to left, #eef2f3, #8e9eab);
  padding-bottom: 160px; }
  .WIL-Finder .btn--close--wizard {
    color: #999 !important;
    right: calc(24px + 320px); }
  .WIL-Finder div.Tokenize {
    width: 100%; }
  .WIL-Finder ul.TokensContainer, .WIL-Finder div.Tokenize ul.Dropdown {
    border: none !important; }
  .WIL-Finder div.Tokenize ul.TokensContainer {
    width: 100%;
    max-width: 100%;
    padding: 8px; }
  .WIL-Finder div.Tokenize ul.TokensContainer li.Token {
    background: #000000; }

.questions-container p[data-value] {
  color: #666;
  font-size: 18px; }

.conversational-filter {
  padding: 10vh calc(24px + 320px) 10vh 24px;
  margin-bottom: 136px; }
  @media screen and (min-width: 1280px) {
    .conversational-filter {
      padding: 10vh calc(48px + 320px) 10vh 48px; } }
  @media screen and (min-width: 1600px) {
    .conversational-filter {
      padding: 10vh calc(15% + 320px) 10vh 15%; } }
  @media screen and (min-width: 1900px) {
    .conversational-filter {
      padding: 10vh calc(20% + 320px) 10vh 20%; } }
.conversational-filter__controls {
  position: fixed;
  left: 0;
  right: 320px;
  bottom: 0;
  background: #FFFFFF;
  height: 96px;
  min-height: 96px;
  max-height: 96px;
  z-index: 9;
  box-shadow: -8px -4px 7px 2px rgba(0, 0, 0, 0.15); }
  @media screen and (min-width: 1300px) {
    .conversational-filter__controls {
      height: 136px;
      min-height: 136px;
      max-height: 136px; } }
.filtered-count__item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px 48px; }

.post-reach {
  padding: 0px 8px;
  position: fixed;
  bottom: 34px;
  width: 100%; }

.conversational-filter__controls__question-number {
  display: flex;
  width: 128px;
  background: #888;
  height: 96px;
  justify-content: center;
  align-items: center;
  font-size: 48px;
  color: #fff; }
  @media screen and (min-width: 1300px) {
    .conversational-filter__controls__question-number {
      height: 136px; } }
.conversational-filter__question-title {
  padding-left: 24px;
  margin-bottom: 0;
  padding-right: 296px;
  font-weight: bold;
  font-size: 16px; }
  @media screen and (min-width: 1300px) {
    .conversational-filter__question-title {
      font-size: 18px; } }
.conversational-filter__progress-container {
  position: fixed;
  left: 0;
  right: 320px;
  height: 4px;
  background: #ddd;
  bottom: 96px; }
  @media screen and (min-width: 1300px) {
    .conversational-filter__progress-container {
      bottom: 136px; } }
.conversational-filter__progress-value {
  height: 4px;
  width: 33%;
  background: #000000;
  background: #00C9FF;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #000000, #cc0000);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #000000, #cc0000);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  background: #FC466B;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #3F5EFB, #FC466B);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #3F5EFB, #FC466B);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ }

.questions-container {
  overflow: hidden; }

.queston-single {
  display: none;
  animation-duration: 2000ms; }
  .queston-single h1 {
    font-size: 24px; }
    .queston-single h1:first-letter {
      font-size: 48px; }
  .queston-single.is--visible {
    display: block; }

.question-single__item-btn {
  background: #000000;
  padding: 48px;
  border-radius: 8px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  margin: 0px 16px 16px 0px;
  align-items: center;
  transform: scale(1);
  transition: all 400ms ease; }
  .question-single__item-btn i.material-icons {
    margin-bottom: 16px;
    font-size: 48px;
    color: #fff; }
  .question-single__item-btn span {
    color: #fff; }
  .question-single__item-btn.is--selected {
    transform: scale(0.75);
    background: black;
    transition: all 400ms ease; }

.conversational-filter__question-title {
  display: none; }
  .conversational-filter__question-title.is--visible {
    display: inherit; }

.conversational-filter__controls__question-number span {
  display: none; }
  .conversational-filter__controls__question-number span.is--visible {
    display: inherit; }

.conversational-filter__controls-btn-container {
  position: fixed;
  bottom: 0;
  right: 320px;
  height: 96px; }
  @media screen and (min-width: 1300px) {
    .conversational-filter__controls-btn-container {
      height: 136px; } }
.conversational-filter__controls-btn {
  height: 100%;
  width: 96px;
  border-radius: 0px; }
  @media screen and (min-width: 1300px) {
    .conversational-filter__controls-btn {
      width: 128px; } }
.post__container::before {
  content: '';
  display: block;
  background: -moz-linear-gradient(bottom, white 58%, rgba(255, 255, 255, 0.26) 89%, rgba(255, 255, 255, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(bottom, white 58%, rgba(255, 255, 255, 0.26) 89%, rgba(255, 255, 255, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to top, white 58%, rgba(255, 255, 255, 0.26) 89%, rgba(255, 255, 255, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 156px; }

body.is--wizard .my-account-nav--is--open.wizard {
  left: 320px;
  padding-top: 120px; }
  @media screen and (min-width: 1200px) {
    body.is--wizard .my-account-nav--is--open.wizard {
      left: 240px; } }
  @media screen and (min-width: 1440px) {
    body.is--wizard .my-account-nav--is--open.wizard {
      left: 320px; } }
  body.is--wizard .my-account-nav--is--open.wizard::after {
    left: 320px; }
    @media screen and (min-width: 1200px) {
      body.is--wizard .my-account-nav--is--open.wizard::after {
        left: 240px; } }
    @media screen and (min-width: 1440px) {
      body.is--wizard .my-account-nav--is--open.wizard::after {
        left: 320px; } }
body.is--wizard .my-account-nav--is--open.main--wizard {
  margin: 60px 60px 0 620px !important;
  padding-top: 80px; }
  body.is--wizard .my-account-nav--is--open.main--wizard .btn--close--wizard {
    right: 0;
    top: 120px;
    transition: all 300ms ease; }
    body.is--wizard .my-account-nav--is--open.main--wizard .btn--close--wizard i.material-icons {
      font-size: 48px;
      transition: all 300ms ease; }

body.is--wizard .wizard__open-menu-btn {
  display: none;
  width: 48px;
  padding: 0;
  height: 60px;
  position: fixed;
  left: calc(320px - 48px);
  background: none;
  color: #fff;
  outline: none !important;
  border: none !important; }
  @media screen and (min-width: 1150px) {
    body.is--wizard .wizard__open-menu-btn {
      display: block; } }
  body.is--wizard .wizard__open-menu-btn.is--open {
    left: calc(320px + 320px - 48px); }
    @media screen and (min-width: 1200px) {
      body.is--wizard .wizard__open-menu-btn.is--open {
        left: calc(320px + 240px - 48px); } }
    @media screen and (min-width: 1440px) {
      body.is--wizard .wizard__open-menu-btn.is--open {
        left: calc(320px + 320px - 48px); } }
body.is--wizard .not--loaded.wizard {
  left: -360px; }
  body.is--wizard .not--loaded.wizard::after {
    left: -360px; }
  body.is--wizard .not--loaded.wizard .wizard__open-menu-btn {
    left: -360px; }

body.is--wizard .not--loaded.main--wizard {
  transform: scale(1.5);
  pointer-events: none;
  speak: none;
  transition: all 400ms ease;
  opacity: 0; }

body.is--wizard .header__container.my-account-nav--is--open .settings-menu {
  left: -60px; }

body.is--wizard .header__container.my-account-nav--is--open .universal-search {
  left: 0; }

body.is--wizard .header__container.has--wizard .navigation--mobile.is--visible {
  left: -320px;
  transition: left 300ms ease; }

body.is--wizard .header__container.has--wizard .header--branding {
  top: -72px;
  transition: top 300ms ease; }

body.is--wizard .header__container.has--wizard .header--admin.has--tabs {
  top: -72px;
  transition: top 300ms ease; }

body.is--wizard .header__container.has--wizard .settings-menu {
  top: -72px;
  transition: top 300ms ease; }

body.is--wizard .header__container.has--wizard .universal-search {
  top: -72px;
  transition: top 300ms ease; }

body.is--wizard .footer--bottom.has--wizard {
  background: none;
  position: relative;
  height: 60px;
  z-index: 222;
  width: 100%; }
  @media screen and (min-width: 1024px) {
    body.is--wizard .footer--bottom.has--wizard {
      padding-left: 320px; } }
  body.is--wizard .footer--bottom.has--wizard p {
    color: #999; }
  body.is--wizard .footer--bottom.has--wizard nav a, body.is--wizard .footer--bottom.has--wizard nav li {
    color: #999 !important; }

body.is--wizard .btn--user:hover {
  background: #444 !important; }

@media only screen and (max-width: 768px) {
  body.is--wizard .btn--user {
    right: 0%;
    width: 20%;
    transform: translateY(60px);
    transition: all 300ms ease; } }

body.is--wizard .btn--recent:hover {
  background: #444 !important; }

@media only screen and (max-width: 768px) {
  body.is--wizard .btn--recent {
    right: 20%;
    width: 20%;
    transform: translateY(60px);
    transition: all 300ms ease; } }

body.is--wizard .btn--search--header:hover {
  background: #444 !important; }

@media only screen and (max-width: 768px) {
  body.is--wizard .btn--search--header {
    right: 40%;
    width: 20%;
    transform: translateY(60px);
    transition: all 300ms ease; } }

body.is--wizard .navigation--side__btn--pilar.in--mobile-nav:hover {
  background: #444 !important; }

@media only screen and (max-width: 768px) {
  body.is--wizard .navigation--side__btn--pilar.in--mobile-nav {
    right: 60%;
    width: 20%;
    transform: translateY(60px);
    transition: all 300ms ease; } }

body.is--wizard .navigation--side__btn--pilar.menu.in--mobile-nav:hover {
  background: #444 !important; }

@media only screen and (max-width: 768px) {
  body.is--wizard .navigation--side__btn--pilar.menu.in--mobile-nav {
    right: 80%;
    width: 20%;
    transform: translateY(60px);
    transition: all 300ms ease; } }

body.is--wizard .navigation--side__menu {
  background: #3b3757; }

body.is--wizard .navigation--side__menu__item .list.is--expanded {
  background: #201d2e; }

body.is--wizard .sidebar--fixed, body.is--wizard .header {
  box-shadow: none;
  background: #665f95; }

@media screen and (min-width: 1024px) {
  body.is--wizard .header {
    transform: translateY(-60px);
    transition: all 400ms ease; } }

@media only screen and (max-width: 768px) {
  body.is--wizard .header.is--revealed .btn--user {
    transform: translateY(0px);
    transition: all 300ms ease; } }

@media only screen and (max-width: 768px) {
  body.is--wizard .header.is--revealed .btn--recent {
    transform: translateY(0px);
    transition: all 300ms ease; } }

@media only screen and (max-width: 768px) {
  body.is--wizard .header.is--revealed .btn--search--header {
    transform: translateY(0px);
    transition: all 300ms ease; } }

@media screen and (min-width: 1024px) {
  body.is--wizard .header.is--revealed {
    transform: translateY(0px);
    background: #514b76;
    transition: all 200ms ease; } }

@media screen and (min-width: 1024px) {
  body.is--wizard .sidebar--fixed {
    transform: translate(-60px, 100%);
    opacity: 0;
    transition: all 400ms ease; } }

@media only screen and (max-width: 768px) {
  body.is--wizard .sidebar--fixed.is--revealed .navigation--side__btn--pilar.in--mobile-nav {
    transform: translateY(0px);
    transition: all 300ms ease; } }

@media only screen and (max-width: 768px) {
  body.is--wizard .sidebar--fixed.is--revealed .navigation--side__btn--pilar.menu.in--mobile-nav {
    transform: translateY(0px);
    transition: all 300ms ease; } }

@media screen and (min-width: 1024px) {
  body.is--wizard .sidebar--fixed.is--revealed {
    transform: translateX(0px);
    background: #514b76;
    opacity: 1;
    transition: all 200ms ease; } }

.wizard__title--mobile {
  position: fixed;
  display: flex;
  left: 0;
  right: 0;
  background: #665f95;
  height: 60px;
  top: 0;
  padding-left: 8px; }
  @media screen and (min-width: 1024px) {
    .wizard__title--mobile {
      display: none; } }
  .wizard__title--mobile h2 {
    color: #FFFFFF;
    margin: 0 !important; }
  .wizard__title--mobile button {
    border-radius: 0px !important;
    background: rgba(0, 0, 0, 0.3);
    width: 60px;
    height: 60px; }
    .wizard__title--mobile button i {
      color: #FFFFFF; }

.wizard__nav--mobile {
  position: fixed;
  background: #665f95;
  height: 60px;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000; }
  @media screen and (min-width: 1024px) {
    .wizard__nav--mobile {
      display: none; } }
  .wizard__nav--mobile .select {
    position: absolute;
    top: -34px; }
    .wizard__nav--mobile .select select {
      border: none;
      padding: 8px 16px;
      background: #3b3757;
      color: #FFFFFF;
      border-radius: 0;
      height: 34px; }
    .wizard__nav--mobile .select .select__arrow {
      border-color: #FFFFFF transparent transparent transparent; }
  .wizard__nav--mobile .wizard__progress {
    position: fixed;
    bottom: 0;
    left: 60px;
    right: 0;
    height: 60px;
    display: flex;
    align-items: center; }
    .wizard__nav--mobile .wizard__progress::before {
      display: block;
      left: 60px;
      height: 60px;
      z-index: 1; }
    .wizard__nav--mobile .wizard__progress::after {
      display: block;
      height: 60px;
      z-index: 1; }
  .wizard__nav--mobile .wizard__progress-list {
    flex-direction: row; }
  .wizard__nav--mobile .wizard__progress-list__item {
    flex-direction: column;
    font-size: 0px;
    color: #fff;
    position: relative;
    font-weight: bold;
    margin-bottom: 0;
    height: 44px;
    justify-content: center; }
    .wizard__nav--mobile .wizard__progress-list__item:last-of-type {
      padding-right: 44px; }
    .wizard__nav--mobile .wizard__progress-list__item::before {
      top: 50%;
      height: 2px;
      width: 22px;
      left: auto; }

.btn--open--wizard--nav--mobile {
  display: flex;
  padding: 8px;
  background: rgba(0, 0, 0, 0.3);
  color: #FFFFFF; }
  .btn--open--wizard--nav--mobile i.material-icons {
    transform: rotate(90deg); }

.wizard.left-menu--is--visible {
  left: 60px; }
  .wizard.left-menu--is--visible::after {
    left: 60px; }

.wizard.top-menu--is--visible {
  top: -60px;
  transition: all 300ms ease; }
  @media screen and (min-width: 1024px) {
    .wizard.top-menu--is--visible {
      top: 60px; } }
  .wizard.top-menu--is--visible .wizard__title {
    transition: all 300ms ease;
    height: 60px;
    transform: translatey(-60px); }
    @media screen and (min-width: 1024px) {
      .wizard.top-menu--is--visible .wizard__title {
        background: rgba(0, 0, 0, 0); } }
    .wizard.top-menu--is--visible .wizard__title img {
      transition: all 300ms ease; }
      @media screen and (min-width: 1024px) {
        .wizard.top-menu--is--visible .wizard__title img {
          opacity: 1; } }
.wizard__body.left-menu--is--visible {
  padding: 16px 16px 16px 68px;
  transition: all 300ms ease; }

.wizard {
  position: fixed;
  left: -360px;
  height: auto;
  background: #665f95;
  transition: all 300ms ease;
  z-index: 1111;
  width: 320px;
  background: #665f95;
  top: 0px;
  bottom: 0; }
  @media screen and (max-width: 1023px) {
    .wizard.is--open--mobile {
      left: 0; } }
  .wizard.is--open--mobile .wizard__btn--hide-mobile-nav {
    left: 0;
    transition: left 300ms ease; }
  @media screen and (min-width: 1024px) {
    .wizard {
      left: 0; } }
  .wizard__btn--hide-mobile-nav {
    position: fixed;
    bottom: 0;
    left: -360px;
    height: 60px;
    width: 320px;
    background: #3b3757;
    color: #FFFFFF;
    border-radius: 0;
    z-index: 8888;
    transition: left 300ms ease; }
    @media screen and (min-width: 1024px) {
      .wizard__btn--hide-mobile-nav {
        display: none; } }
  .wizard__title {
    margin-bottom: 0px !important;
    background: #665f95;
    transition: all 300ms ease;
    position: fixed;
    top: calc(-100vh + 24px);
    top: 0;
    width: 100%;
    position: static;
    background: rgba(0, 0, 0, 0.1); }
    .wizard__title img {
      opacity: 1;
      transition: all 300ms ease; }
  .wizard__body {
    padding: 16px;
    transition: padding 300ms ease; }

.wizard::after {
  transition: all 300ms; }
  @media screen and (min-width: 1024px) {
    .wizard::after {
      content: '';
      display: block;
      position: fixed;
      bottom: 0;
      left: 0px;
      width: 320px;
      background: #665f95;
      height: 44px; } }
.main--wizard {
  padding: 8px;
  height: 100%;
  opacity: 1;
  pointer-events: auto;
  transform: scale(1);
  speak: normal;
  transition: all 400ms;
  background: #f1f1f1; }
  @media screen and (max-width: 1023px) {
    .main--wizard {
      padding-top: 76px; } }
  @media screen and (min-width: 1024px) {
    .main--wizard {
      margin: 0 0 0 320px !important;
      padding: 48px;
      height: 100%;
      min-height: 100%;
      max-width: 1020px; }
      .main--wizard .sidebar--action.right {
        right: auto;
        opacity: 0;
        pointer-events: none;
        left: 100vw; }
        .main--wizard .sidebar--action.right.is--visible {
          right: auto;
          opacity: 1;
          pointer-events: auto;
          left: calc(100vw - 817px); } }
.btn--close--wizard {
  position: fixed;
  right: 5px;
  top: 64px;
  color: #999 !important;
  transition: all 300ms ease; }
  @media screen and (min-width: 1024px) {
    .btn--close--wizard {
      right: 60px;
      top: 72px; } }
  .btn--close--wizard i.material-icons {
    font-size: 24px;
    transition: all 300ms ease; }
    @media screen and (min-width: 1024px) {
      .btn--close--wizard i.material-icons {
        font-size: 96px; } }
.label.wizard-form__section-name.position--relative {
  display: inline-flex;
  margin-bottom: 24px; }

@media screen and (max-width: 768px) {
  .wizard-form__section-fieldset__title {
    margin-bottom: 0; } }

.label.wizard-form__section-name {
  margin-top: 0px !important; }

.wizard-form__section-progress {
  width: 100%;
  height: 4px;
  background: #ddd;
  max-width: 144px;
  top: 0;
  margin-bottom: 24px; }
  .wizard-form__section-progress.is--main {
    top: 60px;
    left: 0;
    max-width: 320px;
    background: rgba(0, 0, 0, 0.3); }

.wizard-form__section-progress__value {
  display: inline-block;
  height: 4px;
  background: #665f95;
  background: #cc0000; }

.wizard__progress {
  position: fixed;
  bottom: 0;
  height: 44px;
  left: 0;
  right: 0;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 0 60px;
  padding: 0 60px 0 44px;
  position: static;
  background: none;
  height: auto;
  padding: 0; }
  .wizard__progress::before {
    content: '';
    display: block;
    position: fixed;
    bottom: 0;
    height: 44px;
    width: 44px;
    background: linear-gradient(to right, #665f95 0%, #665f95 50%, rgba(102, 95, 149, 0) 100%);
    /* W3C, IE10+, FF16+, 		 Chrome26+, Opera12+, Safari7+ */
    display: none; }
    @media screen and (min-width: 1024px) {
      .wizard__progress::before {
        display: none; } }
  .wizard__progress::after {
    content: '';
    display: block;
    position: fixed;
    bottom: 0;
    height: 44px;
    width: 60px;
    background: linear-gradient(to left, #665f95 0%, #665f95 50%, rgba(102, 95, 149, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    display: none; }
    @media screen and (min-width: 1024px) {
      .wizard__progress::after {
        display: none; } }
  .wizard__progress::before {
    left: 0; }
  .wizard__progress::after {
    right: 0; }
  @media screen and (min-width: 1024px) {
    .wizard__progress {
      position: static;
      background: none;
      height: auto;
      padding: 0; } }
.wizard__progress-list {
  display: flex;
  justify-content: flex-start;
  padding: 0;
  flex-direction: column; }
  @media screen and (min-width: 1024px) {
    .wizard__progress-list {
      padding: 0;
      flex-direction: column; } }
  .wizard__progress-list__item.is--complete {
    color: #cc0000; }
    .wizard__progress-list__item.is--complete::before {
      background-image: linear-gradient(to right, #cc0000, #FFFFFF);
      background-image: linear-gradient(#cc0000, #FFFFFF); }
      @media screen and (min-width: 1024px) {
        .wizard__progress-list__item.is--complete::before {
          background-image: linear-gradient(#cc0000, #FFFFFF); } }
  .wizard__progress-list__item.is--active {
    color: #FFFFFF;
    font-style: italic; }
    .wizard__progress-list__item.is--active::before {
      background: -moz-linear-gradient(left, white 0%, rgba(255, 255, 255, 0.5) 100%);
      background: -webkit-gradient(top, bottom, color-stop(0%, white), color-stop(100%, rgba(255, 255, 255, 0.5)));
      background: -webkit-linear-gradient(bottom, white 0%, rgba(255, 255, 255, 0.5) 100%);
      background: -o-linear-gradient(bottom, white 0%, rgba(255, 255, 255, 0.5) 100%);
      background: -ms-linear-gradient(bottom, white 0%, rgba(255, 255, 255, 0.5) 100%);
      background: linear-gradient(to bottom, white 0%, rgba(255, 255, 255, 0.5) 100%); }
  .wizard__progress-list__item.is--todo {
    opacity: 0.5; }
  .wizard__progress-list__item {
    flex-direction: column;
    font-size: 0px;
    color: #fff;
    position: relative;
    font-weight: bold;
    margin-bottom: 0;
    height: 44px;
    justify-content: center;
    flex-direction: row;
    font-size: 16px;
    margin-bottom: 32px;
    height: auto;
    justify-content: flex-start; }
    @media screen and (min-width: 1024px) {
      .wizard__progress-list__item {
        flex-direction: row;
        font-size: 16px;
        margin-bottom: 32px;
        height: auto;
        justify-content: flex-start; } }
    .wizard__progress-list__item:last-of-type {
      padding-right: 44px;
      padding-right: 0; }
      @media screen and (min-width: 1024px) {
        .wizard__progress-list__item:last-of-type {
          padding-right: 0; } }
    .wizard__progress-list__item::before {
      content: '';
      display: block;
      position: absolute;
      background: #fff;
      right: -2px;
      top: 50%;
      height: 2px;
      width: 22px;
      left: 11px;
      height: 40px;
      width: 2px;
      top: calc(100% - 4px); }
      @media screen and (min-width: 1024px) {
        .wizard__progress-list__item::before {
          left: 11px;
          height: 40px;
          width: 2px;
          top: calc(100% - 4px); } }
    .wizard__progress-list__item:last-of-type::before {
      display: none; }
  .wizard__progress-list__item-title {
    color: #FFFFFF; }
  .wizard__progress-list a {
    color: #FFFFFF; }
    .wizard__progress-list a:hover {
      transform: scale(1.5);
      transform-origin: center;
      transition: transform 300ms ease; }

.dashboard-header.is--profile {
  min-height: 420px;
  justify-content: center;
  background: none; }

.map-bg {
  background: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/t-522/institution--wallpaper.jpg) no-repeat center center;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.btn--open--left-toolbar {
  position: fixed;
  top: 12px;
  right: 0px;
  z-index: 10;
  transition: left 300ms ease;
  color: #FFFFFF !important; }
  @media screen and (min-width: 1024px) {
    .btn--open--left-toolbar {
      bottom: 23px;
      left: 4px;
      right: auto;
      top: auto; } }
  .btn--open--left-toolbar.left-menu--is--visible {
    transform: rotate(90deg);
    transition: all 300ms ease; }
    @media screen and (min-width: 1024px) {
      .btn--open--left-toolbar.left-menu--is--visible {
        left: 68px;
        transform: rotate(0deg);
        transition: all 300ms ease; } }
.btn--open--top-toolbar {
  position: fixed;
  top: 24px;
  right: 24px;
  z-index: 10;
  transition: top 300ms ease;
  color: #FFFFFF !important; }
  .btn--open--top-toolbar.left-menu--is--visible {
    top: 68px;
    transition: top 300ms ease; }

button.no--hover:hover {
  background: none !important;
  outline: none !important; }

button.no--hover:focus {
  background: none !important;
  outline: none !important; }

.list-cards.is--edit .list-card {
  padding-left: 60px;
  transition: padding-left 300ms ease-out; }

.list-cards .list-card {
  padding-left: 0px;
  overflow: hidden;
  transition: padding-left 300ms ease-out; }

.list-card {
  background: white;
  border-radius: 2px;
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
  min-height: 96px;
  width: 100%; }
  @media screen and (max-width: 768px) {
    .list-card {
      flex-direction: column; } }
  @media screen and (max-width: 768px) {
    .list-card > * {
      width: 100% !important; } }
.list-card__img-container {
  background: #DFDFDF;
  width: 120px;
  min-height: 100%;
  position: relative; }
  @media screen and (max-width: 768px) {
    .list-card__img-container {
      max-height: 200px;
      overflow: hidden; } }
.list-card__img-container.is--small {
  background: #888;
  width: 80px !important; }

.list-card__img-container.is--icon {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 20px; }
  .list-card__img-container.is--icon i.material-icons {
    font-size: 48px; }

.list-card__img-container.has--chart {
  max-height: 316px;
  max-width: 316px; }

.list-card__img-container img {
  object-fit: cover;
  height: 100%;
  width: 100%; }

.list-card__content-container {
  justify-content: space-between;
  width: calc(100% - 120px);
  align-items: center; }

.list-card__type {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0px;
  background: rgba(0, 0, 0, 0.66);
  color: white;
  font-size: 12px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center; }
  .list-card__type.is--status {
    border-top: 4px solid; }
    .list-card__type.is--status.is--status--warning {
      border-color: #FF9000; }
    .list-card__type.is--status.is--status--success {
      border-color: #cc0000; }
    .list-card__type.is--status.is--status--error {
      border-color: #ED4747; }

.list-card__type .label {
  color: white;
  padding-left: 14px; }

.list-card__type .select {
  width: 120px; }

.list-card__type select {
  border-radius: 0px; }

.list-card.has--icon-and-label .list-card__img-container i.material-icons {
  transform: translateY(-8px); }

select {
  font-weight: bold !important; }

.material-icons.is--badge {
  border-radius: 33%;
  padding: 4px;
  background: #444;
  color: #f9f9f9;
  font-size: 16px; }

.no--object-fit {
  background-size: cover;
  background-position: center center; }

.dashboard-header::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background-image: radial-gradient(50% 150%, rgba(67, 67, 67, 0.1) 50%, rgba(48, 48, 48, 0.88) 100%);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1; }

.dashboard-header__widget-container, .dashboard-header__title-container {
  z-index: 10; }

@media screen and (min-width: 769px) {
  .dashboard-header > div {
    transform: none; } }

.count--mini {
  position: absolute;
  top: -2px;
  right: -2px;
  padding: 4px;
  background: red;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff !important; }

.list-card__img-container:not(.is--small) {
  min-width: 120px;
  max-width: 120px; }

.is--onboarding .c3-main {
  background: #232323;
  padding: 8px;
  min-height: calc(100vh - 72px); }

.is--onboarding .c3-header {
  background: #232323; }

.is--onboarding .dashboard-header--mini {
  background: #000000; }
  .is--onboarding .dashboard-header--mini__content {
    max-width: 654px; }

.onboarding {
  margin: 0 auto;
  min-height: 264px;
  color: #f1f1f1; }
  .onboarding__front {
    background: #333;
    padding: 24px 16px;
    width: calc(100% - 16px);
    box-shadow: 16px 16px 0px 0px #000000;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center; }
    @media screen and (min-width: 700px) {
      .onboarding__front {
        padding: 48px; } }
    .onboarding__front p, .onboarding__front li, .onboarding__front h1, .onboarding__front h2, .onboarding__front h3, .onboarding__front h4, .onboarding__front h5, .onboarding__front h6, .onboarding__front span, .onboarding__front a, .onboarding__front label {
      color: #f1f1f1; }
  .onboarding__icon {
    color: #f1f1f1;
    font-size: 48px; }
  .onboarding__btn--next {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    height: 64px;
    width: 100%; }
    @media screen and (min-width: 700px) {
      .onboarding__btn--next {
        position: relative;
        width: 136px;
        border-radius: 32px; } }
    .onboarding__btn--next i.material-icons {
      font-size: 48px; }

.submit-forgot-password {
  display: flex;
  flex-direction: column; }

.submit-forgot-password * {
  margin-bottom: 16px; }

@media screen and (min-width: 700px) {
  .submit-forgot-password {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center; }
  .submit-forgot-password * {
    margin-bottom: 16px; } }

main.is--logged-in .dashboard-header--mini {
  width: auto;
  transform: none; }

.dashboard-header--mini {
  min-height: 144px;
  background: #232323;
  width: calc(100% + 16px);
  transform: translate(-8px, -8px);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 16px; }
  @media screen and (min-width: 768px) {
    .dashboard-header--mini {
      padding: 0 24px; } }
  .dashboard-header--mini__content {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #f1f1f1; }
    .dashboard-header--mini__content h1 {
      color: #f1f1f1; }

.card--simple-select {
  background: rgba(0, 0, 0, 0.33);
  height: 64px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 8px;
  border-left: 8px solid #000000; }
  .card--simple-select__link {
    color: #f1f1f1;
    font-weight: bold; }
  .card--simple-select__button {
    background: #000000;
    color: #f1f1f1;
    display: flex;
    height: 100%;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    width: 64px;
    justify-content: center; }

.sidebar-hero-header {
  width: calc(100% + 32px);
  transform: translatex(-16px);
  min-height: 96px; }

.is--header-height.modal__btn--close {
  height: 72px;
  width: 72px;
  background: black;
  color: #f1f1f1; }

.is--header-height.modal__title {
  height: 72px;
  line-height: 72px;
  background: black;
  color: #f1f1f1; }

.is--header-height.sidebar--action {
  padding-top: 72px; }

.sidebar--action__btn--bottom {
  position: fixed;
  background: #000000;
  color: #f1f1f1;
  bottom: 0;
  height: 64px;
  right: 0;
  width: 320px; }
  @media screen and (min-width: 1200px) {
    .sidebar--action__btn--bottom {
      width: 408px; } }
  .sidebar--action__btn--bottom i.material-icons {
    font-size: 48px; }

@media screen and (max-width: 768px) {
  .prevent--mobile-styles.list-card {
    flex-direction: row; } }

@media screen and (max-width: 768px) {
  .prevent--mobile-styles.list-card .list-card__img-container {
    min-width: 104px;
    max-width: 104px; } }

@media screen and (max-width: 768px) {
  .prevent--mobile-styles.list-card .list-card__content-container {
    width: calc(100% - 104px); } }

@media screen and (min-width: 768px) {
  .dashboard-header--mini__content--right {
    min-width: calc(304px); } }

@media screen and (max-width: 767px) {
  .dashboard-header--mini__content--left {
    padding: 16px 0px; }
  .dashboard-header--mini__content--right {
    width: 100%;
    padding: 16px 0px; }
  main.is--logged-in .dashboard-header--mini {
    min-height: 112px;
    height: auto; } }

.stat-bar--single-posting__item {
  border-radius: 8px;
  border: 1px solid #999;
  height: 96px;
  padding: 0 16px;
  min-width: 120px;
  margin-top: 8px;
  margin-bottom: 8px; }

@media screen and (max-width: 400px) {
  .stat-bar--single-posting__item {
    min-width: 100%; } }

.dashboard-header {
  margin-left: -16px;
  width: calc(100% + 32px) !important; }

.dashboard-header::after {
  display: none !important; }

.dashboard-header__widget-single {
  min-width: 200px !important; }

.dashboard-header__widget-single {
  background: rgba(80, 80, 80, 0.9) !important; }

.dashboard-header:after {
  display: none !important; }

.dashboard-header__container--primary.user--profile {
  display: flex;
  justify-content: center;
  width: 100%; }

@media screen and (min-width: 769px) {
  .ui--user-profile-header {
    flex-wrap: nowrap !important; }
  .ui--user-profile-header .dashboard-header__container--primary {
    flex-grow: 1 !important;
    max-width: 75% !important;
    overflow: hidden; }
  .ui--user-profile-header .dashboard-header__container--secondary {
    max-width: 400px !important;
    flex-basis: auto !important; } }

@media screen and (max-width: 768px) {
  .ui--user-profile-header .mobile--align--center {
    justify-content: center !important; } }

.dashboard-header__profile-widget {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 16px; }

.dashboard-header__profile-widget-image {
  width: 72px;
  height: 72px;
  background-size: cover;
  border-radius: 100%;
  border: 2px solid white; }

.dashboard-header__profile-information {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: flex-start;
  max-width: 160px; }

.dashboard-header__profile-information__full-width {
  max-width: none; }

.dashboard-header__profile-information-name {
  text-align: start; }

.tag-label.border-radius--circle.black {
  color: rgba(255, 255, 255, 0.88);
  background-color: rgba(0, 0, 0, 0.66); }

.tag-label.border-radius--circle.black i.material-icons {
  color: #999; }

@media screen and (min-width: 769px) {
  .dashboard-header__container--primary.user--profile {
    justify-content: flex-start; }
  .dashboard-header__profile-information {
    max-width: none; } }

@media screen and (max-width: 899px) {
  .is--my-account body {
    padding: 0; }
  .dashboard-header__container--primary .tag-label.border-radius--circle.text--medium {
    font-size: 10px !important; }
  .dashboard-header__container--primary .tag-label.border-radius--circle.text--medium i {
    font-size: 18px !important; } }

.header--top-and-left__nav {
  position: fixed;
  z-index: 100;
  display: flex;
  justify-content: space-between; }
  .header--top-and-left__nav.is--top {
    top: 0;
    left: 0;
    right: 0;
    height: 60px;
    background: #777; }
  .header--top-and-left__nav.is--left {
    background: #888;
    height: calc(100vh - 60px);
    bottom: 0;
    width: 60px;
    left: 0;
    flex-direction: column; }

.nav-group {
  display: flex; }
  .nav-group.is--horizontal {
    flex-direction: row;
    flex-wrap: nowrap; }
  .nav-group.is--vertical {
    flex-direction: column;
    flex-wrap: nowrap; }
  .nav-group__button {
    width: 60px;
    height: 60px;
    background: rgba(0, 0, 0, 0);
    color: rgba(255, 255, 255, 0.88); }
    .nav-group__button.is--active {
      background: rgba(0, 0, 0, 0.3);
      border-left: 4px solid #000000; }

.logo--video-conference img {
  max-height: 60px; }

main.is--video-conference {
  width: calc(100% - 320px - 60px);
  margin-left: 60px;
  background: #444;
  height: 100vh;
  padding-top: 60px; }

.vc--video {
  width: 100%;
  padding-bottom: 56.25%;
  height: auto;
  position: relative;
  background: deepskyblue; }
  .vc--video--small {
    position: fixed;
    width: 128px;
    height: 88px;
    bottom: 16px;
    right: -110%;
    max-height: 88px;
    padding-bottom: 0px;
    opacity: 0;
    transition: all 300ms ease-out;
    background: deepskyblue;
    z-index: 20; }
    .vc--video--small.is--visible {
      right: 338px;
      opacity: 1;
      transition: all 300ms ease-out; }

@media screen and (min-width: 1440px) {
  .vc--video-container {
    padding: 0 15%; } }

.vc--switch-video {
  background: #ccc;
  padding: 8px;
  overflow: hidden; }
  .vc--switch-video__list {
    display: flex; }
  .vc--switch-video__item {
    width: 128px;
    padding-bottom: 56.25%;
    background: #666;
    border-radius: 4px;
    margin-right: 8px; }

.vc--workspace-container {
  padding: 48px 8%;
  background: #f1f1f1;
  position: relative;
  min-height: 100vh; }

.vc--workspace-item {
  position: absolute;
  width: calc(100% - 16%);
  margin-bottom: 48px;
  transform: scale(0.75);
  opacity: 0;
  pointer-events: none;
  transition: all 400ms ease-out; }
  .vc--workspace-item * {
    pointer-events: none; }
  .vc--workspace-item.is--active {
    transform: scale(1);
    opacity: 1;
    pointer-events: auto;
    transition: all 400ms ease-out; }
    .vc--workspace-item.is--active * {
      pointer-events: auto; }
  .vc--workspace-item__title {
    display: flex;
    align-items: center; }
    .vc--workspace-item__title i.material-icons {
      font-size: 16px;
      margin-right: 4px;
      position: relative;
      top: 2px; }
  .vc--workspace-item__content {
    background: #FFFFFF;
    box-shadow: 0 8px 24px -8px rgba(0, 0, 0, 0.2);
    min-height: 888px; }

.vc--workspace-item__nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px; }

.sidebar--action.is--chat {
  top: 60px; }

.form-page__controls.sticky {
  position: fixed;
  bottom: -88px;
  transition: all 300ms ease-out;
  background: #666;
  background: #D8D8D8;
  height: 80px;
  border-radius: 4px;
  padding: 0 16px;
  z-index: 1000;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  box-shadow: 0 16px 16px -16px rgba(0, 0, 0, 0.3);
  transform: translateX(-8px);
  opacity: 0; }
  .form-page__controls.sticky button:first-of-type {
    width: 32px;
    height: 32px;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center; }
    .form-page__controls.sticky button:first-of-type i {
      font-size: 18px; }
  .form-page__controls.sticky button:last-of-type {
    width: 32px;
    height: 32px;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center; }
    .form-page__controls.sticky button:last-of-type i {
      font-size: 18px; }
  .form-page__controls.sticky.is--active {
    bottom: 16px;
    opacity: 1;
    transition: all 300ms ease-out; }

body.is--reporting {
  background: #1e1e1e; }
  body.is--reporting .c3-header {
    z-index: 1800; }
    @media screen and (max-width: 767px) {
      body.is--reporting .c3-header {
        height: 60px;
        padding-right: 8px;
        padding-left: 8px; } }
    @media screen and (max-width: 767px) {
      body.is--reporting .c3-header .logo {
        padding: 0; } }
    body.is--reporting .c3-header .menu-button-wrapper {
      right: 8px;
      top: -4px; }
  @media screen and (max-width: 767px) {
    body.is--reporting .c3--image {
      top: 14px; } }
  @media screen and (max-width: 767px) {
    body.is--reporting main.is--reporting {
      margin-top: 60px; } }
.reporting-explorer__toolbar {
  background: #444;
  color: #E1E1E1;
  position: fixed;
  top: 72px;
  left: 0;
  right: 0;
  z-index: 1600; }
  @media screen and (min-width: 768px) {
    .reporting-explorer__toolbar {
      top: 72px; } }
  .reporting-explorer__toolbar.is--expanded .reporting-explorer__toolbar-bottom {
    height: calc(100vh - 72px);
    max-height: calc(100vh - 72px);
    overflow: auto; }
  .reporting-explorer__toolbar-top {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    height: 34px;
    max-height: 34px; }
    @media screen and (min-width: 768px) {
      .reporting-explorer__toolbar-top {
        height: 72px;
        max-height: 72px; } }
    .reporting-explorer__toolbar-top button {
      border-radius: 0px !important; }
      @media screen and (max-width: 768px) {
        .reporting-explorer__toolbar-top button {
          height: 34px; } }
  .reporting-explorer__toolbar-bottom {
    overflow: hidden;
    height: 0; }
  .reporting-explorer__toolbar-title {
    display: flex;
    align-items: center;
    padding: 0 8px;
    height: 34px; }
    @media screen and (min-width: 768px) {
      .reporting-explorer__toolbar-title {
        height: 72px;
        padding: 0 24px; } }
  .reporting-explorer__toolbar-heading {
    font-size: 18px; }
  @media screen and (min-width: 768px) {
    .reporting-explorer__toolbar-reveal-btn {
      height: 72px;
      padding: 0 24px;
      order: 3;
      display: none !important; } }
  .reporting-explorer__toolbar-controls {
    height: 34px; }
    @media screen and (min-width: 768px) {
      .reporting-explorer__toolbar-controls {
        height: 72px;
        padding: 0 24px;
        order: 3; } }
  .reporting-explorer__toolbar-stats {
    flex-basis: 100%;
    min-width: 100%; }
    .reporting-explorer__toolbar-stats--extra {
      display: none; }
      @media screen and (min-width: 768px) {
        .reporting-explorer__toolbar-stats--extra {
          display: block; } }
      .reporting-explorer__toolbar-stats--extra .dashboard-items {
        margin: 0;
        height: 72px;
        align-items: center;
        margin-bottom: 0; }
      .reporting-explorer__toolbar-stats--extra .dashboard-item {
        background: none;
        box-shadow: none;
        flex-basis: auto;
        padding: 0 8px;
        margin-top: 0;
        margin-bottom: 0; }
        .reporting-explorer__toolbar-stats--extra .dashboard-item.is--view-all {
          background: rgba(0, 0, 0, 0.32);
          height: 100%;
          align-items: center;
          justify-content: center;
          padding: 0 16px; }
          .reporting-explorer__toolbar-stats--extra .dashboard-item.is--view-all:hover {
            transform: scale(1);
            background: rgba(0, 0, 0, 0.96); }
        .reporting-explorer__toolbar-stats--extra .dashboard-item__label {
          color: white; }
        .reporting-explorer__toolbar-stats--extra .dashboard-item__value {
          color: white;
          font-size: 16px; }

.reporting-explorer__quickstats-list {
  display: flex; }

.reporting-explorer__map {
  position: fixed;
  background: #333;
  background-size: cover !important;
  top: 106px;
  left: 0;
  right: 0;
  height: 188px;
  border-bottom: 4px solid #cc0000;
  z-index: 1500;
  transition: all 400ms ease; }
  @media screen and (min-width: 768px) {
    .reporting-explorer__map {
      top: 144px;
      height: 200px;
      transition: all 400ms ease; } }
  @media screen and (min-width: 1024px) {
    .reporting-explorer__map {
      left: 400px;
      height: auto;
      bottom: 0;
      border-bottom: none;
      transition: all 400ms ease; } }
  .reporting-explorer__map.is--fullscreen {
    height: calc(100vh - 106px);
    transition: all 400ms ease; }
    @media screen and (min-width: 768px) {
      .reporting-explorer__map.is--fullscreen {
        height: calc(100vh - 144px); } }
    @media screen and (min-width: 1024px) {
      .reporting-explorer__map.is--fullscreen {
        left: 0px;
        transition: all 400ms ease; } }
    .reporting-explorer__map.is--fullscreen .reporting-explorer__map-legend {
      display: flex !important;
      left: 8px; }
      @media screen and (max-width: 767px) {
        .reporting-explorer__map.is--fullscreen .reporting-explorer__map-legend {
          bottom: 64px; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .reporting-explorer__map.is--fullscreen .reporting-explorer__map-legend {
          bottom: 112px; } }
  .reporting-explorer__map .sidebar--action.left {
    top: 94px; }
    @media screen and (min-width: 768px) {
      .reporting-explorer__map .sidebar--action.left {
        top: 144px; } }
  .reporting-explorer__map-fullscreen {
    position: fixed;
    top: calc(188px);
    right: calc(50% - 90px);
    opacity: 0.8;
    z-index: 1000;
    width: 180px; }
    @media screen and (min-width: 1024px) {
      .reporting-explorer__map-fullscreen {
        top: calc(224px); } }
    @media screen and (min-width: 1024px) {
      .reporting-explorer__map-fullscreen {
        top: 176px;
        width: 34px;
        height: 34px;
        right: 32px;
        padding: 0;
        border-radius: 50%;
        font-size: 0; } }
    .reporting-explorer__map-fullscreen.is--fullscreen {
      top: 114px; }
      .reporting-explorer__map-fullscreen.is--fullscreen span {
        display: none; }
      @media screen and (min-width: 768px) {
        .reporting-explorer__map-fullscreen.is--fullscreen {
          top: calc(152px); } }
      @media screen and (max-width: 1023px) {
        .reporting-explorer__map-fullscreen.is--fullscreen {
          width: 34px;
          height: 34px;
          right: 8px;
          padding: 0;
          border-radius: 50%;
          font-size: 0;
          transition: all 400ms ease; } }
  .reporting-explorer__map-filters.btn--menu--circular {
    bottom: 8px;
    right: 8px; }
    @media screen and (min-width: 1024px) {
      .reporting-explorer__map-filters.btn--menu--circular {
        bottom: 34px;
        right: 34px; } }
.reporting-explorer__charts {
  background: #1e1e1e;
  width: 100%;
  padding: 16px;
  margin-top: 222px;
  position: relative;
  z-index: 2100;
  display: flex;
  flex-direction: column;
  opacity: 1;
  transition: all 400ms ease; }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .reporting-explorer__charts {
      margin-top: 272px;
      transition: all 400ms ease; } }
  @media screen and (min-width: 1024px) {
    .reporting-explorer__charts {
      position: fixed;
      width: 400px;
      left: 0;
      bottom: 0;
      margin: 0;
      top: 144px;
      transition: all 400ms ease; } }
  @media screen and (max-width: 1023px) {
    .reporting-explorer__charts.chart--open {
      transition: all 400ms ease; } }
  @media screen and (max-width: 1023px) {
    .reporting-explorer__charts.chart--open.map--is--fullscreen .reporting-explorer__charts-nav.is--visible {
      bottom: -100%;
      transition: all 400ms ease; } }
  @media screen and (min-width: 1024px) {
    .reporting-explorer__charts.node--open {
      opacity: 0;
      left: 400px;
      pointer-events: none;
      transition: all 400ms ease; } }
  @media screen and (min-width: 1024px) {
    .reporting-explorer__charts.node--open * {
      pointer-events: none; } }
  @media screen and (max-width: 1023px) {
    .reporting-explorer__charts.map--is--fullscreen {
      margin-top: calc(100vh);
      transform: translatex(-125%);
      transition: all 400ms ease;
      opacity: 0; } }
  @media screen and (min-width: 1024px) {
    .reporting-explorer__charts.map--is--fullscreen {
      left: -100%;
      transition: all 400ms ease; } }
  .reporting-explorer__charts > .label {
    margin-top: 0px !important;
    color: #f9f9f9; }
  .reporting-explorer__charts .select.is--hero {
    margin-bottom: 16px; }
  .reporting-explorer__charts-nav {
    background: #343434;
    position: fixed;
    bottom: -68px;
    left: 0;
    width: 100%;
    height: 60px;
    z-index: 100000;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 8px;
    opacity: 0;
    transition: all 400ms ease; }
    @media screen and (min-width: 1024px) {
      .reporting-explorer__charts-nav {
        width: 400px;
        max-width: 400px; } }
    .reporting-explorer__charts-nav.is--visible {
      bottom: 0px;
      opacity: 1;
      transition: all 400ms ease; }
    .reporting-explorer__charts-nav-btn {
      margin-right: 8px;
      background: rgba(0, 0, 0, 0.3); }
      .reporting-explorer__charts-nav-btn:hover {
        background: rgba(0, 0, 0, 0.6); }
      .reporting-explorer__charts-nav-btn.is--slider {
        width: 64px; }
      .reporting-explorer__charts-nav-btn i.material-icons {
        color: #959595; }
    @media screen and (min-width: 1024px) {
      .reporting-explorer__charts-nav-group .reporting-explorer__charts-nav-btn.is--map {
        display: none; } }
    @media screen and (max-width: 1023px) {
      .reporting-explorer__charts-nav-group .reporting-explorer__charts-nav-btn.is--fullscreen {
        display: none; } }
    .reporting-explorer__charts-nav-group .reporting-explorer__charts-nav-btn:last-of-type {
      margin-right: 0; }

.reporting-explorer__chart--fullscreen {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(8, 8, 8, 0.88);
  pointer-events: none;
  transform: translatex(128px);
  opacity: 0;
  transition: all 400ms ease;
  z-index: 5000; }
  .reporting-explorer__chart--fullscreen * {
    pointer-events: none; }
  .reporting-explorer__chart--fullscreen button {
    right: 16px;
    top: 8px;
    padding: 8px; }
    .reporting-explorer__chart--fullscreen button:hover {
      background-color: #444 !important;
      color: white !important; }
  .reporting-explorer__chart--fullscreen.is--visible {
    pointer-events: auto;
    transform: translatex(0px);
    opacity: 1;
    transition: all 400ms ease; }
    .reporting-explorer__chart--fullscreen.is--visible * {
      pointer-events: auto; }

.reporting-explorer__chart-back {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 48px;
  width: 48px;
  display: none;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  background: none;
  color: #f1f1f1; }
  .reporting-explorer__chart-back:hover {
    background: rgba(0, 0, 0, 0.6); }
  .reporting-explorer__chart-back:focus {
    background: rgba(0, 0, 0, 0.6); }
  .reporting-explorer__chart-back.is--active {
    display: flex; }
  .reporting-explorer__chart-back i.material-icons {
    color: #f1f1f1; }

.reporting-explorer__chart-top {
  height: 320px;
  min-height: 320px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 16px; }

.reporting-explorer__chart-bottom {
  display: flex;
  flex-direction: column; }
  .reporting-explorer__chart-bottom__section {
    order: 2;
    transform: translatex(-100%);
    opacity: 0;
    transition: all 400ms ease; }
    .reporting-explorer__chart-bottom__section.is--visible {
      transform: translatex(0%);
      opacity: 1;
      order: 1;
      transition: all 400ms ease;
      margin-bottom: 24px; }
  .reporting-explorer__chart-bottom p {
    color: #111; }

.reporting-explorer__chart-list {
  order: 2;
  transform: translatex(-100%);
  opacity: 0;
  transition: all 400ms ease; }
  .reporting-explorer__chart-list.is--active {
    order: 1;
    transform: translatex(0%);
    opacity: 1;
    transition: all 400ms ease;
    min-height: 100%; }

.reporting-explorer__chart-item {
  background: #2b2b2b;
  width: 100%;
  height: 320px;
  max-height: 320px;
  border-radius: 4px;
  margin-bottom: 16px;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  transform: translatex(0px);
  transition: transform 400ms ease, background 400ms ease;
  order: 1; }
  .reporting-explorer__chart-item.is--active {
    height: auto;
    max-height: 100%;
    opacity: 1;
    background: rgba(0, 0, 0, 0);
    transition: background 400ms ease;
    position: absolute;
    top: 0; }
    @media screen and (min-width: 1024px) {
      .reporting-explorer__chart-item.is--active .reporting-explorer__chart-top {
        height: auto;
        min-height: auto; } }
  .reporting-explorer__chart-item.is--hidden {
    pointer-events: none;
    transform: translatex(-123%);
    order: 2;
    transition: transform 400ms ease; }
    .reporting-explorer__chart-item.is--hidden * {
      pointer-events: none; }
  .reporting-explorer__chart-item__title {
    height: 48px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 16px;
    background: #333;
    width: calc(100% + 32px);
    transform: translate(-16px, 0px); }
    .reporting-explorer__chart-item__title.is--active {
      background: rgba(0, 0, 0, 0.33); }
      .reporting-explorer__chart-item__title.is--active .reporting-explorer__chart-item__heading {
        color: #d6d6d6;
        height: 48px;
        line-height: 48px; }
    .reporting-explorer__chart-item__title button {
      border: 1px solid #d1d1d1 !important;
      color: #d1d1d1 !important; }
      .reporting-explorer__chart-item__title button:hover {
        background: #272727 !important;
        color: #f1f1f1 !important; }
  .reporting-explorer__chart-item__heading {
    color: #d1d1d1; }

.pin.level--01.is--disabled {
  background: rgba(255, 255, 255, 0.5); }
  .pin.level--01.is--disabled ~ .pin-effect {
    animation: none; }

.pin.level--02.is--disabled {
  background: rgba(255, 255, 255, 0.5); }
  .pin.level--02.is--disabled ~ .pin-effect {
    animation: none; }

.pin.level--03.is--disabled {
  background: rgba(255, 255, 255, 0.5); }
  .pin.level--03.is--disabled ~ .pin-effect {
    animation: none; }

.pin.level--04.is--disabled {
  background: rgba(255, 255, 255, 0.5); }
  .pin.level--04.is--disabled ~ .pin-effect {
    animation: none; }

.pin.level--05.is--disabled {
  background: rgba(255, 255, 255, 0.5); }
  .pin.level--05.is--disabled ~ .pin-effect {
    animation: none; }

.pin.level--06.is--disabled {
  background: rgba(255, 255, 255, 0.5); }
  .pin.level--06.is--disabled ~ .pin-effect {
    animation: none; }

.pin.level--07.is--disabled {
  background: rgba(255, 255, 255, 0.5); }
  .pin.level--07.is--disabled ~ .pin-effect {
    animation: none; }

.pin.level--08.is--disabled {
  background: rgba(255, 255, 255, 0.5); }
  .pin.level--08.is--disabled ~ .pin-effect {
    animation: none; }

.pin--alt--01 {
  border: 2px solid white;
  border-radius: 0 !important; }

.pin {
  cursor: pointer;
  width: 12px;
  height: 12px;
  position: relative;
  background: deepskyblue;
  border-radius: 50%;
  z-index: 100; }
  .pin.level--01 {
    background: #dfebcc; }
  .pin.level--02 {
    background: #bbdccd; }
  .pin.level--03 {
    background: #98cbcd; }
  .pin.level--04 {
    background: #78bccf; }
  .pin.level--05 {
    background: #61a8ca; }
  .pin.level--06 {
    background: #5390ba; }
  .pin.level--07 {
    background: #4577aa; }
  .pin.level--08 {
    background: #385e99; }

.pin-effect {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 1px;
  left: 6px;
  display: block;
  background: rgba(68, 68, 68, 0.8);
  border-radius: 50%;
  opacity: 0;
  animation: pulsate 2s ease-out infinite; }
  .pin-effect.level--01 {
    animation: pulsate--01 2s ease-out infinite;
    background: rgba(223, 235, 204, 0.44); }
  .pin-effect.level--02 {
    animation: pulsate--02 2s ease-out infinite;
    background: rgba(187, 220, 205, 0.44); }
  .pin-effect.level--03 {
    animation: pulsate--03 2s ease-out infinite;
    background: rgba(152, 203, 205, 0.44); }
  .pin-effect.level--04 {
    animation: pulsate--04 2s ease-out infinite;
    background: rgba(120, 188, 207, 0.44); }
  .pin-effect.level--05 {
    animation: pulsate--05 2s ease-out infinite;
    background: rgba(97, 168, 202, 0.44); }
  .pin-effect.level--06 {
    animation: pulsate--06 2s ease-out infinite;
    background: rgba(83, 144, 186, 0.44); }
  .pin-effect.level--07 {
    animation: pulsate--07 2s ease-out infinite;
    background: rgba(69, 119, 170, 0.44); }
  .pin-effect.level--08 {
    animation: pulsate--08 2s ease-out infinite;
    background: rgba(56, 94, 153, 0.44); }

.reporting-explorer__map-legend {
  position: absolute;
  bottom: 32px;
  left: 8px;
  display: flex;
  flex-wrap: wrap; }
  @media screen and (max-width: 1023px) {
    .reporting-explorer__map-legend {
      display: none; } }
  .reporting-explorer__map-legend__item {
    border-radius: 0;
    margin: 0;
    color: rgba(0, 0, 0, 0.88); }
    .reporting-explorer__map-legend__item.level--01 {
      background: rgba(223, 235, 204, 0.88);
      border-bottom-left-radius: 4px;
      border-top-left-radius: 4px; }
    .reporting-explorer__map-legend__item.level--02 {
      background: rgba(187, 220, 205, 0.88); }
    .reporting-explorer__map-legend__item.level--03 {
      background: rgba(152, 203, 205, 0.88); }
    .reporting-explorer__map-legend__item.level--04 {
      background: rgba(120, 188, 207, 0.88); }
    .reporting-explorer__map-legend__item.level--05 {
      background: rgba(97, 168, 202, 0.88); }
    .reporting-explorer__map-legend__item.level--06 {
      background: rgba(83, 144, 186, 0.88); }
    .reporting-explorer__map-legend__item.level--07 {
      background: rgba(69, 119, 170, 0.88); }
    .reporting-explorer__map-legend__item.level--08 {
      background: rgba(56, 94, 153, 0.88);
      border-bottom-right-radius: 4px;
      border-top-right-radius: 4px; }

@keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    transform: scale(2);
    opacity: 0; } }

@keyframes pulsate--01 {
  0% {
    transform: scale(0.1);
    opacity: 0; }
  50% {
    opacity: 0.5; }
  100% {
    transform: scale(2);
    opacity: 0; } }

@keyframes pulsate--02 {
  0% {
    transform: scale(0.1);
    opacity: 0; }
  50% {
    opacity: 0.5; }
  100% {
    transform: scale(3);
    opacity: 0; } }

@keyframes pulsate--03 {
  0% {
    transform: scale(0.1);
    opacity: 0; }
  50% {
    opacity: 0.5; }
  100% {
    transform: scale(4);
    opacity: 0; } }

@keyframes pulsate--04 {
  0% {
    transform: scale(0.1);
    opacity: 0; }
  50% {
    opacity: 0.5; }
  100% {
    transform: scale(5);
    opacity: 0; } }

@keyframes pulsate--05 {
  0% {
    transform: scale(0.1);
    opacity: 0; }
  50% {
    opacity: 0.5; }
  100% {
    transform: scale(6);
    opacity: 0; } }

@keyframes pulsate--06 {
  0% {
    transform: scale(0.1);
    opacity: 0; }
  50% {
    opacity: 0.5; }
  100% {
    transform: scale(7);
    opacity: 0; } }

@keyframes pulsate--07 {
  0% {
    transform: scale(0.1);
    opacity: 0; }
  50% {
    opacity: 0.5; }
  100% {
    transform: scale(8);
    opacity: 0; } }

@keyframes pulsate--08 {
  0% {
    transform: scale(0.1);
    opacity: 0; }
  50% {
    opacity: 0.5; }
  100% {
    transform: scale(9);
    opacity: 0; } }

.dashboard-item.is--dark-mode {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 8px;
  box-shadow: none; }

.dashboard-item.is--dark-mode .dashboard-item__label {
  color: #d6d6d6; }

.dashboard-item.is--dark-mode .dashboard-item__value {
  color: #d6d6d6; }

.btn--menu--circular.reporting-explorer__map-filters {
  background: #adadad;
  color: #505050; }
  .btn--menu--circular.reporting-explorer__map-filters:hover {
    background: white; }

.reporting-explorer__sidebar--node-large--stat {
  flex-basis: 48%;
  display: inline-flex;
  flex-direction: column;
  background: rgba(0, 0, 0, 0.8);
  justify-content: center;
  align-items: center;
  border-radius: 5%;
  height: 125px;
  color: rgba(255, 255, 255, 0.6); }

.reporting-explorer__sidebar--node-small--stat-cluster {
  display: inline-flex;
  flex-direction: column;
  justify-content: space-between;
  flex-basis: 48%;
  height: 125px; }

.reporting-explorer__sidebar--node-small--stat {
  font-size: 12px;
  display: flex;
  justify-content: space-between;
  padding: 8px 16px;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 10%;
  color: rgba(255, 255, 255, 0.6); }

.is--dark-mode .modal__title {
  background: rgba(0, 0, 0, 0.33);
  color: #f1f1f1; }

.is--dark-mode .modal__btn--close {
  background: rgba(0, 0, 0, 0.33);
  color: #f1f1f1; }

.is--dark-mode .heading--banner {
  background: rgba(0, 0, 0, 0.33);
  color: #f1f1f1;
  border-left-color: rgba(0, 0, 0, 0.33); }

.is--dark-mode .checkbox--icon-font label {
  color: #b4b4b4; }

.is--dark-mode .card--expand__btn--expand {
  background: rgba(0, 0, 0, 0.33);
  color: #c4c4c4;
  border-radius: 0; }

body.is--otto {
  background: #444;
  color: #b1b1b1;
  padding-bottom: 15vh; }

.voltron {
  display: flex;
  justify-content: space-between; }

.tickers {
  display: flex;
  flex-wrap: wrap;
  flex-basis: 80%;
  max-width: 80%; }

.ticker.is--messages .ticker__item {
  border-radius: 0; }

.ticker.is--deployments .ticker__item > div {
  align-items: flex-start;
  font-size: inherit;
  flex-direction: column; }

.ticker.is--quad {
  display: flex;
  flex-wrap: wrap; }

.ticker--footer {
  position: fixed;
  height: 10vh;
  background: #222;
  bottom: 0;
  right: 0;
  left: 0; }

.ticker__container {
  flex-basis: 50%;
  max-width: 50% !important;
  padding: 48px 88px;
  height: 45vh; }
  .ticker__container:nth-of-type(1) {
    background: #444; }
  .ticker__container:nth-of-type(2) {
    background: #555; }
  .ticker__container:nth-of-type(3) {
    background: #666; }
  .ticker__container:nth-of-type(4) {
    background: #777; }

.ticker__item {
  background: rgba(0, 0, 0, 0.5);
  border-radius: 8px;
  height: calc(42.5vh - 48px - 48px); }
  .ticker__item.is--dumpster-fire {
    background: red; }
  .ticker__item.in--sidebar {
    height: calc(22.5vh - 10px); }
  .ticker__item.is--quad {
    height: calc(20vh - 16px);
    width: calc(50% - 16px);
    margin: 8px; }
    .ticker__item.is--quad > div {
      display: flex;
      flex-direction: column-reverse;
      justify-content: center;
      align-items: center; }
  .ticker__item > div {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    font-size: calc(2.5vh);
    padding: 48px;
    max-width: 100%; }

.ticker__aside {
  background: rgba(0, 0, 0, 0.25);
  height: calc(100vh - 10vh);
  flex-basis: 20%;
  min-width: 20%; }

@-webkit-keyframes ticker {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible; }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

@keyframes ticker {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible; }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

.tckr-wrap {
  position: fixed;
  bottom: 0;
  width: 100%;
  overflow: hidden;
  height: 10vh;
  background-color: rgba(0, 0, 0, 0.5);
  padding-left: 100%;
  box-sizing: content-box; }
  .tckr-wrap .tckr {
    display: inline-block;
    height: 10vh;
    line-height: 10vh;
    white-space: nowrap;
    padding-right: 100%;
    box-sizing: content-box;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-name: ticker;
    animation-name: ticker;
    -webkit-animation-duration: 30s;
    animation-duration: 30s; }
    .tckr-wrap .tckr__item {
      display: inline-block;
      padding: 0 2rem;
      font-size: 24px;
      color: white; }

.deployment__date {
  font-size: 1.4vh;
  justify-content: center;
  font-weight: bold;
  text-transform: uppercase; }

.deployment__institution__img {
  display: flex; }
  .deployment__institution__img img {
    width: 200px;
    height: 200px;
    object-fit: contain; }

.deployment__institution__name {
  font-size: 2.5vh;
  font-weight: bold;
  line-height: 2.8vh; }

.deployment__items {
  justify-content: center; }
  .deployment__items > button {
    margin-right: 16px; }

.team-sprints__legend {
  width: 100%; }
  .team-sprints__legend__item {
    display: flex;
    font-size: 18px;
    font-weight: bold;
    align-items: center;
    margin-right: 16px; }
    .team-sprints__legend__item > span:nth-of-type(1) {
      width: 24px;
      height: 24px;
      border-radius: 12px;
      margin-right: 8px; }
    .team-sprints__legend__item .is--todo {
      background: grey; }
    .team-sprints__legend__item .is--on-hold {
      background: orange; }
    .team-sprints__legend__item .is--in-progress {
      background: deeppink; }
    .team-sprints__legend__item .is--in-review {
      background: deepskyblue; }
    .team-sprints__legend__item .is--completed {
      background: green; }

.team-sprints__items {
  width: 100%; }

.team-sprints__name {
  font-weight: bold;
  font-size: 18px; }

.team-sprints__status {
  display: flex;
  height: 40px;
  width: 100%;
  margin-bottom: 24px; }
  .team-sprints__status__item {
    flex-basis: 20%;
    min-width: 20%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }
    .team-sprints__status__item:nth-of-type(1) {
      border-bottom-left-radius: 20px;
      border-top-left-radius: 20px; }
    .team-sprints__status__item:nth-of-type(5) {
      border-bottom-right-radius: 20px;
      border-top-right-radius: 20px; }
    .team-sprints__status__item.is--todo {
      background: grey; }
    .team-sprints__status__item.is--on-hold {
      background: orange; }
    .team-sprints__status__item.is--in-progress {
      background: deeppink; }
    .team-sprints__status__item.is--in-review {
      background: deepskyblue; }
    .team-sprints__status__item.is--completed {
      background: green; }
    .team-sprints__status__item > span {
      background: rgba(0, 0, 0, 0.3);
      padding: 0px 8px;
      font-size: 18px;
      font-weight: bold;
      border-radius: 8px;
      color: #fff; }

.browse-options {
  display: flex;
  width: calc(100% + 32px);
  transform: translateX(-16px); }

.browse-options__toc {
  display: none;
  max-width: 320px;
  min-width: 320px; }

.browse-options__toc-title {
  height: 72px;
  background: #e9e9e9; }

.browse-options__menu-btn-container {
  position: fixed;
  z-index: 15000;
  top: calc(100% - 80px);
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center; }

.browse-options__menu-btn-container > button {
  border-radius: 28px !important; }

.browse-options__container {
  overflow: auto;
  width: 100%; }

.browse-options__container .tag-rail {
  max-height: none;
  width: 100%;
  overflow: auto; }

.browse-options__container .tag-rail .js--tag-rail__list--container {
  position: relative;
  overflow: auto; }

.browse-options__container .tag-rail .js--tag-rail__list {
  line-height: 1.15px;
  overflow: visible; }

.browse-options__container .tag-rail .js--tag-rail__list > li button {
  border-radius: 28px; }

.browse-options__options .toggle--ftw .toggle--single {
  font-size: 12px;
  font-weight: bold;
  flex-flow: row;
  align-items: center; }

.browse-options__item {
  background: #fff;
  max-width: 304px;
  max-width: 304px;
  height: 56px;
  border-radius: 28px; }

.browse-options__item .toggle--ftw .toggle--single {
  font-size: 12px;
  font-weight: bold;
  color: #777;
  flex-flow: row;
  align-items: center; }

.browse-options__toc-item {
  padding: 8px 24px;
  background: #e9e9e9;
  margin-bottom: 8px;
  border-radius: 20px; }

.browse-options__toc-item .toggle--ftw .toggle--single {
  font-size: 0px;
  font-weight: bold;
  color: #777;
  flex-flow: row;
  align-items: center; }

.browse-options__toc-item a {
  color: #505050; }

.browse-options__toc-item a:hover, .browse-options__toc-item a:focus {
  color: #333; }

.browse-options__toc-item.is--active {
  background: #fff; }

.browse-options__options {
  background: #e9e9e9;
  border-radius: 12px;
  margin: 16px 16px 24px 16px; }

@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-16px, 0, 0); }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

@keyframes fadeOutRight {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    transform: translate3d(16px, 0, 0); } }

@media screen and (max-width: 768px) {
  .browse-options__toc.is--visible {
    display: block;
    position: fixed;
    top: 0;
    bottom: 0;
    overflow: auto;
    left: 0;
    right: 0;
    top: -76px;
    z-index: 1;
    background: #ccc;
    max-width: 100%; } }

@media screen and (min-width: 769px) {
  .browse-options__toc {
    display: block; }
  .browse-options__menu-btn-container {
    display: none; } }

/*# sourceMappingURL=index.processed.css.map */