@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: #232323 !important;
}

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

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

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

.color--bg--success {
  background: #89BEF7 !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: #fff !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: #232323 !important;
}

.color--font--secondary {
  color: black !important;
}

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

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

.color--font--success {
  color: #89BEF7 !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: #fff !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: #232323 !important;
}

.color--border--secondary {
  border-color: black !important;
}

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

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

.color--border--success {
  border-color: #89BEF7 !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: #fff !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;
}

.color--bg--none {
  background: none !important;
}

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

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

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

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

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

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

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

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

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

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

.color--bg--white {
  background: #fff !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: #232323 !important;
}

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

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

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

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

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

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

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

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

.color--font--white {
  color: #fff !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: #232323 !important;
}

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

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

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

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

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

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

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

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

.color--border--white {
  border-color: #fff !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;
}

.btn-row:after, .card--title-action:after, .drop-down:after, .config-view:after, .tab-list: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 {
  -ms-flex-preferred-size: 100% !important;
      flex-basis: 100% !important;
}

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

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

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

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

.flex-basis--20 {
  -ms-flex-preferred-size: 20% !important;
      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: -ms-flexbox !important;
  display: flex !important;
}

.display--inline-flex {
  display: -ms-inline-flexbox !important;
  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;
  -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 {
  -ms-flex-preferred-size: 46%;
      flex-basis: 46%;
  max-width: 46%;
  min-width: 46%;
  margin: 2%;
}

.flex-single {
  -ms-flex-preferred-size: 100%;
      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: #FFA800 !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 {
  -ms-transform: scaleX(-1);
      transform: scaleX(-1);
}

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

.flip--vertically {
  -ms-transform: scaley(-1);
      transform: scaley(-1);
}

.flip--vertically.is--undone {
  -ms-transform: scaley(0);
      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;
}

/* 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: #232323;
  text-decoration: none;
}

.link:hover {
  color: #fff;
  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 #a3a3a3 !important;
}

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

.grd {
  display: block;
}

@media screen and (min-width: 769px) {
  .grd {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
}

.grd__col--auto {
  width: 100%;
}

@media screen and (min-width: 769px) {
  .grd__col--auto {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    max-width: 100%;
  }
}

@media screen and (min-width: 769px) {
  .grd__col--1 {
    -ms-flex-preferred-size: 8.33333333%;
        flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }
}

@media screen and (min-width: 769px) {
  .grd__col--2 {
    -ms-flex-preferred-size: 16.66666667%;
        flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }
}

@media screen and (min-width: 769px) {
  .grd__col--3 {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    max-width: 25%;
  }
}

@media screen and (min-width: 769px) {
  .grd__col--4 {
    -ms-flex-preferred-size: 33.33333333%;
        flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }
}

@media screen and (min-width: 769px) {
  .grd__col--5 {
    -ms-flex-preferred-size: 41.66666667%;
        flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }
}

@media screen and (min-width: 769px) {
  .grd__col--6 {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%;
  }
}

@media screen and (min-width: 769px) {
  .grd__col--7 {
    -ms-flex-preferred-size: 58.33333333%;
        flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }
}

@media screen and (min-width: 769px) {
  .grd__col--8 {
    -ms-flex-preferred-size: 66.66666667%;
        flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }
}

@media screen and (min-width: 769px) {
  .grd__col--9 {
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
    max-width: 75%;
  }
}

@media screen and (min-width: 769px) {
  .grd__col--10 {
    -ms-flex-preferred-size: 83.33333333%;
        flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }
}

@media screen and (min-width: 769px) {
  .grd__col--11 {
    -ms-flex-preferred-size: 91.66666667%;
        flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }
}

@media screen and (min-width: 769px) {
  .grd__col--12 {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }
}

.grd.card-flex {
  display: -ms-flexbox !important;
  display: flex !important;
}

@media screen and (min-width: 500px) and (max-width: 888px) {
  .grd.card-flex .grd__col--auto {
    -ms-flex-preferred-size: 50%;
        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 {
  -ms-flex-pack: start;
      justify-content: flex-start;
  text-align: start;
}

.align--center {
  -ms-flex-pack: center;
      justify-content: center;
  text-align: center;
}

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

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

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

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

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

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

.dist--around {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.dist--between {
  -ms-flex-pack: justify;
      justify-content: space-between;
}

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

.order--last {
  -ms-flex-order: 1;
      order: 1;
}

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

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

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

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

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

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

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

.box--demo {
  background: #a3a3a3;
  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 {
    -ms-flex-preferred-size: 42%;
        flex-basis: 42%;
    max-width: 42%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1240px) {
  .crds .grd__col--8 {
    -ms-flex-preferred-size: 58%;
        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 {
    -ms-flex-preferred-size: 42%;
        flex-basis: 42%;
    max-width: 42%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1240px) {
  .crds .grd__col--9 {
    -ms-flex-preferred-size: 58%;
        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 {
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
}

@media screen and (min-width: 768px) {
  .crd__col--reverse--desktop {
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
  }
}

body.is--article {
  background: #fff;
  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 {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      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: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  overflow-x: auto;
  padding: 16px;
  background: #E1E1E1;
  border-radius: 2px;
}

.blog-cards__list {
  display: -ms-flexbox;
  display: flex;
}

.blog-cards__item {
  width: 228px;
  max-width: 228px;
  height: 243px;
  max-height: 243px;
  background: #fff;
  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: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: justify;
      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: #fff;
  padding: 24px 16px;
  font-size: 20px;
  line-height: 1.66;
  -ms-transform: translatey(128px);
      transform: translatey(128px);
  opacity: 0;
  transition: all 600ms;
}

.blog-article.is--scroll {
  -ms-transform: translatey(-112px);
      transform: translatey(-112px);
  opacity: 1;
  transition: all 2000ms;
}

.blog-article__hero {
  height: calc(100vh - 72px);
  opacity: 1;
  transition: all 400ms ease-out;
  -ms-flex-pack: center;
      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;
  -ms-transform: scale(1);
      transform: scale(1);
  opacity: 1;
  max-width: 900px;
  transition: all 400ms ease;
}

.blog-article__hero__title.is--scroll {
  -ms-transform: scale(1.5);
      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: #232323;
  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: #232323;
  color: rgba(255, 255, 255, 0.88);
}

.btn--default:hover {
  background-color: #0a0a0a;
}

.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: #232323;
  border: 1px solid #232323;
  box-shadow: none !important;
}

.btn--default.outline:hover {
  background-color: #232323;
  color: rgba(255, 255, 255, 0.88);
}

.btn--default.outline:focus {
  background-color: #232323;
  color: rgba(255, 255, 255, 0.88);
}

.btn--default.outline.is--selected {
  background-color: #232323;
  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: #232323;
  border: none;
  box-shadow: none !important;
}

.btn--default.plain:hover {
  background-color: #232323;
  color: rgba(255, 255, 255, 0.88);
}

.btn--default.plain:focus {
  background-color: #232323;
  color: rgba(255, 255, 255, 0.88);
}

.btn--default.plain.is--selected {
  background-color: #232323;
  color: rgba(255, 255, 255, 0.88);
  box-shadow: 0px 12px 14px -6px rgba(0, 0, 0, 0.3);
  position: relative;
}

.btn--success {
  background-color: #3D8629;
  color: rgba(0, 0, 0, 0.66);
}

.btn--success:hover {
  background-color: #2b5f1d;
}

.btn--success:focus {
  background-color: #193811;
}

.btn--success.is--selected {
  background-color: #193811;
  color: rgba(0, 0, 0, 0.66);
  box-shadow: 0px 12px 14px -6px rgba(0, 0, 0, 0.3);
  position: relative;
}

.btn--success.outline {
  background: none;
  color: #3D8629;
  border: 1px solid #3D8629;
  box-shadow: none !important;
}

.btn--success.outline:hover {
  background-color: #3D8629;
  color: rgba(0, 0, 0, 0.66);
}

.btn--success.outline:focus {
  background-color: #3D8629;
  color: rgba(0, 0, 0, 0.66);
}

.btn--success.outline.is--selected {
  background-color: #3D8629;
  color: rgba(0, 0, 0, 0.66);
  box-shadow: 0px 12px 14px -6px rgba(0, 0, 0, 0.3);
  position: relative;
}

.btn--success.plain {
  background: none;
  color: #3D8629;
  border: none;
  box-shadow: none !important;
}

.btn--success.plain:hover {
  background-color: #3D8629;
  color: rgba(0, 0, 0, 0.66);
}

.btn--success.plain:focus {
  background-color: #3D8629;
  color: rgba(0, 0, 0, 0.66);
}

.btn--success.plain.is--selected {
  background-color: #3D8629;
  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--warning {
  background-color: #FFA800;
  color: rgba(0, 0, 0, 0.66);
}

.btn--warning:hover {
  background-color: #cc8600;
}

.btn--warning:focus {
  background-color: #996500;
}

.btn--warning.is--selected {
  background-color: #996500;
  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: #FFA800;
  border: 1px solid #FFA800;
  box-shadow: none !important;
}

.btn--warning.outline:hover {
  background-color: #FFA800;
  color: rgba(0, 0, 0, 0.66);
}

.btn--warning.outline:focus {
  background-color: #FFA800;
  color: rgba(0, 0, 0, 0.66);
}

.btn--warning.outline.is--selected {
  background-color: #FFA800;
  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: #FFA800;
  border: none;
  box-shadow: none !important;
}

.btn--warning.plain:hover {
  background-color: #FFA800;
  color: rgba(0, 0, 0, 0.66);
}

.btn--warning.plain:focus {
  background-color: #FFA800;
  color: rgba(0, 0, 0, 0.66);
}

.btn--warning.plain.is--selected {
  background-color: #FFA800;
  color: rgba(0, 0, 0, 0.66);
  box-shadow: 0px 12px 14px -6px rgba(0, 0, 0, 0.3);
  position: relative;
}

.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--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--white {
  background-color: #fff;
  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 #fff;
  box-shadow: none !important;
  color: #fff;
}

.btn--white.outline:hover {
  background-color: #fff;
  color: rgba(0, 0, 0, 0.66);
}

.btn--white.outline:focus {
  background-color: #fff;
  color: rgba(0, 0, 0, 0.66);
}

.btn--white.outline.is--selected {
  background-color: #fff;
  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: #fff;
}

.btn--white.plain:hover {
  background-color: #fff;
  color: rgba(0, 0, 0, 0.66);
}

.btn--white.plain:focus {
  background-color: #fff;
  color: rgba(0, 0, 0, 0.66);
}

.btn--white.plain.is--selected {
  background-color: #fff;
  color: rgba(0, 0, 0, 0.66);
  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 {
  text-decoration: none;
  border: none;
  outline: none;
}

button.is--selected, a.is--btn.is--selected {
  background: #3D8629 !important;
  color: rgba(0, 0, 0, 0.66) !important;
}

button.is--selected:after, a.is--btn.is--selected:after {
  font-family: 'Material Icons';
  content: '\e5ca';
  display: block;
  position: absolute;
}

[class^='btn__hero'], [class^='btn__hero'].is--btn {
  font-size: 16px;
  padding: 16px 40px;
  border-radius: 2px;
}

[class^='btn__hero'] .material-icons, [class^='btn__hero'].is--btn .material-icons {
  font-size: 24px;
  line-height: 1;
}

[class^='btn__hero'].is--selected, [class^='btn__hero'].is--btn.is--selected {
  text-indent: 8px;
}

[class^='btn__hero'].is--selected:after, [class^='btn__hero'].is--btn.is--selected:after {
  left: 12px;
  top: 12px;
  padding: 4px;
}

[class^='btn__default'], [class^='btn__default'].is--btn {
  font-size: 12px;
  padding: 8px 16px;
  border-radius: 2px;
}

[class^='btn__default'] .material-icons, [class^='btn__default'].is--btn .material-icons {
  font-size: 18px;
  line-height: 1;
}

[class^='btn__default'].is--selected, [class^='btn__default'].is--btn.is--selected {
  text-indent: 8px;
}

[class^='btn__default'].is--selected:after, [class^='btn__default'].is--btn.is--selected:after {
  left: 0px;
  top: 4px;
  padding: 4px 4px 4px 2px;
}

[class^='btn__small'], [class^='btn__small'].is--btn {
  font-size: 10px;
  padding: 4px 8px;
  border-radius: 2px;
}

[class^='btn__small'] .material-icons, [class^='btn__small'].is--btn .material-icons {
  font-size: 14px;
  line-height: 1;
}

[class^='btn__small'].is--selected, [class^='btn__small'].is--btn.is--selected {
  text-indent: 12px;
}

[class^='btn__small'].is--selected:after, [class^='btn__small'].is--btn.is--selected:after {
  left: -4px;
  top: 0px;
  padding: 4px 4px 4px 0px;
}

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

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

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

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

[class^='btn__small'].pill {
  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: #fff;
  box-shadow: none;
  border-radius: 0px;
  background: none;
}

.btn--search--header:hover {
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
}

.btn--search--header:focus {
  background: #a3a3a3 #a3a3a3;
  color: #fff;
}

@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: #fff;
  background: none;
  box-shadow: none;
  border-radius: 0px;
}

.btn--user:hover {
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
}

.btn--user:focus {
  background: #a3a3a3 #a3a3a3;
  color: #fff;
}

@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: #fff;
  background: none;
  box-shadow: none;
  border-radius: 0px;
}

.btn--recent i {
  -ms-transform: scale(1);
      transform: scale(1);
  transition: transform 300ms ease-out;
}

.btn--recent:hover {
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
}

.btn--recent:focus {
  background: #a3a3a3 #a3a3a3;
  color: #fff;
}

@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: #232323;
  color: #fff;
  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: #fff;
  transition: all 200ms ease;
}

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

.btn--menu--circular:hover i {
  -ms-transform: rotate(180deg);
      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: #fff;
    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 [class^="btn__"].outline {
  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 [class^="btn__"].outline {
    border: 1px solid rgba(0, 0, 0, 0.15);
  }
}

.btn-row [class^="btn__"].outline:nth-child(3) {
  border-left: 1px solid rgba(0, 0, 0, 0.15);
}

.btn-row [class^="btn__"].outline:last-child {
  border-right: 1px solid rgba(0, 0, 0, 0.15);
}

.btn-row [class^="btn__"].plain {
  border: none;
  border-radius: 2px;
}

.btn-row [class^="btn__"].plain:nth-child(3) {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-radius: 2px;
}

.btn-row [class^="btn__"].plain: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 [class^="btn__"].outline {
  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 [class^="btn__"].outline {
    border-left: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 2px;
  }
}

.btn-row .drop-down [class^="btn__"].plain {
  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) [class^="btn__"].outline {
  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) [class^="btn__"].outline {
    border-radius: 2px;
  }
}

.btn-row .drop-down:nth-child(3) [class^="btn__"].plain {
  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 [class^="btn__"].outline {
  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 [class^="btn__"].outline {
    border-left: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 2px;
  }
}

.btn-row .drop-down:last-child [class^="btn__"].plain {
  border: none;
  border-radius: 2px;
}

/* MATERIAL DESIGN RIPPLE */
.ripple-wrapper {
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.4);
  border-radius: 100%;
  -ms-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;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  outline: none;
}

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

@-webkit-keyframes ripple {
  100% {
    -ms-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 {
  -webkit-animation: spinningIconInBtn 1600ms linear infinite;
          animation: spinningIconInBtn 1600ms linear infinite;
}

@-webkit-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);
  }
}

@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: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

.btn--v2.btn-white {
  background: #fff;
  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: #fff;
}

.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: #fff;
}

.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: #232323;
  color: white;
}

.btn--v2.btn-default:hover, .btn--v2.btn-default:focus {
  background: #0a0a0a;
  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: #232323;
}

.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: #232323;
}

.btn--v2.btn-default.outline:focus, .btn--v2.btn-default.plain:focus {
  background: #0a0a0a;
}

.btn--v2.btn-success {
  background: #3D8629;
  color: black;
}

.btn--v2.btn-success:hover, .btn--v2.btn-success:focus {
  background: #2b5f1d;
  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: #3D8629;
}

.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: #3D8629;
}

.btn--v2.btn-success.outline:focus, .btn--v2.btn-success.plain:focus {
  background: #2b5f1d;
}

.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: #FFA800;
  color: black;
}

.btn--v2.btn-warning:hover, .btn--v2.btn-warning:focus {
  background: #cc8600;
  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: #FFA800;
}

.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: #FFA800;
}

.btn--v2.btn-warning.outline:focus, .btn--v2.btn-warning.plain:focus {
  background: #cc8600;
}

.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: #fff;
  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: -ms-flexbox;
  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: #fff;
  right: 0;
  top: 0;
  left: 68px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.crd--002__controls {
  position: absolute;
  height: 68px;
  top: 0;
  left: 0;
  width: 68px;
  background: #a3a3a3;
}

.crd--002__controls-icon {
  position: absolute;
  height: 44px;
  top: 0;
  left: 0;
  width: 68px;
  background: #232323;
}

.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: #fff;
}

.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: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      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: -ms-flexbox;
  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: #fff;
}

.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 #fff;
}

.public-profile__header .crd.crd--004.crd--004--001 .stat-label, .public-profile__header .crd.crd--004.crd--004--001 .stat-value {
  color: #fff !important;
}

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

.crd--004.crd--004--001.is--divided .flex-quad {
  -ms-flex-preferred-size: 48%;
      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: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      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: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: 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 #fff !important;
  background: #fff !important;
}

.flex-quad.is--active span {
  color: #fff !important;
}

.crd--004.crd--004--003 .card__content-height {
  -ms-flex-direction: column;
      flex-direction: column;
  height: auto;
}

.crd--004.crd--004--003 .card__content-height [class*="quad-item--"] {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      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 #fff;
}

.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: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}

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

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

.crd--006 .crd__header {
  position: absolute;
  height: 54%;
  background: #fff;
  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: #232323;
  font-weight: 400;
}

.crd--006 .crd__title h5 {
  font-size: 12px;
  color: #232323;
  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: #fff;
  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 {
  -webkit-animation-delay: 100ms;
          animation-delay: 100ms;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.is--unloading .crd-delay--25 {
  -webkit-animation-delay: 10.4ms;
          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: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: distribute;
      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: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: distribute;
      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: -ms-flexbox;
  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 {
  -ms-flex-preferred-size: 25%;
      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: #fff;
    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: #fff;
    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: #fff;
    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: -ms-flexbox;
    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: #fff;
    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: #fff;
    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: #fff;
    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: -ms-flexbox;
    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: #fff;
  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: #fff;
  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: #fff;
  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: -ms-flexbox;
  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: #fff;
  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: #fff;
  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: #fff;
  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: -ms-flexbox;
  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: #fff;
  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: #fff;
  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: #fff;
  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: -ms-flexbox;
  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: #fff;
  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: #fff;
  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: #fff;
  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: -ms-flexbox;
  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: #3D8629;
  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%;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

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

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

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

.list__schedule__date {
  width: 56px;
  -ms-flex-preferred-size: 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: -ms-flexbox;
  display: flex;
  -ms-flex-preferred-size: calc(100% - 52px);
      flex-basis: calc(100% - 52px);
  min-width: calc(100% - 52px);
}

.list__schedule__category {
  width: 60px;
  background: #3D8629;
  color: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: bold;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 4px 0px 0px 0px;
  -ms-flex-preferred-size: 60px;
      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: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      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: #fff;
  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: #fff;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.crd--008.is--grid .crd__main__half {
  -ms-flex-preferred-size: calc(50% - 4px);
      flex-basis: calc(50% - 4px);
  background: #f9f9f9;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

.crd--008.is--grid .crd__main__half .one {
  -ms-flex-order: 2;
      order: 2;
}

.crd--008.is--grid .crd__main__half .two {
  -ms-flex-order: 1;
      order: 1;
}

.crd--008.is--grid .crd__main__half .three {
  -ms-flex-order: 3;
      order: 3;
}

.crd--008.is--grid .crd__main__half .one.success {
  color: #3D8629;
}

.crd--008.is--grid .crd__main__half .two.success {
  color: #3D8629;
}

.crd--008.is--grid .crd__main__half .three.success {
  color: #3D8629;
}

.crd--008.is--grid .crd__main__half .one.warning {
  color: #FFA800;
}

.crd--008.is--grid .crd__main__half .two.warning {
  color: #FFA800;
}

.crd--008.is--grid .crd__main__half .three.warning {
  color: #FFA800;
}

.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: #3D8629 #3D8629;
  color: #fff #fff;
}

.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: -ms-inline-flexbox;
  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: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      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: #3D8629;
}

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

.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: #3D8629;
}

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

.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: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      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: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      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: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      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: #3D8629;
}

.is--list.crd--008 .crd__main__half .two.success {
  color: #3D8629;
}

.is--list.crd--008 .crd__main__half .three.success {
  color: #3D8629;
}

.is--list.crd--008 .crd__main__half .one.warning {
  color: #FFA800;
}

.is--list.crd--008 .crd__main__half .two.warning {
  color: #FFA800;
}

.is--list.crd--008 .crd__main__half .three.warning {
  color: #FFA800;
}

.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: #3D8629 #3D8629;
  color: #fff #fff;
}

.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: -ms-inline-flexbox;
  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: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      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: #3D8629;
}

.is--list.crd--008 .crd--008__status__icon.pending {
  color: #FFA800;
}

.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: #3D8629;
}

.is--list.crd--008 .crd--008__status__value.pending {
  color: #FFA800;
}

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

.is--list.crd--008 .crd__footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      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: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      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: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
  background: #fff;
  width: 100%;
}

@media screen and (min-width: 769px) {
  .card--key-value {
    width: 200px;
    min-height: 150px;
  }
}

.card--key-value__header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  padding: 8px;
}

.card--key-value__header button {
  padding: 0;
}

.card--key-value__header button:hover {
  background: #fff #fff #fff !important;
}

.card--key-value__body {
  padding: 8px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column-reverse;
      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: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      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: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  position: absolute;
  background: #ED4747;
  font-size: 12px;
  font-weight: bold;
  top: calc(-50% - 4px);
}

.survey-result__item {
  padding: 48px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

.survey-result__item:nth-of-type(odd) {
  background: #fff;
}

.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: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: 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 * {
  -ms-transform: translatey(0px);
      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 * {
  -ms-transform: translatey(-4px);
      transform: translatey(-4px);
  transition: all 300ms ease-out;
  color: #232323;
}

.defy--padding--sidebar {
  width: calc(100% + 32px);
  -ms-transform: translatex(-16px);
      transform: translatex(-16px);
}

.defy--padding--sidebar.also--top {
  -ms-transform: translate(-16px, -8px);
      transform: translate(-16px, -8px);
}

.card--survey {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: stretch;
      align-items: stretch;
  border-bottom: 1px solid #232323;
}

.card--survey__left {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: 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: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
}

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

.insights--cardstack {
  display: -ms-flexbox;
  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: 12px;
  font-family: Noto Sans;
  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 {
  -ms-transform: translateY(-1rem);
      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: 136px;
}

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

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

.insight-card--footer {
  position: absolute;
  width: 144px;
  height: 32px;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0px 0px 4px 4px;
  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: 0;
  right: 0;
}

.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);
  -ms-transform: translatex(-16px);
      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 {
  -ms-transform: translatex(-32px);
      transform: translatex(-32px);
}

.card-group--horizontal.in--doc-viewer {
  width: calc(100% + 96px);
  -ms-transform: translatex(-48px);
      transform: translatex(-48px);
  max-width: calc(100% + 96px);
}

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

.card--round {
  border-radius: 16px;
  background: #fff;
  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: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      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 {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  border-radius: inherit;
  position: relative;
  z-index: 1;
}

.card--round__background--color {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: 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: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: end;
      align-items: flex-end;
  color: white;
}

.card--round__top-metadata > span {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.card--round__logo {
  background: #fff;
  width: 108px;
  height: 48px;
  border-radius: 24px;
  padding: 0 8px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: 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: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

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

.nav-pill {
  height: 72px;
  border-radius: 36px;
  background: #232323;
  padding: 0 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  position: fixed;
  bottom: 24px;
  left: calc(50% - 100px);
  z-index: 1111;
  width: 200px;
  -ms-flex-pack: justify;
      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;
  -ms-flex-pack: center;
      justify-content: center;
}

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

.overlay--welcome {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: 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: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

@media screen and (min-width: 768px) {
  .overlay--welcome__nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: start;
        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: #fff;
  color: #232323 !important;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  font-weight: bold;
}

.hero-search {
  background: #232323;
}

.hero-search__btn--search {
  height: 48px;
  width: 48px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: 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: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

.ec-transcript .icon-only-btn {
  -ms-flex-order: 2;
      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;
  -ms-transform: scale(1);
      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 {
  -ms-transform: scale(1.5);
      transform: scale(1.5);
  transition: all 200ms ease;
}

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

.ec-transcript .object--cover {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     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: -ms-flexbox;
  display: flex;
}

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

.ec-transcript .expanded .experiential--time-tracking--expand i {
  -ms-transform: rotate(180deg);
      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 {
  -ms-flex-positive: 1;
      flex-grow: 1;
  display: -ms-flexbox;
  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: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      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 {
  -ms-flex-positive: 1;
      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: -ms-flexbox;
    display: flex;
  }
}

@media screen and (min-width: 769px) {
  .ec-transcript .experiential--time-tracking {
    display: -ms-flexbox;
    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 {
  -ms-flex-direction: column;
      flex-direction: column;
  width: 100% !important;
  -ms-transform: none;
      transform: none;
}

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

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

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

.ec-transcript .badge-sidebar--header {
  -ms-flex-align: center;
      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 {
  -ms-transform: scale(0);
      transform: scale(0);
}

.ec-transcript .edit-mode .edit--tool {
  -ms-transform: scale(1) rotate(360deg);
      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: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      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: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: 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: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: center;
      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 {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (min-width: 769px) {
  .ec-transcript .dashboard-header__profile-information__btn-group {
    -ms-flex-wrap: nowrap;
        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 {
  -ms-transform: translateY(-4px);
      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 {
  -ms-flex-pack: center;
      justify-content: center;
}

@media screen and (min-width: 769px) {
  .ec-transcript .transcript__language-group {
    -ms-flex-pack: start;
        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 {
  -ms-flex-direction: column;
      flex-direction: column;
}

@media screen and (min-width: 768px) {
  .ec-transcript .experience-details {
    -ms-flex-direction: row;
        flex-direction: row;
  }
  .ec-transcript .experience-details--details-section {
    padding-left: 24px;
    -ms-flex-positive: 3;
        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 #3D8629;
  transition: all 200ms ease;
}

.ec-transcript .is--seeking-attention.is--active {
  outline: 4px solid #3D8629;
  outline-offset: 5px;
}

.floating--action-bar {
  position: fixed;
  height: 64px;
  border-radius: 32px;
  left: 50%;
  bottom: 16px;
  z-index: 100;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  overflow: hidden;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  min-width: 128px;
}

.floating--action-bar button,
.floating--action-bar a {
  min-width: 64px;
  height: 64px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-positive: 1;
      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: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  font-weight: bold;
}

.card--province {
  background: #fff;
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
}

@media screen and (max-width: 1199px) {
  .stats--section {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

@media screen and (min-width: 1200px) {
  .stats--section {
    padding: 16px;
    -ms-flex-wrap: nowrap;
        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: #fff;
  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: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  max-width: 100%;
}

@media screen and (min-width: 1200px) {
  .stats--section .right {
    width: calc(100% - 304px);
  }
}

.stats--section .right ul {
  -ms-flex-pack: center;
      justify-content: center;
}

@media screen and (max-width: 1199px) {
  .stats--section .right ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.stats--section__chart {
  background: #f5f5f5;
  border-radius: 12px;
  padding: 8px;
  height: 100%;
}

.stats--section__card {
  background: #fff;
  border-radius: 8px;
  width: 112px;
  height: 112px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: column;
      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;
  -ms-transform: translate(2px, 2px);
      transform: translate(2px, 2px);
}

.on--dashboard.survey-result__item {
  background: #e7e7e7;
  border-radius: 24px;
}

.dashboard--section__blank {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  background: #f9f9f9;
  padding: 48px;
  -ms-flex-wrap: wrap;
      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: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      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;
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  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: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

.dashboard--section__blank .card--funding.light {
  margin: 16px 0;
}

.light .insight-card,
.insight-card.light {
  background: white;
  color: #666;
}

.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: #fff;
  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: #fff;
  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: #3D8629;
  border-top: 4px solid #2b5f1d;
  padding: 4px 8px;
  box-shadow: 0 -1px 3px 1px rgba(0, 0, 0, 0.2);
}

.card--selected__inner {
  position: relative;
}

.card--selected__type {
  color: #fff;
  font-size: 10px;
  margin: 0;
  padding: 0;
  display: block;
}

.card--selected__name {
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  margin: 0;
  padding: 0;
  margin-top: -2px;
}

.card--selected__btn--expand {
  position: absolute;
  color: #fff;
  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: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  height: 144px;
  background: #fff;
  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: #fff;
  position: absolute;
  top: 3px;
  right: 0px;
}

.card--mini__stat {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: 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: #3d3d3d !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: #fff;
  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: #a3a3a3;
  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: #3D8629;
  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 {
  -ms-transform: rotate(180deg);
      transform: rotate(180deg);
  -ms-transform-origin: center center;
      transform-origin: center center;
  transition: all 200ms ease;
}

.card--expand {
  max-height: 48px;
  overflow: hidden;
  background: #fff;
  border-radius: 0px;
  position: relative;
  padding-top: 48px;
}

.card--expand__title {
  line-height: 2;
  height: 48px;
}

.card--expand__btn--expand.is--expanded {
  -ms-transform: rotate(180deg);
      transform: rotate(180deg);
  transition: all 200ms ease;
  border-radius: 0px;
}

.card--expand__btn--expand.is--expanded:hover {
  -ms-transform: rotate(0deg) !important;
      transform: rotate(0deg) !important;
  transition: all 200ms ease;
  color: #fff;
  background: #232323;
}

.card--expand__btn--expand {
  position: absolute;
  top: 0px;
  right: 0px;
  background: #bfbfbf;
  -ms-transform: rotate(0deg);
      transform: rotate(0deg);
  transition: all 200ms ease;
  height: 48px;
  width: 48px;
}

.card--expand__btn--expand:hover {
  -ms-transform: rotate(0deg);
      transform: rotate(0deg);
  transition: all 200ms ease;
  color: #fff;
  background: #232323;
}

.card--expand__btn--expand {
  color: rgba(0, 0, 0, 0.5);
}

.card--expand__btn--expand:hover {
  color: #fff;
}

.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 {
  -ms-transform: scaleY(-1);
      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: #fff;
  border-left: 4px solid #565656;
  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: #fff;
  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;
  -ms-transform: rotate(45deg);
      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: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  padding: 8px;
}

.card--profile__header .avatar-container {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.card--profile__header .avatar-container .avatar {
  border-radius: 50%;
  background: #ddd;
  width: 64px;
  height: 64px;
  overflow: hidden;
  border: 3px solid #232323;
}

.card--profile__header .avatar-container .avatar img {
  width: 100%;
}

.card--profile__header .name {
  -ms-flex-item-align: end;
      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: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.card--profile__footer div {
  padding: 8px;
}

.chip {
  height: 72px;
  background: #FFFFFF;
  box-shadow: 0 16px 32px -16px rgba(0, 0, 0, 0);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      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: #FFA800;
}

.chip.is--active .chip__btn--notification.is--warning i.material-icons {
  color: #fff;
}

.chip.is--active .chip__btn--notification.is--success {
  background: #3D8629;
}

.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: #232323;
}

.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: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: 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: #FFA800;
}

.chip__btn--notification.is--warning.is--small {
  background: #FFA800;
}

.chip__btn--notification.is--success {
  border-color: #3D8629;
}

.chip__btn--notification.is--success.is--small {
  background: #3D8629;
}

.chip__title-group {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.chip__title-group span {
  font-size: 12px;
  font-weight: bold;
  color: #666;
  text-transform: uppercase;
  color: #232323;
}

.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, black 0%, #232323 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: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: 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: -ms-flexbox;
  display: flex;
  -ms-flex-align: baseline;
      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;
    -ms-flex-pack: center;
        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;
    -ms-flex-direction: column;
        flex-direction: column;
    width: 100%;
    -ms-flex-align: start;
        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: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: center;
      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: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: 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: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column-reverse;
      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: -ms-flexbox;
  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 {
  -ms-flex-preferred-size: 20%;
      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: -ms-flexbox !important;
    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 {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-bottom: 0px;
}

@media screen and (min-width: 769px) {
  .data-explorer__chart-data__stats .dashboard-items {
    -ms-flex-pack: justify;
        justify-content: space-between;
    margin-bottom: 24px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-top: 64px;
    padding-bottom: 24px;
  }
}

.data-explorer__chart-data__stats .dashboard-item {
  border-radius: 8px;
  -ms-flex-preferred-size: 47%;
      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;
  -ms-transform: scale(0.95);
      transform: scale(0.95);
  transition: all 400ms ease;
}

.data-explorer__map-items.is--visible {
  pointer-events: auto;
  opacity: 1;
  -ms-transform: scale(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;
  -ms-transform: scale(0);
      transform: scale(0);
  transition: all 250ms ease;
}

.data-explorer__map-item.is--visible {
  pointer-events: auto;
  opacity: 1;
  -ms-transform: scale(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;
  -ms-transform: translateX(0px);
      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;
  -ms-transform: translateX(320px);
      transform: translateX(320px);
  transition: opacity .25s ease-out, transform .33s ease-out;
}

@media screen and (max-width: 768px) {
  .data-explorer__chart-filters.is--visible {
    -ms-transform: translateX(0px);
        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;
  -ms-transform: translateX(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%;
  -ms-transform: translatex(0);
      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);
  -ms-transform: translatex(320px);
      transform: translatex(320px);
  transition: all 300ms ease;
}

.advanced-container__header {
  width: 100%;
  min-height: 312px;
  height: 33vh;
  display: -ms-flexbox;
  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: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      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: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.dashboard-items.is--big {
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.dashboard-items.is--big .dashboard-item {
  display: -ms-flexbox;
  display: flex;
  -ms-transform: scale(1) !important;
      transform: scale(1) !important;
  padding: 24px;
  -ms-flex-preferred-size: 25%;
      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 {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    padding-bottom: 50%;
  }
}

.dashboard-items.is--big .dashboard-item__container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-direction: column;
      flex-direction: column;
}

.dashboard-items.is--big .dashboard-item__container div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: 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%;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  margin: 0;
  margin-bottom: 24px;
  border-radius: 4px;
  box-shadow: none;
  -ms-transform: scale(1) !important;
      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;
    -ms-flex-pack: center;
        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;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        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: #fff;
  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: #fff;
  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: #bababa;
}

.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: -ms-flexbox;
  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: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 24px;
}

.dashboard-items.with--action {
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  padding: 0;
}

.dashboard-items.with--action .actions {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-wrap: nowrap;
      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: -ms-flexbox;
  display: flex;
  -ms-flex-preferred-size: 120px;
      flex-basis: 120px;
  -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  padding: 16px 16px;
  margin: 4px 8px 4px 0px;
  background: #fff;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
  border-radius: 1px;
  cursor: pointer;
  -ms-transform: scale(1);
      transform: scale(1);
  transition: transform 300ms ease-out;
}

.dashboard-item:hover {
  text-decoration: none;
  -ms-transform: scale(1.1);
      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: #fff;
  display: -ms-flexbox;
  display: flex;
}

.dashboard-item--with--icon--menu .left {
  background: #444;
  height: 68px;
  width: 78px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.dashboard-item--with--icon--menu .left__icon {
  background: #232323;
  height: 44px;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.dashboard-item--with--icon--menu .left__icon button {
  background: none;
  color: #fff;
}

.dashboard-item--with--icon--menu .left__menu {
  display: -ms-flexbox;
  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: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-wrap: nowrap;
      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: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
  padding: 8px;
  margin: 0 4px;
}

.dashboard-item__btn {
  background: none;
  color: #fff;
  display: -ms-flexbox;
  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: #fff;
}

.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, #fff 50%, #444 50%);
    max-width: 1300px;
  }
}

.documentation__sidebar {
  position: fixed;
  top: 64px;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #e4e4e4;
  -ms-transform: translatex(-120%);
      transform: translatex(-120%);
  transition: all 300ms ease;
}

@media screen and (min-width: 769px) {
  .documentation__sidebar {
    -ms-transform: translateX(0);
        transform: translateX(0);
    width: 328px;
  }
}

.documentation__sidebar.is--visible {
  -ms-transform: translatex(0);
      transform: translatex(0);
  transition: all 300ms ease;
}

@media screen and (min-width: 769) {
  .documentation__sidebar.is--visible {
    -ms-transform: translateX(-120%);
        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: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-wrap: nowrap;
        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: -ms-flexbox;
  display: flex;
}

.doc-viewer__container.is--finally-alone .bulk-actions.in--doc-viewer.is--visible {
  -ms-transform: translatey(0px) !important;
      transform: translatey(0px) !important;
  opacity: 1 !important;
  pointer-events: auto;
  transition: all 300ms ease;
}

.doc-viewer__container.is--finally-alone .doc-viewer__pagination {
  -ms-transform: translatey(0px);
      transform: translatey(0px);
  opacity: 1;
  pointer-events: auto;
  transition: all 300ms ease;
}

.doc-viewer__container.is--finally-alone .doc-viewer__pagination.is--hidden {
  -ms-transform: translatey(80px);
      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 {
  -ms-transform: translatey(0);
      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: 4px solid #ED4747;
    left: 0;
  }
}

.doc-viewer__container.is--finally-alone .doc-viewer__btn--search {
  -ms-transform: translatey(0px);
      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 {
  -ms-transform: translatey(-24px);
      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 {
  -ms-transform: translatey(-24px);
      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: #232323;
  height: 72px;
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 10;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 0 16px;
  -ms-transform: translatey(80px);
      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: -ms-flexbox;
  display: flex;
  color: #fff;
  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: #fff;
  font-weight: bold;
  font-size: 14px;
}

.doc-viewer__cards {
  background: #E1E1E1;
  min-height: 888px;
  top: 72px;
  left: 0;
  bottom: 0;
  opacity: 1;
  pointer-events: auto;
  transition: all 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;
  transition: all 300ms ease-out;
}

@media screen and (min-width: 1200px) {
  .doc-viewer__cards.is--hidden {
    left: -448px !important;
  }
}

.doc-viewer__filters {
  position: absolute;
  width: 100%;
  padding-top: 72px;
  -ms-transform: translatex(0);
      transform: translatex(0);
  opacity: 1;
  pointer-events: auto;
  transition: all 300ms ease-out;
}

.doc-viewer__filters.is--hidden {
  -ms-transform: translatex(-448px);
      transform: translatex(-448px);
  opacity: 0;
  pointer-events: none;
  transition: all 300ms ease-out;
}

.doc-viewer__results {
  position: absolute;
  width: 100%;
  -ms-transform: translatex(0);
      transform: translatex(0);
  opacity: 1;
  pointer-events: auto;
  transition: all 300ms ease-out;
}

.doc-viewer__results.is--hidden {
  -ms-transform: translatex(-448px);
      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;
  }
}

.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: #fff !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 {
  -ms-transform: translate(0);
      transform: translate(0);
  width: 100%;
}

@media screen and (max-width: 768px) {
  .doc-viewer__document-content {
    min-height: 100vh;
  }
}

.doc-viewer.is--finally-alone .doc-viewer__cards {
  position: fixed;
  top: 72px;
  left: 0;
  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;
  }
}

.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: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: 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: #fff;
  font-weight: bold;
  font-size: 10px;
  width: 16px;
  height: 16px;
  max-height: 16px;
  max-width: 16px;
  border-radius: 8px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  position: absolute;
  top: 11px;
  right: 6px;
}

.tag-rail__list {
  width: 100%;
  overflow-x: auto;
  height: 56px;
  max-height: 56px;
  -ms-flex-align: center;
      align-items: center;
}

.tag-rail__list li button {
  white-space: nowrap;
  margin-right: 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;
  -ms-transform: translatey(64px);
      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;
    -ms-transform: translatey(0);
        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 {
  -ms-transform: translatey(72px);
      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;
    background: #1863e8 !important;
    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;
  -ms-transform: translatey(0);
      transform: translatey(0);
}

.sidebar--extra__nav-btn--browse.is--btn--close {
  color: #ED4747;
}

@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;
  -ms-transform: translatex(-448px);
      transform: translatex(-448px);
  left: 0;
  pointer-events: none;
  opacity: 0;
  transition: all 300ms ease-out;
}

.sidebar--action.left.in--doc-viewer.is--visible {
  -ms-transform: translatex(0);
      transform: translatex(0);
  opacity: 1;
  pointer-events: auto;
  transition: all 300ms ease-out;
}

.sidebar--action__hero {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  background: #555;
  color: #fff;
  width: calc(100%);
}

.doc-viewer__btn--bottom {
  bottom: 0;
  left: 0;
  width: 320px;
  height: 72px;
  -ms-transform: translatey(80px);
      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 {
  -ms-transform: translatey(0px);
      transform: translatey(0px);
  opacity: 1;
  transition: all 300ms ease;
}

.doc-viewer__card {
  background: #fff;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  border-radius: 8px;
  -ms-flex-direction: column;
      flex-direction: column;
  padding: 16px 16px;
  margin-bottom: 16px;
}

.doc-viewer__card.is--active {
  border: 2px solid #232323;
  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: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -ms-flex-pack: center;
      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: #3D8629;
  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 #232323;
}

@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;
  -ms-transform: translatey(-24px) !important;
      transform: translatey(-24px) !important;
  opacity: 0;
  pointer-events: none;
  background: #444;
  -ms-flex-pack: justify;
      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 {
  -ms-transform: translatey(-24px) !important;
      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 {
  -ms-transform: translatey(-24px);
      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 {
  -ms-transform: translatey(0);
      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 {
  -ms-flex: 1;
      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 {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-order: 1;
        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 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    height: auto;
  }
  .tag-rail__menu-btns__container {
    -ms-flex-order: 2;
        order: 2;
    margin-left: auto;
  }
  .tag-rail .doc-viewer__search {
    width: 100%;
    -ms-flex-order: 3;
        order: 3;
  }
  .tag-rail .doc-viewer__search .input__group {
    width: 100%;
  }
  .js--tag-rail__list--container {
    -ms-flex-order: 4;
        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: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.data--fullscreen--view__header--title {
  padding-left: 24px;
}

.data--fullscreen--view__header--close {
  height: 72px;
  width: 72px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 0;
  background-color: transparent;
}

.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: -ms-flexbox;
  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 {
  -ms-flex-preferred-size: calc(25% - 0px);
      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 {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

.feed.is--grid {
  min-width: 100%;
}

.feed.is--expanded {
  background: #fff;
  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 #232323;
}

.feed-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: nowrap;
      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 {
    -ms-flex-pack: start;
        justify-content: flex-start;
  }
}

.page__header-bar,
.stats-bar {
  position: fixed;
  top: 60px;
  right: 0;
  left: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  height: 60px;
  box-shadow: 0 3px 10px 3px rgba(0, 0, 0, 0.1);
}

.page__header-bar {
  z-index: 225;
  background: #fff;
}

.stats-bar {
  z-index: 50;
  background: #fff;
  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;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: initial;
        align-items: initial;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-wrap: nowrap;
        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: #fff;
  color: #fff;
  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: #3D8629;
}

.stats-bar__toggle.is--off i {
  margin-bottom: 2px;
  color: #ED4747;
}

.stats-bar__item {
  background: #fff;
  padding: 8px 16px;
  margin-right: 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

@media screen and (max-width: 959px) {
  .stats-bar__item {
    margin: 0 16px 8px 0 16px;
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
    -ms-flex-pack: center;
        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: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

@-webkit-keyframes fader {
  0% {
    transform: scale(0);
  }
  75% {
    transform: scale(2);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes fader {
  0% {
    transform: scale(0);
  }
  75% {
    transform: scale(2);
  }
  100% {
    transform: scale(1);
  }
}

.footer--bottom {
  background: #666;
  position: relative;
  z-index: 222;
  height: 60px;
  width: 100%;
}

.footer--bottom.copyright-text {
  display: inline-block;
  line-height: 60px;
  color: #fff;
  font-size: 12px;
  padding-left: 16px;
  margin-bottom: 0;
}

.footer--bottom.is--hidden {
  height: 0 !important;
  overflow: hidden;
}

.footer--public {
  height: 40px;
  background: rgba(0, 0, 0, 0.22);
  padding: 2px 12px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: nowrap;
      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 #FFA800;
}

.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: #fff;
  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 #fff;
}

.switcher.is--full-width {
  height: 32px;
  width: 100%;
}

.switcher.is--full-width .switcher__label {
  line-height: 32px;
  color: #fff;
}

.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: #fff;
}

.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 {
    -ms-transform: translatey(3px);
        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: #3D8629;
  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: #fff;
}

.switcher__input--right:checked ~ .switcher__toggle {
  left: 28px;
}

.toggle--single.left-to-right {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
      align-items: end;
  -ms-flex-pack: justify;
      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: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      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;
}

fieldset .input__group:last-of-type {
  margin-bottom: 0 !important;
}

body:not(:-moz-handler-blocked) fieldset {
  display: table-cell;
}

.toggle--single .toggle--single__label {
  -ms-flex-preferred-size: 180px;
      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;
  height: 30px;
  font-size: 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: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.label--is--hijacked [type="radio"] + span:before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  vertical-align: -3px;
  border-radius: 50%;
  border: 2px solid #232323;
  margin-right: 16px;
  transition: 0.5s ease-out all;
}

.label--is--hijacked [type="radio"]:checked + span:before {
  background: #4fad35;
  border-color: #232323;
}

.label--is--hijacked [type="radio"]:focus + span:after {
  content: "";
  border: 2px solid rgba(0, 0, 0, 0.4);
  position: absolute;
  left: -2px;
  top: 4.5px;
  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: #fff;
  -ms-transform: scale(0) rotate(360deg);
      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: #fff;
  margin: 0;
  line-height: 0;
  -ms-transform: scale(1) rotate(0deg);
      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: #4fad35;
  border-color: #232323;
}

.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: #3D8629;
  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: #fff;
  transition: all 200ms ease-in;
}

.toggle--single [type="checkbox"] ~ i.off {
  opacity: 1;
  color: #fff;
  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: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  height: 60px;
  cursor: pointer;
  position: relative;
  -ms-flex-direction: column;
      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: #3D8629;
  left: 32px;
  transition: all 300ms ease-out;
}

.input__group.is--traditional .toggle--single [type="checkbox"] ~ i.on {
  opacity: 0;
  -ms-transform: scale(0);
      transform: scale(0);
  color: #666;
  color: #3D8629;
  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;
  -ms-transform: scale(1);
      transform: scale(1);
  color: #fff;
  color: #3D8629;
  transition: all 250ms ease-in;
}

.input__group.is--traditional .toggle--single [type="checkbox"] ~ i.off {
  opacity: 1;
  -ms-transform: scale(1);
      transform: scale(1);
  color: #fff;
  color: #232323;
  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;
  -ms-transform: scale(0);
      transform: scale(0);
  color: #F1F1F1;
  color: #232323;
  font-size: 24px;
  position: absolute;
  left: calc(50% - 12px);
  top: calc(50%);
  transition: all 250ms ease-out;
}

.list-card .toggle--single {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: 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: #3D8629;
  left: 32px;
  transition: all 300ms ease-out;
}

.list-card .toggle--single [type="checkbox"] ~ i.on {
  opacity: 0;
  -ms-transform: scale(0);
      transform: scale(0);
  color: #666;
  color: #3D8629;
  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;
  -ms-transform: scale(1);
      transform: scale(1);
  color: #fff;
  color: #3D8629;
  transition: all 250ms ease-in;
}

.list-card .toggle--single [type="checkbox"] ~ i.off {
  opacity: 1;
  -ms-transform: scale(1);
      transform: scale(1);
  color: #fff;
  color: #232323;
  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;
  -ms-transform: scale(0);
      transform: scale(0);
  color: #F1F1F1;
  color: #232323;
  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: #fff;
}

.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 #fff;
}

.error--tooltip {
  background: #ED4747;
  color: #fff;
  display: inline-block;
  position: absolute;
  font-size: 14px;
  top: -60px;
  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 #EA0029;
  height: 24px;
  width: 24px;
  border-radius: 50%;
  background: #EA0029;
  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 #EA0029;
  height: 24px;
  width: 24px;
  border-radius: 50%;
  background: #EA0029;
  cursor: pointer;
}

/* All the same stuff for IE */
input[type="range"]::-ms-thumb {
  border: 3px solid #EA0029;
  height: 24px;
  width: 24px;
  border-radius: 50%;
  background: #EA0029;
  cursor: pointer;
}

input[type="range"]::-webkit-slider-runnable-track {
  width: 100%;
  height: 3px;
  cursor: pointer;
  background: #232323;
  border-radius: 12px;
}

input[type="range"]:focus::-webkit-slider-runnable-track {
  background: #232323;
}

input[type="range"]::-moz-range-track {
  width: 100%;
  height: 3px;
  cursor: pointer;
  background: #232323;
  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: #232323;
  border-radius: 12px;
}

input[type="range"]:focus::-ms-fill-lower {
  background: #232323;
}

input[type="range"]::-ms-fill-upper {
  background: #232323;
  border-radius: 12px;
}

input[type="range"]:focus::-ms-fill-upper {
  background: #232323;
}

.input--range__value {
  display: inline-block;
  position: relative;
  width: auto;
  color: #fff;
  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: #fff;
  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: #fff;
  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 {
  -ms-flex-preferred-size: 100%;
      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 #232323;
  -webkit-text-fill-color: #232323;
  -webkit-box-shadow: 0 0 0px 1000px rgba(0, 0, 0, 0) inset;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  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 #232323;
  -webkit-text-fill-color: #232323;
  -webkit-box-shadow: 0 0 0px 1000px rgba(0, 0, 0, 0) inset;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}

.checkmark.material-icons.is--check {
  color: #3D8629;
}

.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: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -ms-flex-pack: center;
      justify-content: center;
}

.toggle--ftw label.left-to-right {
  padding-right: 12px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.toggle--ftw i.material-icons {
  font-size: 24px;
}

.toggle--ftw i.material-icons.toggle-off {
  color: #232323;
}

.toggle--ftw i.material-icons.toggle-on {
  color: #3D8629;
}

.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.checkbox_indeterminate,
.toggle--single input[type="checkbox"]:checked ~ i.checkbox_indeterminate {
    display: none;
}

.toggle--single input[type="checkbox"]:indeterminate ~ i.checkbox_indeterminate {
    opacity: 1;
    display: inline-block;
    transition: all 200ms ease-in;
}

.toggle--single input[type="checkbox"]:indeterminate ~ i.checkbox_on {
    display: none;
}

.toggle--single input[type="checkbox"]:indeterminate ~ i.checkbox_off {
    display: none;
}

.toggle--single input[type="checkbox"] ~ i.checkbox_on {
    left: 0;
    top: 0;
    opacity: 0;
    display: none;
    vertical-align: middle;
    color: #fff;
    transition: all 200ms ease-in;
}

.toggle--single input[type="checkbox"] ~ i.toggle_on {
    left: 0;
    top: 0;
    opacity: 0;
    display: none;
    vertical-align: middle;
    color: #fff;
    transition: all 200ms ease-in;
}

.toggle--single input[type="checkbox"] ~ i.checkbox_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"] ~ 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.checkbox_on {
    opacity: 1;
    display: inline-block;
    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.checkbox_off {
    opacity: 0;
    display: none;
    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: #232323;
}

.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: #3D8629;
}

.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: 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;
  -ms-transform: translatex(310px);
      transform: translatex(310px);
  transition: all 400ms ease-out;
  opacity: 0;
  padding: 16px;
}

.sidebar--table.is--visible {
  -ms-transform: translatex(0px);
      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;
  -ms-transform: translatey(-3px);
      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:-moz-read-only {
  background: none;
  box-shadow: none;
  border: none;
  color: #505050;
  padding: 0;
}

.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: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: 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);
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-transform: translate(-16px, 0px);
      transform: translate(-16px, 0px);
  opacity: 0;
  transition: all 400ms ease;
  position: relative;
  z-index: 2;
}

.bulk-actions.is--visible {
  -ms-transform: translate(-16px, -130px);
      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: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

.table__container--fullscreen.is--activated .pagination__item {
  height: 40px;
  width: 48px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin: 0 4px;
}

.table__container--fullscreen.is--activated .pagination__link {
  height: 40px;
  width: 48px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: 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 {
  -ms-transform: translate(0, 0);
      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;
  -ms-transform: translatey(0px);
      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;
  -ms-transform: translatey(24px);
      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: -ms-flexbox;
  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: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 0;
  border-radius: 0;
}

.sidebar--extra__nav.is--visible {
  pointer-events: auto;
  opacity: 1;
  -ms-transform: translatey(0);
      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;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 0 24px;
  pointer-events: none;
  opacity: 0;
  -ms-transform: translatey(48px);
      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: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: 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: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

.is--alone .pagination__item {
  height: 40px;
  width: 48px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: 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: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: 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 {
  -ms-transform: translate(0, 0);
      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: 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;
  -ms-transform: translatex(310px);
      transform: translatex(310px);
  transition: all 400ms ease-out;
  opacity: 0;
  padding: 16px;
}

.sidebar--table.is--visible {
  -ms-transform: translatex(0px);
      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;
  -ms-transform: translatey(-3px);
      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:-moz-read-only {
  background: none;
  box-shadow: none;
  border: none;
  color: #505050;
  padding: 0;
}

.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: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: 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);
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-transform: translate(-16px, 0px);
      transform: translate(-16px, 0px);
  opacity: 0;
  transition: all 400ms ease;
  position: relative;
  z-index: 2;
}

.bulk-actions.is--visible {
  -ms-transform: translate(-16px, -130px);
      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: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

.table__container--fullscreen.is--activated .pagination__item {
  height: 40px;
  width: 48px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin: 0 4px;
}

.table__container--fullscreen.is--activated .pagination__link {
  height: 40px;
  width: 48px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: 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 {
  -ms-transform: translate(0, 0);
      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;
  -ms-transform: translatey(0px);
      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;
  -ms-transform: translatey(24px);
      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: -ms-flexbox;
  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: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 0;
  border-radius: 0;
}

.sidebar--extra__nav.is--visible {
  pointer-events: auto;
  opacity: 1;
  -ms-transform: translatey(0);
      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;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 0 24px;
  pointer-events: none;
  opacity: 0;
  -ms-transform: translatey(48px);
      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: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: 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: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

.is--alone .pagination__item {
  height: 40px;
  width: 48px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: 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: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: 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 {
  -ms-transform: translate(0, 0);
      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;
}

.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: #fff;
}

@media screen and (max-width: 768px) {
  .header__h1 {
    position: initial;
    -ms-transform: translate(76px, -60px);
        transform: translate(76px, -60px);
  }
}

.header__form--search {
  margin: 0;
  padding: 0;
  position: fixed;
  right: 0;
  left: 0;
  height: 60px;
  -ms-transform: scale(0);
      transform: scale(0);
  opacity: 0;
  z-index: 5;
  transition: all 200ms ease;
}

.header__form--search.is--visible {
  -ms-transform: scale(1);
      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: #fff;
  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: #fff;
}

.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: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  z-index: 890;
  transition: top 300ms ease;
  background: #D8D8D8;
  padding: 4px 16px;
}

@media screen and (max-width: 768px) {
  .universal-search {
    background: #3D8629;
    padding: 8px;
    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: 8px;
    top: calc(100% - 60px) !important;
    opacity: 1;
  }
}

.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: #fff !important;
}

header.c3-header.color--header--white ul.drop-down__list a {
  background: #fff;
}

@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: #fff !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: #fff !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: #fff !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: #fff;
  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: #fff;
}

.h1--hero--catalogue {
  position: absolute;
  top: calc(30% - 44px);
  left: 50%;
  color: #fff;
  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;
}

.onlineUser {
  margin: 0 0 8px 0 !important;
  background: #fff !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: #fff;
  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: #3D8629 #3D8629 !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: #fff #fff !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: #232323;
}

.logo__img {
  height: 60px;
}

.logo h1 {
  font-size: 18px;
  margin: 0;
  line-height: 60px;
  text-align: center;
  color: #fff;
}

.logo h1 a {
  color: #fff;
  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: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      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: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 1;
}

.leaderboard-widget__podium-item {
  background: rgba(0, 0, 0, 0.1);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: 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 {
  -ms-flex-order: 2;
      order: 2;
  margin: 0 8px;
}

.leaderboard-widget__podium-item.is--silver {
  -ms-flex-order: 1;
      order: 1;
}

.leaderboard-widget__podium-item.is--bronze {
  -ms-flex-order: 3;
      order: 3;
}

.leaderboard-widget__podium-item__count {
  width: 48px;
  height: 48px;
  border-radius: 24px;
  background: rgba(0, 0, 0, 0.66);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  margin-bottom: 8px;
}

.is--gold .leaderboard-widget__podium-item__count {
  width: 72px;
  height: 72px;
  border-radius: 36px;
  -ms-flex-order: 2;
      order: 2;
  border: 3px solid #FFC54F;
}

.is--silver .leaderboard-widget__podium-item__count {
  -ms-flex-order: 1;
      order: 1;
  border: 3px solid #979797;
}

.is--bronze .leaderboard-widget__podium-item__count {
  -ms-flex-order: 3;
      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: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: 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;
  -ms-transform: translatey(-16px);
      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: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      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: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      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;
  -ms-transform: translate(-15px, 5px);
      transform: translate(-15px, 5px);
}

.mini-feed-card.is--timeline .mini-feed-card__item-icon i.material-icons {
  font-size: 16px;
  color: #a3a3a3;
}

.mini-feed-card.is--timeline .mini-feed-card__item-options {
  -ms-flex-align: inherit;
      align-items: inherit;
}

.mini-feed-card__item {
  height: 64px;
  border-radius: 32px;
  padding: 4px;
  width: 100%;
  background: #FFF;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      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: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

.mini-feed-card__item-icon i.material-icons {
  color: white;
}

.mini-feed-card__item-text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      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: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: 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: #fff;
  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;
}

.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: #fff;
  padding: 16px;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 5;
  -ms-transform: scale(2);
      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;
  -ms-transform: scale(1);
      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 {
  -ms-transform: translatey(0px);
      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: #fff;
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  line-height: 1;
  -ms-transform: scale(1);
      transform: scale(1);
  transition: transform 200ms ease-out;
}

.navigation--side__menu__btn--close:hover {
  -ms-transform: scale(1.2);
      transform: scale(1.2);
  transition: transform 200ms ease-out;
}

.navigation--side__menu__btn--close:focus {
  -ms-transform: scale(1.2);
      transform: scale(1.2);
  transition: transform 200ms ease-out;
}

.navigation--side__menu__title {
  font-size: 24px;
  padding: 8px 16px;
  margin: 0;
  color: #fff;
}

.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: #fff;
  text-decoration: none;
  padding: 8px 16px;
  border-left: 0px solid #fff;
  display: block;
}

.navigation--side__menu__item a:hover {
  border-left: 2px solid #fff;
}

.navigation--side__menu__item a:focus {
  border-left: 2px solid #fff;
}

.navigation--side__menu__item .icon {
  color: #fff;
  vertical-align: top;
}

.navigation--side__btn--pilar.menu {
  position: fixed;
  bottom: 12px;
  left: 0;
}

.navigation--side__btn--pilar.is--active {
  border-right: #fff;
  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: #fff;
  transition: background 200ms ease-in-out;
}

.navigation--side__btn--pilar i {
  font-size: 24px;
  color: #fff;
}

.hybrid-nav__quick-actions-container {
  background: #6f6f6f;
  position: fixed;
  bottom: 0;
  left: 0;
  height: 60px;
  width: 240px;
  display: -ms-flexbox;
  display: flex;
  z-index: 100;
  -ms-transform: translatey(60px);
      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 {
  -ms-flex-preferred-size: 20%;
      flex-basis: 20%;
  background: none;
}

.hybrid-nav__quick-actions-container button i {
  color: #fff;
}

@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: #fff;
  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);
  -ms-transform: scale(0);
      transform: scale(0);
  opacity: 0;
  -ms-transform-origin: bottom right;
      transform-origin: bottom right;
  transition: transform 300ms ease, border-radius 300ms ease, opacity 200ms ease;
  z-index: 1111;
}

.nav--interaction__title {
  color: #fff;
  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: #fff;
  text-align: left;
  padding: 0;
}

.nav--interaction.is--visible {
  right: 18px;
  bottom: 18px;
  -ms-transform: scale(1);
      transform: scale(1);
  opacity: 1;
  border-radius: 1px;
  -ms-transform-origin: bottom right;
      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: -ms-flexbox;
    display: flex;
  }
}

.mobile-controls__btn {
  width: 60px;
  height: 60px;
  background: rgba(0, 0, 0, 0.3);
  color: #fff;
}

.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: #fff;
  }
  .navigation--mobile .btn--close-mobile-menu:hover {
    background: none;
    color: #fff;
  }
}

.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: #fff;
    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: #fff !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;
  -ms-transform: translatey(88px);
      transform: translatey(88px);
  transition: all 300ms ease-out;
}

@media screen and (min-width: 1024px) {
  .catalogue-search.is--hidden {
    -ms-transform: translatey(-44px);
        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: -ms-flexbox;
  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: #fff;
  -ms-flex-pack: space-evenly;
      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: #232323;
  font-weight: bold;
  padding: 0px !important;
}

@media screen and (min-width: 769px) {
  .nav--icons.is--horizontal button {
    color: #fff;
  }
}

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: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}

.sidebar__title.has--back-btn {
  -ms-flex-pack: center;
      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: -ms-flexbox;
  display: flex;
}

.sidebar__header {
  -ms-transform: translateX(-16px);
      transform: translateX(-16px);
  width: calc(100% + 32px);
  height: 160px;
  padding: 16px;
  background: #5a5656;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-flow: column nowrap;
      flex-flow: column nowrap;
}

div.list-card__content-container {
  padding-right: 0 !important;
}

.space--between {
  -ms-flex-pack: justify !important;
      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 {
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.header--card {
  -ms-flex-preferred-size: 32%;
      flex-basis: 32%;
  height: 100%;
  padding: 8px 24px;
  background: #262626;
  border-radius: 8px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      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 {
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  background: #555;
  width: calc(100% + 32px);
  -ms-transform: translate(-16px, -4px);
      transform: translate(-16px, -4px);
  margin-top: 28px;
}

.quick__filters {
  width: 100%;
  background: #444;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      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: #3D8629;
}

.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: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  width: 36px;
  -ms-flex-align: center;
      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 {
    -ms-flex-align: center;
        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: #3D8629;
  }
  .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 {
    -ms-flex-pack: center;
        justify-content: center;
  }
}

.empty-state--dashboard {
  border-radius: 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  -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 #232323;
  border-left: 16px solid #232323;
  background: #fff;
  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: #232323;
}

.note__content p,
.note__content li {
  margin: 0;
  font-size: 12px;
  color: #777 !important;
}

.note__content p {
  margin-bottom: 8px;
}

.note.success {
  border-color: #3D8629;
}

.note.success .note__title,
.note.success a {
  color: #3D8629;
}

.note.warning {
  border-color: #FFA800;
}

.note.warning .note__title,
.note.warning a {
  color: #FFA800;
}

.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: #232323;
}

@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: #fff;
  transition: all 300ms ease-out;
}

.notification.success {
  background: #3D8629;
  color: #fff;
  transition: all 300ms ease-out;
}

.notification.warning {
  background: #FFA800;
  color: #fff;
  transition: all 300ms ease-out;
}

.notification.info {
  background: #595959;
  color: #fff;
  transition: all 300ms ease-out;
}

.notification.is--visible {
  opacity: 0.95;
  -ms-transform: scale(1);
      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;
  -ms-transform: scale(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: #fff;
}

.doc-viewer__card.needs--attention {
  position: relative;
  border: 8px solid #ffa800;
}

.occ-header {
  height: 72px;
  width: 100%;
  background: #232323;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      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: -ms-flexbox;
  display: flex;
  margin: 0;
  -ms-flex-pack: start;
      justify-content: start;
  font-size: 16px;
  font-family: "Noto Sans", sans-serif;
  line-height: 1.7;
  font-weight: normal;
  -ms-flex-wrap: nowrap;
      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: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      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: -ms-flexbox;
  display: flex;
  -ms-flex-direction: start;
      flex-direction: start;
  -ms-flex-line-pack: center;
      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: -ms-flexbox;
  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: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: 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: -ms-flexbox;
  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: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      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: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: 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: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      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: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      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: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      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 {
    -ms-flex-align: center;
        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: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-direction: column;
        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: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-direction: column;
        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: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        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: -ms-flexbox;
    display: flex;
    position: relative;
    -ms-flex-align: center;
        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: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        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: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 110%;
    left: 0;
  }
  .nav-items__top-searchbox--categories-dropdown.is--visible {
    display: -ms-flexbox;
    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: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    width: auto;
    min-width: 144px;
    -ms-flex-pack: center;
        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: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-line-pack: 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: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    background: #f5f5f5;
  }
  .occ-header:not(.is--landing-page) .nav-items .nav-items__top-container .nav-items__top-searchbox {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-line-pack: center;
        align-content: center;
    padding: 16px;
    position: relative;
  }
  .occ-header.is--landing-page .nav-items .nav-items__top-container .nav-items__top-searchbox {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-line-pack: 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: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: 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: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    margin: 0;
    padding: 0;
    -ms-flex-pack: center;
        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: -ms-flexbox;
    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: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        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;
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-align: start;
        align-items: flex-start;
  }
  .page-main-header {
    padding-left: 96px;
    height: 80px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    background: #e1e1e1;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        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;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: justify;
        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: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: 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 {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        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: #fff;
  border: 1px solid #fff;
  border-radius: 2px;
}

@media screen and (max-width: 500px) {
  .pagination__link.active {
    padding: 0px 8px;
  }
}

.panel {
  background: #fff;
  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: #232323;
  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: #fff;
  opacity: 0.6;
  -webkit-animation: spin 3s linear infinite;
          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: #a3a3a3;
  opacity: 0.6;
  -webkit-animation: spin 1.5s linear infinite;
          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;
  -ms-transform: translateY(-100%);
      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: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-direction: column;
      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: #232323;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  -webkit-animation: spin .75s infinite linear;
          animation: spin .75s infinite linear;
}

.loading--stuff p {
  text-align: center;
  color: #fff;
  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 */
@-webkit-keyframes loadingStuff {
  0% {
    transform: rotate(0deg) scale(1);
  }
  50% {
    transform: rotate(360deg) scale(1.3);
  }
  100% {
    transform: rotate(0deg) scale(1);
  }
}
@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;
  -webkit-animation-name: loadingStuff;
          animation-name: loadingStuff;
  -webkit-animation-duration: 1000ms;
          animation-duration: 1000ms;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  margin: 0 8px;
  position: relative;
}

@-webkit-keyframes loadingRotate {}

@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 */
  -webkit-appearance: none;
     -moz-appearance: none;
          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: #232323;
  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 */
  -webkit-animation: animate-stripes 5s linear infinite;
          animation: animate-stripes 5s linear infinite;
}

@-webkit-keyframes animate-stripes {
  100% {
    background-position: -100px 0;
  }
}

@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: #fff;
  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: #EA0029;
  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: #232323;
  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: #EA0029;
}

/* 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: #EA0029;
}

.progressbar_section span progress::-webkit-progress-value {
  background: #232323;
}

.progressbar_section span progress::-moz-progress-value {
  color: #232323;
}

.process-flow.is--completed:before {
  background: #3D8629;
}

.process-flow.is--completed .process-flow__title {
  line-height: 48px;
  background: #3D8629;
  padding: 0px 16px;
  color: #fff;
  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: #fff !important;
}

.process-flow {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  position: relative;
  -ms-flex-align: center;
      align-items: center;
}

@media screen and (max-width: 599px) {
  .process-flow {
    background: #fff;
  }
}

@media screen and (max-width: 599px) {
  .process-flow {
    -ms-flex-direction: column;
        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;
  -ms-transform: translatex(0px);
      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;
  -ms-transform: translatex(0px);
      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;
  -ms-flex-preferred-size: 48%;
      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;
  -ms-transform: translatex(-44px);
      transform: translatex(-44px);
  transition: all 300ms ease-out;
}

.process-flow__item.is--completed {
  background: #3D8629;
  color: #fff;
}

.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%;
  -webkit-animation: cosmic-inflation 5s infinite;
          animation: cosmic-inflation 5s infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.process-flow__item.has--progress .cont-inception {
  border-bottom: none;
  width: 100%;
  margin-bottom: 0 !important;
  -ms-transform: scale(0);
      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;
  -ms-transform: scale(1);
      transform: scale(1);
  opacity: 1;
  transition: transform 400ms ease-out, opacity 600ms ease-out;
}

.process-flow__item.percentage {
  background: #fff;
  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: #3D8629;
  border: 2px solid #3D8629;
  line-height: 44px;
  color: #fff;
}

.process-flow__item.percentage.is--100 i {
  position: absolute;
  display: block;
  color: #fff;
  bottom: 4px;
  font-weight: bold;
  border-radius: 50%;
  font-size: 14px;
  text-align: center;
  width: 14px;
  left: calc(50% - 7px);
}

@-webkit-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);
  }
}

@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: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  background: #fff #fff;
  -ms-flex-pack: start;
      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 {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
}

.stacked-bar {
  display: -ms-flexbox;
  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;
  -ms-flex-preferred-size: calc(22% - 4px);
      flex-basis: calc(22% - 4px);
}

.stacked-bar__item.active {
  background: #232323;
  -ms-flex-preferred-size: calc(44% - 4px);
      flex-basis: calc(44% - 4px);
  color: #fff;
}

.stacked-bar__item.completed {
  background: #3D8629;
  -ms-flex-preferred-size: calc(34% - 4px);
      flex-basis: calc(34% - 4px);
  color: #fff;
}

.stacked-bar__item.empty {
  min-width: 0px;
  width: 0;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
}

.legend-chart {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  border: 1px solid #999;
  padding: 16px;
}

.legend-chart__item {
  display: -ms-flexbox;
  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 {
  -ms-transform: translateX(0);
      transform: translateX(0);
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.in--edit {
  -ms-transform: translateX(20px);
      transform: translateX(20px);
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.schedule-item {
  background: #fff;
  display: -ms-flexbox;
  display: flex;
  height: 80px;
}

.schedule-item__left {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  background: #a3a3a3;
  color: #fff;
  -ms-flex-preferred-size: 80px;
      flex-basis: 80px;
  min-width: 80px;
  max-width: 80px;
  width: 80px;
}

.schedule-item__left .date {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  height: 60px;
}

.schedule-item__left .date .day {
  font-size: 32px;
  font-weight: bold;
  -ms-flex-preferred-size: 32px;
      flex-basis: 32px;
  line-height: 32px;
  text-align: center;
}

.schedule-item__left .date .month {
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  -ms-flex-preferred-size: 12px;
      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: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      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: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.usp .crd--theme__wrap:after, .usp .crd--color__wrap:after {
  content: "";
  -ms-flex: auto;
      flex: auto;
}

.usp .crd--color {
  -ms-flex-preferred-size: calc(50% - 8px);
      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 {
    -ms-flex-preferred-size: calc(25% - 8px);
        flex-basis: calc(25% - 8px);
  }
}

@media screen and (min-width: 768px) {
  .usp .crd--color {
    -ms-flex-preferred-size: calc(20% - 8px);
        flex-basis: calc(20% - 8px);
  }
}

@media screen and (min-width: 1280px) {
  .usp .crd--color {
    -ms-flex-preferred-size: calc(15% - 8px);
        flex-basis: calc(15% - 8px);
  }
}

@media screen and (min-width: 1400px) {
  .usp .crd--color {
    -ms-flex-preferred-size: calc(10% - 8px);
        flex-basis: calc(10% - 8px);
  }
}

.usp .crd--color__content {
  background: #fff;
  height: 144px;
  border-radius: 2px;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.usp .crd--color__color {
  background: #232323;
  -ms-flex-preferred-size: 66%;
      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;
  -ms-flex-preferred-size: 34%;
      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: -ms-flexbox;
  display: flex;
  width: 100%;
}

.usp .crd--color__details h4 span {
  -ms-flex-preferred-size: calc(100% - 28px);
      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;
  -ms-transform: translate(0px, 2px);
      transform: translate(0px, 2px);
}

.usp .crd--theme {
  -ms-flex-preferred-size: calc(100%);
      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 {
    -ms-flex-preferred-size: calc(50% - 8px);
        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 {
    -ms-flex-preferred-size: calc(33% - 8px);
        flex-basis: calc(33% - 8px);
    max-width: 33%;
  }
}

@media screen and (min-width: 1024px) {
  .usp .crd--theme {
    -ms-flex-preferred-size: calc(25% - 8px);
        flex-basis: calc(25% - 8px);
    max-width: 25%;
  }
}

@media screen and (min-width: 1280px) {
  .usp .crd--theme {
    -ms-flex-preferred-size: calc(20% - 8px);
        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: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
}

@media screen and (max-width: 650px) {
  .usp .crd--theme__content {
    height: 320px;
  }
}

.usp .crd--theme__controls {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      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;
  -ms-transform: translate(-4px, 2px);
      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 {
  -ms-flex-preferred-size: calc(100%);
      flex-basis: calc(100%);
  transition: flex-basis 300ms ease-out;
  transition: flex-basis 300ms ease-out, -ms-flex-preferred-size 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 {
  -ms-flex-preferred-size: calc(44%);
      flex-basis: calc(44%);
  padding: 4px 8px;
  transition: flex-basis 300ms ease-out;
  transition: flex-basis 300ms ease-out, -ms-flex-preferred-size 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: -ms-flexbox;
  display: flex;
  width: 100%;
  font-size: 18px;
}

.usp .crd--theme__header h4 span {
  -ms-flex-preferred-size: calc(100% - 28px);
      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: #232323;
  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 {
  -ms-flex-preferred-size: calc(0%);
      flex-basis: calc(0%);
  transition: flex-basis 300ms ease-out;
  transition: flex-basis 300ms ease-out, -ms-flex-preferred-size 300ms ease-out;
}

.usp .crd--theme__colors.is--collapsed i {
  -ms-transform: scale(0) !important;
      transform: scale(0) !important;
  transition: transform 200ms ease-out;
}

.usp .crd--theme__colors {
  -ms-flex-preferred-size: calc(56%);
      flex-basis: calc(56%);
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  transition: flex-basis 300ms ease-out;
  transition: flex-basis 300ms ease-out, -ms-flex-preferred-size 300ms ease-out;
}

.usp .crd--theme__colors--single.is--orphan {
  background: #d3d3d3 !important;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

.usp .crd--theme__colors--single.is--orphan i {
  color: rgba(0, 0, 0, 0.3);
  font-size: 24px;
  -ms-transform: scale(1);
      transform: scale(1);
  transition: transform 200ms ease-out;
}

.usp .crd--theme__colors--single {
  height: 100%;
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
  min-width: 25%;
  -ms-transform: scale(1);
      transform: scale(1);
  transition: transform 250ms ease-out;
}

.usp .crd--theme__colors--single:hover {
  -ms-transform: scale(1.05);
      transform: scale(1.05);
  transition: transform 250ms ease-out;
  z-index: 100;
}

.usp .crd--theme__colors--single:hover i {
  -ms-transform: scale(1.8);
      transform: scale(1.8);
  transition: transform 200ms ease-out;
}

.usp .crd--theme__colors--single:nth-of-type(1) {
  background: #232323;
}

.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 {
  -ms-transform: scale(8);
      transform: scale(8);
  z-index: 122;
  transition: transform 400ms ease-out;
  -ms-transform-origin: center center;
      transform-origin: center center;
}

.usp .crd--theme__colors--single.is--open:hover {
  -ms-transform: scale(8);
      transform: scale(8);
}

.usp .crd--theme__colors--single.is--open i {
  -ms-transform: translatey(-100px);
      transform: translatey(-100px);
}

.usp .crd--theme__colors__edit--single.is--active {
  pointer-events: initial;
  -ms-transform: scale(1);
      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;
  -ms-transform: scale(0);
      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: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 24px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: 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: -ms-flexbox;
  display: flex;
  background: none;
  border: none;
  -ms-flex-align: center;
      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;
  -ms-transform: translatex(8px);
      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%;
  -ms-flex-direction: column;
      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: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      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: #232323;
  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: #fff;
  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: #fff;
}

.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: #fff;
  transition: all 200ms ease-out;
}

.usp .sidebar--inspector__header-primary.is--visible {
  -ms-transform: translatey(0px);
      transform: translatey(0px);
  transition: all 200ms ease-out;
}

.usp .sidebar--inspector__header-primary {
  -ms-transform: translatey(-100px);
      transform: translatey(-100px);
  transition: all 200ms ease-out;
  background: #232323;
}

.usp .sidebar--inspector__header-secondary.is--visible {
  -ms-transform: translatey(0px);
      transform: translatey(0px);
  transition: transform 200ms ease-out;
}

.usp .sidebar--inspector__header-secondary {
  -ms-transform: translatey(-100px);
      transform: translatey(-100px);
  transition: transform 200ms ease-out;
}

.usp .sidebar--inspector__header-secondary--with-controls.is--visible {
  -ms-transform: translatey(0px);
      transform: translatey(0px);
  transition: transform 200ms ease-out;
}

.usp .sidebar--inspector__header-secondary--with-controls {
  -ms-transform: translatey(-100px);
      transform: translatey(-100px);
  transition: transform 200ms ease-out;
}

.usp .sidebar--inspector__title {
  font-size: 18px;
  color: #fff;
  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: #fff;
  font-weight: bold;
  line-height: 44px;
  margin: 0;
  padding: 0;
  padding-left: 8px;
}

.usp .sidebar--inspector__title-input__container.is--wide {
  -ms-flex-preferred-size: calc(100%);
      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 {
  -ms-flex-preferred-size: calc(100% - 88px);
      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: #3D8629;
  color: #fff;
  -ms-transform: translatey(0px);
      transform: translatey(0px);
  transition: transform 200ms ease-out;
}

.usp .sidebar--inspector__title-input__cancel.is--visible {
  min-width: 44px;
  background: none;
  color: #666;
  -ms-transform: translatey(0px);
      transform: translatey(0px);
  transition: transform 200ms ease-out;
}

.usp .sidebar--inspector__title-input__save {
  min-width: 44px;
  background: #fff;
  color: #fff;
  -ms-transform: translatey(-100px);
      transform: translatey(-100px);
  transition: transform 200ms ease-out;
}

.usp .sidebar--inspector__title-input__cancel {
  min-width: 44px;
  background: none;
  color: #666;
  -ms-transform: translatey(-100px);
      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: #232323;
  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: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.usp .sidebar--inspector__hero .theme-colors .themeable__item {
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
  margin: 0 4px;
}

.usp .sidebar--inspector__hero .theme-colors .themeable__item__swatch {
  width: 100% !important;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  margin-right: 0;
}

.usp .sidebar--inspector__hero__search.is--visible {
  -ms-transform: translateX(0px);
      transform: translateX(0px);
  opacity: 1;
  transition: all 300ms ease-out;
}

.usp .sidebar--inspector__hero__search {
  -ms-transform: translateX(125%);
      transform: translateX(125%);
  opacity: 0;
  transition: all 300ms ease-out;
}

.usp .sidebar--inspector__hero__theme.is--visible {
  -ms-transform: translate(0%);
      transform: translate(0%);
  opacity: 1;
  transition: all 300ms ease-out;
}

.usp .sidebar--inspector__hero__theme {
  -ms-transform: translate(125%);
      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: -ms-flexbox;
  display: flex;
  position: relative;
}

.usp .sidebar--inspector__tabs button.active {
  background: #232323;
  color: #fff;
  font-size: 14px;
  border-bottom: 4px solid #fff;
  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 #fff;
  transition: border-bottom 300ms ease;
}

.usp .sidebar--inspector__body {
  position: relative;
}

.usp .sidebar--inspector__body__content.is--visible {
  transition: all 200ms ease-out;
  -ms-transform: translatex(0%);
      transform: translatex(0%);
}

.usp .sidebar--inspector__body__content {
  transition: all 200ms ease-out;
  position: absolute;
  -ms-transform: translatex(125%);
      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 {
  -ms-transform: scale(1);
      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 {
  -ms-transform: scale(3);
      transform: scale(3);
  opacity: 0;
  pointer-events: none;
  transition: transform 250ms ease-out;
}

.usp .themeable__group__meta {
  height: 44px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      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: -ms-inline-flexbox;
  display: inline-flex;
}

.usp .themeable__group__meta__btn--expand {
  border: none;
  background: none;
  color: #555;
  font-size: 13px;
  font-weight: bold;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  overflow: hidden;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.usp .themeable__group__meta__btn--expand__label {
  white-space: nowrap;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  -ms-flex-positive: 1;
      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: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding: 0px 8px;
  -ms-flex-pack: center;
      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%, #232323 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: -ms-flexbox;
  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: #fff;
  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 {
  -ms-flex-direction: column;
      flex-direction: column;
}

.config--toggle--col.column .input__group {
  margin-bottom: 0px;
}

.config--toggle--col {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  border: 1px solid #eee;
}

@media screen and (max-width: 480px) {
  .config--toggle--col {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

.config--toggle--col__title {
  position: absolute;
  top: -24px;
}

.config--toggle--col label {
  font-size: 14px;
}

.config--toggle--col--3 .left {
  -ms-flex-positive: 1;
      flex-grow: 1;
  padding: 8px;
}

@media screen and (max-width: 480px) {
  .config--toggle--col--3 .left {
    -ms-flex-order: 2;
        order: 2;
  }
}

.config--toggle--col--3 .left .input--box {
  font-size: 14px;
  color: #7c7c7c;
  padding: 5px;
}

.config--toggle--col--3 .middle {
  -ms-flex-positive: 1;
      flex-grow: 1;
  padding: 8px;
}

@media screen and (max-width: 480px) {
  .config--toggle--col--3 .middle {
    -ms-flex-order: 3;
        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: #fff;
  border: 1px solid #999;
}

.config--toggle--col--3 .right {
  -ms-flex-positive: 1;
      flex-grow: 1;
  padding: 8px;
}

@media screen and (max-width: 480px) {
  .config--toggle--col--3 .right {
    -ms-flex-order: 1;
        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: #fff;
  transition: all 200ms ease-in;
}

.config--toggle--col--3 .right .toggle--single [type="checkbox"] ~ i.off {
  opacity: 1;
  color: #fff;
  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;
  -ms-transform: translateX(0px);
      transform: translateX(0px);
  box-shadow: 2px 0px 2px 0px rgba(0, 0, 0, 0.2);
  transition: transform 250ms ease-in-out;
  -ms-transform: translateY(0%);
      transform: translateY(0%);
}

@media only screen and (max-width: 768px) {
  .sidebar--fixed--left {
    -ms-transform: translateX(-60px);
        transform: translateX(-60px);
    -ms-transform: translateY(100%);
        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: #fff;
  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: #fff;
  z-index: 1;
  top: 8px;
  left: 8px;
}

.sidebar--action__top {
  height: 202px;
  background: #232323;
  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: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  width: 100%;
  left: 0;
  height: 24px;
}

.sidebar--action__slider button {
  height: 12px;
  width: 12px;
  background: #fff;
  border-radius: 50%;
  margin: 0 4px;
}

.sidebar--action__slider button.active {
  background: #fff;
}

.sidebar--action__tabs {
  position: absolute;
  bottom: 0;
  height: 34px;
  width: 100%;
  left: 0;
  display: -ms-flexbox;
  display: flex;
}

.sidebar--action__tabs button {
  -ms-flex-preferred-size: 33.3333%;
      flex-basis: 33.3333%;
  background: black;
  color: #fff;
}

.sidebar--action__tabs button:first-of-type {
  border-right: 1px solid #232323;
}

.sidebar--action__tabs button:last-of-type {
  border-left: 1px solid #232323;
}

.sidebar--action__bottom {
  position: absolute;
  top: 202px;
  bottom: 0;
  width: 100%;
  left: 0;
  background: #fff;
  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: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.category.filters--on {
  font-weight: bold;
  font-style: italic;
  border-left: 2px solid #fff;
}

.category {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 1px;
  color: #fff;
  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;
  -ms-transform: translatex(0px);
      transform: translatex(0px);
  transition: transform 400ms ease-out;
}

.sidebar--fixed--right--large {
  width: 320px;
  background: #fff;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  -ms-transform: translatex(320px);
      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;
  -ms-transform: translatex(488px);
      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 {
    -ms-transform: translatex(0px);
        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;
  -ms-transform: translate(-8px, -8px);
      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 {
    -ms-transform: translateY(0px);
        transform: translateY(0px);
    transition: transform 300ms ease-out;
  }
  .doc-nav {
    display: -ms-flexbox;
    display: flex;
    bottom: 80px;
    top: initial !important;
    left: 0;
    width: initial;
    height: 160px;
    padding: 8px 4px;
    -ms-transform: translateY(188px);
        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: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
}

.doc-controls {
  z-index: 888;
  position: fixed;
  left: 320px;
  right: 360px;
  bottom: 0;
  height: 80px;
  -ms-flex-pack: justify;
      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 {
  -ms-transform: rotate(0deg);
      transform: rotate(0deg);
  transition: transform 200ms ease-out;
}

.doc-controls__btn.is--active i {
  -ms-transform: rotate(180deg);
      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;
  -ms-transform: translatex(0px);
      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;
  -ms-transform: translatex(96px);
      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%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
}

.status__container {
  width: 8px;
  height: 8px;
}

.status__container.default .status {
  background: #232323;
}

.status__container.default .pulse:before {
  background: #565656;
}

.status__container.default .pulse:after {
  background: #565656;
}

.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: #3D8629;
}

.status__container.success .pulse:before {
  background: #67c84d;
}

.status__container.success .pulse:after {
  background: #67c84d;
}

.status__container.warning .status {
  background: #FFA800;
}

.status__container.warning .pulse:before {
  background: #ffcb66;
}

.status__container.warning .pulse:after {
  background: #ffcb66;
}

.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%;
  -ms-transform: translate(-50%, -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 {
  -ms-transform: scale(1);
      transform: scale(1);
  -webkit-animation: pulse 6s infinite linear;
          animation: pulse 6s infinite linear;
}

.pulse:after {
  -webkit-animation: pulse 6s 4s infinite linear;
          animation: pulse 6s 4s infinite linear;
}

@-webkit-keyframes pulse {
  0% {
    transform: scale(0.6);
    opacity: 0;
  }
  33% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(1.4);
    opacity: 0;
  }
}

@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: #fff;
}

.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;
}

.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 {
  -ms-transform: scale(1);
      transform: scale(1);
  transition: all 200ms ease-in;
  background: #fff;
  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: #fff;
  left: 0;
  width: 0%;
  transition: all 200ms ease-out;
  overflow: hidden;
  font-size: 6px;
  line-height: 2;
  color: #fff;
  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 {
  -ms-transform: scale(6);
      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 {
  -ms-transform: scale(1);
      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: #fff;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  -ms-transform: scale(0);
      transform: scale(0);
  transition: all 400ms ease-out;
  box-shadow: 0px 2px 4px 2px transparent;
  transition: all 200ms ease-out;
  border: 2px solid #fff;
  box-sizing: border-box;
}

.table__value.holding-graph .bar-grow {
  position: absolute;
  height: 20%;
  background: #fff;
  left: 0;
  width: 0%;
  transition: all 200ms ease-out;
  overflow: hidden;
  font-size: 6px;
  line-height: 2;
  color: #fff;
  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 {
  -ms-transform: scale(1);
      transform: scale(1);
  transition: all 400ms ease-out;
  box-shadow: 0px 2px 4px 2px rgba(0, 0, 0, 0.2);
  background: #fff;
}

.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 {
  -ms-transform: translatey(0);
      transform: translatey(0);
  transition: transform 400ms ease-out;
}

.stats__legend {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 280px;
  background: #fff #fff;
  box-shadow: 0px -3px 3px 3px rgba(0, 0, 0, 0.3);
  z-index: 9999999999999;
  padding: 16px;
  -ms-transform: translatey(288px);
      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 {
  -ms-transform: translateX(50px);
      transform: translateX(50px);
  opacity: 0;
  transition: all 1ms ease;
}

.addLegendItem {
  -ms-transform: translateX(0) !important;
      transform: translateX(0) !important;
  opacity: 1 !important;
  transition: all 250ms ease;
}

.legendInitial {
  -ms-transform: translateX(-50px);
      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: black;
  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 {
  /* for Safari */
  position: sticky;
  top: 0;
}

.table--config thead th:first-child {
  left: 0;
  z-index: 1;
}

.table--config tbody th {
  /* 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, .table.table-resizable thead th.table::before {
  cursor: col-resize;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.table.table-resizable .table__heading {
  padding-right: 24px !important;
}

.table.table-resizable thead th::before {
  content: 'vertical_align_center';
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: 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;
  -ms-transform: rotate(90deg);
      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: #fff;
  border-bottom-color: #EA0029;
}

.cont-inception {
  position: relative;
  padding: 0px 27px;
}

.tab-list-cont {
  width: 100%;
  overflow: hidden;
  margin: 0px;
  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: 0px;
  color: #777;
  z-index: 2;
  cursor: pointer;
  width: 44px;
  height: 44px;
  border-radius: 0px;
  padding: 0;
}

button.arrow-left i, button.arrow-right i {
  width: 44px;
  height: 44px;
  line-height: 44px;
}

button.arrow-left {
  left: 0px;
}

button.arrow-left i {
  position: relative;
}

button.arrow-right {
  right: 0px;
}

button.arrow-right i {
  position: relative;
}

button.arrow-left:hover, button.arrow-right:hover {
  background: #E1E1E1;
}

.tab-list > .tab-item {
  display: inline-block;
  height: 44px;
  line-height: 44px;
}

.items.active {
  border-bottom: 2px solid #232323;
  color: #232323;
  font-weight: bold;
}

.items {
  display: block;
  text-decoration: none !important;
  height: 44px;
  text-align: center;
  padding: 0px 16px;
  color: #888;
  font-size: 14px;
  text-transform: uppercase;
}

.items:hover {
  text-decoration: none;
  border-bottom: 2px solid #fff;
}

.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: #fff;
  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: #777 !important;
  display: block;
  height: 60px;
}

.header--admin.has--tabs .items.active {
  background: #fff;
  border-bottom: none;
  color: #fff !important;
}

.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-item.is--panel .items.active {
  background: #e4e4e4;
  border-bottom: none;
  color: #505050 !important;
  font-weight: bold;
}

.tab__badge {
  background: #ED4747;
  color: #fff;
  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: #232323;
}

.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: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: 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: #fff;
}

.tag-label.dark--info {
  border-color: #D8D8D8;
  color: #222;
  background: #bbb;
}

.tag-label.dark--info:after {
  background: #fff;
}

.tag-label.default {
  border-color: rgba(35, 35, 35, 0.88);
  background: #3d3d3d;
  color: #fff;
}

.tag-label.success {
  border-color: #3D8629;
  background: #4fad35;
  color: #fff;
}

.tag-label.warning {
  border-color: #FFA800;
  background: #ffb933;
  color: #fff;
}

.tag-label.error {
  border-color: #ED4747;
  background: #f27575;
  color: #fff;
}

@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: -ms-flexbox;
  display: flex;
  margin-right: 8px;
  color: #fff;
}

.tag-label--action__value {
  padding: 0 8px;
}

.tag-label--action__btn {
  background: rgba(0, 0, 0, 0.1);
  color: #fff;
  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 {
    -ms-flex-pack: justify;
        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: #fff;
    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: -ms-flexbox;
    display: flex;
    position: fixed;
    top: 0;
    left: 400px;
    right: 0;
    bottom: 88px;
    background: none;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -ms-transform: translatex(0px);
        transform: translatex(0px);
  }
}

@media screen and (min-width: 1024px) {
  .experience-timeline.is--visible .experience-timeline__help-content {
    display: initial;
    -ms-transform: translatex(0px);
        transform: translatex(0px);
  }
}

.experience-timeline {
  opacity: 0;
  transition: all 400ms ease-out;
  position: fixed;
  background: #fff;
  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 {
  -ms-transform: translatex(-9999px);
      transform: translatex(-9999px);
  position: fixed;
}

.experience-timeline__help-content {
  -ms-transform: translatex(-9999px);
      transform: translatex(-9999px);
}

.experience-timeline__btn--close {
  position: absolute;
  top: 0px;
  right: inherit;
  left: 0px;
  background: none !important;
  color: #fff !important;
}

@media screen and (min-width: 1024px) {
  .experience-timeline__btn--close {
    background: none !important;
    color: #232323 !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: #fff;
  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 {
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

@media screen and (min-width: 1024px) {
  .experience-timeline__item--left {
    height: 88px;
  }
}

.experience-timeline__item--left span {
  color: #fff;
  font-weight: bold;
  text-align: center;
}

.experience-timeline__item--left span:first-of-type {
  -ms-flex-preferred-size: 36px;
      flex-basis: 36px;
  line-height: 36px;
  font-size: 14px;
}

@media screen and (min-width: 1024px) {
  .experience-timeline__item--left span:first-of-type {
    -ms-flex-preferred-size: 64px;
        flex-basis: 64px;
    line-height: 64px;
  }
}

.experience-timeline__item--left span:last-of-type {
  -ms-flex-preferred-size: 24px;
      flex-basis: 24px;
  line-height: 24px;
  font-size: 12px;
  background: rgba(0, 0, 0, 0.2);
}

.experience-timeline__item--right {
  -ms-flex-preferred-size: 75%;
      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: -ms-flexbox;
  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: #232323;
  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: #fff;
  }
}

.experience-timeline__header--top {
  background: #232323;
  color: #fff;
  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: #fff;
  position: relative;
  overflow-y: auto;
}

.experience-timeline__user-container {
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  margin-bottom: 8px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: column;
      flex-direction: column;
}

@media screen and (min-width: 1024px) {
  .experience-timeline__user-container {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

.experience-timeline__avatar {
  width: 72px;
  height: 72px;
  border: #fff 2px solid;
  border-radius: 50%;
  overflow: hidden;
  -ms-flex-preferred-size: 72px;
      flex-basis: 72px;
  min-width: 72px;
  min-height: 72px;
}

@media screen and (min-width: 600px) {
  .experience-timeline__avatar {
    width: 96px;
    height: 96px;
    -ms-flex-preferred-size: 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;
    -ms-flex-preferred-size: 144px;
        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: -ms-flexbox;
  display: flex;
}

.experience-timeline__button-container button {
  -ms-flex-preferred-size: 50%;
      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: #fff;
  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 {
  -ms-transform: translatex(0vw);
      transform: translatex(0vw);
  transition: transform 400ms ease-in-out;
}

.timeline {
  min-height: 888px;
  width: 100%;
  padding-left: 32px;
  position: relative;
  -ms-transform: translatex(-100vw);
      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);
  -ms-transform: translate(-16px, -24px);
      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);
    -ms-transform: translate(-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: #fff;
}

.timeline__header {
  padding: 48px 8px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      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: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-direction: column;
      flex-direction: column;
}

.timeline__avatar {
  min-width: 144px;
  width: 144px;
  -ms-flex-preferred-size: 144px;
      flex-basis: 144px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin-bottom: 16px;
  border-radius: 50%;
  border: 8px solid #fff;
}

.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: #fff;
  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;
    -ms-transform: translate(0px, 48px);
        transform: translate(0px, 48px);
    background: rgba(0, 0, 0, 0.4);
    width: calc(100vw);
    padding: 8px;
    font-size: 14px;
    -ms-flex-order: 4;
        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: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
}

.timeline__user-name {
  font-size: 24px;
  color: #fff;
  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: #fff;
  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: #fff;
  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: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      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: #fff;
  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;
    -ms-flex-preferred-size: calc(50% - 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) {
    -ms-flex-preferred-size: calc(50% - 48px);
        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: #232323;
  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;
  -ms-transform: translatey(0px);
      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 {
    -ms-flex-align: end;
        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: #232323;
  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 {
  -ms-transform: translatey(0px);
      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;
  -ms-transform: translatey(88px);
      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: #fff;
  font-weight: bold;
  background: #a3a3a3;
  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;
  -ms-transform: translatey(-188px);
      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 {
  -ms-transform: translatey(0px);
      transform: translatey(0px);
  transition: all 300ms ease-in-out;
}

.timeline__item-notes {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 16px;
  -ms-transform: translatey(0px);
      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 {
  -ms-transform: scale(1.3);
      transform: scale(1.3);
  transition: all 200ms ease-out;
}

.timeline__item-note:hover i.material-icons {
  opacity: 0.6;
}

.timeline__item-note:focus {
  -ms-transform: scale(1.3);
      transform: scale(1.3);
  transition: all 200ms ease-in-out;
  background: #0a0a0a;
}

.timeline__item-note:nth-of-type(10) {
  -ms-transform: translatey(-44px);
      transform: translatey(-44px);
  box-shadow: 0 -1px 3px 0px rgba(0, 0, 0, 0.15);
}

.timeline__item-note:nth-of-type(11) {
  -ms-transform: translatey(-88px);
      transform: translatey(-88px);
  box-shadow: 0 -1px 3px 0px rgba(0, 0, 0, 0.15);
}

.timeline__item-note:nth-of-type(12) {
  -ms-transform: translatey(-132px);
      transform: translatey(-132px);
  box-shadow: 0 -1px 3px 0px rgba(0, 0, 0, 0.15);
}

.timeline__item-note:nth-of-type(13) {
  -ms-transform: translatey(-176px);
      transform: translatey(-176px);
  box-shadow: 0 -1px 3px 0px rgba(0, 0, 0, 0.15);
}

.timeline__item-note:nth-of-type(14) {
  -ms-transform: translatey(-220px);
      transform: translatey(-220px);
  box-shadow: 0 -1px 3px 0px rgba(0, 0, 0, 0.15);
}

.timeline__item-note:nth-of-type(15) {
  -ms-transform: translatey(-264px);
      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;
  -ms-transform: translatey(0px);
      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;
  -ms-transform: translatey(-236px);
      transform: translatey(-236px);
  transition: all 300ms ease-in-out;
}

.timeline__item-extra-info.is--expanded * {
  -ms-transform: translatey(0px);
      transform: translatey(0px);
  opacity: 1;
  transition: all 400ms ease-out;
}

.timeline__item-extra-info * {
  -ms-transform: translatey(-16px);
      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;
  -ms-transform: translatey(96px);
      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;
  -ms-transform: translatey(0);
      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 {
  -ms-transform: translatey(0px);
      transform: translatey(0px);
  opacity: 1;
  pointer-events: initial;
  transition: all 250ms ease-in-out;
}

.timeline__item-competency-list.is--expanded {
  -ms-transform: translatey(-164px);
      transform: translatey(-164px);
  transition: all 300ms ease-in-out;
}

.timeline__item-notes.is--expanded {
  -ms-transform: translatey(-164px);
      transform: translatey(-164px);
  transition: all 250ms ease-in-out;
}

.timeline__item-btn--explore {
  opacity: 1;
  pointer-events: initial;
  -ms-transform: translatey(0px);
      transform: translatey(0px);
  transition: all 250ms ease-in-out;
}

.timeline__item-btn--explore.is--expanded {
  opacity: 0;
  pointer-events: none;
  -ms-transform: translatey(96px);
      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: #232323;
}

.timeline .timeline__section:nth-of-type(5) .timeline__year {
  background: #232323;
}

.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: #232323;
}

.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: #232323;
}

.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: #fff !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;
}

.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: #fff;
  -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: #fff;
  color: #fff;
  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: #fff;
  text-decoration: none;
  background-color: #232323;
  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: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.dataTables_wrapper:after {
  visibility: hidden;
  display: none !important;
  content: "";
  clear: both;
  height: 0;
}

.dataTables_wrapper table {
  -ms-flex-preferred-size: 100%;
      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: #fff !important;
  border: 1px solid #fff !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: #3D8629;
  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;
  box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.2);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      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 {
  -ms-transform: scale(1) translatex(0px);
      transform: scale(1) translatex(0px);
  -ms-transform-origin: 0% 50%;
      transform-origin: 0% 50%;
  transition: all 250ms ease;
}

.board-item.muuri-item-dragging .board-item-content .value {
  -ms-transform: scale(1.4) translatex(0px);
      transform: scale(1.4) translatex(0px);
  -ms-transform-origin: 0% 50%;
      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: #fff !important;
  margin-top: 0 !important;
  padding-top: 8px;
}

.controls--white .owl-dots {
  background: #fff !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: -ms-flexbox;
  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);
  -ms-transform: scale(1);
      transform: scale(1);
  transition: all 250ms ease;
  color: transparent;
}

.slides-pagination a:hover {
  background: rgba(255, 255, 255, 0.5);
  -ms-transform: scale(1.15);
      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: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  top: unset;
}

.slides-controls a {
  border-radius: 50%;
  margin: 0;
  display: -ms-flexbox;
  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: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.owl-playback a {
  display: -ms-flexbox;
  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: -ms-flexbox;
  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 #fff;
}

.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;
  -ms-flex-align: center;
      align-items: center;
  background: #232323;
  box-shadow: 0px 2px 2px 2px rgba(0, 0, 0, 0.2);
  height: 80px;
}

.header--landing-page--002 .btn--menu {
  background: none;
  color: #fff;
  position: absolute;
  right: 12px;
  top: 12px;
}

.header--landing-page--002 .btn--menu:hover {
  color: #fff;
  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 {
  -ms-transform: scale(1);
      transform: scale(1);
  transition: transform 300ms ease-out;
  color: #fff;
}

.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: #fff;
  margin-bottom: 16px;
}

.nav--landing-page--002 .btn--close {
  position: fixed;
  top: 4px;
  right: 8px;
  background: none;
  -ms-transform: scale(0);
      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 #fff;
}

.footer--landing-page--002 p {
  color: #fff;
  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: #232323;
  color: #fff;
}

@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: #fff;
}

.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: #fff;
}

.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;
  -ms-flex-align: center;
      align-items: center;
}

.header--landing-page--003 .btn--menu {
  background: none;
  color: #fff;
  position: fixed;
  right: 24px;
  top: 24px;
}

.header--landing-page--003 .btn--menu:hover {
  color: #fff;
  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 {
  -ms-transform: scale(1);
      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: #fff;
  margin-bottom: 16px;
}

.nav--landing-page--003 .btn--close {
  position: fixed;
  top: 4px;
  right: 8px;
  background: none;
  -ms-transform: scale(0);
      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: #fff;
  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 {
  -ms-transform: scale(0);
      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 {
  -ms-transform: scale(1);
      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: #fff;
}

.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 {
    -ms-transform: translatex(-100%);
        transform: translatex(-100%);
    transition: transform 300ms ease-out;
  }
}

.public-profile__header {
  background: #888;
  min-height: 150px;
  width: 100%;
  position: relative;
  padding-top: 24px;
  -ms-transform: translatex(0%);
      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 {
  -ms-transform: translatex(200px);
      transform: translatex(200px);
  transition: transform 300ms ease-out;
}

.public-profile__header .btn--mail-user {
  border-radius: 50%;
  height: 60px;
  width: 60px;
  background: #fff;
  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: #fff;
  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: #fff;
  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: #fff;
  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: #fff;
  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: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

@media screen and (min-width: 1024px) {
  .public-profile__header .stats ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
  }
}

.public-profile__header .stats li {
  color: #fff;
  font-size: 10px;
  border-right: 1px solid rgba(255, 255, 255, 0.15);
  padding: 0px 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
  text-align: center;
  -ms-flex-pack: center;
      justify-content: center;
}

@media screen and (min-width: 1024px) {
  .public-profile__header .stats li {
    padding: 16px 16px;
    font-size: 16px;
    -ms-flex-preferred-size: 46%;
        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 #232323 solid;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      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;
  -ms-transform: scale(1);
      transform: scale(1);
  transition: transform 250ms ease-in-out;
}

.public-profile__nav-controls .btn__small.btn--square-icon:hover {
  background: none !important;
  -ms-transform: scale(1.4);
      transform: scale(1.4);
  transition: transform 250ms ease-in-out;
  color: #fff;
}

@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: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

@media screen and (min-width: 1024px) {
  .public-profile__page-links {
    -ms-flex-direction: column;
        flex-direction: column;
    display: none;
  }
}

.public-profile__page-links--large {
  display: none;
}

@media screen and (min-width: 1024px) {
  .public-profile__page-links--large {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-direction: column;
        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 #fff;
  transition: border-right 200ms ease-out;
}

.public-profile__page-links--large button:hover {
  text-align: right;
  border-right: 4px solid #fff;
  background: none !important;
  transition: border-right 200ms ease-out;
  color: #fff #fff !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;
  background-size: cover;
  color: #fff;
  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;
  -ms-transform: translate(0%, 0%);
      transform: translate(0%, 0%);
  -webkit-animation-name: portfolio--sticky__title;
          animation-name: portfolio--sticky__title;
  -webkit-animation-duration: 600ms;
          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;
  -webkit-animation-name: portfolio--sticky__h1;
          animation-name: portfolio--sticky__h1;
  -webkit-animation-duration: 600ms;
          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;
  -webkit-animation-name: portfolio--sticky__span;
          animation-name: portfolio--sticky__span;
  -webkit-animation-duration: 600ms;
          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: #fff;
  border-left: 4px solid #fff;
  padding-left: 16px;
  margin-left: 8px;
  -webkit-animation-name: portfolio--sticky__h2;
          animation-name: portfolio--sticky__h2;
  -webkit-animation-duration: 600ms;
          animation-duration: 600ms;
  display: inline-block;
}

@media screen and (max-width: 700px) {
  .portfolio__title.sticky h2 {
    font-size: 12px;
    border-left: 1px solid #fff;
    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: #fff #fff;
  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: #fff;
  border-left: 4px solid #fff;
  padding-left: 8px;
}

.portfolio__title h2 .btn--square-icon {
  position: relative;
  -webkit-animation-name: hover;
          animation-name: hover;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  font-size: 18px;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-timing-function: ease-out;
          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: #fff;
  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 */
@-webkit-keyframes hover {
  0% {
    transform: translatey(0px);
  }
  25% {
    transform: translatey(3px);
  }
  50% {
    transform: translatey(0px);
  }
  75% {
    transform: translatey(-3px);
  }
  100% {
    transform: translatey(0px);
  }
}
@keyframes hover {
  0% {
    transform: translatey(0px);
  }
  25% {
    transform: translatey(3px);
  }
  50% {
    transform: translatey(0px);
  }
  75% {
    transform: translatey(-3px);
  }
  100% {
    transform: translatey(0px);
  }
}

@-webkit-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__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;
  }
}

@-webkit-keyframes portfolio--sticky__h1 {
  0% {
    display: block;
  }
  50% {
    display: block;
  }
  51% {
    display: inline-block;
  }
  100% {
    color: #fff;
    display: inline-block;
  }
}

@keyframes portfolio--sticky__h1 {
  0% {
    display: block;
  }
  50% {
    display: block;
  }
  51% {
    display: inline-block;
  }
  100% {
    color: #fff;
    display: inline-block;
  }
}

@-webkit-keyframes portfolio--sticky__span {
  0% {
    display: block;
  }
  50% {
    display: block;
  }
  51% {
    display: inline-block;
  }
  100% {
    color: #fff;
    display: inline-block;
  }
}

@keyframes portfolio--sticky__span {
  0% {
    display: block;
  }
  50% {
    display: block;
  }
  51% {
    display: inline-block;
  }
  100% {
    color: #fff;
    display: inline-block;
  }
}

@-webkit-keyframes portfolio--sticky__h2 {
  0% {
    display: block;
  }
  50% {
    display: block;
  }
  51% {
    display: inline-block;
  }
  100% {
    display: inline-block;
  }
}

@keyframes portfolio--sticky__h2 {
  0% {
    display: block;
  }
  50% {
    display: block;
  }
  51% {
    display: inline-block;
  }
  100% {
    display: inline-block;
  }
}

.resume.is--visible {
  -ms-transform: translatex(0%) scale(1);
      transform: translatex(0%) scale(1);
  transition: all 300ms ease-out;
  opacity: 1;
}

.resume.is--visible.is-in--edit {
  opacity: 0;
  -ms-transform: scale(0);
      transform: scale(0);
  transition: all 300ms ease-out;
}

.resume {
  background: #fff;
  padding: 16px;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -ms-transform: translatex(-100%) scale(1);
      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 {
  -ms-transform: scale(1);
      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: #fff;
    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 {
  -ms-transform: scale(0);
      transform: scale(0);
  opacity: 0;
  transition: all 300ms ease-in-out;
}

.resume__item {
  padding: 8px 0px;
}

.resume__item-title-date__container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: baseline;
      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: #fff;
  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: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      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: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-bottom: 16px;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  cursor: pointer;
  min-height: 60px;
  -ms-transform: scale(1);
      transform: scale(1);
  transition: transform 200ms ease;
}

.stats-list__stat:hover {
  -ms-transform: scale(1.05);
      transform: scale(1.05);
  transition: transform 200ms ease;
}

.stats-list__stat.is--active {
  background: rgba(0, 0, 0, 0.3);
  -ms-transform: scale(0.95);
      transform: scale(0.95);
}

.stats-list__stat.is--active:hover {
  -ms-transform: scale(1.05);
      transform: scale(1.05);
  transition: transform 200ms ease;
}

.stats-list__stat-title {
  padding: 16px;
  color: #fff;
  font-size: 14px;
}

.stats-list__stat-title span span {
  font-weight: bold;
  font-size: 24px;
}

.stats-list__stat-totals {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  background: rgba(0, 0, 0, 0.1);
  color: #fff;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  width: 70px;
  min-width: 70px;
  max-width: 70px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: end;
      align-items: flex-end;
}

.stats-list__stat-totals-value {
  font-weight: bold;
  font-size: 24px;
  padding: 0;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  text-align: center;
}

.stats-list__stat-totals-label {
  text-transform: uppercase;
  font-size: 10px;
  font-weight: bold;
  -ms-flex-item-align: bottom;
      align-self: bottom;
  background: rgba(0, 0, 0, 0.08);
  padding: 0px 16px;
  border-bottom-right-radius: 2px;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

.subtotal-stat {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

@media screen and (min-width: 1024px) {
  .subtotal-stat {
    -ms-flex-pack: justify;
        justify-content: space-between;
    position: absolute;
    bottom: 0;
    width: 100%;
    background: #fff;
    box-shadow: 0px -6px 12px -6px rgba(0, 0, 0, 0.4);
  }
}

.subtotal-stat__label {
  color: #fff;
  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: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: center;
        justify-content: center;
    background: rgba(0, 0, 0, 0.1);
    padding: 16px;
    text-align: center;
  }
}

.subtotal-stat__totals__value {
  color: #fff;
  font-weight: 600;
}

@media screen and (min-width: 1024px) {
  .subtotal-stat__totals__value {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    min-width: 100%;
    font-size: 32px;
  }
}

.subtotal-stat__totals__label {
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
}

@media screen and (min-width: 1024px) {
  .subtotal-stat__totals__label {
    font-size: 16px;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    min-width: 100%;
  }
}

.hexagon.outer {
  -ms-transform: scale(1);
      transform: scale(1);
  transition: transform 250ms ease;
  margin-bottom: 60px;
  margin-right: 60px;
}

.hexagon.outer:hover {
  -ms-transform: scale(1.3);
      transform: scale(1.3);
  transition: transform 250ms ease;
}

.hexagon {
  width: 80px;
  height: 45.71429px;
  background: #d9d9d9;
  position: relative;
}

.hexagon .half_dark {
  position: absolute;
  height: 100%;
  width: 0;
  border-left: 40px #d9d9d9 solid;
  border-top: 26.66667px transparent solid;
  border-bottom: 26.66667px transparent solid;
  opacity: .1;
  z-index: 2;
  top: calc(-100% / 1.75);
  right: 0;
}

.hexagon:before {
  content: "";
  position: absolute;
  top: -26.66667px;
  left: 0;
  width: 0;
  height: 0;
  border-left: 40px solid transparent;
  border-right: 40px solid transparent;
  border-bottom: 26.66667px solid #d9d9d9;
}

.hexagon:after {
  content: "";
  position: absolute;
  bottom: -26.66667px;
  left: 0;
  width: 0;
  height: 0;
  border-left: 40px solid transparent;
  border-right: 40px solid transparent;
  border-top: 26.66667px solid #d9d9d9;
}

.inner {
  position: absolute;
  z-index: 1;
  width: 72px;
  height: 41.14286px;
  left: 4px;
  top: 2.28571px;
  background-color: #fff;
}

.inner:before {
  border-bottom-color: #808080;
  top: -24px;
  border-left: 36px solid transparent;
  border-right: 36px solid transparent;
  border-bottom: 24px solid #fff;
}

.inner:after {
  bottom: -24px;
  border-left: 36px solid transparent;
  border-right: 36px solid transparent;
  border-top: 24px solid #fff;
}

.banner {
  background-color: #232323;
  z-index: 2;
  position: absolute;
  width: 100px;
  height: 22.85714px;
  left: -10px;
  top: 12.85714px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: 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.85714px;
  left: 0;
  width: 0;
  height: 0;
  border-right: 0 solid transparent;
  border-left: 10px solid transparent;
  border-top: 4px solid black;
}

.banner:after {
  content: "";
  position: absolute;
  top: 22.85714px;
  right: 0;
  width: 0;
  height: 0;
  border-left: 0 solid transparent;
  border-right: 10px solid transparent;
  border-top: 4px solid black;
}

.ribbon {
  position: absolute;
  height: 20px;
  width: 13.33333px;
  background-color: #0f0f0f;
  top: 22.85714px;
  left: -13.33333px;
  font-weight: bold;
}

.ribbon:before {
  content: "";
  position: absolute;
  height: 0;
  width: 0;
  left: -9.8px;
  border-right: solid 10px #0f0f0f;
  border-bottom: solid 10px transparent;
}

.ribbon:after {
  content: "";
  position: absolute;
  height: 0;
  width: 0;
  left: -9.8px;
  top: 10px;
  border-right: solid 10px #0f0f0f;
  border-top: solid 10px transparent;
}

.is--right {
  -ms-transform: rotate(180deg);
      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.24324px;
  color: #fff;
  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[class*="lp-theme--"].landingPageController {
  background: #fff;
}

body[class*="lp-theme--"].eventAggregatorController .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: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      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: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        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: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      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: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 16px;
  background: #f4f4f4;
}

body[class*="lp-theme--"] .lp__login-box--single {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  padding: 8px;
}

@media screen and (min-width: 700px) {
  body[class*="lp-theme--"] .lp__login-box--single {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
}

@media screen and (min-width: 960px) {
  body[class*="lp-theme--"] .lp__login-box--single {
    -ms-flex-preferred-size: 33%;
        flex-basis: 33%;
  }
}

@media screen and (min-width: 1280px) {
  body[class*="lp-theme--"] .lp__login-box--single {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
  }
}

@media screen and (min-width: 1440px) {
  body[class*="lp-theme--"] .lp__login-box--single {
    -ms-flex-preferred-size: 20%;
        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: #fff;
  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 {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  min-width: auto;
  width: auto;
  max-width: auto;
  -ms-flex-preferred-size: initial;
      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: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding-right: 108px !important;
  -ms-flex-align: center;
      align-items: center;
}

body[class*="lp-theme--"] .lp__footer__user-buttons {
  display: -ms-flexbox;
  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: #fff;
}

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: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  position: fixed;
  background: #fff;
  top: 0;
  bottom: 0;
  right: -108%;
  width: 100%;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-direction: column;
      flex-direction: column;
  transition: right 300ms ease-out;
}

@media screen and (min-width: 769px) {
  body[class*="lp-theme--"] .nav--landing-page--002 {
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: end;
        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: #fff;
  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;
  -ms-transform: scale(0);
      transform: scale(0);
  transition: transform 300ms ease-out;
  color: #fff;
  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 {
  -ms-transform: scale(1);
      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: #fff;
}

@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: #fff;
  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 #232323;
}

body[class*="lp-theme--"] table:not([class]) {
  border-collapse: collapse;
  border: 1px solid #999;
  background: #fff;
  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: #232323;
}

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: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  padding: 24px 16px;
}

@media screen and (min-width: 768px) {
  body[class*="lp-theme--"] .lp__link-group {
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: stretch;
        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: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      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: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    list-style-type: none;
    margin: 0 !important;
    padding: 0 !important;
  }
}

body[class*="lp-theme--"] .nav__list.is--child {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  z-index: 1;
}

body[class*="lp-theme--"] .nav__list {
  display: -ms-flexbox;
  display: flex;
}

body[class*="lp-theme--"] .nav__list ul {
  min-width: 150px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      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: -ms-flexbox;
  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 #FFA800;
}

@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: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    -ms-flex-align: center;
        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 {
    -ms-transform: translateY(2px);
        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;
  -ms-flex-pack: start;
      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;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  min-width: initial;
  width: initial;
  max-width: initial;
  -ms-flex-preferred-size: 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;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  min-width: initial;
  width: initial;
  max-width: initial;
  -ms-flex-preferred-size: 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: #fff;
  position: absolute;
  right: 24px;
  top: 40px;
}

@media screen and (min-width: 769px) {
  body.lp-theme--001 .nav--landing-page--002 {
    -ms-flex-pack: start;
        justify-content: flex-start;
  }
}

@media screen and (min-width: 1024px) {
  body.lp-theme--001 .nav--landing-page--002 {
    -ms-flex-wrap: wrap;
        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: -ms-flexbox;
    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 {
    -ms-flex-preferred-size: 50%;
        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 {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: 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 {
  -ms-flex-pack: center;
      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: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-order: 2;
      order: 2;
}

@media screen and (min-width: 1024px) {
  body.lp-theme--001 .lp__content-box.alt-view .lp__content-box__inner {
    -ms-flex-preferred-size: 50%;
        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;
  -ms-flex-order: 1;
      order: 1;
}

@media screen and (min-width: 1024px) {
  body.lp-theme--001 .lp__content-box.alt-view .lp__content-box__img--extra {
    display: inherit;
    -ms-flex-preferred-size: calc(50% + 24px);
        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: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center;
    padding-right: 0;
  }
}

body.lp-theme--001 .lp__content-box__inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding-top: 48px;
  padding-bottom: 48px;
}

@media screen and (min-width: 1024px) {
  body.lp-theme--001 .lp__content-box__inner {
    -ms-flex-preferred-size: 50%;
        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;
  -ms-flex-order: 2;
      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 {
  -ms-flex-order: 3;
      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 {
  -ms-flex-order: 4;
      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 {
  -ms-flex-order: 1;
      order: 1;
  margin-bottom: 16px;
  width: calc(100% + 32px) !important;
  min-width: calc(100% + 32px) !important;
  max-width: calc(100% + 32px) !important;
  -ms-transform: translatex(-16px);
      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;
    -ms-transform: translatex(-48px);
        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;
    -ms-flex-preferred-size: calc(50% + 24px);
        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: #fff;
    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: #a3a3a3;
  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: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 48px;
}

@media screen and (min-width: 768px) {
  body.lp-theme--001 .lp__blockquote-user {
    width: 50%;
    -ms-flex-align: start;
        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: #fff;
}

@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: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  position: absolute;
  top: 16px;
  left: 50%;
  margin-left: -48px;
  border: 4px solid #fff;
}

@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 #fff;
  }
}

body.lp-theme--001 .lp__blockquote-avatar__img {
  width: 150%;
}

body.lp-theme--001 .lp__content.is--001 .lp__icon-group__item {
  -ms-flex-positive: 1;
      flex-grow: 1;
}

body.lp-theme--001 .lp__content.is--002 .lp__icon-group__item {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

@media screen and (min-width: 500px) {
  body.lp-theme--001 .lp__content.is--002 .lp__icon-group__item {
    -ms-flex-positive: 1;
        flex-grow: 1;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    -ms-flex-preferred-size: initial;
        flex-basis: initial;
  }
}

body.lp-theme--001 .lp__content.is--003 .lp__icon-group__item {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

@media screen and (min-width: 600px) {
  body.lp-theme--001 .lp__content.is--003 .lp__icon-group__item {
    -ms-flex-positive: 1;
        flex-grow: 1;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    -ms-flex-preferred-size: initial;
        flex-basis: initial;
  }
}

body.lp-theme--001 .lp__content.is--004 .lp__icon-group__item {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

@media screen and (min-width: 500px) {
  body.lp-theme--001 .lp__content.is--004 .lp__icon-group__item {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
}

@media screen and (min-width: 768px) {
  body.lp-theme--001 .lp__content.is--004 .lp__icon-group__item {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
  }
}

body.lp-theme--001 .lp__content.is--005 .lp__icon-group__item {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

@media screen and (min-width: 500px) {
  body.lp-theme--001 .lp__content.is--005 .lp__icon-group__item {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    -ms-flex-positive: 1;
        flex-grow: 1;
  }
}

@media screen and (min-width: 768px) {
  body.lp-theme--001 .lp__content.is--005 .lp__icon-group__item {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    -ms-flex-preferred-size: initial;
        flex-basis: initial;
  }
}

body.lp-theme--001 .lp__content.is--006 .lp__icon-group__item {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

@media screen and (min-width: 500px) {
  body.lp-theme--001 .lp__content.is--006 .lp__icon-group__item {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    -ms-flex-positive: 1;
        flex-grow: 1;
  }
}

@media screen and (min-width: 768px) {
  body.lp-theme--001 .lp__content.is--006 .lp__icon-group__item {
    -ms-flex-preferred-size: 33%;
        flex-basis: 33%;
  }
}

body.lp-theme--001 .lp__content.is--007 .lp__icon-group__item {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

@media screen and (min-width: 500px) {
  body.lp-theme--001 .lp__content.is--007 .lp__icon-group__item {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    -ms-flex-positive: 1;
        flex-grow: 1;
  }
}

@media screen and (min-width: 768px) {
  body.lp-theme--001 .lp__content.is--007 .lp__icon-group__item {
    -ms-flex-preferred-size: 33%;
        flex-basis: 33%;
  }
}

@media screen and (min-width: 1024px) {
  body.lp-theme--001 .lp__content.is--007 .lp__icon-group__item {
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
  }
}

body.lp-theme--001 .lp__content.is--008 .lp__icon-group__item {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

@media screen and (min-width: 500px) {
  body.lp-theme--001 .lp__content.is--008 .lp__icon-group__item {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
}

@media screen and (min-width: 768px) {
  body.lp-theme--001 .lp__content.is--008 .lp__icon-group__item {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
  }
}

body.lp-theme--001 .lp__icon-group__list {
  display: -ms-flexbox;
  display: flex;
  list-style-type: none;
  margin: 0;
  padding: 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

body.lp-theme--001 .lp__icon-group__item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: 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: #fff;
}

body.lp-theme--001 .lp__icon-group__item:nth-of-type(2) {
  background: #a3a3a3;
}

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: #a3a3a3;
}

body.lp-theme--001 .lp__icon-group__item:nth-of-type(8) {
  background: #fff;
}

body.lp-theme--001 .lp__icon-group__item:nth-of-type(7) {
  background: #a3a3a3;
}

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: #a3a3a3;
}

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 {
  -ms-flex-positive: 1;
      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;
    -ms-flex-pack: auto;
        justify-content: auto;
    -ms-flex-align: auto;
        align-items: auto;
    -ms-flex-pack: initial;
        justify-content: initial;
    -ms-flex-align: 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 {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

@media screen and (min-width: 500px) {
  body.lp-theme--001 .lp__content.is--005 .lp__stat--single {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    -ms-flex-positive: 1;
        flex-grow: 1;
  }
}

@media screen and (min-width: 768px) {
  body.lp-theme--001 .lp__content.is--005 .lp__stat--single {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    -ms-flex-preferred-size: initial;
        flex-basis: initial;
  }
}

body.lp-theme--001 .lp__content.is--006 .lp__stat--single {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

@media screen and (min-width: 500px) {
  body.lp-theme--001 .lp__content.is--006 .lp__stat--single {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    -ms-flex-positive: 1;
        flex-grow: 1;
  }
}

@media screen and (min-width: 768px) {
  body.lp-theme--001 .lp__content.is--006 .lp__stat--single {
    -ms-flex-preferred-size: 33%;
        flex-basis: 33%;
  }
}

body.lp-theme--001 .lp__content.is--007 .lp__stat--single {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

@media screen and (min-width: 500px) {
  body.lp-theme--001 .lp__content.is--007 .lp__stat--single {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    -ms-flex-positive: 1;
        flex-grow: 1;
  }
}

@media screen and (min-width: 768px) {
  body.lp-theme--001 .lp__content.is--007 .lp__stat--single {
    -ms-flex-preferred-size: 33%;
        flex-basis: 33%;
  }
}

@media screen and (min-width: 1024px) {
  body.lp-theme--001 .lp__content.is--007 .lp__stat--single {
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
  }
}

body.lp-theme--001 .lp__content.is--008 .lp__stat--single {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

@media screen and (min-width: 500px) {
  body.lp-theme--001 .lp__content.is--008 .lp__stat--single {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
}

@media screen and (min-width: 768px) {
  body.lp-theme--001 .lp__content.is--008 .lp__stat--single {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
  }
}

body.lp-theme--001 .lp__stats {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background: #f1f1f1;
  padding: 16px;
  -ms-flex-pack: center;
      justify-content: center;
}

body.lp-theme--001 .lp__stat--single {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  min-width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  background: #fff;
  margin: 8px 0px;
  position: relative;
  padding-top: 48px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

@media screen and (min-width: 768px) {
  body.lp-theme--001 .lp__stat--single {
    -ms-flex-preferred-size: calc(50% - 32px);
        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 {
    -ms-flex-preferred-size: calc(25% - 32px);
        flex-basis: calc(25% - 32px);
    min-width: calc(25% - 32px);
    -ms-flex-pack: end;
        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;
  -ms-flex-order: 3;
      order: 3;
  -ms-flex-item-align: end;
      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;
  -ms-flex-order: 2;
      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: #fff;
  font-size: 88px;
  -ms-flex-order: 1;
      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;
  -ms-flex-order: 4;
      order: 4;
  background: white;
  font-weight: 600;
  width: 100%;
  margin: 0;
}

body.lp-theme--001 .lp__steps {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (min-width: 768px) {
  body.lp-theme--001 .lp__steps {
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: center;
        justify-content: center;
  }
}

body.lp-theme--001 .lp__step--single {
  padding: 48px 24px 24px 24px;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-direction: column;
      flex-direction: column;
}

@media screen and (min-width: 768px) {
  body.lp-theme--001 .lp__step--single {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    min-width: 50%;
    -ms-flex-positive: 1;
        flex-grow: 1;
  }
}

@media screen and (min-width: 1024px) {
  body.lp-theme--001 .lp__step--single {
    -ms-flex-preferred-size: 25%;
        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: #a3a3a3;
}

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: #fff;
}

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: #a3a3a3;
}

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: #232323;
}

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: #a3a3a3;
}

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: #fff;
}

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: #a3a3a3;
}

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: #232323;
}

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;
  -ms-flex-item-align: start;
      align-self: flex-start;
  margin-bottom: 24px;
  font-weight: 900;
}

body.lp-theme--001 .lp__step--single__description {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  line-height: 27px;
}

body.lp-theme--001 .lp__social {
  background: #232323;
}

body.lp-theme--001 .lp__social__title {
  padding: 24px;
  background: rgba(0, 0, 0, 0.2);
  color: #fff;
}

body.lp-theme--001 .lp__social__list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: center;
      justify-content: center;
}

body.lp-theme--001 .lp__social__link {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding: 20px 16px 16px 16px;
  -ms-flex-align: center;
      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: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 24px;
}

body.lp-theme--001 .lp__footer__heading-title {
  color: #fff;
  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: #fff;
  color: #888;
  font-weight: bold;
}

body.lp-theme--001 .lp__footer__lists {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 24px 8px;
}

body.lp-theme--001 .lp__footer__list-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  padding: 16px 24px;
}

body.lp-theme--001 .lp__footer__list-title {
  font-weight: 900;
  font-size: 24px;
  color: #fff;
  text-transform: uppercase;
}

body.lp-theme--001 .lp__footer__list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

body.lp-theme--001 .lp__footer__list-item {
  padding: 4px 0px;
}

body.lp-theme--001 .lp__footer__list-link {
  color: #fff;
}

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: #fff;
  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: #fff;
  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: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      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: #232323;
  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: #a3a3a3;
  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 {
  -ms-flex-pack: center;
      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: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-order: 2;
      order: 2;
}

@media screen and (min-width: 1024px) {
  body.lp-theme--002 .lp__content-box.alt-view .lp__content-box__inner {
    -ms-flex-preferred-size: 50%;
        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;
  -ms-flex-order: 1;
      order: 1;
}

@media screen and (min-width: 1024px) {
  body.lp-theme--002 .lp__content-box.alt-view .lp__content-box__img--extra {
    display: inherit;
    -ms-flex-preferred-size: calc(50% + 24px);
        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: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      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 #d6d6d6;
  }
}

@media screen and (min-width: 1024px) {
  body.lp-theme--002 .lp__content-box {
    -ms-flex-align: center;
        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: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding: 0;
}

@media screen and (min-width: 1024px) {
  body.lp-theme--002 .lp__content-box__inner {
    -ms-flex-preferred-size: 50%;
        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: #fff;
  -ms-flex-order: 1;
      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: #fff;
  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 {
  -ms-flex-order: 2;
      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 {
  -ms-flex-order: 4;
      order: 4;
  text-align: center;
  background: #555555;
  color: #fff;
  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 {
  -ms-flex-order: 3;
      order: 3;
  margin-bottom: 16px;
  width: calc(100% + 32px) !important;
  min-width: calc(100% + 32px) !important;
  max-width: calc(100% + 32px) !important;
  -ms-transform: translatex(-16px);
      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;
    -ms-transform: translatex(-48px);
        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;
    -ms-flex-preferred-size: calc(50%);
        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: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        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: #a3a3a3;
  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 {
    -ms-flex-preferred-size: 50%;
        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 {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    padding: 16px;
  }
}

body.lp-theme--002 .lp__blockquote__cite {
  display: -ms-flexbox;
  display: flex;
}

@media screen and (min-width: 768px) {
  body.lp-theme--002 .lp__blockquote__cite {
    -ms-flex-align: center;
        align-items: center;
  }
}

body.lp-theme--002 .lp__blockquote-user {
  -ms-flex-order: 2;
      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;
  -ms-flex-order: 1;
      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: #a3a3a3;
}

@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: #a3a3a3;
}

@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 {
  -ms-flex-positive: 1;
      flex-grow: 1;
}

body.lp-theme--002 .lp__content.is--002 .lp__icon-group__item {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

@media screen and (min-width: 500px) {
  body.lp-theme--002 .lp__content.is--002 .lp__icon-group__item {
    -ms-flex-positive: 1;
        flex-grow: 1;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    -ms-flex-preferred-size: initial;
        flex-basis: initial;
  }
}

body.lp-theme--002 .lp__content.is--003 .lp__icon-group__item {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

@media screen and (min-width: 600px) {
  body.lp-theme--002 .lp__content.is--003 .lp__icon-group__item {
    -ms-flex-positive: 1;
        flex-grow: 1;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    -ms-flex-preferred-size: initial;
        flex-basis: initial;
  }
}

body.lp-theme--002 .lp__content.is--004 .lp__icon-group__item {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

@media screen and (min-width: 500px) {
  body.lp-theme--002 .lp__content.is--004 .lp__icon-group__item {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
}

@media screen and (min-width: 768px) {
  body.lp-theme--002 .lp__content.is--004 .lp__icon-group__item {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
  }
}

body.lp-theme--002 .lp__content.is--005 .lp__icon-group__item {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

@media screen and (min-width: 500px) {
  body.lp-theme--002 .lp__content.is--005 .lp__icon-group__item {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    -ms-flex-positive: 1;
        flex-grow: 1;
  }
}

@media screen and (min-width: 768px) {
  body.lp-theme--002 .lp__content.is--005 .lp__icon-group__item {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    -ms-flex-preferred-size: initial;
        flex-basis: initial;
  }
}

body.lp-theme--002 .lp__content.is--006 .lp__icon-group__item {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

@media screen and (min-width: 500px) {
  body.lp-theme--002 .lp__content.is--006 .lp__icon-group__item {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    -ms-flex-positive: 1;
        flex-grow: 1;
  }
}

@media screen and (min-width: 768px) {
  body.lp-theme--002 .lp__content.is--006 .lp__icon-group__item {
    -ms-flex-preferred-size: 33%;
        flex-basis: 33%;
  }
}

body.lp-theme--002 .lp__content.is--007 .lp__icon-group__item {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

@media screen and (min-width: 500px) {
  body.lp-theme--002 .lp__content.is--007 .lp__icon-group__item {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    -ms-flex-positive: 1;
        flex-grow: 1;
  }
}

@media screen and (min-width: 768px) {
  body.lp-theme--002 .lp__content.is--007 .lp__icon-group__item {
    -ms-flex-preferred-size: 33%;
        flex-basis: 33%;
  }
}

@media screen and (min-width: 1024px) {
  body.lp-theme--002 .lp__content.is--007 .lp__icon-group__item {
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
  }
}

body.lp-theme--002 .lp__content.is--008 .lp__icon-group__item {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

@media screen and (min-width: 500px) {
  body.lp-theme--002 .lp__content.is--008 .lp__icon-group__item {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
}

@media screen and (min-width: 768px) {
  body.lp-theme--002 .lp__content.is--008 .lp__icon-group__item {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
  }
}

body.lp-theme--002 .lp__icon-group__list {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

body.lp-theme--002 .lp__icon-group__item {
  padding: 24px;
  padding-bottom: 40px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: 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: #fff;
}

body.lp-theme--002 .lp__icon-group__item:nth-of-type(1):after {
  background: #fff;
}

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: #fff;
}

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: #a3a3a3;
}

body.lp-theme--002 .lp__icon-group__item:nth-of-type(3) {
  background: #a3a3a3;
}

body.lp-theme--002 .lp__icon-group__item:nth-of-type(3):after {
  background: #fff;
}

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: #fff;
}

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: #a3a3a3;
}

body.lp-theme--002 .lp__icon-group__item:nth-of-type(8) {
  background: #fff;
}

body.lp-theme--002 .lp__icon-group__item:nth-of-type(8):after {
  background: #fff;
}

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: #fff;
}

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: #a3a3a3;
}

body.lp-theme--002 .lp__icon-group__item:nth-of-type(6) {
  background: #a3a3a3;
}

body.lp-theme--002 .lp__icon-group__item:nth-of-type(6):after {
  background: #fff;
}

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: #fff;
}

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: #a3a3a3;
}

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 {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

@media screen and (min-width: 500px) {
  body.lp-theme--002 .lp__content.is--005 .lp__stat--single {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    -ms-flex-positive: 1;
        flex-grow: 1;
  }
}

@media screen and (min-width: 768px) {
  body.lp-theme--002 .lp__content.is--005 .lp__stat--single {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    -ms-flex-preferred-size: initial;
        flex-basis: initial;
  }
}

body.lp-theme--002 .lp__content.is--006 .lp__stat--single {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

@media screen and (min-width: 500px) {
  body.lp-theme--002 .lp__content.is--006 .lp__stat--single {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    -ms-flex-positive: 1;
        flex-grow: 1;
  }
}

@media screen and (min-width: 768px) {
  body.lp-theme--002 .lp__content.is--006 .lp__stat--single {
    -ms-flex-preferred-size: 33%;
        flex-basis: 33%;
  }
}

body.lp-theme--002 .lp__content.is--007 .lp__stat--single {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

@media screen and (min-width: 500px) {
  body.lp-theme--002 .lp__content.is--007 .lp__stat--single {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    -ms-flex-positive: 1;
        flex-grow: 1;
  }
}

@media screen and (min-width: 768px) {
  body.lp-theme--002 .lp__content.is--007 .lp__stat--single {
    -ms-flex-preferred-size: 33%;
        flex-basis: 33%;
  }
}

@media screen and (min-width: 1024px) {
  body.lp-theme--002 .lp__content.is--007 .lp__stat--single {
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
  }
}

body.lp-theme--002 .lp__content.is--008 .lp__stat--single {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

@media screen and (min-width: 500px) {
  body.lp-theme--002 .lp__content.is--008 .lp__stat--single {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
}

@media screen and (min-width: 768px) {
  body.lp-theme--002 .lp__content.is--008 .lp__stat--single {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
  }
}

body.lp-theme--002 .lp__stats {
  background: #888;
  -ms-flex-pack: center;
      justify-content: center;
}

@media screen and (min-width: 768px) {
  body.lp-theme--002 .lp__stats {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 16px;
  }
}

body.lp-theme--002 .lp__stat--single {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
  background: #a3a3a3;
  color: #888;
  padding: 40px;
  margin: 16px 16px;
}

@media screen and (min-width: 768px) {
  body.lp-theme--002 .lp__stat--single {
    -ms-flex-preferred-size: calc(50% - 32px);
        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 {
    -ms-flex-preferred-size: calc(25% - 32px);
        flex-basis: calc(25% - 32px);
    min-width: calc(25% - 32px);
    max-width: calc(25% - 32px);
  }
}

body.lp-theme--002 .lp__stat--single__title {
  -ms-flex-order: 2;
      order: 2;
  color: #888;
  text-transform: uppercase;
  font-family: "Lora", serif;
  margin-bottom: 0;
}

body.lp-theme--002 .lp__stat--single__value {
  -ms-flex-order: 3;
      order: 3;
  -ms-flex-preferred-size: 100%;
      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 {
  -ms-flex-order: 1;
      order: 1;
  color: #888;
  font-size: 24px;
}

body.lp-theme--002 .lp__stat--single__description {
  -ms-flex-order: 4;
      order: 4;
  -ms-flex-preferred-size: 100%;
      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: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

@media screen and (min-width: 768px) {
  body.lp-theme--002 .lp__steps {
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: center;
        justify-content: center;
  }
}

body.lp-theme--002 .lp__step--single {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  background-image: linear-gradient(-135deg, #232323 0%, #fff 100%);
  padding: 48px;
}

@media screen and (min-width: 768px) {
  body.lp-theme--002 .lp__step--single {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    min-width: 50%;
    -ms-flex-positive: 1;
        flex-grow: 1;
  }
}

@media screen and (min-width: 1024px) {
  body.lp-theme--002 .lp__step--single {
    -ms-flex-preferred-size: 25%;
        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 #fff;
  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: #fff;
}

body.lp-theme--002 .lp__social__list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: center;
      justify-content: center;
}

body.lp-theme--002 .lp__social__link {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding: 20px 16px 16px 16px;
  -ms-flex-align: center;
      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: #efefef;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      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: #a3a3a3;
}

body.lp-theme--002 .lp__footer__lists {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 24px 8px;
}

body.lp-theme--002 .lp__footer__list-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      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: #a3a3a3;
}

body.lp-theme--002 .lp__footer__list {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      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: #a3a3a3;
  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: #fff;
  }
}

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: #fff;
  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: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      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: #232323;
  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: #232323;
}

@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 #fff;
  color: #fff;
  font-weight: 800;
}

body.lp-theme--003 .lp__hero-action:hover {
  background: #fff;
  color: #888;
}

body.lp-theme--003 .lp__content-box.no--img {
  -ms-flex-pack: center;
      justify-content: center;
}

@media screen and (min-width: 768px) {
  body.lp-theme--003 .lp__content-box.no--img .lp__content-box__inner {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
}

@media screen and (min-width: 768px) {
  body.lp-theme--003 .lp__content-box.alt-view .lp__content-box__inner {
    -ms-flex-order: 2;
        order: 2;
  }
}

@media screen and (min-width: 768px) {
  body.lp-theme--003 .lp__content-box.alt-view .lp__content-box__img--extra {
    -ms-flex-order: 1;
        order: 1;
  }
}

body.lp-theme--003 .lp__content-box {
  padding: 16px;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (min-width: 768px) {
  body.lp-theme--003 .lp__content-box {
    padding: 48px;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        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;
  -ms-flex-order: 2;
      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: #fff;
  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 {
  -ms-flex-order: 3;
      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: #fff;
  text-align: center;
  -ms-flex-order: 4;
      order: 4;
}

body.lp-theme--003 .lp__content-box__img {
  -ms-flex-order: 1;
      order: 1;
  border: 4px solid #fff;
  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 #fff;
    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: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        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: #fff;
  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 {
    -ms-flex-preferred-size: 50%;
        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 {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    padding: 0 16px;
  }
}

@media screen and (min-width: 768px) {
  body.lp-theme--003 .lp__blockquote__cite {
    display: -ms-flexbox;
    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: #fff;
  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: #fff;
  color: #fff;
  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 {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        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 #fff;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  overflow: hidden;
}

@media screen and (min-width: 768px) {
  body.lp-theme--003 .lp__blockquote-avatar {
    -ms-flex-preferred-size: 100%;
        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: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

body.lp-theme--003 .lp__icon-group__item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  background: #888;
  position: relative;
  height: 208px;
}

@media screen and (min-width: 768px) {
  body.lp-theme--003 .lp__icon-group__item {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    height: 256px;
    -ms-flex-positive: 1;
        flex-grow: 1;
  }
}

@media screen and (min-width: 1024px) {
  body.lp-theme--003 .lp__icon-group__item {
    -ms-flex-preferred-size: 25%;
        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 #fff;
  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: #a3a3a3;
}

body.lp-theme--003 .lp__icon-group__item:nth-of-type(2):after {
  border-color: #fff;
}

body.lp-theme--003 .lp__icon-group__item:nth-of-type(3):after {
  border-color: #232323;
}

body.lp-theme--003 .lp__icon-group__item:nth-of-type(4):after {
  border-color: #a3a3a3;
}

body.lp-theme--003 .lp__icon-group__icon {
  color: #fff;
  font-size: 32px;
}

body.lp-theme--003 .lp__icon-group__label {
  color: #fff;
  max-width: 136px;
  text-align: center;
  font-size: 14px;
  text-transform: uppercase;
}

body.lp-theme--003 .lp__stats {
  padding: 16px;
  background: #fff;
}

@media screen and (min-width: 768px) {
  body.lp-theme--003 .lp__stats {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

body.lp-theme--003 .lp__stat--single {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: 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 {
    -ms-flex-preferred-size: calc(50% - 32px);
        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 {
    -ms-flex-preferred-size: calc(25% - 32px);
        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;
  -ms-flex-order: 3;
      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;
  -ms-flex-order: 2;
      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 #fff;
}

body.lp-theme--003 .lp__stat--single__icon {
  font-size: 32px;
  color: #fff;
  -ms-flex-order: 1;
      order: 1;
}

body.lp-theme--003 .lp__stat--single__description {
  font-family: "Raleway", sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  -ms-flex-order: 4;
      order: 4;
  width: 100%;
}

body.lp-theme--003 .lp__steps {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

@media screen and (min-width: 768px) {
  body.lp-theme--003 .lp__steps {
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: center;
        justify-content: center;
  }
}

body.lp-theme--003 .lp__step--single {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 48px;
  padding-bottom: 0px;
}

@media screen and (min-width: 768px) {
  body.lp-theme--003 .lp__step--single {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    min-width: 50%;
    -ms-flex-positive: 1;
        flex-grow: 1;
  }
}

@media screen and (min-width: 1024px) {
  body.lp-theme--003 .lp__step--single {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    min-width: 25%;
  }
}

body.lp-theme--003 .lp__step--single:nth-of-type(1) {
  background: #d6d6d6;
}

body.lp-theme--003 .lp__step--single:nth-of-type(2) {
  background: #e2e2e2;
}

body.lp-theme--003 .lp__step--single:nth-of-type(3) {
  background: #777777;
}

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: #d6d6d6;
}

body.lp-theme--003 .lp__step--single:nth-of-type(7) {
  background: #e2e2e2;
}

body.lp-theme--003 .lp__step--single:nth-of-type(6) {
  background: #777777;
}

body.lp-theme--003 .lp__step--single:nth-of-type(5) {
  background: white;
}

body.lp-theme--003 .lp__step--single__number {
  -ms-flex-order: 4;
      order: 4;
  border-bottom: 16px solid #fff;
  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: #fff #fff;
}

body.lp-theme--003 .lp__social__title {
  padding: 24px;
  background: rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2);
  color: #fff #fff;
}

body.lp-theme--003 .lp__social__list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: center;
      justify-content: center;
}

body.lp-theme--003 .lp__social__link {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding: 20px 16px 16px 16px;
  -ms-flex-align: center;
      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: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
}

body.lp-theme--003 .lp__footer__heading-title {
  font-family: "Raleway", sans-serif;
  font-size: 18px;
  text-transform: uppercase;
  color: #fff;
}

body.lp-theme--003 .lp__footer__heading-link {
  background: none;
  border: 1px solid #fff;
  color: #fff;
}

body.lp-theme--003 .lp__footer__lists {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 0px 8px 24px 8px;
}

body.lp-theme--003 .lp__footer__list-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding: 16px 24px;
}

body.lp-theme--003 .lp__footer__list-title {
  color: #fff;
  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: #fff;
}

body.lp-theme--003 .lp__footer__list {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

body.lp-theme--003 .lp__footer__list-item {
  padding: 4px 0px;
}

body.lp-theme--003 .lp__footer__list-link {
  color: #fff;
}

body.lp-theme--003 .lp__footer__copyright {
  background: #fff;
  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: #fff;
  }
}

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: #fff;
  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 #fff;
    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 #232323;
    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 {
    -ms-transform: translateY(-64px);
        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: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: end;
      justify-content: flex-end;
  padding: 0;
  border: 8px solid #fff;
  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: #fff;
  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: #a3a3a3;
  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 #fff;
  color: #fff;
  font-weight: 800;
}

body.lp-theme--004 .lp__hero-action:hover {
  background: #fff;
  color: #888;
}

body.lp-theme--004 .lp__content-box.no--img {
  -ms-flex-pack: center;
      justify-content: center;
}

@media screen and (min-width: 768px) {
  body.lp-theme--004 .lp__content-box.no--img .lp__content-box__inner {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
}

@media screen and (min-width: 768px) {
  body.lp-theme--004 .lp__content-box.alt-view .lp__content-box__inner {
    -ms-flex-order: 2;
        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 {
    -ms-flex-order: 1;
        order: 1;
  }
}

body.lp-theme--004 .lp__content-box {
  padding: 16px;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (min-width: 768px) {
  body.lp-theme--004 .lp__content-box {
    padding: 48px;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        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;
  -ms-flex-order: 2;
      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: #232323;
  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: #a3a3a3;
    top: 2px;
  }
}

body.lp-theme--004 .lp__content-box__description {
  -ms-flex-order: 3;
      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: #a3a3a3;
  color: #888;
  text-align: center;
  -ms-flex-order: 4;
      order: 4;
  max-width: 400px;
}

body.lp-theme--004 .lp__content-box__img {
  -ms-flex-order: 1;
      order: 1;
  border: 8px solid #fff;
  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;
  -ms-transform: translatex(-16px);
      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 #fff;
    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: #a3a3a3;
  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: #fff;
  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: #fff 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: #a3a3a3;
    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: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  color: #888;
  -ms-flex-pack: justify;
      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: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  border: 2px solid #fff;
}

@media screen and (min-width: 768px) {
  body.lp-theme--004 .lp__blockquote-avatar {
    -ms-flex-preferred-size: 50%;
        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: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

body.lp-theme--004 .lp__icon-group__item {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  background: #fff;
  min-height: 80px;
  padding: 16px 24px;
}

@media screen and (min-width: 768px) {
  body.lp-theme--004 .lp__icon-group__item {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    -ms-flex-positive: 1;
        flex-grow: 1;
  }
}

@media screen and (min-width: 1280px) {
  body.lp-theme--004 .lp__icon-group__item {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
  }
}

body.lp-theme--004 .lp__icon-group__item:before {
  content: '';
  position: absolute;
  display: block;
  height: 64px;
  width: 64px;
  left: 16px;
  background: #a3a3a3;
  z-index: 1;
}

body.lp-theme--004 .lp__icon-group__icon {
  position: relative;
  z-index: 22;
  font-size: 24px;
  color: #fff;
  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: #232323;
  padding-left: 8px;
  font-weight: bold;
  letter-spacing: 1px;
  top: calc(50% - 9px);
}

body.lp-theme--004 .lp__stats {
  background: #fff;
  -ms-flex-pack: center;
      justify-content: center;
}

@media screen and (min-width: 768px) {
  body.lp-theme--004 .lp__stats {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

body.lp-theme--004 .lp__stat--single {
  background: #888;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: start;
      justify-content: flex-start;
  padding: 48px;
  position: relative;
}

@media screen and (min-width: 768px) {
  body.lp-theme--004 .lp__stat--single {
    -ms-flex-preferred-size: calc(50% - 32px);
        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 {
    -ms-flex-preferred-size: calc(25% - 32px);
        flex-basis: calc(25% - 32px);
    min-width: calc(25% - 32px);
  }
}

body.lp-theme--004 .lp__stat--single__title {
  color: #fff;
  -ms-flex-order: 1;
      order: 1;
  font-size: 18px;
  text-transform: uppercase;
  position: relative;
  z-index: 10;
}

body.lp-theme--004 .lp__stat--single__value {
  color: #fff;
  -ms-flex-order: 2;
      order: 2;
  font-size: 42px;
  font-family: "Prata", serif;
  position: relative;
  z-index: 10;
}

body.lp-theme--004 .lp__stat--single__icon {
  color: #a3a3a3;
  -ms-flex-order: 4;
      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: #fff;
  -ms-flex-order: 3;
      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: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

@media screen and (min-width: 768px) {
  body.lp-theme--004 .lp__steps {
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: center;
        justify-content: center;
  }
}

body.lp-theme--004 .lp__step--single {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding: 0;
  -ms-flex-align: center;
      align-items: center;
}

@media screen and (min-width: 768px) {
  body.lp-theme--004 .lp__step--single {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    min-width: 50%;
    -ms-flex-positive: 1;
        flex-grow: 1;
  }
}

@media screen and (min-width: 1024px) {
  body.lp-theme--004 .lp__step--single {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    min-width: 25%;
  }
}

body.lp-theme--004 .lp__step--single:nth-of-type(1) {
  background: #a3a3a3;
}

body.lp-theme--004 .lp__step--single:nth-of-type(1) .lp__step--single__number {
  background: #a3a3a3;
  color: #fff;
}

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: #a3a3a3;
}

body.lp-theme--004 .lp__step--single:nth-of-type(2) {
  background: #a3a3a3;
}

body.lp-theme--004 .lp__step--single:nth-of-type(2) .lp__step--single__number {
  background: #888;
  color: #a3a3a3;
}

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: #a3a3a3;
}

body.lp-theme--004 .lp__step--single:nth-of-type(3) {
  background: #fff;
}

body.lp-theme--004 .lp__step--single:nth-of-type(3) .lp__step--single__number {
  background: #a3a3a3;
  color: #888;
}

body.lp-theme--004 .lp__step--single:nth-of-type(3) .lp__step--single__description {
  color: #fff;
}

body.lp-theme--004 .lp__step--single:nth-of-type(3) .lp__step--single__description:first-letter {
  color: #a3a3a3;
}

body.lp-theme--004 .lp__step--single:nth-of-type(4) {
  background: #232323;
}

body.lp-theme--004 .lp__step--single:nth-of-type(4) .lp__step--single__number {
  background: #a3a3a3;
  color: #a3a3a3;
}

body.lp-theme--004 .lp__step--single:nth-of-type(4) .lp__step--single__description {
  color: #fff;
}

body.lp-theme--004 .lp__step--single:nth-of-type(4) .lp__step--single__description:first-letter {
  color: #a3a3a3;
}

body.lp-theme--004 .lp__step--single:nth-of-type(8) {
  background: #a3a3a3;
}

body.lp-theme--004 .lp__step--single:nth-of-type(8) .lp__step--single__number {
  background: #a3a3a3;
  color: #fff;
}

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: #a3a3a3;
}

body.lp-theme--004 .lp__step--single:nth-of-type(7) {
  background: #a3a3a3;
}

body.lp-theme--004 .lp__step--single:nth-of-type(7) .lp__step--single__number {
  background: #888;
  color: #a3a3a3;
}

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: #a3a3a3;
}

body.lp-theme--004 .lp__step--single:nth-of-type(6) {
  background: #fff;
}

body.lp-theme--004 .lp__step--single:nth-of-type(6) .lp__step--single__number {
  background: #a3a3a3;
  color: #888;
}

body.lp-theme--004 .lp__step--single:nth-of-type(6) .lp__step--single__description {
  color: #fff;
}

body.lp-theme--004 .lp__step--single:nth-of-type(6) .lp__step--single__description:first-letter {
  color: #a3a3a3;
}

body.lp-theme--004 .lp__step--single:nth-of-type(5) {
  background: #232323;
}

body.lp-theme--004 .lp__step--single:nth-of-type(5) .lp__step--single__number {
  background: #a3a3a3;
  color: #a3a3a3;
}

body.lp-theme--004 .lp__step--single:nth-of-type(5) .lp__step--single__description {
  color: #fff;
}

body.lp-theme--004 .lp__step--single:nth-of-type(5) .lp__step--single__description:first-letter {
  color: #a3a3a3;
}

body.lp-theme--004 .lp__step--single__number {
  width: 64px;
  height: 64px;
  line-height: 64px;
  font-size: 36px;
  background: #888;
  color: #fff;
  text-align: center;
  -ms-flex-item-align: start;
      align-self: flex-start;
  margin-bottom: 48px;
}

body.lp-theme--004 .lp__step--single__title {
  margin: 0;
  -ms-flex-item-align: start;
      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: #fff;
}

body.lp-theme--004 .lp__social__title {
  padding: 24px;
  background: #fff;
  color: #fff;
}

body.lp-theme--004 .lp__social__list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: center;
      justify-content: center;
}

body.lp-theme--004 .lp__social__link {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding: 20px 16px 16px 16px;
  -ms-flex-align: center;
      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: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
}

body.lp-theme--004 .lp__footer__heading-title {
  font-size: 18px;
  text-transform: uppercase;
  color: #a3a3a3;
  font-weight: normal;
}

body.lp-theme--004 .lp__footer__heading-link {
  background: none;
  border: 1px solid #fff;
  color: #fff;
}

body.lp-theme--004 .lp__footer__lists {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 0px 8px 24px 8px;
}

body.lp-theme--004 .lp__footer__list-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding: 16px 24px;
}

body.lp-theme--004 .lp__footer__list-title {
  color: #fff;
  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: #fff;
  z-index: -1;
}

body.lp-theme--004 .lp__footer__list {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

body.lp-theme--004 .lp__footer__list-item {
  padding: 4px 0px;
}

body.lp-theme--004 .lp__footer__list-link {
  color: #fff;
}

body.lp-theme--004 .lp__footer__copyright {
  background: #fff;
  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: #fff;
  }
}

@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: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: center;
        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: #707070;
  box-shadow: none;
}

body.lp-theme--005 .header--landing-page--002 .btn--menu {
  color: #fff;
}

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: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  height: 100%;
  -ms-flex-align: center;
      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: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: 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: #fff;
  font-weight: 400;
}

body.lp-theme--005 .lp__hero-action:hover {
  background: #888;
  color: #fff;
}

body.lp-theme--005 .lp__content-box.no--img {
  -ms-flex-pack: center;
      justify-content: center;
}

@media screen and (min-width: 768px) {
  body.lp-theme--005 .lp__content-box.no--img .lp__content-box__inner {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
}

@media screen and (min-width: 768px) {
  body.lp-theme--005 .lp__content-box.alt-view .lp__content-box__inner {
    -ms-flex-order: 2;
        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 {
    -ms-flex-order: 1;
        order: 1;
  }
}

body.lp-theme--005 .lp__content-box {
  padding: 16px;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (min-width: 768px) {
  body.lp-theme--005 .lp__content-box {
    padding: 48px;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        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;
  -ms-flex-order: 1;
      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 {
  -ms-flex-order: 3;
      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: #a3a3a3;
  text-align: center;
  -ms-flex-order: 4;
      order: 4;
  max-width: 400px;
  font-weight: 800;
}

body.lp-theme--005 .lp__content-box__img {
  -ms-flex-order: 2;
      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;
  -ms-transform: translatex(-16px);
      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: #a3a3a3;
}

@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: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
}

@media screen and (min-width: 768px) {
  body.lp-theme--005 .lp__blockquote {
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    -ms-flex-align: center;
        align-items: center;
  }
}

body.lp-theme--005 .lp__blockquote__quote {
  margin-bottom: 0;
  padding: 24px;
  background: #a3a3a3;
  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: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column-reverse;
      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: #fff;
  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(163, 163, 163, 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: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: 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(163, 163, 163, 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(163, 163, 163, 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 {
  -ms-flex-positive: 1;
      flex-grow: 1;
}

body.lp-theme--005 .lp__content.is--002 .lp__icon-group__item {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

@media screen and (min-width: 500px) {
  body.lp-theme--005 .lp__content.is--002 .lp__icon-group__item {
    -ms-flex-positive: 1;
        flex-grow: 1;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    -ms-flex-preferred-size: initial;
        flex-basis: initial;
  }
}

body.lp-theme--005 .lp__content.is--003 .lp__icon-group__item {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

@media screen and (min-width: 600px) {
  body.lp-theme--005 .lp__content.is--003 .lp__icon-group__item {
    -ms-flex-positive: 1;
        flex-grow: 1;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    -ms-flex-preferred-size: initial;
        flex-basis: initial;
  }
}

body.lp-theme--005 .lp__content.is--004 .lp__icon-group__item {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

@media screen and (min-width: 500px) {
  body.lp-theme--005 .lp__content.is--004 .lp__icon-group__item {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
}

@media screen and (min-width: 768px) {
  body.lp-theme--005 .lp__content.is--004 .lp__icon-group__item {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
  }
}

body.lp-theme--005 .lp__content.is--005 .lp__icon-group__item {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

@media screen and (min-width: 500px) {
  body.lp-theme--005 .lp__content.is--005 .lp__icon-group__item {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    -ms-flex-positive: 1;
        flex-grow: 1;
  }
}

@media screen and (min-width: 768px) {
  body.lp-theme--005 .lp__content.is--005 .lp__icon-group__item {
    -ms-flex-preferred-size: initial;
        flex-basis: initial;
  }
}

body.lp-theme--005 .lp__content.is--006 .lp__icon-group__item {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

@media screen and (min-width: 500px) {
  body.lp-theme--005 .lp__content.is--006 .lp__icon-group__item {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    -ms-flex-positive: 1;
        flex-grow: 1;
  }
}

@media screen and (min-width: 768px) {
  body.lp-theme--005 .lp__content.is--006 .lp__icon-group__item {
    -ms-flex-preferred-size: 33%;
        flex-basis: 33%;
  }
}

body.lp-theme--005 .lp__content.is--007 .lp__icon-group__item {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

@media screen and (min-width: 500px) {
  body.lp-theme--005 .lp__content.is--007 .lp__icon-group__item {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    -ms-flex-positive: 1;
        flex-grow: 1;
  }
}

@media screen and (min-width: 768px) {
  body.lp-theme--005 .lp__content.is--007 .lp__icon-group__item {
    -ms-flex-preferred-size: 33%;
        flex-basis: 33%;
  }
}

@media screen and (min-width: 1024px) {
  body.lp-theme--005 .lp__content.is--007 .lp__icon-group__item {
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
  }
}

body.lp-theme--005 .lp__content.is--008 .lp__icon-group__item {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

@media screen and (min-width: 500px) {
  body.lp-theme--005 .lp__content.is--008 .lp__icon-group__item {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
}

@media screen and (min-width: 768px) {
  body.lp-theme--005 .lp__content.is--008 .lp__icon-group__item {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
  }
}

body.lp-theme--005 .lp__icon-group__list {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: start;
      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: #a3a3a3;
    top: calc(100%);
  }
}

body.lp-theme--005 .lp__icon-group__item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-preferred-size: 50%;
      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 {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    min-width: 25%;
    padding: 48px 0px;
    background: none !important;
  }
}

body.lp-theme--005 .lp__icon-group__icon {
  background: #a3a3a3;
  color: #fff;
  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: #fff;
  -ms-flex-pack: center;
      justify-content: center;
}

@media screen and (min-width: 768px) {
  body.lp-theme--005 .lp__stats {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

body.lp-theme--005 .lp__stat--single {
  padding: 48px 16px 48px 16px;
  background: #888;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      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 {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    min-width: 50%;
    padding: 48px 48px 48px 48px;
    -ms-flex-positive: 1;
        flex-grow: 1;
  }
}

@media screen and (min-width: 1280px) {
  body.lp-theme--005 .lp__stat--single {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    min-width: 25%;
  }
}

body.lp-theme--005 .lp__stat--single__title {
  color: #fff;
  font-size: 24px;
  margin-bottom: 0;
  font-family: "Raleway", sans-serif;
  line-height: 36px;
  text-transform: uppercase;
  -ms-flex-order: 2;
      order: 2;
  letter-spacing: 1px;
}

body.lp-theme--005 .lp__stat--single__value {
  font-family: "Raleway", sans-serif;
  font-size: 32px;
  font-weight: 900;
  -ms-flex-order: 4;
      order: 4;
  color: #fff;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  min-width: 100%;
  text-align: right;
}

body.lp-theme--005 .lp__stat--single__icon {
  color: #a3a3a3;
  font-size: 32px;
  -ms-flex-order: 1;
      order: 1;
  margin-right: 8px;
}

body.lp-theme--005 .lp__stat--single__description {
  color: #fff;
  font-size: 18px;
  line-height: 27px;
  -ms-flex-order: 3;
      order: 3;
  font-family: "Oswald", sans-serif;
  text-transform: uppercase;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  min-width: 100%;
  padding-top: 24px;
}

body.lp-theme--005 .lp__steps {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

@media screen and (min-width: 768px) {
  body.lp-theme--005 .lp__steps {
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-wrap: wrap;
        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 {
    -ms-flex-preferred-size: 100%;
        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: #a3a3a3;
}

@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: #a3a3a3;
  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: #a3a3a3;
  }
}

@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: #fff;
}

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: #a3a3a3;
  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: #a3a3a3;
  }
}

@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: #a3a3a3;
}

body.lp-theme--005 .lp__step--single:nth-of-type(3) {
  background: #fff;
}

@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: #fff;
  background: #888;
}

@media screen and (min-width: 768px) {
  body.lp-theme--005 .lp__step--single:nth-of-type(3) .lp__step--single__number {
    color: #fff;
    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: #fff;
}

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: #fff;
  }
}

body.lp-theme--005 .lp__step--single:nth-of-type(4) .lp__step--single__number {
  color: #a3a3a3;
  background: #fff;
}

@media screen and (min-width: 768px) {
  body.lp-theme--005 .lp__step--single:nth-of-type(4) .lp__step--single__number {
    color: #a3a3a3;
    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: #fff;
}

body.lp-theme--005 .lp__step--single:nth-of-type(4) .lp__step--single__description:first-letter {
  color: #a3a3a3;
}

body.lp-theme--005 .lp__step--single:nth-of-type(8) {
  background: #a3a3a3;
}

@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: #a3a3a3;
  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: #a3a3a3;
  }
}

@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: #fff;
}

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: #a3a3a3;
  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: #a3a3a3;
  }
}

@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: #a3a3a3;
}

body.lp-theme--005 .lp__step--single:nth-of-type(6) {
  background: #fff;
}

@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: #fff;
  background: #888;
}

@media screen and (min-width: 768px) {
  body.lp-theme--005 .lp__step--single:nth-of-type(6) .lp__step--single__number {
    color: #fff;
    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: #fff;
}

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: #fff;
  }
}

body.lp-theme--005 .lp__step--single:nth-of-type(5) .lp__step--single__number {
  color: #a3a3a3;
  background: #fff;
}

@media screen and (min-width: 768px) {
  body.lp-theme--005 .lp__step--single:nth-of-type(5) .lp__step--single__number {
    color: #a3a3a3;
    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: #fff;
}

body.lp-theme--005 .lp__step--single:nth-of-type(5) .lp__step--single__description:first-letter {
  color: #a3a3a3;
}

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: #fff;
}

body.lp-theme--005 .lp__social__title {
  padding: 24px;
  background: rgba(0, 0, 0, 0.2);
  color: #fff;
}

body.lp-theme--005 .lp__social__list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: center;
      justify-content: center;
}

body.lp-theme--005 .lp__social__link {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding: 20px 16px 16px 16px;
  -ms-flex-align: center;
      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: #a3a3a3;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: 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: #a3a3a3;
  font-weight: bold;
}

body.lp-theme--005 .lp__footer__lists {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 24px 8px;
}

body.lp-theme--005 .lp__footer__list-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  padding: 16px 24px;
}

body.lp-theme--005 .lp__footer__list-title {
  font-weight: 900;
  font-size: 24px;
  color: #fff;
  text-transform: uppercase;
}

body.lp-theme--005 .lp__footer__list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

body.lp-theme--005 .lp__footer__list-item {
  padding: 4px 0px;
}

body.lp-theme--005 .lp__footer__list-link {
  color: #fff;
}

body.lp-theme--005 .lp__footer__copyright {
  background: #a3a3a3;
  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: #707070;
  }
}

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: #fff;
}

body.is--my-account .nav__list {
  display: -ms-flexbox;
  display: flex;
  list-style-type: none;
  margin: 0 !important;
  padding: 0 !important;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (min-width: 769px) {
  body.is--my-account .nav__list {
    display: -ms-flexbox;
    display: flex;
    list-style-type: none;
    margin: 0 !important;
    padding: 0 !important;
  }
}

body.is--my-account .nav__list.is--child {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      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: -ms-flexbox;
  display: flex;
}

body.is--my-account .nav__list ul {
  min-width: 150px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      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: -ms-flexbox;
  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 #FFA800;
}

@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: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      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 {
  -ms-transform: translateY(2px);
      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: #3D8629 !important;
  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 {
  -ms-transform: rotate(0deg);
      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 {
  -ms-transform: rotate(0deg);
      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 {
  -ms-transform: rotate(180deg);
      transform: rotate(180deg);
  transition: all 300ms ease;
  color: #3D8629;
}

body.is--my-account li.nav__list-item.is--parent.is--expanded > button:focus {
  -ms-transform: rotate(180deg);
      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: #3D8629;
  transition: all 250ms ease;
  border-radius: 2px;
  -ms-transform: translateX(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);
  -ms-transform: translateX(-22px);
      transform: translateX(-22px);
  transition: all 250ms ease;
}

body.is--my-account .lvItem a.editMode {
  -ms-transform: translateX(0px);
      transform: translateX(0px);
  transition: all 250ms ease;
  width: calc(100% - 22px);
}

body.is--my-account .lvEdit {
  padding: 0 6px;
  -ms-transform: scale(0);
      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 {
  -ms-transform: scale(1);
      transform: scale(1);
  opacity: 1;
  transition: all 250ms cubic-bezier(0.25, 0.1, 0.75, 2.5);
}

body.is--my-account .removeItem {
  -ms-transform: translateX(50px);
      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;
  -ms-transform: translateX(0);
      transform: translateX(0);
  opacity: 1;
  transition: all 250ms ease;
}

body.is--my-account .noLv.hasLv {
  -ms-transform: translateX(0px);
      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;
  }
}

.has--impersonator-message::after {
  pointer-events: none;
  width: 300px;
  height: 16px;
  font-weight: bold;
  background: red;
  color: white;
  position: fixed;
  -ms-transform: translateY(-16px);
      transform: translateY(-16px);
  left: calc(50% - 150px);
  text-align: center;
  top: 0;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  box-shadow: 0px -8px 16px 8px rgba(0, 0, 0, 0.3);
  transition: all 0.3s ease 0s;
  font-size: 12px;
  line-height: 16px;
}

.sticky .has--impersonator-message::after {
  -ms-transform: translateY(0);
      transform: translateY(0);
}

.header--impersonator-overlay {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      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%;
    -ms-flex-pack: distance-between;
        justify-content: distance-between;
  }
}

@media screen and (max-width: 768px) {
  .resume-builder__resume-btns .hide--btn-text {
    display: none;
  }
}

.resume-builder__resume-controls {
  display: -ms-flexbox;
  display: flex;
  padding: 0 16px;
  height: 44px;
  -ms-transform: translatey(-180px);
      transform: translatey(-180px);
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      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;
  -ms-transform: translatey(-44px);
      transform: translatey(-44px);
  transition: all 400ms ease-in-out;
  pointer-events: auto;
}

@media screen and (min-width: 700px) {
  .resume-builder__resume-controls.is--visible {
    -ms-transform: translateY(-90px);
        transform: translateY(-90px);
  }
}

@media screen and (min-width: 1024px) {
  .resume-builder__resume-controls.sticky {
    position: fixed;
    top: 0;
    -ms-transform: translatey(0px);
        transform: translatey(0px);
    left: 0;
    right: 0;
    background: #232323;
    border-bottom: 8px solid #3D8629;
    box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.1);
  }
}

.resume-edit.is--visible {
  -ms-transform: translatex(0%);
      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;
  -ms-transform: translatex(-100%);
      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: #fff;
  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: #232323 !important;
  transition: all 300ms ease-in-out;
}

.hero--catalogue--title {
  transition: all 400ms ease-in-out;
}

.hero--catalogue--title.is--hidden {
  -ms-transform: translatey(-120px);
      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;
  -ms-transform: translateY(-24px);
      transform: translateY(-24px);
}

.resume-file-name.is--visible {
  opacity: 1;
  transition: all 400ms ease-in-out;
  pointer-events: auto;
  -ms-transform: translateY(-64px);
      transform: translateY(-64px);
}

.resume-file-name--alt {
  color: #fff;
  display: none;
}

@media screen and (min-width: 1024px) {
  .resume-file-name--alt.sticky {
    display: -ms-flexbox;
    display: flex;
  }
}

.catalogue-search__form {
  -ms-transform: translatey(0px);
      transform: translatey(0px);
  opacity: 1;
  transition: all 400ms ease-in-out;
}

.catalogue-search__form.is--hidden {
  -ms-transform: translatey(-90px);
      transform: translatey(-90px);
  opacity: 0;
  transition: all 400ms ease-in-out;
  pointer-events: none;
}

.card--resume__container {
  min-width: 100%;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  width: 100%;
}

@media screen and (min-width: 500px) {
  .card--resume__container {
    width: 210px;
    min-width: auto;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
}

.card--resume {
  width: 100%;
  height: 300px;
  background: #fff;
  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: #3D8629;
  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: #fff;
}

.card--resume__controls {
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 34px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      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: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
  -ms-flex-pack: end;
      justify-content: flex-end;
  border-radius: 4px;
  margin-right: 0px;
  margin-bottom: 16px;
  -ms-flex-preferred-size: calc(100%);
      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 {
    -ms-flex-preferred-size: calc(50% - 8px);
        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 {
    -ms-flex-preferred-size: calc(20% - 16px);
        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 {
  -ms-transform: scale(1.2);
      transform: scale(1.2);
  transition: transform 300ms ease-out;
}

.resume-stat .graph {
  -ms-transform: scale(1);
      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: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        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: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
  -ms-flex-align: baseline;
      align-items: baseline;
  border-radius: 4px;
  z-index: 999;
  background: none;
  -ms-transform: scale(1);
      transform: scale(1);
  transition: transform 200ms ease;
}

.resume-stat--single:hover, .resume-stat--single:focus {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
  transition: transform 250ms ease;
}

.resume-stat--single:hover .resume-stat--single__value, .resume-stat--single:focus .resume-stat--single__value {
  -ms-transform: scale(1.3);
      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;
  -ms-transform: scale(1);
      transform: scale(1);
  transition: all 250ms ease;
}

.resume-stat--single__label {
  margin-top: 0 !important;
  margin-left: 8px;
  font-size: 18px;
  color: #666;
  -ms-transform: translateY(-4px);
      transform: translateY(-4px);
  transition: all 250ms ease;
}

.resume-controls__stat-btn {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
  -ms-flex-align: center;
      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;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: 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: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding-left: 24px;
  margin: 0;
}

@media screen and (max-width: 768px) {
  .heading--config {
    font-size: 14px;
    width: calc(100% - 60px + 32px);
    -ms-transform: translate(-16px, -24px);
        transform: translate(-16px, -24px);
  }
}

@media screen and (max-width: 768px) and (max-width: 1023px) {
  .heading--config {
    font-size: 16px;
    width: calc(100% - 60px + 48px);
    -ms-transform: translate(-24px, -24px);
        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: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: 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) {
  -ms-flex-preferred-size: 0;
      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;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-direction: column;
      flex-direction: column;
}

@media screen and (max-width: 768px) {
  .dashboard-header {
    padding: 16px 8px !important;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    padding-bottom: calc(60px - 8px) !important;
    min-height: 25vh;
    height: auto;
  }
}

@media screen and (min-width: 769px) {
  .dashboard-header {
    -ms-flex-direction: row;
        flex-direction: row;
  }
}

@media screen and (min-width: 769px) {
  .dashboard-header > div {
    -ms-transform: translatey(-30px);
        transform: translatey(-30px);
  }
}

@media screen and (max-width: 768px) {
  .dashboard-header__title-container {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
}

@media screen and (max-width: 768px) {
  .dashboard-header__widget {
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
}

@media screen and (max-width: 768px) {
  .dashboard-header__widget-container {
    width: 100%;
  }
}

.dashboard-header__widget-single {
  min-width: 100px;
  -ms-flex-preferred-size: 30%;
      flex-basis: 30%;
  background: #333;
  padding: 16px;
  border-radius: 4px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column-reverse;
      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 {
  -ms-flex-pack: start;
      justify-content: flex-start;
}

@media screen and (min-width: 769px) {
  .dashboard-header__container--secondary > div {
    -ms-flex-pack: end;
        justify-content: flex-end;
  }
}

.WIL-Finder {
  background: #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: #232323;
}

.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: #fff;
  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: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  padding: 24px 48px;
}

.post-reach {
  padding: 0px 8px;
  position: fixed;
  bottom: 34px;
  width: 100%;
}

.conversational-filter__controls__question-number {
  display: -ms-flexbox;
  display: flex;
  width: 128px;
  background: #888;
  height: 96px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: 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: #232323;
  background: #00C9FF;
  /* fallback for old browsers */
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #232323, #3D8629);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  background: #FC466B;
  /* fallback for old browsers */
  /* 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;
  -webkit-animation-duration: 2000ms;
          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: #232323;
  padding: 48px;
  border-radius: 8px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-direction: column;
      flex-direction: column;
  margin: 0px 16px 16px 0px;
  -ms-flex-align: center;
      align-items: center;
  -ms-transform: scale(1);
      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 {
  -ms-transform: scale(0.75);
      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;
  /* FF3.6-15 */
  /* 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 {
  -ms-transform: scale(1.5);
      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%;
    -ms-transform: translateY(60px);
        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%;
    -ms-transform: translateY(60px);
        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%;
    -ms-transform: translateY(60px);
        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%;
    -ms-transform: translateY(60px);
        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%;
    -ms-transform: translateY(60px);
        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 {
    -ms-transform: translateY(-60px);
        transform: translateY(-60px);
    transition: all 400ms ease;
  }
}

@media only screen and (max-width: 768px) {
  body.is--wizard .header.is--revealed .btn--user {
    -ms-transform: translateY(0px);
        transform: translateY(0px);
    transition: all 300ms ease;
  }
}

@media only screen and (max-width: 768px) {
  body.is--wizard .header.is--revealed .btn--recent {
    -ms-transform: translateY(0px);
        transform: translateY(0px);
    transition: all 300ms ease;
  }
}

@media only screen and (max-width: 768px) {
  body.is--wizard .header.is--revealed .btn--search--header {
    -ms-transform: translateY(0px);
        transform: translateY(0px);
    transition: all 300ms ease;
  }
}

@media screen and (min-width: 1024px) {
  body.is--wizard .header.is--revealed {
    -ms-transform: translateY(0px);
        transform: translateY(0px);
    background: #514b76;
    transition: all 200ms ease;
  }
}

@media screen and (min-width: 1024px) {
  body.is--wizard .sidebar--fixed {
    -ms-transform: translate(-60px, 100%);
        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 {
    -ms-transform: translateY(0px);
        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 {
    -ms-transform: translateY(0px);
        transform: translateY(0px);
    transition: all 300ms ease;
  }
}

@media screen and (min-width: 1024px) {
  body.is--wizard .sidebar--fixed.is--revealed {
    -ms-transform: translateX(0px);
        transform: translateX(0px);
    background: #514b76;
    opacity: 1;
    transition: all 200ms ease;
  }
}

.wizard__title--mobile {
  position: fixed;
  display: -ms-flexbox;
  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: #fff;
  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: #fff;
}

.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: #fff;
  border-radius: 0;
  height: 34px;
}

.wizard__nav--mobile .select .select__arrow {
  border-color: #fff transparent transparent transparent;
}

.wizard__nav--mobile .wizard__progress {
  position: fixed;
  bottom: 0;
  left: 60px;
  right: 0;
  height: 60px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      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 {
  -ms-flex-direction: row;
      flex-direction: row;
}

.wizard__nav--mobile .wizard__progress-list__item {
  -ms-flex-direction: column;
      flex-direction: column;
  font-size: 0px;
  color: #fff;
  position: relative;
  font-weight: bold;
  margin-bottom: 0;
  height: 44px;
  -ms-flex-pack: center;
      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: -ms-flexbox;
  display: flex;
  padding: 8px;
  background: rgba(0, 0, 0, 0.3);
  color: #fff;
}

.btn--open--wizard--nav--mobile i.material-icons {
  -ms-transform: rotate(90deg);
      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;
  -ms-transform: translatey(-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: #fff;
  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;
  -ms-transform: scale(1);
      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: -ms-inline-flexbox;
  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: #3D8629;
}

.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: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  padding: 0;
  -ms-flex-direction: column;
      flex-direction: column;
}

@media screen and (min-width: 1024px) {
  .wizard__progress-list {
    padding: 0;
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

.wizard__progress-list__item.is--complete {
  color: #3D8629;
}

.wizard__progress-list__item.is--complete::before {
  background-image: linear-gradient(to right, #3D8629, #fff);
  background-image: linear-gradient(#3D8629, #fff);
}

@media screen and (min-width: 1024px) {
  .wizard__progress-list__item.is--complete::before {
    background-image: linear-gradient(#3D8629, #fff);
  }
}

.wizard__progress-list__item.is--active {
  color: #fff;
  font-style: italic;
}

.wizard__progress-list__item.is--active::before {
  background: -webkit-gradient(top, bottom, color-stop(0%, white), color-stop(100%, rgba(255, 255, 255, 0.5)));
  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 {
  -ms-flex-direction: column;
      flex-direction: column;
  font-size: 0px;
  color: #fff;
  position: relative;
  font-weight: bold;
  margin-bottom: 0;
  height: 44px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-direction: row;
      flex-direction: row;
  font-size: 16px;
  margin-bottom: 32px;
  height: auto;
  -ms-flex-pack: start;
      justify-content: flex-start;
}

@media screen and (min-width: 1024px) {
  .wizard__progress-list__item {
    -ms-flex-direction: row;
        flex-direction: row;
    font-size: 16px;
    margin-bottom: 32px;
    height: auto;
    -ms-flex-pack: start;
        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: #fff;
}

.wizard__progress-list a {
  color: #fff;
}

.wizard__progress-list a:hover {
  -ms-transform: scale(1.5);
      transform: scale(1.5);
  -ms-transform-origin: center;
      transform-origin: center;
  transition: transform 300ms ease;
}

.dashboard-header.is--profile {
  min-height: 420px;
  -ms-flex-pack: center;
      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: #fff !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 {
  -ms-transform: rotate(90deg);
      transform: rotate(90deg);
  transition: all 300ms ease;
}

@media screen and (min-width: 1024px) {
  .btn--open--left-toolbar.left-menu--is--visible {
    left: 68px;
    -ms-transform: rotate(0deg);
        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: #fff !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 {
    -ms-flex-direction: column;
        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: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: 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 {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}

.list-card__content-container {
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: calc(100% - 120px);
  -ms-flex-align: center;
      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: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

.list-card__type.is--status {
  border-top: 4px solid;
}

.list-card__type.is--status.is--status--warning {
  border-color: #FFA800;
}

.list-card__type.is--status.is--status--success {
  border-color: #3D8629;
}

.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 {
  -ms-transform: translateY(-8px);
      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 {
    -ms-transform: translateY(0px);
        transform: translateY(0px);
  }
}

.count--mini {
  position: absolute;
  top: -2px;
  right: -2px;
  padding: 4px;
  background: red;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: 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: #232323;
}

.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 #232323;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      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: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.submit-forgot-password * {
  margin-bottom: 16px;
}

@media screen and (min-width: 700px) {
  .submit-forgot-password {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
  }
  .submit-forgot-password * {
    margin-bottom: 16px;
  }
}

main.is--logged-in .dashboard-header--mini {
  width: auto;
  -ms-transform: none;
      transform: none;
}

.dashboard-header--mini {
  min-height: 144px;
  background: #232323;
  width: calc(100% + 16px);
  -ms-transform: translate(-8px, -8px);
      transform: translate(-8px, -8px);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: 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: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      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: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 8px;
  border-left: 8px solid #232323;
}

.card--simple-select__link {
  color: #f1f1f1;
  font-weight: bold;
}

.card--simple-select__button {
  background: #232323;
  color: #f1f1f1;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  width: 64px;
  -ms-flex-pack: center;
      justify-content: center;
}

.sidebar-hero-header {
  width: calc(100% + 32px);
  -ms-transform: translatex(-16px);
      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: #232323;
  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 {
    -ms-flex-direction: row;
        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 {
  -ms-transform: translateX(-16px);
      transform: translateX(-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: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  width: 100%;
}

@media screen and (min-width: 769px) {
  .ui--user-profile-header {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
  }
  .ui--user-profile-header .dashboard-header__container--primary {
    -ms-flex-positive: 1 !important;
        flex-grow: 1 !important;
    max-width: 75% !important;
    overflow: hidden;
  }
  .ui--user-profile-header .dashboard-header__container--secondary {
    max-width: 400px !important;
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
  }
}

@media screen and (max-width: 768px) {
  .ui--user-profile-header .mobile--align--center {
    -ms-flex-pack: center !important;
        justify-content: center !important;
  }
}

.dashboard-header__profile-widget {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: 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: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  max-width: 160px;
}

.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 {
    -ms-flex-pack: start;
        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: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      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;
  -ms-flex-direction: column;
      flex-direction: column;
}

.nav-group {
  display: -ms-flexbox;
  display: flex;
}

.nav-group.is--horizontal {
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.nav-group.is--vertical {
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-wrap: nowrap;
      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 #232323;
}

.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: -ms-flexbox;
  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;
  -ms-transform: scale(0.75);
      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 {
  -ms-transform: scale(1);
      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: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      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: #fff;
  box-shadow: 0 8px 24px -8px rgba(0, 0, 0, 0.2);
  min-height: 888px;
}

.vc--workspace-item__nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      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: -ms-flexbox;
  display: flex;
  -ms-flex-pack: space-evenly;
      justify-content: space-evenly;
  -ms-flex-align: center;
      align-items: center;
  box-shadow: 0 16px 16px -16px rgba(0, 0, 0, 0.3);
  -ms-transform: translateX(-8px);
      transform: translateX(-8px);
  opacity: 0;
}

.form-page__controls.sticky button:first-of-type {
  width: 32px;
  height: 32px;
  padding: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: 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: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: 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: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: justify;
      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: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      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;
    -ms-flex-order: 3;
        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;
    -ms-flex-order: 3;
        order: 3;
  }
}

.reporting-explorer__toolbar-stats {
  -ms-flex-preferred-size: 100%;
      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;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 0;
}

.reporting-explorer__toolbar-stats--extra .dashboard-item {
  background: none;
  box-shadow: none;
  -ms-flex-preferred-size: auto;
      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%;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 0 16px;
}

.reporting-explorer__toolbar-stats--extra .dashboard-item.is--view-all:hover {
  -ms-transform: scale(1);
      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: -ms-flexbox;
  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 #3D8629;
  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: -ms-flexbox !important;
  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: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      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);
    -ms-transform: translatex(-125%);
        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: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      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;
  -ms-transform: translatex(128px);
      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;
  -ms-transform: translatex(0px);
      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;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: 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: -ms-flexbox;
  display: flex;
}

.reporting-explorer__chart-back i.material-icons {
  color: #f1f1f1;
}

.reporting-explorer__chart-top {
  height: 320px;
  min-height: 320px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 16px;
}

.reporting-explorer__chart-bottom {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.reporting-explorer__chart-bottom__section {
  -ms-flex-order: 2;
      order: 2;
  -ms-transform: translatex(-100%);
      transform: translatex(-100%);
  opacity: 0;
  transition: all 400ms ease;
}

.reporting-explorer__chart-bottom__section.is--visible {
  -ms-transform: translatex(0%);
      transform: translatex(0%);
  opacity: 1;
  -ms-flex-order: 1;
      order: 1;
  transition: all 400ms ease;
  margin-bottom: 24px;
}

.reporting-explorer__chart-bottom p {
  color: #111;
}

.reporting-explorer__chart-list {
  -ms-flex-order: 2;
      order: 2;
  -ms-transform: translatex(-100%);
      transform: translatex(-100%);
  opacity: 0;
  transition: all 400ms ease;
}

.reporting-explorer__chart-list.is--active {
  -ms-flex-order: 1;
      order: 1;
  -ms-transform: translatex(0%);
      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: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-transform: translatex(0px);
      transform: translatex(0px);
  transition: transform 400ms ease, background 400ms ease;
  -ms-flex-order: 1;
      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;
  -ms-transform: translatex(-123%);
      transform: translatex(-123%);
  -ms-flex-order: 2;
      order: 2;
  transition: transform 400ms ease;
}

.reporting-explorer__chart-item.is--hidden * {
  pointer-events: none;
}

.reporting-explorer__chart-item__title {
  height: 48px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 8px 16px;
  background: #333;
  width: calc(100% + 32px);
  -ms-transform: translate(-16px, 0px);
      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 {
  -webkit-animation: none;
          animation: none;
}

.pin.level--02.is--disabled {
  background: rgba(255, 255, 255, 0.5);
}

.pin.level--02.is--disabled ~ .pin-effect {
  -webkit-animation: none;
          animation: none;
}

.pin.level--03.is--disabled {
  background: rgba(255, 255, 255, 0.5);
}

.pin.level--03.is--disabled ~ .pin-effect {
  -webkit-animation: none;
          animation: none;
}

.pin.level--04.is--disabled {
  background: rgba(255, 255, 255, 0.5);
}

.pin.level--04.is--disabled ~ .pin-effect {
  -webkit-animation: none;
          animation: none;
}

.pin.level--05.is--disabled {
  background: rgba(255, 255, 255, 0.5);
}

.pin.level--05.is--disabled ~ .pin-effect {
  -webkit-animation: none;
          animation: none;
}

.pin.level--06.is--disabled {
  background: rgba(255, 255, 255, 0.5);
}

.pin.level--06.is--disabled ~ .pin-effect {
  -webkit-animation: none;
          animation: none;
}

.pin.level--07.is--disabled {
  background: rgba(255, 255, 255, 0.5);
}

.pin.level--07.is--disabled ~ .pin-effect {
  -webkit-animation: none;
          animation: none;
}

.pin.level--08.is--disabled {
  background: rgba(255, 255, 255, 0.5);
}

.pin.level--08.is--disabled ~ .pin-effect {
  -webkit-animation: none;
          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;
  -webkit-animation: pulsate 2s ease-out infinite;
          animation: pulsate 2s ease-out infinite;
}

.pin-effect.level--01 {
  -webkit-animation: pulsate--01 2s ease-out infinite;
          animation: pulsate--01 2s ease-out infinite;
  background: rgba(223, 235, 204, 0.44);
}

.pin-effect.level--02 {
  -webkit-animation: pulsate--02 2s ease-out infinite;
          animation: pulsate--02 2s ease-out infinite;
  background: rgba(187, 220, 205, 0.44);
}

.pin-effect.level--03 {
  -webkit-animation: pulsate--03 2s ease-out infinite;
          animation: pulsate--03 2s ease-out infinite;
  background: rgba(152, 203, 205, 0.44);
}

.pin-effect.level--04 {
  -webkit-animation: pulsate--04 2s ease-out infinite;
          animation: pulsate--04 2s ease-out infinite;
  background: rgba(120, 188, 207, 0.44);
}

.pin-effect.level--05 {
  -webkit-animation: pulsate--05 2s ease-out infinite;
          animation: pulsate--05 2s ease-out infinite;
  background: rgba(97, 168, 202, 0.44);
}

.pin-effect.level--06 {
  -webkit-animation: pulsate--06 2s ease-out infinite;
          animation: pulsate--06 2s ease-out infinite;
  background: rgba(83, 144, 186, 0.44);
}

.pin-effect.level--07 {
  -webkit-animation: pulsate--07 2s ease-out infinite;
          animation: pulsate--07 2s ease-out infinite;
  background: rgba(69, 119, 170, 0.44);
}

.pin-effect.level--08 {
  -webkit-animation: pulsate--08 2s ease-out infinite;
          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: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      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;
}

@-webkit-keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(2);
    opacity: 0;
  }
}

@keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(2);
    opacity: 0;
  }
}

@-webkit-keyframes pulsate--01 {
  0% {
    transform: scale(0.1);
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  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;
  }
}

@-webkit-keyframes pulsate--02 {
  0% {
    transform: scale(0.1);
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    transform: scale(3);
    opacity: 0;
  }
}

@keyframes pulsate--02 {
  0% {
    transform: scale(0.1);
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    transform: scale(3);
    opacity: 0;
  }
}

@-webkit-keyframes pulsate--03 {
  0% {
    transform: scale(0.1);
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    transform: scale(4);
    opacity: 0;
  }
}

@keyframes pulsate--03 {
  0% {
    transform: scale(0.1);
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    transform: scale(4);
    opacity: 0;
  }
}

@-webkit-keyframes pulsate--04 {
  0% {
    transform: scale(0.1);
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    transform: scale(5);
    opacity: 0;
  }
}

@keyframes pulsate--04 {
  0% {
    transform: scale(0.1);
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    transform: scale(5);
    opacity: 0;
  }
}

@-webkit-keyframes pulsate--05 {
  0% {
    transform: scale(0.1);
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    transform: scale(6);
    opacity: 0;
  }
}

@keyframes pulsate--05 {
  0% {
    transform: scale(0.1);
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    transform: scale(6);
    opacity: 0;
  }
}

@-webkit-keyframes pulsate--06 {
  0% {
    transform: scale(0.1);
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    transform: scale(7);
    opacity: 0;
  }
}

@keyframes pulsate--06 {
  0% {
    transform: scale(0.1);
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    transform: scale(7);
    opacity: 0;
  }
}

@-webkit-keyframes pulsate--07 {
  0% {
    transform: scale(0.1);
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    transform: scale(8);
    opacity: 0;
  }
}

@keyframes pulsate--07 {
  0% {
    transform: scale(0.1);
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    transform: scale(8);
    opacity: 0;
  }
}

@-webkit-keyframes pulsate--08 {
  0% {
    transform: scale(0.1);
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    transform: scale(9);
    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 {
  -ms-flex-preferred-size: 48%;
      flex-basis: 48%;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: column;
      flex-direction: column;
  background: rgba(0, 0, 0, 0.8);
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 5%;
  height: 125px;
  color: rgba(255, 255, 255, 0.6);
}

.reporting-explorer__sidebar--node-small--stat-cluster {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-preferred-size: 48%;
      flex-basis: 48%;
  height: 125px;
}

.reporting-explorer__sidebar--node-small--stat {
  font-size: 12px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      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: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.tickers {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-preferred-size: 80%;
      flex-basis: 80%;
  max-width: 80%;
}

.ticker.is--messages .ticker__item {
  border-radius: 0;
}

.ticker.is--deployments .ticker__item > div {
  -ms-flex-align: start;
      align-items: flex-start;
  font-size: inherit;
  -ms-flex-direction: column;
      flex-direction: column;
}

.ticker.is--quad {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.ticker--footer {
  position: fixed;
  height: 10vh;
  background: #222;
  bottom: 0;
  right: 0;
  left: 0;
}

.ticker__container {
  -ms-flex-preferred-size: 50%;
      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: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

.ticker__item > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: 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);
  -ms-flex-preferred-size: 20%;
      flex-basis: 20%;
  min-width: 20%;
}

@-webkit-keyframes ticker {
  0% {
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }
  100% {
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes ticker {
  0% {
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }
  100% {
    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;
  -ms-flex-pack: center;
      justify-content: center;
  font-weight: bold;
  text-transform: uppercase;
}

.deployment__institution__img {
  display: -ms-flexbox;
  display: flex;
}

.deployment__institution__img img {
  width: 200px;
  height: 200px;
  -o-object-fit: contain;
     object-fit: contain;
}

.deployment__institution__name {
  font-size: 2.5vh;
  font-weight: bold;
  line-height: 2.8vh;
}

.deployment__items {
  -ms-flex-pack: center;
      justify-content: center;
}

.deployment__items > button {
  margin-right: 16px;
}

.team-sprints__legend {
  width: 100%;
}

.team-sprints__legend__item {
  display: -ms-flexbox;
  display: flex;
  font-size: 18px;
  font-weight: bold;
  -ms-flex-align: center;
      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: -ms-flexbox;
  display: flex;
  height: 40px;
  width: 100%;
  margin-bottom: 24px;
}

.team-sprints__status__item {
  -ms-flex-preferred-size: 20%;
      flex-basis: 20%;
  min-width: 20%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: 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: -ms-flexbox;
  display: flex;
  width: calc(100% + 32px);
  -ms-transform: translateX(-16px);
      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: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: 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;
  -ms-flex-flow: row;
      flex-flow: row;
  -ms-flex-align: center;
      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;
  -ms-flex-flow: row;
      flex-flow: row;
  -ms-flex-align: center;
      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;
  -ms-flex-flow: row;
      flex-flow: row;
  -ms-flex-align: center;
      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;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-16px, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-16px, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(16px, 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;
  }
}

/* Spiral Robot Overrides  */
.label--is--hijacked [type="radio"]:focus + span:after {
  top: 6px;
}

.label--sr-only {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

body {
  height: auto;
}

main.is--logged-in {
  margin: 0;
  padding: 72px 0 0 0;
}

main.is--logged-in section.dashboard-header::after {
  background-image: none;
  z-index: 0;
}

main.main.is--logged-in section.dashboard-header .status-approved:hover {
  background-color: #1863E8;
}

.flex-basis--30 {
  -ms-flex-preferred-size: 30% !important;
  flex-basis: 30% !important;
}

.btn--menu--circular {
  padding: inherit;
  bottom: 40px;
}

.crd--004 .crd__main {
  top: 30px;
}

.list-card .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) {
  .list-card .crd--more.is--visible {
    left: 0;
  }
}

@media screen and (min-width: 1024px) {
  .list-card .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);
  }
}

.list-card .crd--more {
  background: #fff;
  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;
		} */
}

.list-card .crd--more.is--visible button.btn--close {
  position: fixed;
  top: 6px;
  right: 6px;
}

/* Commenting this out as branding is breaking this style */
/* 
.card--expand__btn--expand {
    color: $black--opaque--50;
}
*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus input:-webkit-autofill {
  border-bottom: none;
}

div ul.TokensContainer,
div.Tokenize ul.Dropdown {
  border: 1px solid #999;
}

@media screen and (max-width: 768px) {
  section.dashboard-header {
    height: auto;
  }
  .dashboard-header__widget-single a > *:not(.dashboard-header__widget-single--mobile) {
    display: none !important;
  }
  .dashboard-header__title-container {
    margin-bottom: 16px;
    text-align: center;
  }
  .dashboard-header__container--primary {
    width: 100%;
  }
  .dashboard-header__widget--primary {
    -ms-flex-pack: center;
    justify-content: center;
  }
  .dashboard-header__widget--primary a {
    margin-bottom: 16px;
  }
  .dashboard-header__widget-single__value,
  .dashboard-header__widget-single__label {
    display: none;
  }
  .dashboard-header__container--secondary ul li {
    margin: 0;
  }
}

.dashboard-header__container--primary, .dashboard-header__container--secondary {
  z-index: 1;
}

@media screen and (max-width: 480px) {
  .dashboard-header__widget--primary {
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .dashboard-header__widget {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .dashboard-header__widget li {
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-preferred-size: 40%;
    flex-basis: 40%;
    margin-top: 16px !important;
  }
}

@media screen and (min-width: 481px) {
  .dashboard-header__widget--primary a {
    margin-right: 16px;
  }
}

.dashboard-header__widget-single--primary {
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}

.dashboard-header__widget--primary {
  display: -ms-flexbox;
  display: flex;
}

.dashboard-header__container--secondary ul li {
  margin-right: 16px;
}

.dashboard-header {
  min-height: 304px;
  width: 100%;
  background: #222;
  background: linear-gradient(to right, #232323, #222);
}

@media screen and (min-width: 1921px) {
  .dashboard-header {
    min-height: 25vh;
  }
}

a.btn--info {
  text-decoration: none;
  outline: none;
  border: none;
  cursor: pointer;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.66);
  font-weight: 600;
  text-transform: uppercase;
}

.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: #fff;
}

.modal__btn--close-posting {
  background: #444;
  color: #fff;
  height: 72px;
  width: 64px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
}

/* LANDING PAGE CSS | landing-page.css  | splash page */
main.c3-main canvas {
  opacity: 0.2;
  position: absolute;
  top: 0;
  width: 100%;
  left: 0;
}

main.c3-main #fusionContainer {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}

.c3-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 72px;
  padding-right: 16px;
  padding-left: 16px;
  z-index: 1000;
  background: #222;
  background: linear-gradient(to right, #444, #222);
  background: #333;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}

.dashboard-header__widget {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}

.c3-header .c3-nav--main {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 1024px) {
  .c3-header .c3-nav--main.is--open {
    right: 0px;
    transition: right 400ms ease-in-out;
  }
}

@media screen and (max-width: 1024px) {
  .c3-header .c3-nav--main {
    position: fixed;
    top: 0;
    padding-top: 60px;
    right: -360px;
    bottom: 0;
    width: 320px;
    background: #222;
    background: linear-gradient(to left, #444, #222);
    transition: right 400ms ease-in-out;
  }
}

@media screen and (min-width: 1024px) {
  .c3-header .c3-nav--main {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

.c3-header .c3-nav--main a {
  color: #fff;
  font-size: 14px;
  text-decoration: none;
  height: 72px;
  padding: 0 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.c3-header .c3-nav--main a:not(.btn--v2) {
  min-height: 72px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.c3-header .c3-nav--main a.is--active {
  border-bottom: 4px solid;
}

.c3-main {
  margin-top: 72px;
}

.c3-section.is--canada {
  padding: 32px 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media screen and (min-width: 1024px) {
  .c3-section.is--canada ~ div {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
}

@media screen and (min-width: 1024px) {
  .c3-section.is--canada {
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

.c3-section.is--canada img.partnership-logo {
  max-width: 100%;
  margin: 24px auto;
}

.c3-section.is--about {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 0px 0px;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media screen and (min-width: 768px) {
  .c3-section.is--about {
    -ms-flex-direction: row;
    flex-direction: row;
    background: #D8D8D8;
    padding: 96px 32px;
    -ms-flex-align: center;
    align-items: center;
  }
}

@media screen and (min-width: 1024px) {
  .c3-section.is--about {
    padding: 128px 64px;
  }
}

@media screen and (min-width: 1440px) {
  .c3-section.is--about {
    padding: 216px 96px;
  }
}

@media screen and (min-width: 1900px) {
  .c3-section.is--about {
    padding: 264px 128px;
  }
}

.c3-section.is--about:nth-of-type(odd) {
  background: none;
}

@media screen and (min-width: 768px) {
  .c3-section.is--about:nth-of-type(odd) {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}

.c3-section.is--about:nth-of-type(odd) .c3-section__pop {
  box-shadow: 16px 16px #777;
}

@media screen and (min-width: 768px) {
  .c3-section.is--about:nth-of-type(odd) .c3-section__pop {
    box-shadow: 24px 24px #005DB3;
  }
}

.c3-section.is--about:nth-of-type(odd) .c3-section__pop ~ div h3 {
  color: #005DB3 !important;
}

.c3-section.is--about.is--canada {
  background: #D8D8D8;
}

.c3-section.is--about.is--canada .c3-section__pop {
  background: #fff;
  box-shadow: 16px 16px #111;
}

.c3-section.is--about.is--rbc {
  background: #EAF6FF;
  color: #005DB3;
}

.c3-section.is--about.is--rbc .c3-section__pop {
  box-shadow: 16px 16px #FDD800;
  background: #005DB3;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 16px;
}

@media screen and (min-width: 768px) {
  .c3-section.is--about.is--rbc .c3-section__pop {
    box-shadow: 24px 24px #FDD800;
  }
}

.c3-section.is--about.is--rbc .c3-section__pop img {
  width: 100%;
  max-width: 288px;
}

.c3-section.is--about.is--rbc h3 {
  color: #005DB3 !important;
}

.c3-section.is--about.is--rbc h3 ~ p {
  color: #505050;
}

.c3-section.is--about h3 {
  color: #111;
  font-size: 48px;
}

.c3-section.is--about p {
  font-size: 32px;
  color: #111;
  line-height: 1.6;
  width: 100%;
  max-width: 800px;
}

.c3-section.is--spotlight {
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 767px) {
  .c3-section.is--spotlight {
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.c3-section.is--spotlight > div {
  padding: 48px;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .c3-section.is--spotlight > div {
    padding: 16px;
  }
}

.c3-section.is--spotlight > div:first-of-type {
  background: #005DB3;
  background: #fff;
}

.c3-section.is--spotlight > div:last-of-type {
  background: #EAF6FF;
  color: #005DB3;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: start;
  align-items: flex-start;
}

.c3-section.is--spotlight p {
  font-size: 24px;
  line-height: 1.8;
}

.c3-section.is--spotlight img {
  max-width: 200px;
}

.c3-section.is--spotlight button {
  background: none;
  padding: 0px 32px;
  color: #005DB3;
  text-decoration: none;
  display: -ms-flexbox;
  display: flex;
  height: 60px;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 30px;
  border: 1px solid #005DB3;
  margin-right: 16px;
}

.c3-section.is--spotlight h1, .c3-section.is--spotlight h2, .c3-section.is--spotlight h3, .c3-section.is--spotlight h4, .c3-section.is--spotlight h5, .c3-section.is--spotlight h6 {
  color: #005DB3;
}

.c3-section.is--spotlight h3 {
  font-size: 36px;
}

.c3-section__pop {
  background: #111;
  padding: 48px 16px;
  box-shadow: 16px 16px #a3a3a3;
}

@media screen and (max-width: 767px) {
  .c3-section__pop {
    width: calc(100% - 16px);
  }
}

@media screen and (min-width: 768px) {
  .c3-section__pop {
    padding: 24px;
    margin-right: 48px;
    box-shadow: 24px 24px #a3a3a3;
  }
}

@media screen and (min-width: 1024px) {
  .c3-section__pop {
    padding: 48px;
  }
}

.c3-section__pop ~ div {
  padding: 32px 16px 48px 16px;
  max-width: 688px;
}

.c3-section__pop ~ div h3 {
  font-size: 18px !important;
  color: #a3a3a3 !important;
}

@media screen and (min-width: 768px) {
  .c3-section__pop ~ div h3 {
    font-size: 24px !important;
  }
}

@media screen and (min-width: 1900px) {
  .c3-section__pop ~ div h3 {
    font-size: 32px !important;
    margin-bottom: 24px !important;
  }
}

.c3-section__pop ~ div p {
  font-size: 16px !important;
  margin: 0;
  margin-bottom: 16px;
  width: 100% !important;
  max-width: 100% !important;
}

@media screen and (min-width: 768px) {
  .c3-section__pop ~ div p {
    font-size: 20px !important;
  }
}

@media screen and (min-width: 1900px) {
  .c3-section__pop ~ div p {
    font-size: 24px !important;
  }
}

.c3-section__pop p {
  color: #fff !important;
  font-size: 22px !important;
  font-weight: 700 !important;
}

@media screen and (min-width: 768px) {
  .c3-section__pop p {
    font-size: 32px !important;
  }
}

@media screen and (min-width: 1024px) {
  .c3-section__pop p {
    font-size: 40px !important;
  }
}

@media screen and (min-width: 1280px) {
  .c3-section__pop p {
    font-size: 48px !important;
  }
}

@media screen and (min-width: 1440px) {
  .c3-section__pop p {
    font-size: 64px !important;
    line-height: 1.4 !important;
  }
}

.btn--landing {
  background: #EC008B;
  padding: 0px 32px;
  color: #fff;
  text-decoration: none;
  display: -ms-flexbox;
  display: flex;
  height: 60px;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 30px !important;
  margin-right: 16px;
}

.c3-hero {
  height: calc(100vh - 72px);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  /* margin-top: 72px; */
  left: 0;
  right: 0;
  z-index: 888;
  overflow-x: hidden;
}

.c3-hero-title {
  padding: 8px;
}

.c3-hero__learn-more {
  background: deeppink;
  position: fixed;
  display: block;
  padding: 8px;
  z-index: 99999999999;
  bottom: 0;
  left: calc(50% - 56px);
  width: 88px;
}

.c3-hero-CTA {
  position: relative;
  z-index: 200;
  padding: 24px 0;
}

/* Commented Out because mobile view replaced by desktop view -Ahmad W
@media screen and (max-width: 767px) {
    .c3-hero-CTA {
        display: none;
    }
}
*/
.c3-hero-CTA ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -ms-flexbox;
  display: flex;
}

.c3-hero-CTA a.is--btn, .c3-hero-CTA button {
  background: #111;
  padding: 0px 32px;
  color: #fff;
  text-decoration: none;
  display: -ms-flexbox;
  display: flex;
  height: 60px;
  border-radius: 30px !important;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 30px;
  border: none;
  margin-right: 16px;
  text-transform: initial;
  font-weight: initial;
  display: flex;
  vertical-align: middle;
}

.c3-hero-CTA.is--mobile {
  display: -ms-flexbox !important;
  display: flex !important;
  padding: 0;
}

/* Commented Out because mobile view replaced by desktop view -Ahmad W
@media screen and (min-width: 768px) {
    .c3-hero-CTA.is--mobile {
        display: none !important;
    }
}


.c3-hero-CTA.is--mobile ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

    .c3-hero-CTA.is--mobile ul a, .c3-hero-CTA.is--mobile ul button {
        height: 48px;
        border-radius: 24px;
        padding: 0;
        color: $white;
        background: $black--light;
        border: none;
        font-size: 14px;
        padding: 0 24px;
        margin: 0;
        margin-right: 8px;
    }
*/
.c3-social {
  /*position: absolute;
	bottom: 24px;
	right: 8px;
	display: flex;*/
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  min-width: 100%;
}

.c3-social__item {
  width: 60px;
  height: 60px;
  display: block;
}

.c3-social__item:last-of-type {
  margin-left: 4px;
}

.c3-social__item img {
  max-width: 100%;
}

.c3-hero-title h1 {
  font-family: 'Montserrat', sans-serif;
  margin-bottom: 0;
  margin: 0;
  color: #222;
}

@media screen and (min-width: 768px) {
  .c3-hero-title h1 {
    font-size: 88px;
  }
  .c3-social__item {
    width: 48px;
    height: 48px;
  }
}

@media screen and (min-width: 768px) {
  .c3-hero-title h1 {
    font-size: 36px;
  }
}

@media screen and (min-width: 888px) {
  .c3-hero-title h1 {
    font-size: 40px;
  }
}

@media screen and (min-width: 1024px) {
  .c3-hero-title h1 {
    font-size: 48px;
  }
}

@media screen and (min-width: 1200px) {
  .c3-hero-title h1 {
    font-size: 56px;
  }
}

@media screen and (min-width: 1300px) {
  .c3-hero-title h1 {
    font-size: 64px;
  }
}

@media screen and (min-width: 1500px) {
  .c3-hero-title h1 {
    font-size: 72px;
  }
}

@media screen and (min-width: 1700px) {
  .c3-hero-title h1 {
    font-size: 80px;
  }
}

@media screen and (min-width: 1800px) {
  .c3-hero-title h1 {
    font-size: 88px;
  }
}

.c3-hero-subtitle {
  font-family: 'Anonymous Pro', monospace;
}

@media screen and (max-width: 767px) {
  .c3-hero-subtitle {
    padding-top: 48px;
  }
}

@media screen and (min-width: 768px) {
  .c3-hero-subtitle {
    max-width: 700px;
  }
}

.is--spacer {
  font-size: 0px;
  position: relative;
  display: block;
  color: #000;
  visibility: hidden;
  height: 1px;
}

@media screen and (min-width: 768px) {
  .is--spacer {
    font-size: 36px;
    display: inline-block;
    -ms-transform: translatey(-100%);
        transform: translatey(-100%);
  }
}

@media screen and (min-width: 888px) {
  .is--spacer {
    font-size: 40px;
  }
}

@media screen and (min-width: 1024px) {
  .is--spacer {
    font-size: 48px;
  }
}

@media screen and (min-width: 1200px) {
  .is--spacer {
    font-size: 56px;
  }
}

@media screen and (min-width: 1300px) {
  .is--spacer {
    font-size: 64px;
  }
}

@media screen and (min-width: 1500px) {
  .is--spacer {
    font-size: 72px;
  }
}

@media screen and (min-width: 1700px) {
  .is--spacer {
    font-size: 80px;
  }
}

@media screen and (min-width: 1800px) {
  .is--spacer {
    font-size: 88px;
  }
}

.c3-hero-title h2 {
  font-family: 'Anonymous Pro', monospace;
  font-size: 14px;
  line-height: 1.6;
  color: #5F6672;
  letter-spacing: 1px;
}

@media screen and (min-width: 768px) {
  .c3-hero-title h2 {
    font-size: 24px;
  }
}

main.c3-main .blobs {
  width: 0;
  height: 0;
  border-radius: 100%;
  -webkit-animation: myturn linear 1000s infinite;
  animation: myturn linear 1000s infinite;
  opacity: 0.6;
}

main.c3-main .blob {
  position: absolute;
  background: rgba(0, 0, 0, 0.6);
}

main.c3-main .blob.is--student {
  background: #005DB3;
}

main.c3-main .blob.is--institution {
  background: #8BBFF5;
}

main.c3-main .blob.is--employer {
  background: #EC008B;
}

main.c3-main .blob:nth-child(1) {
  top: -10px;
  left: 1px;
  width: 266px;
  height: 288px;
  border-radius: 100%;
  -webkit-animation: mytopleft linear 16s infinite;
  animation: mytopleft linear 16s infinite;
  opacity: 0.4;
}

main.c3-main .blob:nth-child(2) {
  top: 10px;
  left: 10px;
  width: 242px;
  height: 264px;
  border-radius: 100%;
  -webkit-animation: mytopleft linear 17s infinite;
  animation: mytopleft linear 17s infinite;
  opacity: 0.6;
}

main.c3-main .blob:nth-child(3) {
  top: 10px;
  left: -10px;
  width: 250px;
  height: 260px;
  border-radius: 100%;
  -webkit-animation: mytopleft linear 18s infinite;
  animation: mytopleft linear 18s infinite;
  opacity: 0.8;
}

.c3-footer {
  padding: 24px 16px;
  background: #232323;
  border-top: 4px solid #EA0029;
}

.c3-footer h4 {
  color: #fff;
}

.c3-footer p {
  color: #fff;
  text-align: center;
}

.c3-footer nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.c3-footer nav > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 24px;
}

.c3-footer nav a {
  color: #fff;
  text-decoration: none;
  margin-bottom: 8px;
}

@media screen and (max-width: 767px) {
  .c3-footer nav {
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

/* Registration Page | registration-page.css | Login Page */
.menu-button-wrapper {
  width: 60px;
  height: 72px;
  cursor: pointer;
  background: none;
  border: none;
  outline: none;
  position: fixed;
  top: 0;
  right: 16px;
  -ms-transform: scale(0.66);
      transform: scale(0.66);
  z-index: 1;
}

.menu-button-wrapper.open span {
  background-color: #fff !important;
}

@media screen and (min-width: 1025px) {
  .menu-button-wrapper {
    display: none;
  }
  .menu-button-wrapper.is--opposite span {
    background-color: #111;
  }
}

.menu-button-wrapper span {
  background-color: #fff;
  width: 60px;
  height: 8px;
  margin: 4px 0;
  border-radius: 0px;
  position: absolute;
  left: 0;
  transition: 0.5s ease-in-out;
}

#menu-button-wrapper-5 span:nth-of-type(1) {
  margin-top: 0;
  margin: 0;
  top: 16px;
}

#menu-button-wrapper-5 span:nth-of-type(2),
#menu-button-wrapper-5 span:nth-of-type(3) {
  margin-top: 16px;
  top: 16px;
}

#menu-button-wrapper-5 span:nth-of-type(4) {
  margin-top: 32px;
  top: 16px;
}

#menu-button-wrapper-5.open span:nth-of-type(1) {
  margin-left: 40px;
  margin-top: 20px;
  opacity: 0;
  width: 0;
}

#menu-button-wrapper-5.open span:nth-of-type(2) {
  -ms-transform: rotate(135deg);
      transform: rotate(135deg);
}

#menu-button-wrapper-5.open span:nth-of-type(3) {
  -ms-transform: rotate(225deg);
      transform: rotate(225deg);
}

#menu-button-wrapper-5.open span:nth-of-type(4) {
  margin-top: 20px;
  opacity: 0;
  width: 0;
  margin-left: 40px;
}

html.is--credentials .dummy {
  transition: none !important;
}

.switch-content.dummy-right {
  right: 0;
  -ms-transform: translatex(60vw);
      transform: translatex(60vw);
  transition: none !important;
}

.switch-content.dummy-left {
  left: 0;
  -ms-transform: translatex(0);
      transform: translatex(0);
  transition: none !important;
}

i.link--text {
  font-size: 16px;
}

i.link--icon {
  font-size: 0px;
}

html.is--credentials .credentials--hidden {
  display: none !important;
}

html.is--credentials body {
  overflow-x: hidden;
}

.switch-content__form {
  margin-top: 72px;
  pointer-events: none;
}

.switch-content__form.login--form {
  height: calc(100% - 120px);
  width: 60vw;
}

.switch-content__form.register--form {
  width: 60vw;
  right: 0;
  max-height: 90vh;
  margin-right: 8px;
}

form#studentForm {
  margin-bottom: 0 !important;
}

html.is--credentials .logo-switch {
  opacity: 1;
  -ms-transform: scale(1);
      transform: scale(1);
}

html.is--credentials .bw--logo,
html.is--credentials .color--logo {
  max-height: 32px;
  position: absolute;
  top: 20px;
  opacity: 0;
  -ms-transform: scale(0);
      transform: scale(0);
  transition: all 400ms ease-in-out;
}

html.is--credentials footer.c3-footer {
  width: 100%;
  z-index: 1000;
  bottom: -315px;
  position: absolute;
}

@media screen and (max-width: 768px) {
  html.is--credentials footer.c3-footer {
    width: 100vw;
    height: auto;
  }
}

html.is--credentials main.c3-main {
  height: 100vh;
}

html.is--credentials body, html.is--credentials main.c3-main {
  background: #F1F1F1;
}

.logo-switch.is--visible {
  opacity: 1 !important;
  -ms-transform: scale(1) !important;
      transform: scale(1) !important;
}

div.register--form__button-span {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  width: 100%;
}

.register--form__button {
  padding: 0px 32px;
  color: rgba(255, 255, 255, 0.88);
  background-color: #000;
  text-decoration: none;
  display: -ms-flexbox;
  display: flex;
  height: 60px;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 30px;
  border: 1px solid white;
  margin-right: 16px;
}

.register--form__button:focus,
.register--form__button:hover {
  background-color: #111;
  color: rgba(255, 255, 255, 0.88);
}

.register--form__heading {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

html.is--credentials form.login--form .login--form__password-text {
  margin-bottom: 0 !important;
}

html.is--credentials form.login--form .login--form__password-text input {
  margin-bottom: 0 !important;
}

@media screen and (max-width: 767px) {
  html.is--credentials .color--logo {
    display: none !important;
  }
  html.is--credentials .bw--logo {
    opacity: 1;
    -ms-transform: scale(1);
        transform: scale(1);
  }
  div.switch-content__forms div.switch-content__form {
    width: 100vw;
    left: 0;
    max-height: calc(90vh - 100px);
  }
  div.register--form__heading.no--form {
    padding-right: 0;
  }
  div.register--form__heading:not(.no--form) {
    padding-right: 10vw;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 16px;
  }
  div.register--form__button-span {
    height: 100%;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
  }
  button.register--form__button {
    width: 136px;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin: 4px 0 4px 0;
  }
  .register--form__heading--title {
    padding: 16px 0 16px 0;
    font-size: 24px;
    width: 100%;
  }
  .register--form__heading--title.no--form {
    font-size: 48px !important;
  }
  .register--form form {
    padding-right: 0 !important;
  }
  html.is--credentials footer.c3-footer {
    bottom: -925px;
    z-index: 99;
    margin-bottom: 88px;
  }
}

@media screen and (min-width: 768px) {
  html.is--credentials .c3-header {
    background: none;
  }
  .register--form__heading--title.no--form {
    font-size: 48px !important;
    width: 100%;
  }
  .register--form__heading.no--form {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 50%;
  }
}

@media screen and (min-width: 769px) {
  html.is--credentials .menu-button-wrapper {
    display: block;
  }
}

.c3--home {
  position: relative;
  display: block;
  height: 72px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

html.is--credentials .menu-button-wrapper {
  z-index: 888;
}

html.is--credentials .c3-nav--main {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 60px;
  position: fixed;
  top: 0;
  right: -360px;
  bottom: 0;
  width: 320px;
  background: #222;
  background: linear-gradient(to left, #444, #222);
  transition: right 400ms ease-in-out;
}

html.is--credentials .c3-nav--main.is--visible {
  right: 0px !important;
  transition: right 400ms ease-in-out;
}

html.is--credentials .c3-nav--main a {
  color: #fff;
  font-size: 16px;
  text-decoration: none;
  height: 72px;
  padding: 0 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}

html.is--credentials .c3-nav--main a.is--active {
  border-bottom: 4px solid;
}

@media screen and (max-width: 768px) {
  html.is--credentials .c3-header .c3-nav--main {
    position: fixed;
    top: 0;
    right: -360px;
    bottom: 0;
    padding-top: 60px;
    width: 320px;
    background: #222;
    /* fallback for old browsers */
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #444, #222);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    transition: right 400ms ease-in-out;
  }
}

.switch-content {
  width: 100vw;
  background: #111;
  height: 88px;
  position: fixed;
  bottom: 0;
  transition: transform 500ms ease-in-out;
  z-index: 500;
  padding-top: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: start;
  align-items: flex-start;
}

@media screen and (min-width: 768px) {
  .switch-content {
    width: 40vw;
    background: #111;
    height: 100vh;
    position: fixed;
    top: 0;
    transition: transform 500ms ease-in-out;
    z-index: 500;
    padding-top: 112px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .register--form__heading--div.no--form {
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
  }
  .register--form__heading--buttons-div.no--form {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10vh 5vh 10vh 5vh;
  }
  .register--form__heading--buttons-div p {
    width: 100%;
    text-align: center;
    margin: 0 0 16px 0;
  }
}

.switch-content__text {
  position: absolute;
  opacity: 0;
  transition: opacity 250ms ease-out;
  display: none;
}

@media screen and (max-width: 767px) {
  .switch-content__text {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    padding: 0px 8px;
  }
}

.switch-content__text > * {
  color: #fff;
}

@media screen and (max-width: 767px) {
  .switch-content__text > * {
    display: none;
  }
}

.switch-content__text-btn {
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 767px) {
  .switch-content__text-btn {
    font-size: 14px;
  }
}

.switch-content__text-title {
  font-family: 'Anonymous Pro', monospace;
  font-size: 24px;
  line-height: 1.6;
  letter-spacing: 1px;
  display: block;
}

@media screen and (max-width: 767px) {
  .switch-content__text-title {
    margin-bottom: 0;
    font-size: 14px;
  }
}

.switch-content__text button {
  background: #111;
  padding: 0px 32px;
  color: #fff;
  text-decoration: none;
  display: -ms-flexbox;
  display: flex;
  height: 60px;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 30px;
  border: 1px solid #fff;
  margin-right: 16px;
  text-transform: none;
}

.switch-content__text.is--visible {
  opacity: 1;
  transition: opacity 250ms ease-out;
}

@media screen and (min-width: 768px) {
  .switch-content__text.is--visible {
    display: block;
  }
}

.switch-content.left {
  -ms-transform: translatex(0);
      transform: translatex(0);
  transition: transform 500ms ease-in-out;
}

.switch-content.right {
  -ms-transform: translatex(0vw);
      transform: translatex(0vw);
  transition: transform 500ms ease-in-out;
}

@media screen and (min-width: 768px) {
  .switch-content.right {
    -ms-transform: translatex(60vw);
        transform: translatex(60vw);
  }
}

.switch-content__forms {
  background: none;
  top: 0;
  width: 60vw;
  height: 100vh;
  overflow: hidden;
  transition: right 500ms ease-in-out;
}

@media screen and (max-width: 767px) {
  .switch-content__forms {
    width: 100vw;
    margin-top: 72px;
  }
}

.switch-content__forms.right {
  right: 0;
  transition: right 500ms ease-in-out;
}

.switch-content__forms.left {
  right: 40vw;
  transition: right 500ms ease-in-out;
}

@media screen and (max-width: 767px) {
  .switch-content__forms.left {
    right: 0;
  }
}

.switch-content__form {
  position: absolute;
  background: none;
  opacity: 0;
  transition: opacity 300ms ease-out;
  padding: 0 32px 0 32px;
  width: 100%;
  top: 0;
  max-height: 100vh;
  pointer-events: none;
}

@media screen and (max-width: 767px) {
  .register--form__heading--title {
    text-align: center;
  }
  .switch-content__form {
    padding: 16px;
  }
  .switch-content__form.is--mobile-contracted {
    height: 100%;
  }
  .switch-content__form.is--mobile-contracted .register--form__heading.no--form {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    height: 80vh;
  }
  .register--form__heading--div:not(.no--form) {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
  }
}

.switch-content__form.is--visible {
  opacity: 1;
  transition: opacity 900ms ease-out;
  pointer-events: auto;
}

.register--form__heading--div {
  display: -ms-flexbox;
  display: flex;
}

/* Password Strength Meter Bar | site.css  */
.password-strength-meter__bar {
  margin-top: 8px;
  margin-bottom: 4px;
  width: 100%;
  height: 8px;
  border-radius: 32px;
  overflow: hidden;
  background-color: #E5E5E5;
}

.password-strength-meter__bar__fill {
  height: 100%;
  transition: all 200ms ease-in-out;
  width: 0%;
}

.password-strength-meter__result {
  text-align: right;
  height: 15px;
  transition: color 200ms ease-in-out;
  font-weight: bold;
}

.accordion--plain .accordion__btn--plain {
  position: absolute;
  top: 8px;
  right: 0px;
}

.card--expand .accordion__content, .card--expand .checkbox--group__item--accordion-content {
  display: none;
}

.card--expand.is--expanded .accordion__content, .card--expand.is--expanded .checkbox--group__item--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 {
  -ms-transform: scaleY(-1);
      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: none;
}

.navigation--side__menu__subtitle {
  font-size: 16px;
  color: #fff;
}

.ui--validation-message.field-validation-valid {
  display: none;
}

.prelaod {
  transition: none !important;
}

body.is--admin-crud main {
  padding: 0 48px;
}

/*  Spiral Robot Fixes | spiral-robot-fixes.css | Campus Connect Fixes | New Stuff*/
.c3-header .logo {
  width: auto;
  height: auto;
  background: none;
}

.navigation--side__btn--pilar.menu {
  bottom: 0;
}

.navigation--side a.btn {
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
}

nav .btn {
  padding: inherit;
}

.header > .logo {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.header > .logo > a {
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-align: center;
  align-items: center;
}

a[role="button"],
a[role="link"] {
  -ms-flex-align: start;
  align-items: flex-start;
  text-align: center;
  cursor: pointer;
}

.btn--language {
  position: absolute;
  right: 60px;
  top: 0px;
  height: 60px;
  width: 60px;
  font-size: 24px;
  color: #fff;
  background: none;
  box-shadow: none;
  border-radius: 0px;
}

.btn--language:hover {
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
}

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

.button__config:hover {
  color: #505050;
  background-color: white;
  border-radius: 4px;
}

.new-posting--action {
  border: 5px dashed #E1E1E1;
  text-align: center;
  width: 100%;
}

.new-posting--action a {
  min-width: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  width: 100%;
}

.new-posting--action:hover {
  background-color: #3fb8af;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  transition: opacity 0.5s ease-in-out;
}

@media screen and (min-width: 550px) {
  .new-posting--action {
    max-width: 210px;
  }
}

.text--casing__initial {
  text-transform: initial !important;
}

.card__content-height .chart__restrictor {
  margin-top: 8px;
  padding: 0 24px 24px 24px;
}

.container--fullscreen__chart .chart__restrictor {
  padding: 34px;
}

.list-card__img-container .chart__restrictor {
  max-width: 120px;
  max-height: 120px;
  min-width: 120px;
  padding: 5%;
}

.table__value.is--sticky__left, .table__heading.is--sticky__left {
  position: sticky;
  left: 0;
}

.is--sticky__left:after {
  content: "";
  position: absolute;
  display: block;
  width: 16px;
  right: -16px;
  top: 0px;
  bottom: 0px;
}

.table__value.is--sticky__top, .table__heading.is--sticky__top {
  position: sticky;
  top: 0;
}

.table__value--chart {
  background-color: none;
}

.table__value--chart > .chart__restrictor {
  width: 48px;
  height: 48px;
}

.postings__single-body__views .chart__restrictor {
  max-width: 40%;
  max-height: 40%;
}

#chartjs-tooltip {
  z-index: 2000000000;
  transition: opacity linear .1s;
}

#chartjs-tooltip.table--mode {
  left: 56px;
  top: -16px;
}

.tooltip__container {
  margin-left: -50%;
  white-space: nowrap;
  z-index: 2000000000;
  font-size: 13px;
}

.right > .tooltip__container {
  margin-left: -95%;
}

.left > .tooltip__container {
  margin-left: -15%;
}

.tooltip__color {
  margin-right: 4px;
  padding: 2px;
  border-radius: 3px;
  border: 1px solid white;
  width: 24px;
  color: white;
  height: 1em;
}

.accordion__content .checkbox--icon-font {
  padding-left: 0px;
}

.accordion__content.plain {
  padding: 16px 0;
}

@media screen and (min-width: 1024px) {
  .width--100--desktop {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
  }
}

#employer__tabs {
  margin-top: -44px;
  color: white;
}

#activity-log__container {
  padding: 0 8px 0 16px;
}

.activity-item {
  opacity: 0;
  transition: all 500ms ease;
}

#activity-log__edit, #opportunities__edit {
  max-height: 32px;
}

.activity-log__item {
  font-size: 4em;
}

.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;
  }
}

.container--normal {
  position: relative;
}

.enableFullscreen {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.fullscreen--button {
  position: absolute;
  z-index: 1;
  right: 0;
  top: 0;
}

.container--normal:hover .fullscreen--button {
  display: block;
}

.container--fullscreen .panel-title {
  font-size: 16px;
}

.container--fullscreen__chart {
  padding-top: 44px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.container--fullscreen__chart > .chart__restrictor {
  margin: auto;
  width: 90vw;
  max-width: 90vh !important;
  max-height: 90vh !important;
}

.card__content-height .chart__legend {
  display: none;
}

.chart__legend {
  margin-top: 44px;
}

.chart__legend > ul {
  width: 100%;
  list-style: none;
  height: 100%;
  max-height: calc(100vh - 8em);
  overflow-y: scroll;
}

.chart__legend .legend__color {
  min-width: 64px;
  min-height: 1em;
  border-radius: 8px;
  color: white;
}

.legend__item:hover,
.legend__item:focus {
  background-color: rgba(0, 0, 0, 0.1);
  cursor: pointer;
}

.legend__item.inactive > .legend__label {
  text-decoration: line-through;
}

.legend__item.inactive > .legend__color {
  background-color: rgba(0, 0, 0, 0.3) !important;
  color: #000;
}

@media only screen and (orientation: portrait) {
  .container--fullscreen__chart {
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .container--fullscreen__chart > .chart__restrictor {
    height: auto;
  }
  .chart__legend {
    margin: 0 16px;
  }
  .chart__legend > ul {
    max-height: calc(50vh - 8em);
  }
}

.utility-bar__container--ajax {
  position: relative !important;
  top: 0px !important;
  background: #5F6672;
  height: 60px;
  position: fixed;
  left: 0;
  right: 0;
  z-index: 800;
  transition: top 300ms ease-out;
}

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

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

/* Protip overrides ! protip js*/
.protip-container.protip-skin-default--scheme-pro {
  background: #232323 !important;
  color: #F1F1F1 !important;
}

div.protip-container.protip-skin-default--scheme-pro[data-pt-position="left"] .protip-arrow {
  border-color: transparent transparent transparent #232323;
}

div.protip-container.protip-skin-default--scheme-pro[data-pt-position="bottom"] .protip-arrow {
  border-color: transparent transparent #232323 transparent;
}

div.protip-container.protip-skin-default--scheme-pro[data-pt-position="bottom-left"] .protip-arrow {
  border-color: transparent transparent #232323 transparent;
}

div.protip-container.protip-skin-default--scheme-pro[data-pt-position="right"] .protip-arrow {
  border-color: transparent #232323 transparent transparent;
}

div.protip-container.protip-skin-default--scheme-pro[data-pt-position="top"] .protip-arrow {
  border-color: #232323 transparent transparent transparent;
}

.protip-skin-default--scheme-pro[data-pt-position="top-left-corner"] .protip-arrow {
  border-right-color: #232323 !important;
}

.protip-container.protip-skin-default--scheme-alt-black {
  background: rgba(0, 0, 0, 0.9) !important;
}

div.protip-container.protip-skin-default--scheme-alt-black[data-pt-position="left"] .protip-arrow {
  border-color: transparent transparent transparent rgba(0, 0, 0, 0.9);
}

div.protip-container.protip-skin-default--scheme-alt-black[data-pt-position="bottom"] .protip-arrow {
  border-color: transparent transparent rgba(0, 0, 0, 0.9) transparent;
}

div.protip-container.protip-skin-default--scheme-alt-black[data-pt-position="bottom-left"] .protip-arrow {
  border-color: transparent transparent rgba(0, 0, 0, 0.9) transparent;
}

div.protip-container.protip-skin-default--scheme-alt-black[data-pt-position="right"] .protip-arrow {
  border-color: transparent rgba(0, 0, 0, 0.9) transparent transparent;
}

div.protip-container.protip-skin-default--scheme-alt-black[data-pt-position="top"] .protip-arrow {
  border-color: rgba(0, 0, 0, 0.9) transparent transparent transparent;
}

/* Styling for radio button when inside accordion */
.card--expand .label--is--hijacked [type="radio"] + span:before {
  vertical-align: -2px;
}

.card--expand .label--is--hijacked [type="radio"]:focus + span:after {
  top: 8px;
}

/* */
/* Styling for ui:button where button-type is 'ANCHOR' */
a.is--btn {
  display: inline-block;
  font-family: sans-serif;
  line-height: 1.15;
  margin: 0;
}

/* */
/* Styling to fix button anchors */
a.is--btn.btn--icon-only,
td a.is--btn {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 8px;
}

/* */
@media screen and (max-width: 768px) {
  .main.is--logged-in .dashboard-header .header-cards {
    width: inherit;
  }
  .main.is--logged-in .dashboard-header .header-cards ul {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
}

.input--box.has--error,
.input-validation-error {
  border: 1px solid #ED4747 !important;
}

/*  Toolbar | toolbar.css | Navbar | ccc header*/
@media screen and (max-width: 1024px) {
  #c3-header__dropdown button {
    font-weight: initial;
    text-transform: initial;
  }
  .c3-header .c3-nav--main a.btn,
  #c3-header__dropdown button {
    color: #fff;
    font-size: 16px;
    text-decoration: none;
    height: 72px;
    width: 320px;
    padding: 0 16px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    box-shadow: none;
    background-color: transparent;
  }
  .c3-header .c3-nav--main a.btn:focus,
  #c3-header__dropdown button:focus {
    border-bottom: 4px solid;
  }
  #c3-header__dropdown button:focus {
    background-color: #222;
  }
  #c3-header__dropdown .drop-down-title__icon {
    font-size: 16px;
  }
  #c3-header__dropdown ul.drop-down__list {
    position: static;
    box-shadow: none !important;
    width: 320px;
  }
  .c3-header .c3-nav--main.is--visible {
    right: 0px;
    transition: right 400ms ease-in-out;
  }
  html:not(.is--credentials) .c3-header .c3-nav--main a:not(.show--icon) .link--text {
    font-size: 16px;
  }
  html:not(.is--credentials) .c3-header .c3-nav--main a:not(.show--icon) .link--icon {
    font-size: 0;
  }
  .c3-header .c3-nav--main a.show--icon .link--text {
    font-size: 0;
  }
  .protip-container {
    display: none !important;
  }
  .c3-header .c3-nav--main.is--open {
    right: 0px;
    transition: right 400ms ease-in-out;
  }
}

@media screen and (min-width: 769px) {
  .c3-header .btn,
  .c3-header [type="button"] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 72px;
    -ms-flex-line-pack: end;
    align-content: flex-end;
    min-width: 60px;
    width: auto;
    margin: 0 2px;
    padding: 0 8px;
    font-size: 16px;
    color: #fff;
    background: none;
    box-shadow: none;
    border-radius: 0px;
  }
  .c3-header i.icon--drop-down {
    font-size: 24px;
  }
  .c3-header .btn:hover,
  .c3-header [type="button"]:hover {
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    text-decoration: none;
  }
  #c3-header__dropdown .drop-down-title__icon {
    font-size: 0;
  }
}

html:not(.is--credentials) .c3-header .logo .color--logo {
  display: none;
}

html:not(.is--credentials) .c3-header .c3-nav--main .link--text {
  font-size: 0px;
}

html:not(.is--credentials) .c3-header .c3-nav--main .link--icon {
  font-size: 24px;
}

.c3-header .logo {
  background: none;
  padding-left: 8px;
  height: inherit;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.c3--image {
  max-height: 32px;
  position: absolute;
  top: 20px;
}

.c3-header .c3-header__links {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: end;
  align-items: flex-end;
  height: inherit;
}

.c3-header ul.drop-down__list, .onboarding ul.drop-down__list,
.c3-header ul.drop-down__list li a, .onboarding ul.drop-down__list li a {
  background-color: #444;
}

.c3-header ul.drop-down__list li a:hover, .c3-header ul.drop-down__list li a:focus, .onboarding ul.drop-down__list li a:hover, .onboarding ul.drop-down__list li a:focus {
  background-color: #222;
  color: #F1F1F1;
}

/*   Splash Pages | splash.css |  */
html:not(.is--language--landing) main.splash {
  padding: 48px;
}

main.splash .info {
  background: #111;
  padding: 16px;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: column;
  flex-direction: column;
  position: fixed;
  bottom: 0;
  left: 0;
  top: 0;
  z-index: 88;
}

@media screen and (min-width: 768px) {
  main.splash .info {
    width: 480px;
    padding: 48px;
  }
}

main.splash .info * {
  color: #fff;
  text-align: center;
}

main.splash .info h1 {
  font-size: 24px;
  margin-bottom: 0;
  font-family: "Monserrat", sans-serif;
}

main.splash .info h1 span {
  display: block;
}

main.splash .info h1 span:first-of-type {
  margin-bottom: 16px;
}

main.splash .info button {
  border: 1px solid #fff;
  background: #111;
  height: 48px;
  padding: 0 44px;
  border-radius: 24px;
}

main.splash .info .language-a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #fff;
  background: #111;
  height: 48px;
  padding: 0 44px;
  border-radius: 24px;
  text-decoration: none;
  font-family: sans-serif;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
  font-weight: 600;
}

main.splash .info .language-a:hover {
  color: white;
}

.is--choose--language canvas {
  opacity: 0.33;
  position: absolute;
  top: 0px;
  left: 0;
  height: calc(100vh);
}

@media screen and (max-width: 767px) {
  .is--choose--language canvas {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .logo-switch.is--secondary {
    display: none !important;
  }
}

/* Opportunities | campusconnect.css | Postings */
/*  Style overrides from the bootstrap side  */
.postings .img--branding-left {
  float: none;
  margin: 0;
}

.postings body {
  font-size: 16px;
  line-height: 1.5;
}

.checkbox--icon-font {
  padding-left: 16px;
  margin-bottom: 16px;
}

.checkbox--icon-font input[type="checkbox"] {
  margin: 0;
  padding: 0;
  opacity: 0;
  max-height: 0 !important;
  max-width: 0 !important;
  position: absolute;
}

.checkbox--icon-font label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.checkbox--icon-font label::after {
  font-family: 'Material Icons';
  content: '\e835';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -ms-transform: translate(0, 0);
      transform: translate(0, 0);
  transition: transform 300ms ease;
  margin-right: 8px;
}

.checkbox--icon-font input[type="checkbox"] {
  margin: 0;
  padding: 0;
  opacity: 0;
  max-height: 0 !important;
  max-width: 0 !important;
  position: absolute;
}

.checkbox--icon-font input[type="checkbox"]:checked ~ label::after {
  content: '\e834';
  transition: transform 300ms ease;
}

.checkbox--icon-font input[type="checkbox"]:focus ~ label::after {
  -ms-transform: scale(1.3);
      transform: scale(1.3);
  transition: transform 300ms ease;
}

table .checkbox--icon-font {
  padding-left: 0px;
  margin-bottom: 0px;
}

table .checkbox--icon-font input[type="checkbox"] {
  margin: 0;
  padding: 0;
  opacity: 0;
  max-height: 0 !important;
  max-width: 0 !important;
  position: absolute;
}

table .checkbox--icon-font label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  font-size: 0;
  width: 100%;
  height: 0;
}

table .checkbox--icon-font label::after {
  font-family: 'Material Icons';
  content: '\e835';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -ms-transform: translate(0, 3px);
      transform: translate(0, 3px);
  transition: transform 300ms ease;
  margin-right: 0px;
}

table .checkbox--icon-font input[type="checkbox"] {
  margin: 0;
  padding: 0;
  opacity: 0;
  max-height: 0 !important;
  max-width: 0 !important;
  position: absolute;
}

table .checkbox--icon-font input[type="checkbox"]:checked ~ label::after {
  content: '\e834';
  transition: transform 300ms ease;
}

table .checkbox--icon-font input[type="checkbox"]:focus ~ label::after {
  -ms-transform: scale(1.3);
      transform: scale(1.3);
  transition: transform 300ms ease;
}

table .postings__list-item__actions button i.material-icons {
  color: rgba(0, 0, 0, 0.5);
  font-size: 18px;
}

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

.material-icons {
  font-family: 'Material Icons' !important;
  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-smoothing: antialiased;
}

.postings, .postings * {
  box-sizing: border-box;
  font-family: 'Noto Sans', sans-serif;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased;
}

.postings body {
  padding: 0 !important;
  margin: 0 !important;
  background: none !important;
  color: #505050;
}

@media screen and (max-width: 1023px) {
  .postings__container {
    padding-top: 136px;
    min-height: 100vh;
  }
}

@media screen and (min-width: 1024px) {
  .postings__container {
    background: #E1E1E1;
    padding-top: 72px;
    min-height: 100vh;
  }
}

.postings__container.is--edit .postings__list-nav__edit-options {
  bottom: 0;
  box-shadow: 0 -16px 32px -16px rgba(0, 0, 0, 0.25);
}

@media screen and (min-width: 1024px) {
  .postings__container.is--edit .postings__list-nav__edit-options {
    max-width: 320px;
  }
}

.postings__container.is--edit .postings__utility-bar__actions {
  bottom: 72px;
}

.postings__container.is--edit .postings__utility-bar__search.is--visible {
  bottom: 44px;
}

.postings__container.is--edit .postings__utility-bar__search.is--visible > button {
  bottom: calc(104px - 44px + 44px);
}

.postings__header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 60px;
  background: #8FD6B4;
  box-shadow: 0 16px 32px -16px rgba(0, 0, 0, 0.1);
  display: -ms-flexbox;
  display: flex;
  z-index: 700;
}

.postings__header__logo {
  -ms-flex-preferred-size: 60px;
  flex-basis: 60px;
  min-width: 60px;
  width: 60px;
}

.postings__header__logo img {
  height: 60px;
  max-height: 60px;
}

.postings__header__title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 8px;
  padding-right: 8px;
  color: rgba(0, 0, 0, 0.6);
  font-weight: 700;
  font-size: 14px;
}

.postings__back-to {
  padding-top: 16px;
  margin-bottom: 16px;
}

@media screen and (min-width: 1024px) {
  .postings__back-to {
    max-width: 1024px;
    margin: 0 auto 16px auto;
    height: 60px;
  }
}

.postings__back-to a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  font-size: 12px;
  font-weight: 700;
}

.postings__back-to a i.material-icons {
  font-size: 12px;
  margin-right: 4px;
  font-weight: 700;
}

@media screen and (min-width: 1024px) {
  .postings__utility-bar {
    max-width: 1024px;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.postings__utility-bar__container {
  background: #666;
  height: 72px;
  position: fixed;
  top: 72px;
  left: 0;
  right: 0;
  z-index: 999 !important;
  transition: top 300ms ease-out;
}

.applications__utility-bar__container.is--sticky, .postings__utility-bar__container.is--sticky {
  top: 0;
  z-index: 1000 !important;
  transition: top 300ms ease-out;
}

.postings__utility-bar__user {
  width: 320px;
  height: 60px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 1023px) {
  .applications__utility-bar__container, .postings__utility-bar__container {
    position: absolute;
    left: -9999px;
    width: 0px;
    z-index: 100000 !important;
  }
}

@media screen and (max-width: 1023px) {
  .postings__utility-bar__user {
    padding-left: 8px;
  }
}

.postings__utility-bar__user > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  color: rgba(255, 255, 255, 0.88);
}

.postings__utility-bar__user img {
  margin-right: 8px;
}

.postings__utility-bar__user button {
  background: none;
  border: none;
  outline: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  color: rgba(0, 0, 0, 0.5);
  margin-left: 8px;
}

.postings__utility-bar__user button i {
  font-size: 18px;
}

.postings__utility-bar__user-avatar {
  height: 44px;
  width: 44px;
  border-radius: 50%;
}

@media screen and (min-width: 1024px) {
  .postings__utility-bar__actions {
    width: calc(100% - 320px - 24px);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
  }
}

@media screen and (max-width: 1023px) {
  .postings__utility-bar__actions {
    position: fixed;
    height: 60px;
    width: 180px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 300;
    bottom: 0;
    right: 0;
  }
  .postings__utility-bar__actions > button {
    background: none;
    color: white;
    border: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 16px;
  }
}

.postings__utility-bar__actions__btn {
  background: none;
  color: #fff;
  border: none;
  outline: none;
  height: 56px;
  width: 60px;
  border-radius: 4px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.3);
  min-width: 60px;
}

@media screen and (min-width: 1024px) {
  .postings__utility-bar__actions__btn--search {
    display: none;
  }
}

@media screen and (min-width: 1024px) {
  .postings__utility-bar__search {
    -ms-flex-preferred-size: calc(100% - 60px - 60px - 8px);
    flex-basis: calc(100% - 60px - 60px - 8px);
    min-width: calc(100% - 60px - 60px - 8px);
    /* max-width: calc( 60px); */
    width: calc(100%);
    margin-right: 4px;
  }
}

@media screen and (max-width: 1023px) {
  header div.postings__single-header__actions {
    height: 52px;
  }
  .postings__single-header__actions a {
    height: 100%;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    padding: 1px 8px;
    margin: 0 !important;
    background-color: #576070;
  }
  .postings__single-header__actions a:active {
    text-decoration: none;
  }
  .postings__single-header__actions a i {
    background: none;
    font-size: 36px !important;
  }
  .postings__utility-bar__search {
    background: #444;
    width: calc(100%);
    position: fixed;
    padding: 0 40px;
    height: 104px;
    border-radius: 0px;
    bottom: -100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 200;
    left: 0;
  }
}

.postings__utility-bar__search button {
  display: none;
}

@media screen and (max-width: 1023px) {
  .postings__utility-bar__search.is--visible {
    bottom: 0;
    transition: bottom 300ms ease-out;
  }
  .posting__single-header__actions.is--visible a {
    color: powderblue !important;
    z-index: 5;
  }
}

.postings__utility-bar__search.is--visible button {
  display: none;
}

@media screen and (max-width: 1023px) {
  .postings__utility-bar__search.is--visible button {
    display: block;
    bottom: calc(104px - 44px);
    transition: all 300ms ease-out;
  }
}

.postings__utility-bar__search label {
  color: rgba(0, 0, 0, 0.5);
  font-weight: 700;
}

@media screen and (min-width: 1024px) {
  .postings__utility-bar__search label {
    font-size: 0;
    opacity: 0;
    margin: 0;
    padding: 0;
    display: inline;
  }
}

.postings__utility-bar__search input[type="text"] {
  height: 34px;
  width: 100%;
  border: none;
}

@media screen and (min-width: 1024px) {
  .postings__utility-bar__search input[type="text"] {
    height: 56px;
    margin-bottom: 0;
  }
}

.postings__utility-bar__search button[type="button"] {
  position: fixed;
  width: 44px;
  height: 44px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: none;
  border: none;
  outline: none;
  color: rgba(0, 0, 0, 0.5);
  bottom: calc(0 - 45px);
  right: 0;
  transition: all 300ms ease-out;
}

@media screen and (min-width: 1024px) {
  .postings__utility-bar__search button[type="button"] {
    display: none;
  }
}

.postings__content, .applications__content, .applications__header {
  display: block;
  overflow: auto;
  overflow: visible;
}

@media screen and (min-width: 600px) {
  .postings__content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1024px;
  }
  .applications__content, .applications__header {
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1024px;
  }
}

.postings__filters {
  display: block;
  position: fixed;
  top: 0;
  bottom: 0;
  right: -100%;
  width: 100%;
  background: #fff;
  z-index: 1050;
  box-shadow: -16px 0 32px -16px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  padding-bottom: 84px;
}

@media screen and (min-width: 700px) {
  .postings__filters {
    max-width: 320px;
  }
}

.postings__filters .btn-clear--filters {
  right: -100%;
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 60px;
  border: none;
  outline: none;
  background: #E5E5E5;
  text-transform: uppercase;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.5);
  z-index: 950;
  transition: right 300ms ease;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.postings__filters .btn-clear--filters i {
  padding-right: 4px;
}

@media screen and (min-width: 700px) {
  .postings__filters .btn-clear--filters {
    width: 320px;
  }
}

.postings__filters.is--visible {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  padding-top: 60px;
  transition: right 300ms ease;
  z-index: 888888;
}

.postings__filters.is--visible .btn-clear--filters {
  right: 0;
  transition: right 300ms ease;
}

.postings__filters fieldset {
  margin-bottom: 8px;
}

.postings__filters legend {
  padding: 0px 16px;
}

.postings__filters .postings__filters--header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  background: #E1E1E1;
  height: 60px;
  position: fixed;
  top: 0;
  right: -100%;
  width: 320px;
  z-index: 1;
  transition: right 300ms ease;
}

.postings__filters .postings__filters--header.is--visible {
  transition: right 300ms ease;
  right: 0;
}

.postings__filters .postings__filters--header h1 {
  font-size: 24px;
  padding-left: 16px;
  margin-bottom: 0;
}

.postings__filters .postings__filters--header button {
  background: rgba(0, 0, 0, 0.2);
  width: 60px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: inherit;
}

@media screen and (min-width: 1024px) {
  .postings__list {
    max-width: 320px;
  }
}

.postings__list-nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
}

.postings__list-nav__btn {
  border: none;
  padding: 8px 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.4);
  outline: none;
  margin-right: 4px;
}

.postings__list-nav__btn.is--edit {
  background: none;
}

.postings__list-nav__btn.is--edit.is--active {
  color: orange;
  background: #E1E1E1;
}

.postings__list-nav__btn.is--active {
  background: #444;
  color: #fff;
}

.postings__list-nav__btn.is--active.is--fav i.material-icons {
  color: #E25465;
}

.postings__list-nav__btn-label {
  padding: 0 4px;
}

.postings__list-nav i.material-icons {
  font-size: 18px;
}

.postings__list-nav__edit-options {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background: #E1E1E1;
  box-shadow: 0px 8px 32px -16px rgba(0, 0, 0, 0.33);
  position: fixed;
  bottom: -50px;
  z-index: 400;
  height: 44px;
  width: 100%;
}

.postings__list-nav__edit-options__btn {
  border: none;
  background: none;
  line-height: 1;
  height: 44px;
  background: red;
  color: rgba(0, 0, 0, 0.5);
  padding: 0 16px;
}

.postings__list-nav__edit-options__btn.is--approve {
  background: #A1DAD7;
}

.postings__list-nav__edit-options__btn.is--decline {
  background: #ED4747;
}

.postings__list-nav__edit-options__item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.postings__list-nav__edit-options__item.is--checkbox {
  height: 44px;
  width: 60px;
  position: relative;
}

.postings__list-nav__edit-options__item.is--checkbox label {
  font-size: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.postings__list-nav__edit-options__item.is--checkbox label::after {
  font-family: 'Material Icons';
  content: '\e835';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -ms-transform: translate(0, 0);
      transform: translate(0, 0);
  transition: transform 300ms ease;
}

.postings__list-nav__edit-options__item.is--checkbox input[type="checkbox"] {
  margin: 0;
  padding: 0;
  opacity: 0;
  max-height: 0 !important;
  max-width: 0 !important;
  position: absolute;
}

.postings__list-nav__edit-options__item.is--checkbox input[type="checkbox"]:checked ~ label::after {
  content: '\e834';
  transition: transform 300ms ease;
}

.postings__list-nav__edit-options__item.is--checkbox input[type="checkbox"]:focus ~ label::after {
  -ms-transform: scale(1.5);
      transform: scale(1.5);
  transition: transform 300ms ease;
}

.postings__list-nav__edit-options__item:first-of-type {
  padding-left: 8px;
}

.postings__list-nav__edit-options__item label {
  margin: 0;
  margin-right: 4px;
  color: rgba(0, 0, 0, 0.66);
}

.postings__list-nav__edit-options__item input[type="checkbox"] {
  margin: 0;
}

.postings__list-items {
  padding-bottom: 60px;
}

.postings__list-items.is--edit .postings__list-item {
  padding-left: calc(60px + 8px);
}

.postings__list-items.is--edit .postings__list-item.is--active {
  border: 0px solid #000;
}

.postings__list-items.is--edit .postings__list-item.is--active .postings__list-item__edit {
  background: #8FD6B4;
}

.postings__list-items.is--edit .postings__list-item__edit {
  left: 0px;
}

.postings__list-item {
  padding: 16px 8px;
  border-bottom: 1px solid #E1E1E1;
  position: relative;
  z-index: 100;
  overflow: hidden;
}

.postings__list-item:first-of-type {
  border-top-left-radius: 0px;
}

@media screen and (min-width: 768px) {
  .postings__list-item {
    background: rgba(0, 0, 0, 0.05);
    background: white;
    margin-bottom: 8px;
    border-radius: 4px;
  }
}

.postings__list-item.is--active {
  background: #fff;
  border-left: 8px solid #444;
  border-bottom: none;
  background: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.postings__list-item__edit {
  background: #F1F1F1;
  position: absolute;
  top: 0;
  left: -68px;
  bottom: 0;
  width: 60px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
}

.postings__list-item__edit label {
  font-size: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.postings__list-item__edit label::after {
  font-family: 'Material Icons';
  content: '\e835';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -ms-transform: translate(0, 0);
      transform: translate(0, 0);
  transition: transform 300ms ease;
}

.postings__list-item__edit input[type="checkbox"] {
  margin: 0;
  padding: 0;
  opacity: 0;
  max-height: 0 !important;
  max-width: 0 !important;
  position: absolute;
}

.postings__list-item__edit input[type="checkbox"]:checked ~ label::after {
  content: '\e834';
  transition: transform 300ms ease;
}

.postings__list-item__edit input[type="checkbox"]:focus ~ label::after {
  -ms-transform: scale(1.5);
      transform: scale(1.5);
  transition: transform 300ms ease;
}

.postings__list-item__title {
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  margin-bottom: 8px;
}

.postings__list-item__subtitle {
  font-size: 14px;
  font-weight: 400;
  margin: 0;
  margin-bottom: 8px;
}

.postings__list-item__meta-data__list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.postings__list-item__meta-data__item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 8px;
  margin-bottom: 8px;
  font-size: 12px;
  color: #666;
}

.postings__list-item__meta-data__item i.material-icons {
  color: #999;
  font-size: 16px;
}

.postings__list-item__actions {
  display: -ms-flexbox;
  display: flex;
  margin-top: 8px;
}

.postings__list-item__actions button {
  background: none;
  margin: 0;
  padding: 0;
  line-height: 1;
  border: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 4px 6px;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  margin-right: 4px;
}

.postings__list-item__actions button.is--fav.is--saved i {
  color: #E25465;
}

.postings__list-item__actions button.is--approve:hover i.material-icons {
  color: #A1DAD7;
}

.postings__list-item__actions button.is--decline:hover i.material-icons {
  color: #ED4747;
}

.postings__list-item__actions button i.material-icons {
  color: rgba(0, 0, 0, 0.3);
  font-size: 16px;
}

@media screen and (min-width: 1024px) {
  .postings__single {
    background: #fff;
    padding: 24px;
    padding-bottom: 120px;
    border-radius: 3px;
    height: calc(100vh - 334px);
    overflow: auto;
    position: fixed;
    max-width: 680px;
    width: 100%;
    -ms-transform: translatey(0px);
        transform: translatey(0px);
    transition: transform 300ms ease-out;
  }
}

@media screen and (min-width: 1024px) {
  .postings__single.is--sticky {
    -ms-transform: translatey(-160px);
        transform: translatey(-160px);
    height: calc(100vh - 200px + 160px);
    transition: transform 300ms ease-out;
  }
}

@media screen and (max-width: 1023px) {
  .postings__single-container.is--visible {
    left: 0;
    transition: left 300ms ease-out;
  }
}

@media screen and (max-width: 1023px) {
  .postings__single-container {
    width: 100%;
    padding: 16px;
    position: fixed;
    top: 0;
    left: calc(-100%);
    bottom: 0;
    z-index: 111100;
    background: #fff;
    overflow: auto;
    transition: left 300ms ease-out;
  }
}

@media screen and (min-width: 1024px) {
  .postings__single-container {
    width: calc(100% - 320px - 24px);
    padding-top: 36px;
  }
}

.postings__single-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.postings__single-header .postings__list-nav {
  border-width: 1px;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  min-width: 100%;
  margin-top: 8px;
  margin-bottom: 24px;
}

.postings__single-header__title-logo {
  display: -ms-flexbox;
  display: flex;
  max-width: 62%;
}

.postings__single-header__logo {
  width: 72px;
  height: 72px;
}

.postings__single-header__logo img {
  width: 100%;
}

.postings__single-header__title {
  line-height: 1.5;
}

.postings__single-header__title h1 {
  font-size: 20px;
  margin: 0;
  padding: 0;
  line-height: 1.5;
}

.postings__single-header__title h2 {
  margin: 0;
  padding: 0;
  font-size: 16px;
  line-height: 1.5;
}

@media screen and (max-width: 1023px) {
  .postings__single-header__actions.is--visible {
    bottom: 0;
    transition: bottom 300ms ease-out;
  }
}

.postings__single-header__actions.is--visible > button:last-of-type {
  bottom: 0;
  transition: bottom 300ms ease-out;
}

@media screen and (max-width: 1023px) {
  .postings__single-header__actions {
    position: fixed;
    bottom: -68px;
    left: 0;
    right: 0;
    height: 60px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    background: #444;
    transition: bottom 300ms ease-out;
  }
}

.postings__single-header__actions > button:first-of-type {
  background: #8FD6B4;
  border: none;
  outline: none;
  height: 48px;
  border-radius: 24px;
  min-width: 104px;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.5);
  font-weight: 700;
}

@media screen and (max-width: 1023px) {
  .postings__single-header__actions > button:first-of-type {
    height: 52px;
    border-radius: 0;
  }
}

.postings__single-header__actions > button:nth-of-type(2) {
  background: none;
  border: none;
  outline: none;
  color: rgba(0, 0, 0, 0.3);
  font-weight: 700;
  -ms-flex-item-align: start;
  align-self: flex-start;
}

@media screen and (max-width: 1023px) {
  .postings__single-header__actions > button:nth-of-type(2) {
    height: 60px;
    width: 88px;
    border-radius: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: rgba(255, 255, 255, 0.88);
    background: rgba(0, 0, 0, 0.3);
  }
}

.postings__single-header__actions > button:nth-of-type(2) i {
  font-size: 48px;
}

@media screen and (max-width: 1023px) {
  .postings__single-header__actions > button:nth-of-type(2) i {
    font-size: 24px;
  }
}

.postings__single-header__actions > button:last-of-type {
  background: #000;
  height: 52px;
  width: 60px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: none;
  outline: none;
  color: rgba(255, 255, 255, 0.88);
  font-weight: 700;
  position: fixed;
  left: 0;
  bottom: -60px;
  transition: bottom 300ms ease-out;
}

@media screen and (min-width: 1024px) {
  .postings__single-header__actions > button:last-of-type {
    display: none;
  }
}

.postings__single-header__actions > button:last-of-type i {
  font-size: 24px;
}

.postings__single-header__nav {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  min-width: 100%;
}

.postings__single-deadline {
  font-weight: 700;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.5);
}

.postings__single-deadline.is--danger span {
  color: #E25465;
}

.postings .tabol {
  border-collapse: collapse !important;
  border: 1px solid #D8D8D8;
  background: #fff;
}

.postings .tabol__caption {
  padding: 16px;
  background: #ddd;
  text-align: left;
  font-weight: 600;
}

.postings .tabol__heading {
  text-align: left;
  padding: 16px !important;
  white-space: nowrap;
  font-weight: bold !important;
  border-bottom: none !important;
}

.postings .tabol__row--header {
  border-bottom: 1px solid #D8D8D8;
}

.postings .tabol__row--body {
  border-bottom: 1px solid #D8D8D8;
}

.postings .tabol__row--footer {
  border-bottom: 1px solid #D8D8D8;
}

.postings .tabol__value {
  padding: 16px !important;
  white-space: nowrap;
}

.postings .tabol__value--footer {
  font-weight: 600;
  padding: 16px !important;
  border: none !important;
}

.postings .tabol.minimal {
  border: none;
}

.postings .tabol.minimal .tabol__row--body {
  border: none !important;
}

.postings .tabol.zebra .tabol__row--body:nth-child(odd) {
  background: #F1F1F1;
}

.postings .tabol.small {
  font-size: 12px;
}

.postings .tabol.small .tabol__caption, .postings .tabol.small .tabol__heading, .postings .tabol.small .tabol__value, .postings .tabol.small .tabol__value--footer {
  padding: 8px !important;
}

.postings .tabol.hover .tabol__row--body:hover {
  background: #E1E1E1;
}

.postings .tabol.is--list {
  border: none;
  border-collapse: separate !important;
  background: none;
  border-spacing: 0 16px;
}

.postings .tabol.is--list .tabol__heading {
  color: rgba(0, 0, 0, 0.5);
  color: #333;
  text-transform: uppercase;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-size: 12px;
}

.postings .tabol.is--list .tabol__row--header {
  border: none;
}

.postings .tabol.is--list .tabol__row--body {
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
}

.postings .tabol.is--list .tabol__row--body .tabol__value {
  background: #fff;
}

.postings .tabol.is--list .tabol__row--body .tabol__value:first-of-type {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.postings .tabol.is--list .tabol__row--body .tabol__value:last-of-type {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.postings .tabol.is--list .tabol__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;
}

.postings .tabol.is--list.zebra .tabol__row--body:nth-of-type(odd) .tabol__value {
  background: #E1E1E1;
}

button.is--fav.is--saved i {
  color: #E25465;
}

.message-interupt {
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  box-shadow: 0px -24px 48px -24px rgba(0, 0, 0, 0.66);
  border-top: 8px solid orange;
  z-index: 2101;
  min-height: 1000px;
  padding: 24px 24px 48px 24px;
  max-height: 75vh;
  overflow: auto;
}

.message-interupt__title {
  display: -ms-flexbox;
  display: flex;
  font-size: 24px;
  color: #666;
  -ms-flex-align: center;
  align-items: center;
  margin: 0;
  margin-bottom: 16px;
}

.message-interupt__title i {
  color: orange;
  margin-right: 4px;
}

.message-interupt a {
  font-weight: 700;
}

.message-interupt p {
  font-size: 18px;
}

.message-interupt__btn--close i {
  font-size: 48px;
}

.message-interupt .checkbox--icon-font {
  padding-left: 0;
  margin-top: 16px;
  margin-bottom: 16px;
}

.message-interupt input[type="submit"] {
  background: #8FD6B4;
  color: rgba(0, 0, 0, 0.6);
  border: none;
  outline: none;
  padding: 16px 32px;
  font-size: 16px;
  font-weight: 700;
}

.btn--apply {
  background: #8FD6B4;
  border: none;
  outline: none;
  height: 48px;
  border-radius: 24px;
  min-width: 104px;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.5);
  font-weight: 700;
}

.btn--filter-results {
  font-weight: bold;
  color: #666;
  text-transform: uppercase;
  position: relative;
  padding-right: 56px;
  border: none;
  outline: none;
  margin: 0 8px 8px 0;
  border: 1px solid #000;
  transition: all 300ms ease;
}

.btn--filter-results.is--active {
  background: #E1E1E1;
  -ms-transform: scale(0.88);
      transform: scale(0.88);
  border: 1px solid rgba(0, 0, 0, 0.3);
  transition: all 300ms ease;
}

.btn--filter-results span:nth-of-type(2) {
  font-weight: bold;
  color: #fff;
  padding: 0px 1px;
  width: 42px;
  line-height: 20px;
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  right: 0;
  bottom: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.2);
  transition: all 300ms ease;
}

.btn--filter-results.is--active span:nth-of-type(2) {
  background: transparent;
  color: #444;
  transition: all 300ms ease;
}

.bootRobot--sidebar {
  box-sizing: border-box;
}

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

.bootRobot--sidebar.is--visible {
  -ms-transform: translatex(0px);
      transform: translatex(0px);
  opacity: 1;
  transition: all 400ms ease;
}

.bootRobot--sidebar {
  position: fixed;
  width: 400px;
  top: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
  background: #fff;
  z-index: 1100;
  opacity: 0;
  transition: all 400ms ease;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
  -ms-transform: translatex(420px);
      transform: translatex(420px);
}

.bootRobot--label {
  display: block;
  text-transform: uppercase;
  font-weight: bold;
  color: #666;
  font-size: 12px;
  margin-top: 16px;
}

.bootRobot--sidebar__header {
  height: 260px;
  background: #F1F1F1;
  position: relative;
  padding: 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 44px;
}

.bootRobot--sidebar__header-tabs {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 44px;
  background: rgba(0, 0, 0, 0.3);
  display: -ms-flexbox;
  display: flex;
}

.bootRobot--sidebar__header-tabs .btn {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  border-radius: 0;
  text-transform: uppercase;
  border: none;
  outline: none;
}

.bootRobot--sidebar__header-tabs .btn.is--active {
  background: #444;
  color: #fff;
  font-weight: bold;
}

.bootRobot--sidebar__body {
  padding: 16px;
}

.btn.bootRobot--sidebar__btn--close {
  background: none;
  font-size: 24px;
  border: none;
  outline: none;
  position: absolute;
  top: 16px;
  right: 16px;
}

ul.bootRobot--pager {
  padding: 0;
  list-style: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
}

ul.bootRobot--pager li {
  padding-right: 15px;
}

ul.bootRobot--pager li.current--page a {
  font-weight: bold;
}

/* checkbox styles */
.toggle--single.checkbox-regular {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.toggle--single.checkbox-regular i {
  position: relative;
  top: 0;
  left: 0;
}

/* large checkbox */
.input__group.large--single span.toggle--single__container {
  height: 26px;
}

.input__group.large--single span.toggle--single__container:after {
  height: 22px;
}

.input__group.large--single label.toggle--single i.on {
  font-size: 18px;
  left: -28px;
  top: -4px;
}

.input__group.large--single label.toggle--single i.off {
  font-size: 18px;
  left: -80px;
  top: -4px;
}

/* Wizard overrides */
.wizard.is--c3 {
  background: #444;
  top: 72px;
}

.wizard.is--c3::after {
  background: #444;
}

@media screen and (max-width: 1023px) {
  .main--wizard {
    padding-top: 24px;
    margin-bottom: 72px;
    min-height: calc(100vh - 149px);
  }
  .wizard__nav--mobile.is--visible {
    bottom: 0;
  }
}

.wizard__nav--mobile {
  bottom: -72px;
  transition: all 300ms ease;
}

.wizard__nav--mobile button, .wizard__btn--hide-mobile-nav {
  background-color: #333;
}

.wizard-form.is--c3 .label--is--hijacked [type=radio] + span:before {
  border-color: #666;
}

.wizard-form.is--c3 .panel.toggle-group {
  height: 415px;
  max-height: 465px;
  padding-left: 8px;
  padding-right: 8px;
  padding-bottom: 48px;
}

.wizard-form.is--c3 .panel div.panel__body {
  padding-top: 4px;
  padding-right: 4px;
}

.wizard-form.is--c3 .panel div.panel__body div.input__group label.toggle--single {
  padding-right: 16px;
}

.wizard-form.is--c3 .input__group div.card--expand:last-of-type {
  margin-bottom: 0 !important;
}

.checkbox--group__item--accordion-content {
  text-align: justify;
}

a.wizard__progress-list__item-title:hover {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
  -ms-transform-origin: center;
      transform-origin: center;
  transition: all 300ms ease;
}

/* CRUD | crud tables */
@media screen and (max-width: 768px) {
  nav .crud-table__pagination {
    -ms-flex-pack: center;
    justify-content: center;
  }
  div.crud-table__searchbox-container {
    display: none;
  }
}

@media screen and (min-width: 769px) {
  .js--show--searchbox {
    display: none;
  }
  .crud-table__pagination-mobile-buttons {
    display: none;
  }
}

.crud-table__pagination-mobile-buttons {
  position: absolute;
  left: 0;
  height: inherit;
}

.crud-table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  display: table;
}

.crud-table th:first-child, .crud-table td:first-child {
  padding-left: 16px;
}

.crud-table tbody tr:nth-child(even) {
  background-color: #F1F1F1;
}

.crud-table thead tr {
  border: none;
  background-color: cornflowerblue;
  color: white;
}

.crud-table td, .crud-table th {
  padding: 8px 8px;
  display: table-cell;
  text-align: left;
  vertical-align: top;
}

.crud-table tbody tr:hover, .w3-ul.w3-hoverable li:hover {
  background-color: #ddd;
}

.crud-table__searchbox {
  border-radius: 20px;
  padding: 8px 8px 8px 32px;
}

.crud-table__searchbox-container {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  max-height: 50px;
}

.crud-table__searchbox-label {
  font-size: 0;
  color: none;
  height: 0;
  width: 0;
}

.crud-table__searchbox-icon {
  position: relative;
  top: 5px;
  left: 30px;
}

.crud-table__pagination {
  position: fixed;
  bottom: 0;
  z-index: 5;
  right: 0;
  background: #333;
  height: 50px;
  left: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 16px;
  -ms-flex-pack: center;
  justify-content: center;
}

.crud-table__pagination--buttons {
  display: -ms-flexbox;
  display: flex;
}

.dataTables_filter {
  display: none;
}

table.dataTable {
  border-bottom: none !important;
}

table.dataTable thead th, table.dataTable thead td {
  padding: 10px 18px;
  border-bottom: none !important;
}

.whitespace--normal {
  white-space: normal;
}

.color--bg--body {
  background: #F1F1F1;
}

.drop-down__item.is--active a {
  color: #666 !important;
}

/*.pill, .pill.is--btn {
}*/
[class^='btn__hero'].pill {
  border-radius: 24px;
}

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

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

.btn--black {
  background-color: #000;
  color: #fff;
}

.btn--black:hover {
  color: #E5E5E5;
}

.btn--black:focus {
  color: #ddd;
}

.btn--black.outline {
  background-color: #000;
  color: #000;
  border: 1px solid #000;
}

.btn--black.outline:hover {
  background-color: #000;
  color: #E5E5E5;
}

.btn--black.outline:focus {
  background-color: #000;
  color: #888;
}

/* Event Card Overrides  */
.schedule-item {
  width: 100%;
}

.schedule-item__right {
  max-width: calc(95% - 80px);
}

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

.schedule-item__location, .schedule-item__time-status {
  font-size: 1.88vw;
}

.schedule-item__left.color--bg--blue {
  background: #89BEF7;
}

@media screen and (min-width: 769px) {
  .schedule-item {
    min-width: 300px;
  }
  .schedule-item__right {
    width: inherit;
  }
  .schedule-item__location, .schedule-item__time-status {
    font-size: 13px;
  }
}

@media screen and (max-width: 600px) {
  .schedule-item__location, .schedule-item__time-status {
    font-size: 11px;
  }
}

.school__logo--none {
  height: 100%;
  font-size: 16px;
}

.user-select__none {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

a.is--btn {
  font-family: "Noto Sans", sans-serif;
}

/* SWPP Dashboard */
.is--fullscreen--swpp {
  position: absolute;
  width: 100%;
  top: 0;
  right: 100%;
  bottom: 0px;
  z-index: 25;
  transition: all .2s ease;
}

.is--fullscreen--swpp.right {
  right: 0px;
  width: 100%;
}

.is--fullscreen--swpp.full {
  left: 16px;
  width: calc(100% - 32px);
  right: 16px;
  bottom: 72px;
}

.reporting-explorer__chart--fullscreen__title {
  left: 400px;
}

.reporting-explorer__chart-top .chart__restrictor {
  max-height: 258px;
}

@media screen and (max-width: 1023px) {
  .reporting-explorer__map-fullscreen span {
    padding-left: 4px;
  }
}

.reporting-explorer__charts.node--open {
  pointer-events: none;
}

/* Sidebar overrides for Dark Mode */
.sidebar--action.is--dark-mode {
  background: #222;
}

.sidebar--action.is--dark-mode .modal__title-posting {
  background: rgba(0, 0, 0, 0.33);
}

.sidebar--action.is--dark-mode .modal__btn--close-posting {
  background: rgba(0, 0, 0, 0.33);
}

/* Fix for chart info-view in SWPP */
.reporting-explorer__chart-item.is--active {
  min-height: 0;
  max-height: none !important;
  height: auto;
}

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

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

.color--bg--grey {
  background-color: #444 !important;
}

.color--bg--dark-grey {
  background-color: #232323 !important;
}

.schedule-item__right {
  padding: 8px;
}

.schedule-item__right-anchor {
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

.schedule-item__right--anchor .schedule-item__location {
  width: 100%;
}

.schedule-item__title {
  margin-bottom: 4px;
}

.schedule-item.swpp-placement-item {
  height: 86px;
}

.schedule-item.swpp-placement-item .date {
  height: 64px;
}

.schedule-item.swpp-placement-item .time {
  height: 32px;
  line-height: 28px;
}

.reporting-explorer__placements--fullscreen {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.88);
  pointer-events: none;
  -ms-transform: translatex(128px);
      transform: translatex(128px);
  opacity: 0;
  transition: all 400ms ease;
  z-index: 5000;
}

.reporting-explorer__placements--fullscreen * {
  pointer-events: none;
}

.reporting-explorer__placements--fullscreen button {
  right: 16px;
  top: 8px;
  padding: 8px;
}

.reporting-explorer__placements--fullscreen button:hover {
  background-color: #444 !important;
  color: white !important;
}

.reporting-explorer__placements--fullscreen.is--visible {
  pointer-events: auto;
  -ms-transform: translatex(0px);
      transform: translatex(0px);
  opacity: 1;
  transition: all 400ms ease;
}

.reporting-explorer__placements--fullscreen.is--visible * {
  pointer-events: auto;
}

.pin.is--selected {
  border: 1.5px solid #8A2C6A;
}

.pin.is--selected + .pin-effect {
  background: rgba(197, 129, 190, 0.7);
  -webkit-animation-duration: 1.25s;
  animation-duration: 1.25s;
}

@media screen and (max-width: 1200px) {
  .reporting-explorer__toolbar-heading {
    font-size: 15px;
    max-width: 188px;
    line-height: 1.6 !important;
  }
}

@media screen and (max-width: 1024px) {
  .reporting-explorer__toolbar-heading {
    font-size: 13px;
    max-width: 188px;
    line-height: 1.6 !important;
  }
}

@media screen and (max-width: 768px) {
  .reporting-explorer__toolbar-heading {
    font-size: 11px;
    max-width: none;
    line-height: 1.3 !important;
  }
}

@media screen and (max-width: 625px) {
  .reporting-explorer__toolbar-heading {
    font-size: 10px;
    max-width: 150px;
    line-height: 1.3 !important;
  }
}

@media screen and (max-width: 405px) {
  .reporting-explorer__toolbar-heading {
    font-size: 9px;
    max-width: 100px;
    line-height: 1.3 !important;
  }
}

.dashboard-header__chart__fullscreen {
  position: absolute;
  right: 0px;
  top: 0px;
}

.dashboard-header__container--secondary .chart__restrictor {
  max-width: 400px;
  max-height: 300px;
}

#chartjs-tooltip.is--fullscreen span {
  font-size: 1.15em;
}

.tooltip__not--fullscreen::after {
  content: " - ";
}

#chartjs-tooltip.is--fullscreen .tooltip__not--fullscreen {
  display: none;
}

.dashboard-header ~ .cont-inception {
  background: linear-gradient(#444, #333);
}

.space--between {
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}

@media screen and (max-width: 500px) {
  .mobile--hidden {
    display: none;
    font-size: 0;
  }
}

.dashboard-header__title-container {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.reporting-explorer__toolbar.is--expanded ~ .reporting-explorer__charts {
  z-index: unset;
}

.branded-blog-card-img {
  max-height: 32px;
}

.branded-blog-card-img__container {
  position: absolute;
  left: 0px;
  bottom: 0px;
  right: 0;
  background: rgba(255, 255, 255, 0.65);
  padding: 4px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: center;
  align-items: center;
}

/* OG Spiral Robot Pagination Class Structure modified to be fixed at the bottom*/
.pagination.fixed--bottom {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #444;
  z-index: 1000;
  width: 100vw;
  height: 60px;
}

.disabled {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
  color: #000;
}

.pagination.fixed--bottom .pagination__list {
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
}

.pagination.fixed--bottom .pagination__item {
  margin: 0 4px;
}

.pagination.fixed--bottom .pagination__link {
  font-size: 18px;
  font-weight: 600;
  color: #F9F9F9;
  border-radius: 8px;
}

.pagination.fixed--bottom .pagination__link {
  font-size: 18px;
  font-weight: 600;
  color: #F9F9F9;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
}

.pagination.fixed--bottom .pagination__item.active .pagination__link {
  border: 2px solid #F9F9F9;
  border-radius: 8px;
}

@media screen and (max-width: 1023px) {
  .pagination.fixed--bottom .pagination__list {
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

/* Confirmation page stuff. possible ui pattern for use anywhere */
.c3-main.is--success {
  min-height: 100vh;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  background: none;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.c3-footer.is--success {
  display: none;
}

.c3-main.is--success h1 {
  color: #222;
}

.c3-main.is--success p {
  max-width: 680px;
}

.confetti {
  position: absolute;
  -webkit-animation: grow 1.4s cubic-bezier(0.42, 0, 0.275, 1.155) both infinite;
  animation: grow 1.4s cubic-bezier(0.42, 0, 0.275, 1.155) both infinite;
}

.confetti:nth-child(1) {
  width: 12px;
  height: 12px;
  left: 12px;
  top: 16px;
}

.confetti:nth-child(2) {
  width: 18px;
  height: 18px;
  left: 168px;
  top: 84px;
}

.confetti:nth-child(3) {
  width: 10px;
  height: 10px;
  left: 32px;
  top: 162px;
}

.confetti:nth-child(4) {
  width: 20px;
  height: 20px;
  left: 82px;
  top: -12px;
}

.confetti:nth-child(5) {
  width: 14px;
  height: 14px;
  left: 125px;
  top: 162px;
}

.confetti:nth-child(6) {
  width: 10px;
  height: 10px;
  left: 16px;
  top: 16px;
}

.confetti:nth-child(1) {
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
}

.confetti:nth-child(2) {
  -webkit-animation-delay: 1.4s;
  animation-delay: 1.4s;
}

.confetti:nth-child(3) {
  -webkit-animation-delay: 2.1s;
  animation-delay: 2.1s;
}

.confetti:nth-child(4) {
  -webkit-animation-delay: 2.8s;
  animation-delay: 2.8s;
}

.confetti:nth-child(5) {
  -webkit-animation-delay: 3.5s;
  animation-delay: 3.5s;
}

.confetti:nth-child(6) {
  -webkit-animation-delay: 4.2s;
  animation-delay: 4.2s;
}

.success-checkmark {
  position: relative;
  padding: 30px;
  -webkit-animation: checkmark 5.6s cubic-bezier(0.42, 0, 0.275, 1.155) both;
  animation: checkmark 5.6s cubic-bezier(0.42, 0, 0.275, 1.155) both;
}

.success-checkmark__check {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  transform: translate3d(-50%, -50%, 0);
  fill: #fff;
}

.success-checkmark__back {
  -webkit-animation: rotate 35s linear both infinite;
  animation: rotate 35s linear both infinite;
}

@-webkit-keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@-webkit-keyframes grow {
  0%, 100% {
    transform: scale(0);
  }
  50% {
    transform: scale(1);
  }
}

@keyframes grow {
  0%, 100% {
    transform: scale(0);
  }
  50% {
    transform: scale(1);
  }
}

@-webkit-keyframes checkmark {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  10%, 50%, 90% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes checkmark {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  10%, 50%, 90% {
    opacity: 1;
    transform: scale(1);
  }
}

.bg {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 20000%;
  background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/t-522/ConfirmationBG-red.svg") 0% 0% repeat;
  -webkit-animation: bg 30000s infinite ease-out alternate;
  animation: bg 30000s infinite ease-out alternate;
  -ms-transform-origin: top center;
      transform-origin: top center;
}

@-webkit-keyframes bg {
  100% {
    transform: translateY(-50%);
  }
}

@keyframes bg {
  100% {
    transform: translateY(-50%);
  }
}

.confirmation__content {
  background: rgba(0, 0, 0, 0.05);
  padding: 24px;
  border-radius: 8px;
  font-size: 20px !important;
  color: black;
}

.confirmation__container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: column;
  flex-direction: column;
  background: #D8D8D8;
  padding: 16px;
  border-radius: 8px;
  box-shadow: 0px 32px 64px -32px rgba(0, 0, 0, 0.5);
}

.confirmation__title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .confirmation__content {
    background: rgba(0, 0, 0, 0.05);
    padding: 16px;
    border-radius: 8px;
    font-size: 16px !important;
    color: black;
    width: 320px;
    overflow-x: hidden;
  }
}

.c3-section.is--about {
  -ms-transform: translatey(-104px);
      transform: translatey(-104px);
}

@media screen and (min-width: 768px) {
  .c3-section.is--about {
    -ms-transform: translatey(-256px);
        transform: translatey(-256px);
  }
}

@media screen and (min-width: 1024px) {
  .c3-section.is--about {
    -ms-transform: translatey(-212px);
        transform: translatey(-212px);
  }
}

@media screen and (min-width: 1440px) {
  .c3-section.is--about {
    -ms-transform: translatey(-408px);
        transform: translatey(-408px);
  }
}

@media screen and (min-width: 1900px) {
  .c3-section.is--about {
    -ms-transform: translatey(-488px);
        transform: translatey(-488px);
  }
}

/* .c3-main.has--bg--confirmation {
    background: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/t-522/ConfirmationBG.svg) 0% 0% repeat !important;
}
*/
.c3-footer {
  border-top: none !important;
}

.c3-hero {
  /*background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/t-522/occ-bg.jpg);
    background: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/t-522/occ-bg.jpg) no-repeat center center;*/
  background: #232323 no-repeat center center;
  background-size: cover;
  /*transform: scaleX(-1);*/
  z-index: 0;
}

.c3-hero::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: radial-gradient(56.4% 265.41% at 50% 50%, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.66) 100%);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

main.c3-main canvas {
  opacity: 0.066;
  position: absolute;
  top: 0;
  width: 100%;
  left: 0;
  pointer-events: none;
}

.c3-hero-title {
  position: relative;
  z-index: 999999999;
  border-radius: 24px;
  /*transform: scaleX(-1);*/
}

.c3-hero-title h1 {
  font-family: 'Montserrat', sans-serif;
  font-family: 'Raleway', sans-serif;
  margin-bottom: 0;
  margin: 0;
  color: #222;
  color: #000;
  color: #fff;
  font-weight: 800;
}

.c3-hero-title h2 {
  font-family: 'Anonymous Pro', monospace;
  font-size: 14px;
  line-height: 1.6;
  color: #5F6672;
  color: #000;
  letter-spacing: 1px;
  /* background: $black--opaque--20; */
  /* padding: 24px; */
}

main.c3-main canvas {
  max-width: 100%;
}

.sign-up--button-group {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 132px;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (max-width: 769px) {
  div.register--mobile {
    display: block !important;
  }
}

/* Student Reg */
.is--onboarding .c3-main {
  background: #232323;
  padding: 8px;
  min-height: calc(100vh - 72px);
}

.is--onboarding .c3-header {
  background: #232323;
}

.onboarding {
  max-width: 654px;
  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 #a3a3a3;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  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__front form .field-validation-error {
  margin-right: auto;
}

.onboarding__front form .field-validation-error, .onboarding__front form .field-validation-error span {
  color: #505050;
}

.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;
}

.footer__card {
  width: 200px;
  background: rgba(0, 0, 0, 0.33);
  border-radius: 8px;
  margin: 0 !important;
}

.empty-state--dashboard {
  border-radius: 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  -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;
}

.is--empty-state.dashboard-header {
  background: #232323 !important;
  min-height: 0px !important;
  height: auto !important;
  padding: 48px 24px !important;
}

.sidebar--action .accordion__content {
  padding: 8px 0 !important;
}

ol.bracketed-caps {
  list-style: none;
  counter-reset: bracketed-caps-counter;
}

ol.bracketed-caps li {
  counter-increment: bracketed-caps-counter;
}

ol.bracketed-caps li::before {
  content: "(" counter(bracketed-caps-counter, upper-alpha) ")    ";
}

.form-control {
  background-color: #fff;
  border: 1px solid #ddd;
  line-height: 20px;
}

.dashboard-header.is--profile {
  min-height: 420px;
  -ms-flex-pack: center;
      justify-content: center;
}

.dashboard-header.is--profile button {
  border-radius: 25px;
}

.map--hero {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.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;
}

.paragraph--stat {
  font-weight: 600 !important;
  font-size: 16px !important;
  color: #fff !important;
  border-radius: 4px !important;
  padding: 2px 6px !important;
  margin-right: 0px !important;
  margin-bottom: 2px !important;
}

.status-declined {
  border: 1px solid #ED4747 !important;
}

.status-declined:hover, .status-declined:focus {
  background: #ED4747 !important;
}

.status-pending {
  border: 1px solid #FFA800 !important;
}

.status-pending:hover, .status-pending:focus {
  background: #FFA800 !important;
}

.status-approved {
  border: 1px solid #1863E8 !important;
}

.status-approved:hover, .status-approved:focus {
  background: #1863E8 !important;
}

.dashboard-header__container--secondary .chart--container {
  margin-right: 24px;
  max-width: 200px;
}

@media screen and (max-width: 768px) {
  .employer-info-message {
    max-width: 100% !important;
  }
  .chart--container {
    margin-right: 0px !important;
  }
}

@media screen and (max-width: 1080px) and (min-width: 769px) {
  .employer-info-message {
    max-width: 75% !important;
  }
  .chart--container {
    margin-right: 0px !important;
  }
}

@media screen and (max-width: 768px) {
  .programAdmin-info-message {
    max-width: 100% !important;
  }
}

@media screen and (max-width: 1080px) and (min-width: 769px) {
  .programAdmin-info-message {
    max-width: 75% !important;
  }
}

.posting--sidebar__header {
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  background-color: #999;
  width: calc(100% + 32px);
  -ms-transform: translate(-16px, -4px);
      transform: translate(-16px, -4px);
  transition: background-color 175ms linear;
}

.posting--sidebar__header.approved {
  background-color: #1b4b34;
}

.posting--sidebar__header.declined {
  background-color: #1e0005;
}

.modal__title-posting, .modal__btn--close-posting {
  transition: background-color 175ms linear;
}

.modal__title-posting.approved, .modal__btn--close-posting.approved {
  background-color: black;
}

.modal__title-posting.declined, .modal__btn--close-posting.declined {
  background-color: black;
}

.posting-declined {
  text-align: center;
  margin: auto;
}

.posting-approved {
  text-align: center;
  margin: auto;
}

.auth--header--list {
  list-style: none;
}

.auth--header--list li {
  margin-bottom: 24px;
}

body.is--documentation .documentation__sidebar .nav__list li {
  position: relative;
  min-width: 100%;
  padding: 8px 16px;
}

.documentation__sidebar .nav__list li a {
  color: #505050;
}

.documentation__sidebar .nav__list li a.is--active {
  color: #505050;
  border-left: 4px solid #d57ab6;
  padding-left: 8px;
}

span.search-highlight {
  background-color: white;
  font-weight: bold;
  color: #000;
}

.search-result-snippet a {
  color: #505050;
}

.search-result {
  transition: 0.1s linear all;
}

.search-result.is--active {
  border-left: 4px solid #d57ab6;
  padding-left: 5px;
}

div.approval-progress-bar > div > p > a {
  color: #fff;
}

.tag-label.is--box {
  background: rgba(0, 0, 0, 0.1);
  padding: 16px;
  color: #F1F1F1;
}

.material-icons.is--badge {
  border-radius: 33%;
  padding: 4px;
  background: #444;
  color: #F9F9F9;
  font-size: 16px;
}

.skip-link__container {
  background-color: #FDD800;
  position: absolute;
  left: -10000%;
  z-index: 999;
}

.skip-link__container2 {
  left: unset;
  position: fixed;
}

.btn--default.is--branded {
  background-color: #fff;
  color: #232323;
}

.btn--default.is--branded:hover {
  background-color: #e6e6e6;
}

@media screen and (min-width: 769px) {
  .dashboard-header__widget-single {
    background: #333;
  }
}

.dashboard-header--mini {
  background: #232323;
}

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

.btn--default {
  background-color: #232323;
}

#c3-header__dropdown ul.drop-down__list,
#c3-header__dropdown ul.drop-down__list a {
  background: #232323 !important;
}

.btn--default:hover {
  background-color: #0a0a0a;
}

.c3-header {
  background: #232323 !important;
  box-shadow: none;
}

.c3-header .c3-nav--main a,
#c3-header__dropdown-dropdown,
#c3-header__dropdown-dropdown * {
  color: #fff !important;
  font-weight: normal;
}

@media screen and (min-width: 769px) {
  .c3-header .btn:hover,
  .c3-header [type="button"]:hover,
  #c3-header__dropdown-dropdown + ul li a:hover,
  #c3-header__dropdown-dropdown:hover,
  #c3-header__dropdown-dropdown:hover * {
    background: rgba(0, 0, 0, 0.6) !important;
    color: #fff !important;
  }
}

.menu-button-wrapper span {
  background-color: #fff !important;
}

.menu-button-wrapper.open span {
  background-color: #232323 !important;
}

.btn--success {
  color: #fff !important;
}

@media screen and (min-width: 1024px) {
  .sidebar--action {
    width: 400px;
    width: 408px;
    max-width: 408px;
  }
}

p a, .link--normal {
  color: #EA0029;
  text-decoration: underline;
}

.form-modal-sidebar .toggle--single.left-to-right input[type="checkbox"]:focus ~ .toggle--single__container {
  outline: 2px solid #ccc;
}

.btn--default.card--expand__btn--expand .material-icons {
  color: rgba(255, 255, 255, 0.88);
}