@import url("https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i");
body {
  position: relative;
  width: 100%;
}

[hidden] {
  display: none !important;
}

.edem-button {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 40px;
  min-width: 96px;
  padding: 0 16px;
  font: inherit;
  font-size: 0.9em;
  font-weight: 500;
  text-align: center;
  line-height: 14.4px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  text-decoration: none;
  background: transparent;
  border: 0;
  outline: none;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  box-shadow: 1px 1px 0px 1px rgba(0, 0, 0, 0.1), 0 0 0 calc(5 * 16px) rgba(0, 0, 0, 0) inset;
  transition-property: background-color, box-shadow, color;
  transition-duration: 0.2s, 0.2s, 0.3s;
  transition-delay: 0s, 0s, 0.1s;
  transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
}

.edem-button:hover {
  box-shadow: 1px 4px 5px 1px rgba(0, 0, 0, 0.2), inset 0 0 0 calc(5 * 16px) rgba(0, 0, 0, 0.1);
}

.edem-button:active {
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 calc(5 * 16px) rgba(0, 0, 0, 0.25) inset;
  transition-duration: 0.02s;
}

.edem-topbar {
  font-family: "Roboto", Helvetica, sans-serif;
  font-size: 16px;
  min-height: 32px;
  width: 100%;
  box-sizing: border-box;
}

@media print {
  .edem-topbar {
    display: block;
  }
}

.edem-topbar * {
  box-sizing: inherit;
}

.edem-topbar > .stick {
  position: fixed;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  max-width: 100vw;
  height: 32px;
  background: linear-gradient(90deg, #114433 0%, #002222 100%);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 1px 4px rgba(0, 0, 0, 0.23);
  overflow: hidden;
  z-index: 1000000;
}

@media print {
  .edem-topbar > .stick {
    position: initial;
  }
}

.edem-topbar > .stick > .brand {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  min-width: 0;
  text-decoration: none;
  transition: opacity 0.2s 0.1s linear, -webkit-transform 0.3s 0s cubic-bezier(0.55, 0, 0.1, 1);
  transition: transform 0.3s 0s cubic-bezier(0.55, 0, 0.1, 1), opacity 0.2s 0.1s linear;
  transition: transform 0.3s 0s cubic-bezier(0.55, 0, 0.1, 1), opacity 0.2s 0.1s linear, -webkit-transform 0.3s 0s cubic-bezier(0.55, 0, 0.1, 1);
}

.edem-topbar > .stick > .brand > .logo {
  height: 38px;
  margin-left: 10px;
  margin-bottom: 4px;
}

@media (min-width: 641px) {
  .edem-topbar > .stick > .brand > .logo {
    margin-left: 12px;
  }
}

.edem-topbar > .stick > .brand > .name {
  color: #fff;
  line-height: 12.8px;
  font-size: 12.8px;
  font-weight: 600;
  margin-left: 8px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

@media (min-width: 641px) {
  .edem-topbar > .stick > .brand > .name {
    line-height: 16px;
    font-size: 16px;
  }
}

.edem-topbar > .stick > .brand.-menuopen {
  transition: opacity 0.2s 0s linear, -webkit-transform 0.3s 0s cubic-bezier(0.55, 0, 0.1, 1);
  transition: transform 0.3s 0s cubic-bezier(0.55, 0, 0.1, 1), opacity 0.2s 0s linear;
  transition: transform 0.3s 0s cubic-bezier(0.55, 0, 0.1, 1), opacity 0.2s 0s linear, -webkit-transform 0.3s 0s cubic-bezier(0.55, 0, 0.1, 1);
}

@media (max-width: 640px) {
  .edem-topbar > .stick > .brand.-menuopen {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    opacity: 0;
  }
}

.edem-topbar > .stick > .actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}

.edem-topbar > .stick > .actions > .menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}

@media (max-width: 640px) {
  .edem-topbar > .stick > .actions > .menu {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    position: absolute;
    width: 100%;
    left: -32px;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    opacity: 0;
    transition: opacity 0.1s 0s linear, -webkit-transform 0.3s cubic-bezier(0.55, 0, 0.1, 1);
    transition: transform 0.3s cubic-bezier(0.55, 0, 0.1, 1), opacity 0.1s 0s linear;
    transition: transform 0.3s cubic-bezier(0.55, 0, 0.1, 1), opacity 0.1s 0s linear, -webkit-transform 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  }
}

.edem-topbar > .stick > .actions > .menu.-menuopen {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
  transition: opacity 0.2s 0.15s linear, -webkit-transform 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  transition: transform 0.3s cubic-bezier(0.55, 0, 0.1, 1), opacity 0.2s 0.15s linear;
  transition: transform 0.3s cubic-bezier(0.55, 0, 0.1, 1), opacity 0.2s 0.15s linear, -webkit-transform 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}

.edem-topbar > .stick > .actions > .menu > .link {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  padding: 0 10px;
  color: white;
  font-size: 0.625em;
  font-weight: 700;
  text-transform: uppercase;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  transition: all 0.3s ease;
}

@media (min-width: 641px) {
  .edem-topbar > .stick > .actions > .menu > .link {
    font-size: 0.75em;
    padding: 0 12px;
  }
}

.edem-topbar > .stick > .actions > .menu > .link::after, .edem-topbar > .stick > .actions > .menu > .link::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: white;
  transition: -webkit-transform 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  transition: transform 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  transition: transform 0.3s cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  z-index: -1;
}

.edem-topbar > .stick > .actions > .menu > .link::before {
  height: 2px;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: center;
          transform-origin: center;
}

.edem-topbar > .stick > .actions > .menu > .link::after {
  height: 100%;
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
  -webkit-transform-origin: bottom;
          transform-origin: bottom;
}

.edem-topbar > .stick > .actions > .menu > .link:hover::before {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}

.edem-topbar > .stick > .actions > .menu > .link.-highlight {
  color: #eecc33;
}

.edem-topbar > .stick > .actions > .menu > .link.-highlight::after, .edem-topbar > .stick > .actions > .menu > .link.-highlight::before {
  background-color: #eecc33;
}

.edem-topbar > .stick > .actions > .menu > .link.-active {
  color: #002222;
}

.edem-topbar > .stick > .actions > .menu > .link.-active::after {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}

.edem-topbar > .stick > .actions > .menu > .link.-active:hover::after {
  -webkit-transform: scaleY(0.9375);
          transform: scaleY(0.9375);
}

.edem-topbar > .stick > .actions > .menu > .link > .user-avatar {
  margin-left: 8px;
}

.edem-sidebar {
  font-family: "Roboto", Helvetica, sans-serif;
  font-size: 16px;
  position: absolute;
  width: calc( (13 * 16px) + 20vw);
  left: 100%;
  top: 32px;
  box-sizing: border-box;
}

.edem-sidebar * {
  box-sizing: inherit;
}

@media (max-width: 640px) {
  .edem-sidebar {
    font-size: 14.4px;
  }
}

.edem-sidebar > .stick {
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: calc( (13 * 16px) + 20vw);
  height: calc(100vh - 32px);
  padding: calc(2 * 16px) calc( (0.5 * 16px) + 7.5vw);
  background-color: #002222;
  overflow: auto;
  z-index: 100001;
}

.edem-sidebar > .stick .closewrapper {
  position: absolute;
  top: 0;
  right: 0;
  width: 32px;
  height: 32px;
}

.edem-sidebar > .stick .closewrapper > .edem-close-button {
  position: fixed;
}

@media (max-width: 640px) {
  .edem-sidebar > .stick .closewrapper > .edem-close-button {
    display: none;
  }
}

.edem-sidebar > .stick > .content {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}

.edem-sidebar > .stick > .content.-show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.edem-sidebar > .stick > .content > .user-avatar {
  margin-bottom: 8px;
}

.edem-sidebar > .stick > .content > .username {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  color: white;
  margin-bottom: 16px;
  font-weight: 500;
  font-size: 1.25em;
  line-height: 16px;
}

.edem-sidebar > .stick > .content > .header {
  color: #fff;
  font-weight: 700;
  font-size: 2.25em;
  line-height: 48px;
  text-align: center;
  margin-bottom: 32px;
  border-bottom: 4px solid #114433;
}

.edem-sidebar > .stick > .content > .info, .edem-sidebar > .stick > .content > .success {
  color: white;
  font-size: 0.75em;
  font-weight: 400;
  margin-bottom: 32px;
  text-align: center;
}

.edem-sidebar > .stick > .content > .info > .link, .edem-sidebar > .stick > .content > .success > .link {
  color: #aadd88;
  font-weight: 600;
  text-decoration: none;
}

.edem-sidebar > .stick > .content > .success {
  font-size: 1.25em;
}

.edem-sidebar > .stick > .content > .success > .highlight {
  color: #eecc33;
}

.edem-sidebar > .stick > .content > .social {
  margin-bottom: 16px;
}

.edem-sidebar > .stick > .content > .access {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.edem-sidebar > .stick > .content > .access > .g-recaptcha {
  margin-top: 16px;
}

.edem-sidebar > .stick > .content > .access > .edem-button {
  margin-top: 16px;
}

.edem-sidebar > .stick > .content > .access > .errorbox {
  position: fixed;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 80px;
  width: calc( (13 * 16px) + 20vw);
  margin-left: calc(calc( (0.5 * 16px) + 7.5vw) * -1);
  padding: 16px;
  background-color: #ff6655;
  color: #fff;
  font-weight: 500;
  z-index: 2;
}

.edem-sidebar > .stick > .content > .access > .errorbox > .error {
  margin-bottom: 0;
}

.edem-sidebar > .stick > .content > .access > .errorbox > .edem-close-button {
  position: absolute;
  top: 0;
  right: 16px;
}

.edem-sidebar > .stick > .content > .link {
  color: #aadd88;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  font-size: 0.75em;
  font-weight: 400;
  text-decoration: none;
}

.edem-content-wrapper {
  -moz-osx-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  -webkit-font-smoothing: inherit;
  -webkit-font-smoothing: inherit;
  background-attachment: inherit;
  background-size: inherit;
  background: inherit;
  box-sizing: inherit;
  color: inherit;
  display: inherit;
  -ms-flex-preferred-size: inherit;
      flex-basis: inherit;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: inherit;
          flex-direction: inherit;
  -webkit-box-flex: inherit;
      -ms-flex-positive: inherit;
          flex-grow: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  height: inherit;
  line-height: inherit;
  margin: inherit;
  min-height: inherit;
  overflow: inherit;
  padding: inherit;
  width: inherit;
  position: relative;
  transition: margin-left 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}

body.-sidebaropen {
  overflow: hidden;
}

body.-sidebaropen .edem-content-wrapper {
  margin-left: calc( (-13 * 16px) - 20vw);
}

.edem-overlay {
  position: fixed;
  opacity: 0;
  width: 0;
  height: 0;
  top: 0;
  background-color: #002222;
  z-index: 100000;
  transition: opacity 0.3s ease, width 0s 0.3s, height 0s 0.3s;
}

body.-sidebaropen .edem-overlay {
  width: 100%;
  height: 100vh;
  opacity: 0.8;
  cursor: pointer;
  transition: opacity 0.3s 0s ease, width 0s 0s, height 0s 0s;
}

.form-field {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-top: 16px;
  margin-bottom: 8px;
}

.form-field > .input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0 8px;
  height: 32px;
  min-width: 0;
  margin: 0;
  border: 0;
  outline: 0;
  background-color: transparent;
  color: #fff;
  font-size: 1em;
  z-index: 1;
}

.form-field > .input:focus {
  background-color: transparent;
  color: #fff;
}

.form-field > .input:focus + .label {
  background-color: rgba(17, 68, 51, 0.6);
  color: #aadd88;
}

.form-field > .input:focus + .label::after {
  background-color: #aadd88;
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
  transition: background-color 0s ease, -webkit-transform 0.3s 0s cubic-bezier(0.55, 0, 0.1, 1);
  transition: transform 0.3s 0s cubic-bezier(0.55, 0, 0.1, 1), background-color 0s ease;
  transition: transform 0.3s 0s cubic-bezier(0.55, 0, 0.1, 1), background-color 0s ease, -webkit-transform 0.3s 0s cubic-bezier(0.55, 0, 0.1, 1);
}

.form-field > .input > .option {
  color: #fff;
  background-color: #114433;
  font-weight: 300;
}

.form-field > .label {
  position: absolute;
  top: 16px;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 32px;
  padding: 0 8px;
  background-color: rgba(17, 68, 51, 0.3);
  color: rgba(255, 255, 255, 0.6);
  font-size: 1em;
  font-weight: 400;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.form-field > .label::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: transparent;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: center;
          transform-origin: center;
  z-index: 2;
  transition: background-color 0.2s ease, -webkit-transform 0s 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  transition: transform 0s 0.3s cubic-bezier(0.55, 0, 0.1, 1), background-color 0.2s ease;
  transition: transform 0s 0.3s cubic-bezier(0.55, 0, 0.1, 1), background-color 0.2s ease, -webkit-transform 0s 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}

.form-field > .label > .labeltext {
  line-height: 16px;
}

.-filled.form-field > .label > .labeltext {
  -webkit-animation: slideOut 0.3s forwards;
          animation: slideOut 0.3s forwards;
}

.form-field > .action {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  padding-right: 8px;
  color: #aadd88;
  font-size: 0.625em;
  font-weight: 600;
  text-transform: uppercase;
  cursor: pointer;
  z-index: 1;
}

.form-field > .error {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
  margin: 0;
  color: #ff6655;
  font-size: 0.75em;
  font-weight: 400;
  margin-top: 4px;
}

@-webkit-keyframes slideOut {
  35% {
    opacity: 0;
    -webkit-transform: translate3d(16px, 0, 0);
            transform: translate3d(16px, 0, 0);
    font-size: 1em;
    letter-spacing: initial;
  }
  50% {
    opacity: 0;
    -webkit-transform: translate3d(-16px, -24px, 0);
            transform: translate3d(-16px, -24px, 0);
    font-size: 0.625em;
    letter-spacing: 0.05em;
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(-8px, -24px, 0);
            transform: translate3d(-8px, -24px, 0);
    text-transform: uppercase;
    font-weight: 700;
    font-size: 0.625em;
    letter-spacing: 0.05em;
  }
}

@keyframes slideOut {
  35% {
    opacity: 0;
    -webkit-transform: translate3d(16px, 0, 0);
            transform: translate3d(16px, 0, 0);
    font-size: 1em;
    letter-spacing: initial;
  }
  50% {
    opacity: 0;
    -webkit-transform: translate3d(-16px, -24px, 0);
            transform: translate3d(-16px, -24px, 0);
    font-size: 0.625em;
    letter-spacing: 0.05em;
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(-8px, -24px, 0);
            transform: translate3d(-8px, -24px, 0);
    text-transform: uppercase;
    font-weight: 700;
    font-size: 0.625em;
    letter-spacing: 0.05em;
  }
}

.edem-button {
  background-color: transparent;
  color: #fff;
  margin: 0 auto;
  margin-bottom: 16px;
  overflow: hidden;
}

.edem-button::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 100%;
  width: 100%;
  background-color: #114433;
  z-index: -1;
  transition: height 0.2s 0s cubic-bezier(0.55, 0, 0.1, 1);
}

.edem-button.-negative::before {
  background-color: #ff6655;
}

.edem-button.-social {
  padding-left: 56px;
  padding-right: 16px;
}

@media (max-width: 640px) {
  .edem-button.-social {
    padding-left: 48px;
    padding-right: 8px;
  }
}

.edem-button.-social::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 100%;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center center;
}

.edem-button.-social.-facebook {
  background-color: #3b5998;
  color: #fff;
}

.edem-button.-social.-facebook::before {
  background-image: url("/audiencias/static/edem-navigation/img/social-icon-facebook.svg");
  background-color: transparent;
  z-index: 1;
}

.edem-button.-social.-google {
  background-color: #ffffff;
  color: gray;
}

.edem-button.-social.-google::before {
  background-image: url("/audiencias/static/edem-navigation/img/social-icon-google.svg");
  background-color: transparent;
  z-index: 1;
}

.edem-button.-loading {
  color: transparent;
  cursor: default;
  pointer-events: none;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0, 0) inset;
  transition: color 0.3s 0s cubic-bezier(0.55, 0, 0.1, 1);
}

.edem-button.-loading::before {
  height: 8px;
  background-color: #3399cc;
  background-repeat: no-repeat;
  background-position: 50% 0%;
  background-size: 100% 100%;
  background-image: linear-gradient(#3399cc, #3399cc), linear-gradient(#ff6655, #ff6655), linear-gradient(#339966, #339966), linear-gradient(#eecc33, #eecc33);
  background-size: 0% 100%, 0% 100%, 0% 100%, 0% 100%;
  transition: height 0.2s 0.1s cubic-bezier(0.55, 0, 0.1, 1), background-color 0s 0.8s;
  -webkit-animation: loading 1.5s 0.3s linear infinite;
          animation: loading 1.5s 0.3s linear infinite;
}

@-webkit-keyframes loading {
  0% {
    background-size: 0% 100%, 0% 100%, 0% 100%, 0% 100%;
  }
  25% {
    background-size: 0% 100%, 0% 100%, 0% 100%, 110% 100%;
  }
  50% {
    background-size: 0% 100%, 0% 100%, 110% 100%, 100% 100%;
  }
  75% {
    background-size: 0% 100%, 110% 100%, 100% 100%, 100% 100%;
  }
  100% {
    background-size: 110% 100%, 100% 100%, 100% 100%, 100% 100%;
  }
}

@keyframes loading {
  0% {
    background-size: 0% 100%, 0% 100%, 0% 100%, 0% 100%;
  }
  25% {
    background-size: 0% 100%, 0% 100%, 0% 100%, 110% 100%;
  }
  50% {
    background-size: 0% 100%, 0% 100%, 110% 100%, 100% 100%;
  }
  75% {
    background-size: 0% 100%, 110% 100%, 100% 100%, 100% 100%;
  }
  100% {
    background-size: 110% 100%, 100% 100%, 100% 100%, 100% 100%;
  }
}

.edem-close-button, a.edem-close-button {
  color: #aadd88;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 32px;
  height: 32px;
  font: inherit;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  padding: 0;
  border: 0;
  border-radius: 0;
  outline: none;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.8;
}

.edem-close-button::before, a.edem-close-button::before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.edem-close-button::after, a.edem-close-button::after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.edem-close-button::before, .edem-close-button::after, a.edem-close-button::before, a.edem-close-button::after {
  content: '';
  position: absolute;
  width: 16px;
  height: 2px;
  background-color: currentColor;
}

.edem-close-button:hover, a.edem-close-button:hover {
  opacity: 1;
}

.edem-close-button.-white, a.edem-close-button.-white {
  color: #fff;
}

.hamburger-button {
  width: 32px;
  height: 32px;
  position: relative;
  background-color: transparent;
  color: #fff;
  cursor: pointer;
  border: none;
  outline: none;
  transition: all 0.3s ease;
}

@media (min-width: 641px) {
  .hamburger-button {
    display: none;
  }
}

.hamburger-button:before, .hamburger-button:after {
  content: '';
  width: 16px;
  height: 2px;
  background-color: currentColor;
  display: block;
  position: absolute;
  transition: all 0.3s ease;
}

.hamburger-button:before {
  top: 10px;
  left: 8px;
  box-shadow: 0 5px 0 0 currentColor;
}

.hamburger-button:after {
  top: 20px;
  left: 8px;
}

.hamburger-button.-active {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.hamburger-button.-active:before, .hamburger-button.-active:after {
  top: 15px;
  left: 8px;
}

.hamburger-button.-active:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  box-shadow: 0 0 0 0 transparent;
}

.hamburger-button.-active:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.user-avatar {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  width: 96px;
  height: 96px;
  border-radius: 50%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  text-indent: -100%;
  white-space: nowrap;
  overflow: hidden;
}

.user-avatar.-small {
  width: 22px;
  height: 22px;
}

@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i");
@-webkit-keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes limitCharacter {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  33.3% {
    -webkit-transform: translateX(3px);
            transform: translateX(3px);
  }
  66.6% {
    -webkit-transform: translateX(-6px);
            transform: translateX(-6px);
  }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}

@keyframes limitCharacter {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  33.3% {
    -webkit-transform: translateX(3px);
            transform: translateX(3px);
  }
  66.6% {
    -webkit-transform: translateX(-6px);
            transform: translateX(-6px);
  }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}

@font-face {
  font-family: 'Fontastic';
  src: url("/audiencias/static/bower_components/fontastic-labhacker/fontastic-labhacker.eot");
  /* IE9 Compat Modes */
  src: url("/audiencias/static/bower_components/fontastic-labhacker/fontastic-labhacker.woff") format("woff"), url("/audiencias/static/bower_components/fontastic-labhacker/fontastic-labhacker.ttf") format("truetype"), url("/audiencias/static/bower_components/fontastic-labhacker/fontastic-labhacker.svg#fontastic") format("svg");
  /* Legacy iOS */
}

* {
  margin: 0;
  padding: 0;
  border: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  list-style: none;
  text-decoration: none;
  color: inherit;
}

@media print {
  * {
    color: black;
  }
}

html {
  font-size: 16px;
  font-family: "Roboto", Helvetica, sans-serif;
}

p,
ul > li,
ol > li {
  font-size: 14px;
  line-height: 1.5rem;
}

p.-small,
ul > li.-small,
ol > li.-small {
  font-size: 12px;
  line-height: 1rem;
  font-weight: 300;
}

h1 {
  font-size: 24px;
}

h2 {
  font-size: 18px;
  text-transform: uppercase;
}

h3 {
  font-size: 18px;
}

h4 {
  font-size: 14px;
}

h5 {
  font-size: 12px;
}

html {
  height: 100%;
  background-color: #002222;
  color: #fff;
  box-sizing: border-box;
}

body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media (max-width: 640px) {
  table {
    display: block;
    overflow-x: auto;
  }
}

textarea, input {
  font-family: "Roboto", Helvetica, sans-serif;
}

textarea {
  min-height: 35px;
}

button {
  cursor: pointer;
}

hr {
  border-top: 1px solid rgba(0, 0, 0, 0.4);
  border-bottom: 1px solid #114433;
}

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

@font-face {
  font-family: "fontastic-labhacker";
  src: url("/audiencias/static/fontastic-labhacker/fonts/fontastic-labhacker.eot");
  src: url("/audiencias/static/fontastic-labhacker/fonts/fontastic-labhacker.eot?#iefix") format("embedded-opentype"), url("/audiencias/static/fontastic-labhacker/fonts/fontastic-labhacker.woff") format("woff"), url("/audiencias/static/fontastic-labhacker/fonts/fontastic-labhacker.ttf") format("truetype"), url("/audiencias/static/fontastic-labhacker/fonts/fontastic-labhacker.svg#fontastic-labhacker") format("svg");
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "fontastic-labhacker" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-500px:before {
  content: "\e000";
}

.icon-adjust:before {
  content: "\e001";
}

.icon-adn:before {
  content: "\e002";
}

.icon-align-center:before {
  content: "\e003";
}

.icon-align-justify:before {
  content: "\e004";
}

.icon-align-left:before {
  content: "\e005";
}

.icon-align-right:before {
  content: "\e006";
}

.icon-amazon:before {
  content: "\e007";
}

.icon-ambulance:before {
  content: "\e008";
}

.icon-anchor:before {
  content: "\e009";
}

.icon-android:before {
  content: "\e00a";
}

.icon-angellist:before {
  content: "\e00b";
}

.icon-angle-double-down:before {
  content: "\e00c";
}

.icon-angle-double-left:before {
  content: "\e00d";
}

.icon-angle-double-right:before {
  content: "\e00e";
}

.icon-angle-double-up:before {
  content: "\e00f";
}

.icon-angle-down:before {
  content: "\e010";
}

.icon-angle-left:before {
  content: "\e011";
}

.icon-angle-right:before {
  content: "\e012";
}

.icon-angle-up:before {
  content: "\e013";
}

.icon-apple:before {
  content: "\e014";
}

.icon-archive:before {
  content: "\e015";
}

.icon-area-chart:before {
  content: "\e016";
}

.icon-arrow-circle-down:before {
  content: "\e017";
}

.icon-arrow-circle-left:before {
  content: "\e018";
}

.icon-arrow-circle-o-down:before {
  content: "\e019";
}

.icon-arrow-circle-o-left:before {
  content: "\e01a";
}

.icon-arrow-circle-o-right:before {
  content: "\e01b";
}

.icon-arrow-circle-o-up:before {
  content: "\e01c";
}

.icon-arrow-circle-right:before {
  content: "\e01d";
}

.icon-arrow-circle-up:before {
  content: "\e01e";
}

.icon-arrow-down:before {
  content: "\e01f";
}

.icon-arrow-left:before {
  content: "\e020";
}

.icon-arrow-right:before {
  content: "\e021";
}

.icon-arrow-up:before {
  content: "\e022";
}

.icon-arrows:before {
  content: "\e023";
}

.icon-arrows-alt:before {
  content: "\e024";
}

.icon-arrows-h:before {
  content: "\e025";
}

.icon-arrows-v:before {
  content: "\e026";
}

.icon-asterisk:before {
  content: "\e027";
}

.icon-at:before {
  content: "\e028";
}

.icon-backward:before {
  content: "\e029";
}

.icon-balance-scale:before {
  content: "\e02a";
}

.icon-ban:before {
  content: "\e02b";
}

.icon-bar-chart:before {
  content: "\e02c";
}

.icon-barcode:before {
  content: "\e02d";
}

.icon-bars:before {
  content: "\e02e";
}

.icon-battery-empty:before {
  content: "\e02f";
}

.icon-battery-full:before {
  content: "\e030";
}

.icon-battery-half:before {
  content: "\e031";
}

.icon-battery-quarter:before {
  content: "\e032";
}

.icon-battery-three-quarters:before {
  content: "\e033";
}

.icon-bed:before {
  content: "\e034";
}

.icon-beer:before {
  content: "\e035";
}

.icon-behance:before {
  content: "\e036";
}

.icon-behance-square:before {
  content: "\e037";
}

.icon-bell:before {
  content: "\e038";
}

.icon-bell-o:before {
  content: "\e039";
}

.icon-bell-slash:before {
  content: "\e03a";
}

.icon-bell-slash-o:before {
  content: "\e03b";
}

.icon-bicycle:before {
  content: "\e03c";
}

.icon-binoculars:before {
  content: "\e03d";
}

.icon-birthday-cake:before {
  content: "\e03e";
}

.icon-bitbucket:before {
  content: "\e03f";
}

.icon-bitbucket-square:before {
  content: "\e040";
}

.icon-black-tie:before {
  content: "\e041";
}

.icon-bold:before {
  content: "\e042";
}

.icon-bolt:before {
  content: "\e043";
}

.icon-bomb:before {
  content: "\e044";
}

.icon-book:before {
  content: "\e045";
}

.icon-bookmark:before {
  content: "\e046";
}

.icon-bookmark-o:before {
  content: "\e047";
}

.icon-briefcase:before {
  content: "\e048";
}

.icon-btc:before {
  content: "\e049";
}

.icon-bug:before {
  content: "\e04a";
}

.icon-building:before {
  content: "\e04b";
}

.icon-building-o:before {
  content: "\e04c";
}

.icon-bullhorn:before {
  content: "\e04d";
}

.icon-bullseye:before {
  content: "\e04e";
}

.icon-bus:before {
  content: "\e04f";
}

.icon-buysellads:before {
  content: "\e050";
}

.icon-calculator:before {
  content: "\e051";
}

.icon-calendar:before {
  content: "\e052";
}

.icon-calendar-check-o:before {
  content: "\e053";
}

.icon-calendar-minus-o:before {
  content: "\e054";
}

.icon-calendar-o:before {
  content: "\e055";
}

.icon-calendar-plus-o:before {
  content: "\e056";
}

.icon-calendar-times-o:before {
  content: "\e057";
}

.icon-camera:before {
  content: "\e058";
}

.icon-camera-retro:before {
  content: "\e059";
}

.icon-car:before {
  content: "\e05a";
}

.icon-caret-down:before {
  content: "\e05b";
}

.icon-caret-left:before {
  content: "\e05c";
}

.icon-caret-right:before {
  content: "\e05d";
}

.icon-caret-square-o-down:before {
  content: "\e05e";
}

.icon-caret-square-o-left:before {
  content: "\e05f";
}

.icon-caret-square-o-right:before {
  content: "\e060";
}

.icon-caret-square-o-up:before {
  content: "\e061";
}

.icon-caret-up:before {
  content: "\e062";
}

.icon-cart-arrow-down:before {
  content: "\e063";
}

.icon-cart-plus:before {
  content: "\e064";
}

.icon-cc:before {
  content: "\e065";
}

.icon-cc-amex:before {
  content: "\e066";
}

.icon-cc-diners-club:before {
  content: "\e067";
}

.icon-cc-discover:before {
  content: "\e068";
}

.icon-cc-jcb:before {
  content: "\e069";
}

.icon-cc-mastercard:before {
  content: "\e06a";
}

.icon-cc-paypal:before {
  content: "\e06b";
}

.icon-cc-stripe:before {
  content: "\e06c";
}

.icon-cc-visa:before {
  content: "\e06d";
}

.icon-certificate:before {
  content: "\e06e";
}

.icon-chain-broken:before {
  content: "\e06f";
}

.icon-check:before {
  content: "\e070";
}

.icon-check-circle:before {
  content: "\e071";
}

.icon-check-circle-o:before {
  content: "\e072";
}

.icon-check-square:before {
  content: "\e073";
}

.icon-check-square-o:before {
  content: "\e074";
}

.icon-chevron-circle-down:before {
  content: "\e075";
}

.icon-chevron-circle-left:before {
  content: "\e076";
}

.icon-chevron-circle-right:before {
  content: "\e077";
}

.icon-chevron-circle-up:before {
  content: "\e078";
}

.icon-chevron-down:before {
  content: "\e079";
}

.icon-chevron-left:before {
  content: "\e07a";
}

.icon-chevron-right:before {
  content: "\e07b";
}

.icon-chevron-up:before {
  content: "\e07c";
}

.icon-child:before {
  content: "\e07d";
}

.icon-chrome:before {
  content: "\e07e";
}

.icon-circle:before {
  content: "\e07f";
}

.icon-circle-o:before {
  content: "\e080";
}

.icon-circle-o-notch:before {
  content: "\e081";
}

.icon-circle-thin:before {
  content: "\e082";
}

.icon-clipboard:before {
  content: "\e083";
}

.icon-clock-o:before {
  content: "\e084";
}

.icon-clone:before {
  content: "\e085";
}

.icon-cloud:before {
  content: "\e086";
}

.icon-cloud-download:before {
  content: "\e087";
}

.icon-cloud-upload:before {
  content: "\e088";
}

.icon-code:before {
  content: "\e089";
}

.icon-code-fork:before {
  content: "\e08a";
}

.icon-codepen:before {
  content: "\e08b";
}

.icon-coffee:before {
  content: "\e08c";
}

.icon-cog:before {
  content: "\e08d";
}

.icon-cogs:before {
  content: "\e08e";
}

.icon-columns:before {
  content: "\e08f";
}

.icon-comment:before {
  content: "\e090";
}

.icon-comment-o:before {
  content: "\e091";
}

.icon-commenting:before {
  content: "\e092";
}

.icon-commenting-o:before {
  content: "\e093";
}

.icon-comments:before {
  content: "\e094";
}

.icon-comments-o:before {
  content: "\e095";
}

.icon-compass:before {
  content: "\e096";
}

.icon-compress:before {
  content: "\e097";
}

.icon-connectdevelop:before {
  content: "\e098";
}

.icon-contao:before {
  content: "\e099";
}

.icon-copyright:before {
  content: "\e09a";
}

.icon-creative-commons:before {
  content: "\e09b";
}

.icon-credit-card:before {
  content: "\e09c";
}

.icon-crop:before {
  content: "\e09d";
}

.icon-crosshairs:before {
  content: "\e09e";
}

.icon-css3:before {
  content: "\e09f";
}

.icon-cube:before {
  content: "\e0a0";
}

.icon-cubes:before {
  content: "\e0a1";
}

.icon-cutlery:before {
  content: "\e0a2";
}

.icon-dashcube:before {
  content: "\e0a3";
}

.icon-database:before {
  content: "\e0a4";
}

.icon-delicious:before {
  content: "\e0a5";
}

.icon-desktop:before {
  content: "\e0a6";
}

.icon-deviantart:before {
  content: "\e0a7";
}

.icon-diamond:before {
  content: "\e0a8";
}

.icon-digg:before {
  content: "\e0a9";
}

.icon-dot-circle-o:before {
  content: "\e0aa";
}

.icon-download:before {
  content: "\e0ab";
}

.icon-dribbble:before {
  content: "\e0ac";
}

.icon-dropbox:before {
  content: "\e0ad";
}

.icon-drupal:before {
  content: "\e0ae";
}

.icon-eject:before {
  content: "\e0af";
}

.icon-ellipsis-h:before {
  content: "\e0b0";
}

.icon-ellipsis-v:before {
  content: "\e0b1";
}

.icon-empire:before {
  content: "\e0b2";
}

.icon-envelope:before {
  content: "\e0b3";
}

.icon-envelope-o:before {
  content: "\e0b4";
}

.icon-envelope-square:before {
  content: "\e0b5";
}

.icon-eraser:before {
  content: "\e0b6";
}

.icon-eur:before {
  content: "\e0b7";
}

.icon-exchange:before {
  content: "\e0b8";
}

.icon-exclamation:before {
  content: "\e0b9";
}

.icon-exclamation-circle:before {
  content: "\e0ba";
}

.icon-exclamation-triangle:before {
  content: "\e0bb";
}

.icon-expand:before {
  content: "\e0bc";
}

.icon-expeditedssl:before {
  content: "\e0bd";
}

.icon-external-link:before {
  content: "\e0be";
}

.icon-external-link-square:before {
  content: "\e0bf";
}

.icon-eye:before {
  content: "\e0c0";
}

.icon-eye-slash:before {
  content: "\e0c1";
}

.icon-eyedropper:before {
  content: "\e0c2";
}

.icon-facebook:before {
  content: "\e0c3";
}

.icon-facebook-official:before {
  content: "\e0c4";
}

.icon-facebook-square:before {
  content: "\e0c5";
}

.icon-fast-backward:before {
  content: "\e0c6";
}

.icon-fast-forward:before {
  content: "\e0c7";
}

.icon-fax:before {
  content: "\e0c8";
}

.icon-female:before {
  content: "\e0c9";
}

.icon-fighter-jet:before {
  content: "\e0ca";
}

.icon-file:before {
  content: "\e0cb";
}

.icon-file-archive-o:before {
  content: "\e0cc";
}

.icon-file-audio-o:before {
  content: "\e0cd";
}

.icon-file-code-o:before {
  content: "\e0ce";
}

.icon-file-excel-o:before {
  content: "\e0cf";
}

.icon-file-image-o:before {
  content: "\e0d0";
}

.icon-file-o:before {
  content: "\e0d1";
}

.icon-file-pdf-o:before {
  content: "\e0d2";
}

.icon-file-powerpoint-o:before {
  content: "\e0d3";
}

.icon-file-text:before {
  content: "\e0d4";
}

.icon-file-text-o:before {
  content: "\e0d5";
}

.icon-file-video-o:before {
  content: "\e0d6";
}

.icon-file-word-o:before {
  content: "\e0d7";
}

.icon-files-o:before {
  content: "\e0d8";
}

.icon-film:before {
  content: "\e0d9";
}

.icon-filter:before {
  content: "\e0da";
}

.icon-fire:before {
  content: "\e0db";
}

.icon-fire-extinguisher:before {
  content: "\e0dc";
}

.icon-firefox:before {
  content: "\e0dd";
}

.icon-flag:before {
  content: "\e0de";
}

.icon-flag-checkered:before {
  content: "\e0df";
}

.icon-flag-o:before {
  content: "\e0e0";
}

.icon-flask:before {
  content: "\e0e1";
}

.icon-flickr:before {
  content: "\e0e2";
}

.icon-floppy-o:before {
  content: "\e0e3";
}

.icon-folder:before {
  content: "\e0e4";
}

.icon-folder-o:before {
  content: "\e0e5";
}

.icon-folder-open:before {
  content: "\e0e6";
}

.icon-folder-open-o:before {
  content: "\e0e7";
}

.icon-font:before {
  content: "\e0e8";
}

.icon-fonticons:before {
  content: "\e0e9";
}

.icon-forumbee:before {
  content: "\e0ea";
}

.icon-forward:before {
  content: "\e0eb";
}

.icon-foursquare:before {
  content: "\e0ec";
}

.icon-frown-o:before {
  content: "\e0ed";
}

.icon-futbol-o:before {
  content: "\e0ee";
}

.icon-gamepad:before {
  content: "\e0ef";
}

.icon-gavel:before {
  content: "\e0f0";
}

.icon-gbp:before {
  content: "\e0f1";
}

.icon-genderless:before {
  content: "\e0f2";
}

.icon-get-pocket:before {
  content: "\e0f3";
}

.icon-gg:before {
  content: "\e0f4";
}

.icon-gg-circle:before {
  content: "\e0f5";
}

.icon-gift:before {
  content: "\e0f6";
}

.icon-git:before {
  content: "\e0f7";
}

.icon-git-square:before {
  content: "\e0f8";
}

.icon-github:before {
  content: "\e0f9";
}

.icon-github-alt:before {
  content: "\e0fa";
}

.icon-github-square:before {
  content: "\e0fb";
}

.icon-glass:before {
  content: "\e0fc";
}

.icon-globe:before {
  content: "\e0fd";
}

.icon-google:before {
  content: "\e0fe";
}

.icon-google-plus:before {
  content: "\e0ff";
}

.icon-google-plus-square:before {
  content: "\e100";
}

.icon-google-wallet:before {
  content: "\e101";
}

.icon-graduation-cap:before {
  content: "\e102";
}

.icon-gratipay:before {
  content: "\e103";
}

.icon-h-square:before {
  content: "\e104";
}

.icon-hacker-news:before {
  content: "\e105";
}

.icon-hand-lizard-o:before {
  content: "\e106";
}

.icon-hand-o-down:before {
  content: "\e107";
}

.icon-hand-o-left:before {
  content: "\e108";
}

.icon-hand-o-right:before {
  content: "\e109";
}

.icon-hand-o-up:before {
  content: "\e10a";
}

.icon-hand-paper-o:before {
  content: "\e10b";
}

.icon-hand-peace-o:before {
  content: "\e10c";
}

.icon-hand-pointer-o:before {
  content: "\e10d";
}

.icon-hand-rock-o:before {
  content: "\e10e";
}

.icon-hand-scissors-o:before {
  content: "\e10f";
}

.icon-hand-spock-o:before {
  content: "\e110";
}

.icon-hdd-o:before {
  content: "\e111";
}

.icon-header:before {
  content: "\e112";
}

.icon-headphones:before {
  content: "\e113";
}

.icon-heart:before {
  content: "\e114";
}

.icon-heart-o:before {
  content: "\e115";
}

.icon-heartbeat:before {
  content: "\e116";
}

.icon-history:before {
  content: "\e117";
}

.icon-home:before {
  content: "\e118";
}

.icon-hospital-o:before {
  content: "\e119";
}

.icon-hourglass:before {
  content: "\e11a";
}

.icon-hourglass-end:before {
  content: "\e11b";
}

.icon-hourglass-half:before {
  content: "\e11c";
}

.icon-hourglass-o:before {
  content: "\e11d";
}

.icon-hourglass-start:before {
  content: "\e11e";
}

.icon-houzz:before {
  content: "\e11f";
}

.icon-html5:before {
  content: "\e120";
}

.icon-i-cursor:before {
  content: "\e121";
}

.icon-ils:before {
  content: "\e122";
}

.icon-inbox:before {
  content: "\e123";
}

.icon-indent:before {
  content: "\e124";
}

.icon-industry:before {
  content: "\e125";
}

.icon-info:before {
  content: "\e126";
}

.icon-info-circle:before {
  content: "\e127";
}

.icon-inr:before {
  content: "\e128";
}

.icon-instagram:before {
  content: "\e129";
}

.icon-internet-explorer:before {
  content: "\e12a";
}

.icon-ioxhost:before {
  content: "\e12b";
}

.icon-italic:before {
  content: "\e12c";
}

.icon-joomla:before {
  content: "\e12d";
}

.icon-jpy:before {
  content: "\e12e";
}

.icon-jsfiddle:before {
  content: "\e12f";
}

.icon-key:before {
  content: "\e130";
}

.icon-keyboard-o:before {
  content: "\e131";
}

.icon-krw:before {
  content: "\e132";
}

.icon-language:before {
  content: "\e133";
}

.icon-laptop:before {
  content: "\e134";
}

.icon-lastfm:before {
  content: "\e135";
}

.icon-lastfm-square:before {
  content: "\e136";
}

.icon-leaf:before {
  content: "\e137";
}

.icon-leanpub:before {
  content: "\e138";
}

.icon-lemon-o:before {
  content: "\e139";
}

.icon-level-down:before {
  content: "\e13a";
}

.icon-level-up:before {
  content: "\e13b";
}

.icon-life-ring:before {
  content: "\e13c";
}

.icon-lightbulb-o:before {
  content: "\e13d";
}

.icon-line-chart:before {
  content: "\e13e";
}

.icon-link:before {
  content: "\e13f";
}

.icon-linkedin:before {
  content: "\e140";
}

.icon-linkedin-square:before {
  content: "\e141";
}

.icon-linux:before {
  content: "\e142";
}

.icon-list:before {
  content: "\e143";
}

.icon-list-alt:before {
  content: "\e144";
}

.icon-list-ol:before {
  content: "\e145";
}

.icon-list-ul:before {
  content: "\e146";
}

.icon-location-arrow:before {
  content: "\e147";
}

.icon-lock:before {
  content: "\e148";
}

.icon-long-arrow-down:before {
  content: "\e149";
}

.icon-long-arrow-left:before {
  content: "\e14a";
}

.icon-long-arrow-right:before {
  content: "\e14b";
}

.icon-long-arrow-up:before {
  content: "\e14c";
}

.icon-magic:before {
  content: "\e14d";
}

.icon-magnet:before {
  content: "\e14e";
}

.icon-male:before {
  content: "\e14f";
}

.icon-map:before {
  content: "\e150";
}

.icon-map-marker:before {
  content: "\e151";
}

.icon-map-o:before {
  content: "\e152";
}

.icon-map-pin:before {
  content: "\e153";
}

.icon-map-signs:before {
  content: "\e154";
}

.icon-mars:before {
  content: "\e155";
}

.icon-mars-double:before {
  content: "\e156";
}

.icon-mars-stroke:before {
  content: "\e157";
}

.icon-mars-stroke-h:before {
  content: "\e158";
}

.icon-mars-stroke-v:before {
  content: "\e159";
}

.icon-maxcdn:before {
  content: "\e15a";
}

.icon-meanpath:before {
  content: "\e15b";
}

.icon-medium:before {
  content: "\e15c";
}

.icon-medkit:before {
  content: "\e15d";
}

.icon-meh-o:before {
  content: "\e15e";
}

.icon-mercury:before {
  content: "\e15f";
}

.icon-microphone:before {
  content: "\e160";
}

.icon-microphone-slash:before {
  content: "\e161";
}

.icon-minus:before {
  content: "\e162";
}

.icon-minus-circle:before {
  content: "\e163";
}

.icon-minus-square:before {
  content: "\e164";
}

.icon-minus-square-o:before {
  content: "\e165";
}

.icon-mobile:before {
  content: "\e166";
}

.icon-money:before {
  content: "\e167";
}

.icon-moon-o:before {
  content: "\e168";
}

.icon-motorcycle:before {
  content: "\e169";
}

.icon-mouse-pointer:before {
  content: "\e16a";
}

.icon-music:before {
  content: "\e16b";
}

.icon-neuter:before {
  content: "\e16c";
}

.icon-newspaper-o:before {
  content: "\e16d";
}

.icon-object-group:before {
  content: "\e16e";
}

.icon-object-ungroup:before {
  content: "\e16f";
}

.icon-odnoklassniki:before {
  content: "\e170";
}

.icon-odnoklassniki-square:before {
  content: "\e171";
}

.icon-opencart:before {
  content: "\e172";
}

.icon-openid:before {
  content: "\e173";
}

.icon-opera:before {
  content: "\e174";
}

.icon-optin-monster:before {
  content: "\e175";
}

.icon-outdent:before {
  content: "\e176";
}

.icon-pagelines:before {
  content: "\e177";
}

.icon-paint-brush:before {
  content: "\e178";
}

.icon-paper-plane:before {
  content: "\e179";
}

.icon-paper-plane-o:before {
  content: "\e17a";
}

.icon-paperclip:before {
  content: "\e17b";
}

.icon-paragraph:before {
  content: "\e17c";
}

.icon-pause:before {
  content: "\e17d";
}

.icon-paw:before {
  content: "\e17e";
}

.icon-paypal:before {
  content: "\e17f";
}

.icon-pencil:before {
  content: "\e180";
}

.icon-pencil-square:before {
  content: "\e181";
}

.icon-pencil-square-o:before {
  content: "\e182";
}

.icon-phone:before {
  content: "\e183";
}

.icon-phone-square:before {
  content: "\e184";
}

.icon-picture-o:before {
  content: "\e185";
}

.icon-pie-chart:before {
  content: "\e186";
}

.icon-pied-piper:before {
  content: "\e187";
}

.icon-pied-piper-alt:before {
  content: "\e188";
}

.icon-pinterest:before {
  content: "\e189";
}

.icon-pinterest-p:before {
  content: "\e18a";
}

.icon-pinterest-square:before {
  content: "\e18b";
}

.icon-plane:before {
  content: "\e18c";
}

.icon-play:before {
  content: "\e18d";
}

.icon-play-circle:before {
  content: "\e18e";
}

.icon-play-circle-o:before {
  content: "\e18f";
}

.icon-plug:before {
  content: "\e190";
}

.icon-plus:before {
  content: "\e191";
}

.icon-plus-circle:before {
  content: "\e192";
}

.icon-plus-square:before {
  content: "\e193";
}

.icon-plus-square-o:before {
  content: "\e194";
}

.icon-power-off:before {
  content: "\e195";
}

.icon-print:before {
  content: "\e196";
}

.icon-puzzle-piece:before {
  content: "\e197";
}

.icon-qq:before {
  content: "\e198";
}

.icon-qrcode:before {
  content: "\e199";
}

.icon-question:before {
  content: "\e19a";
}

.icon-question-circle:before {
  content: "\e19b";
}

.icon-quote-left:before {
  content: "\e19c";
}

.icon-quote-right:before {
  content: "\e19d";
}

.icon-random:before {
  content: "\e19e";
}

.icon-rebel:before {
  content: "\e19f";
}

.icon-recycle:before {
  content: "\e1a0";
}

.icon-reddit:before {
  content: "\e1a1";
}

.icon-reddit-square:before {
  content: "\e1a2";
}

.icon-refresh:before {
  content: "\e1a3";
}

.icon-registered:before {
  content: "\e1a4";
}

.icon-renren:before {
  content: "\e1a5";
}

.icon-repeat:before {
  content: "\e1a6";
}

.icon-reply:before {
  content: "\e1a7";
}

.icon-reply-all:before {
  content: "\e1a8";
}

.icon-retweet:before {
  content: "\e1a9";
}

.icon-road:before {
  content: "\e1aa";
}

.icon-rocket:before {
  content: "\e1ab";
}

.icon-rss:before {
  content: "\e1ac";
}

.icon-rss-square:before {
  content: "\e1ad";
}

.icon-rub:before {
  content: "\e1ae";
}

.icon-safari:before {
  content: "\e1af";
}

.icon-scissors:before {
  content: "\e1b0";
}

.icon-search:before {
  content: "\e1b1";
}

.icon-search-minus:before {
  content: "\e1b2";
}

.icon-search-plus:before {
  content: "\e1b3";
}

.icon-sellsy:before {
  content: "\e1b4";
}

.icon-server:before {
  content: "\e1b5";
}

.icon-share:before {
  content: "\e1b6";
}

.icon-share-alt:before {
  content: "\e1b7";
}

.icon-share-alt-square:before {
  content: "\e1b8";
}

.icon-share-square:before {
  content: "\e1b9";
}

.icon-share-square-o:before {
  content: "\e1ba";
}

.icon-shield:before {
  content: "\e1bb";
}

.icon-ship:before {
  content: "\e1bc";
}

.icon-shirtsinbulk:before {
  content: "\e1bd";
}

.icon-shopping-cart:before {
  content: "\e1be";
}

.icon-sign-in:before {
  content: "\e1bf";
}

.icon-sign-out:before {
  content: "\e1c0";
}

.icon-signal:before {
  content: "\e1c1";
}

.icon-simplybuilt:before {
  content: "\e1c2";
}

.icon-sitemap:before {
  content: "\e1c3";
}

.icon-skyatlas:before {
  content: "\e1c4";
}

.icon-skype:before {
  content: "\e1c5";
}

.icon-slack:before {
  content: "\e1c6";
}

.icon-sliders:before {
  content: "\e1c7";
}

.icon-slideshare:before {
  content: "\e1c8";
}

.icon-smile-o:before {
  content: "\e1c9";
}

.icon-sort:before {
  content: "\e1ca";
}

.icon-sort-alpha-asc:before {
  content: "\e1cb";
}

.icon-sort-alpha-desc:before {
  content: "\e1cc";
}

.icon-sort-amount-asc:before {
  content: "\e1cd";
}

.icon-sort-amount-desc:before {
  content: "\e1ce";
}

.icon-sort-asc:before {
  content: "\e1cf";
}

.icon-sort-desc:before {
  content: "\e1d0";
}

.icon-sort-numeric-asc:before {
  content: "\e1d1";
}

.icon-sort-numeric-desc:before {
  content: "\e1d2";
}

.icon-soundcloud:before {
  content: "\e1d3";
}

.icon-space-shuttle:before {
  content: "\e1d4";
}

.icon-spinner:before {
  content: "\e1d5";
}

.icon-spoon:before {
  content: "\e1d6";
}

.icon-spotify:before {
  content: "\e1d7";
}

.icon-square:before {
  content: "\e1d8";
}

.icon-square-o:before {
  content: "\e1d9";
}

.icon-stack-exchange:before {
  content: "\e1da";
}

.icon-stack-overflow:before {
  content: "\e1db";
}

.icon-star:before {
  content: "\e1dc";
}

.icon-star-half:before {
  content: "\e1dd";
}

.icon-star-half-o:before {
  content: "\e1de";
}

.icon-star-o:before {
  content: "\e1df";
}

.icon-steam:before {
  content: "\e1e0";
}

.icon-steam-square:before {
  content: "\e1e1";
}

.icon-step-backward:before {
  content: "\e1e2";
}

.icon-step-forward:before {
  content: "\e1e3";
}

.icon-stethoscope:before {
  content: "\e1e4";
}

.icon-sticky-note:before {
  content: "\e1e5";
}

.icon-sticky-note-o:before {
  content: "\e1e6";
}

.icon-stop:before {
  content: "\e1e7";
}

.icon-street-view:before {
  content: "\e1e8";
}

.icon-strikethrough:before {
  content: "\e1e9";
}

.icon-stumbleupon:before {
  content: "\e1ea";
}

.icon-stumbleupon-circle:before {
  content: "\e1eb";
}

.icon-subscript:before {
  content: "\e1ec";
}

.icon-subway:before {
  content: "\e1ed";
}

.icon-suitcase:before {
  content: "\e1ee";
}

.icon-sun-o:before {
  content: "\e1ef";
}

.icon-superscript:before {
  content: "\e1f0";
}

.icon-table:before {
  content: "\e1f1";
}

.icon-tablet:before {
  content: "\e1f2";
}

.icon-tachometer:before {
  content: "\e1f3";
}

.icon-tag:before {
  content: "\e1f4";
}

.icon-tags:before {
  content: "\e1f5";
}

.icon-tasks:before {
  content: "\e1f6";
}

.icon-taxi:before {
  content: "\e1f7";
}

.icon-television:before {
  content: "\e1f8";
}

.icon-tencent-weibo:before {
  content: "\e1f9";
}

.icon-terminal:before {
  content: "\e1fa";
}

.icon-text-height:before {
  content: "\e1fb";
}

.icon-text-width:before {
  content: "\e1fc";
}

.icon-th:before {
  content: "\e1fd";
}

.icon-th-large:before {
  content: "\e1fe";
}

.icon-th-list:before {
  content: "\e1ff";
}

.icon-thumb-tack:before {
  content: "\e200";
}

.icon-thumbs-down:before {
  content: "\e201";
}

.icon-thumbs-o-down:before {
  content: "\e202";
}

.icon-thumbs-o-up:before {
  content: "\e203";
}

.icon-thumbs-up:before {
  content: "\e204";
}

.icon-ticket:before {
  content: "\e205";
}

.icon-times:before {
  content: "\e206";
}

.icon-times-circle:before {
  content: "\e207";
}

.icon-times-circle-o:before {
  content: "\e208";
}

.icon-tint:before {
  content: "\e209";
}

.icon-toggle-off:before {
  content: "\e20a";
}

.icon-toggle-on:before {
  content: "\e20b";
}

.icon-trademark:before {
  content: "\e20c";
}

.icon-train:before {
  content: "\e20d";
}

.icon-transgender:before {
  content: "\e20e";
}

.icon-transgender-alt:before {
  content: "\e20f";
}

.icon-trash:before {
  content: "\e210";
}

.icon-trash-o:before {
  content: "\e211";
}

.icon-tree:before {
  content: "\e212";
}

.icon-trello:before {
  content: "\e213";
}

.icon-tripadvisor:before {
  content: "\e214";
}

.icon-trophy:before {
  content: "\e215";
}

.icon-truck:before {
  content: "\e216";
}

.icon-try:before {
  content: "\e217";
}

.icon-tty:before {
  content: "\e218";
}

.icon-tumblr:before {
  content: "\e219";
}

.icon-tumblr-square:before {
  content: "\e21a";
}

.icon-twitch:before {
  content: "\e21b";
}

.icon-twitter:before {
  content: "\e21c";
}

.icon-twitter-square:before {
  content: "\e21d";
}

.icon-umbrella:before {
  content: "\e21e";
}

.icon-underline:before {
  content: "\e21f";
}

.icon-undo:before {
  content: "\e220";
}

.icon-university:before {
  content: "\e221";
}

.icon-unlock:before {
  content: "\e222";
}

.icon-unlock-alt:before {
  content: "\e223";
}

.icon-upload:before {
  content: "\e224";
}

.icon-usd:before {
  content: "\e225";
}

.icon-user:before {
  content: "\e226";
}

.icon-user-md:before {
  content: "\e227";
}

.icon-user-plus:before {
  content: "\e228";
}

.icon-user-secret:before {
  content: "\e229";
}

.icon-user-times:before {
  content: "\e22a";
}

.icon-users:before {
  content: "\e22b";
}

.icon-venus:before {
  content: "\e22c";
}

.icon-venus-double:before {
  content: "\e22d";
}

.icon-venus-mars:before {
  content: "\e22e";
}

.icon-viacoin:before {
  content: "\e22f";
}

.icon-video-camera:before {
  content: "\e230";
}

.icon-vimeo:before {
  content: "\e231";
}

.icon-vimeo-square:before {
  content: "\e232";
}

.icon-vine:before {
  content: "\e233";
}

.icon-vk:before {
  content: "\e234";
}

.icon-volume-down:before {
  content: "\e235";
}

.icon-volume-off:before {
  content: "\e236";
}

.icon-volume-up:before {
  content: "\e237";
}

.icon-weibo:before {
  content: "\e238";
}

.icon-weixin:before {
  content: "\e239";
}

.icon-whatsapp:before {
  content: "\e23a";
}

.icon-wheelchair:before {
  content: "\e23b";
}

.icon-wifi:before {
  content: "\e23c";
}

.icon-wikipedia-w:before {
  content: "\e23d";
}

.icon-windows:before {
  content: "\e23e";
}

.icon-wordpress:before {
  content: "\e23f";
}

.icon-wrench:before {
  content: "\e240";
}

.icon-xing:before {
  content: "\e241";
}

.icon-xing-square:before {
  content: "\e242";
}

.icon-y-combinator:before {
  content: "\e243";
}

.icon-yahoo:before {
  content: "\e244";
}

.icon-yelp:before {
  content: "\e245";
}

.icon-youtube:before {
  content: "\e246";
}

.icon-youtube-play:before {
  content: "\e247";
}

.icon-youtube-square:before {
  content: "\e248";
}

.icon-adm-publica:before {
  content: "\61";
}

.icon-agropecuaria:before {
  content: "\62";
}

.icon-assistencia-social:before {
  content: "\64";
}

.icon-cidades:before {
  content: "\65";
}

.icon-ciencia:before {
  content: "\66";
}

.icon-comunicacao:before {
  content: "\67";
}

.icon-consumidor:before {
  content: "\68";
}

.icon-cultura:before {
  content: "\69";
}

.icon-direito-e-justica:before {
  content: "\6a";
}

.icon-direitos-humanos:before {
  content: "\6b";
}

.icon-documento:before {
  content: "\6c";
}

.icon-economia:before {
  content: "\6d";
}

.icon-esportes:before {
  content: "\6f";
}

.icon-familia:before {
  content: "\70";
}

.icon-industria:before {
  content: "\71";
}

.icon-institucional:before {
  content: "\72";
}

.icon-meio-ambiente:before {
  content: "\73";
}

.icon-participacao-e-transparencia:before {
  content: "\74";
}

.icon-politica:before {
  content: "\75";
}

.icon-previdencia:before {
  content: "\76";
}

.icon-relacoes-exteriores:before {
  content: "\77";
}

.icon-saude:before {
  content: "\78";
}

.icon-seguranca:before {
  content: "\79";
}

.icon-trabalho:before {
  content: "\7a";
}

.icon-transporte-e-transito:before {
  content: "\41";
}

.icon-turismo:before {
  content: "\42";
}

.icon-hackdash:before {
  content: "\63";
}

.icon-edemocracia:before {
  content: "\43";
}

.icon-carrot:before {
  content: "\46";
}

.icon-lotus:before {
  content: "\47";
}

.icon-shoes:before {
  content: "\44";
}

.icon-battle-axe:before {
  content: "\45";
}

.icon-holy:before {
  content: "\48";
}

.icon-pacifier:before {
  content: "\49";
}

.icon-reforma-politica:before {
  content: "\4a";
}

.icon-educacao:before {
  content: "\6e";
}

.icon-arte-cultura-informacao:before {
  content: "\4b";
}

.icon-economia-financas-publicas:before {
  content: "\4c";
}

.icon-trabalho-emprego:before {
  content: "\4d";
}

.icon-comercio-consumidor:before {
  content: "\4e";
}

.icon-direitos-humanos-minorias:before {
  content: "\4f";
}

.icon-comunicacao-social:before {
  content: "\50";
}

.icon-agricultura:before {
  content: "\51";
}

.icon-viacao-transporte:before {
  content: "\52";
}

.icon-ciencia-tecnologia:before {
  content: "\53";
}

.icon-justica:before {
  content: "\54";
}

.icon-esporte-lazer:before {
  content: "\55";
}

[class*="__floating-header"] {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: .4em 1.4em;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 100;
}

[class*="__floating-header"] .header__title {
  font-size: 1.3em;
  font-weight: 700;
  margin: 0 0 0 .5em;
  text-transform: uppercase;
}

@media (max-width: 640px) {
  [class*="__floating-header"] .header__title {
    font-size: .9em;
  }
}

[class*="__floating-header"] .header__icon {
  font-size: .9em;
}

.question-block__info {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: .5em;
}

.question-block__info .info__username {
  font-weight: 700;
}

.question-block__info .info__timestamp {
  color: #737373;
  font-size: .7em;
  font-weight: 400;
  margin-right: 0.5em;
}

.question-block__text {
  margin-bottom: 0;
  word-break: break-word;
}

[class^="send-form"] {
  background-color: #ebebeb;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 5em;
  padding: 1em;
  z-index: 1;
}

@media (max-width: 960px) {
  [class^="send-form"] {
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100vw;
    z-index: 10;
  }
}

[class^="send-form"] .input {
  font-size: 1em;
  height: 3em;
  margin: 0;
  resize: none;
}

[class^="send-form"] .actions {
  margin: 0 0 0 .5em;
}

@media (max-width: 1280px) {
  [class^="send-form"] .actions {
    height: 100%;
  }
}

@media (min-width: 961px) and (max-width: 1280px) {
  [class^="send-form"] .actions {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

@media (min-width: 1281px) {
  [class^="send-form"] .actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
  }
}

[class^="send-form"] .actions__character-counter {
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: .8em;
  font-weight: 700;
}

@media (min-width: 1281px) {
  [class^="send-form"] .actions__character-counter {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 1em 0 .5em;
  }
}

[class^="send-form"] .actions__character-counter .character-counter__max-length {
  color: #339966;
}

[class^="send-form"] .actions > .button {
  background-color: #339966;
  border: 0;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: .9em;
  font-weight: 600;
  margin: 0;
  padding: 0 .5em 0 1em;
}

.home {
  color: #000;
}

.home .section-top {
  background: linear-gradient(45deg, #295747 0%, #002222 100%);
}

.home .section-bottom {
  background-color: #e6e6e6;
  padding: 1em 2em;
}

@media (max-width: 960px) {
  .home .section-bottom {
    padding: 1em;
  }
}

.home .preview--live-videos .preview__floating-header {
  background-color: #295747;
}

.home .preview--live-videos .header__icon {
  color: #f33;
}

.home .preview--closed-videos .preview__floating-header {
  background-color: #11496c;
}

.home .preview--closed-videos .header__icon {
  border: .2em solid;
  border-radius: 50%;
  padding: .4em;
}

.home .preview--calendar {
  padding: 0;
}

.home .preview--calendar .preview__floating-header {
  background-color: #002222;
  margin: 0 1em;
}

.home .preview--calendar .header__icon {
  border: .2em solid;
  border-radius: 50%;
  padding: .4em;
}

.home .preview--calendar .button {
  background: #092b2a;
  padding: 1em;
  color: #ffffff;
  vertical-align: middle;
  font-weight: bold;
}

.home .preview--calendar .button:hover {
  background: #09a67c;
  color: #ffffff;
}

.home .preview--calendar .show-more a {
  color: #3798c8;
  font-weight: 600;
}

[class^="registration--"] {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: whitesmoke;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 2.5em 0;
}

@media (max-width: 960px) {
  [class^="registration--"] {
    padding: 1em 1em 2em;
  }
}

.registration-error {
  border: 0;
  left: 0;
  position: absolute;
  top: 4em;
  width: 100%;
  z-index: 10;
}

@media (max-width: 640px) {
  .registration-error {
    top: 3em;
  }
}

.registration-error .close-button:hover {
  color: #fff;
}

.registration-error h5,
.registration-error li {
  color: #fff;
  margin: 0;
}

.registration-error ul {
  list-style: none;
  margin: 0;
}

@media (min-width: 961px) {
  .registration-wrapper {
    max-width: 30em;
    min-width: 20em;
  }
}

.registration__title {
  color: #002222;
  font-size: 2.5em;
  font-weight: 700;
  margin: 0;
  padding-bottom: .2em;
  position: relative;
  text-transform: uppercase;
}

.registration__title::after {
  background-color: #11496c;
  bottom: 0;
  content: '';
  height: .2em;
  left: 0;
  position: absolute;
  width: 100%;
}

.registration__text {
  font-size: 1em;
  font-weight: 500;
  margin: 1em 0 0;
}

.room-questions-body {
  margin-top: 0;
}

.bem-room-questions {
  background: linear-gradient(45deg, #295747 0%, #002222 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
  padding: 1em;
  min-height: 100vh;
}

@media print {
  .bem-room-questions {
    overflow: visible;
    display: block;
    background: white;
  }
}

.bem-room-questions > .wrapper {
  max-width: 960px;
  min-width: 40%;
  margin-left: auto;
  margin-right: auto;
}

@media print {
  .bem-room-questions > .wrapper {
    min-width: 100%;
    margin: 0;
  }
}

.bem-room-questions > .wrapper > .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.bem-room-questions > .wrapper > .flex > .numberofquestions {
  color: #295747;
  text-transform: uppercase;
  font-size: 0.8em;
  font-weight: 700;
  background-color: #fff;
  padding: 0.75rem 1rem;
  border-radius: 2rem;
  white-space: nowrap;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.bem-room-questions > .wrapper > .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}

.bem-room-questions > .wrapper > .info > .printLink {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  text-decoration: underline;
  cursor: pointer;
  font-size: 14px;
  line-height: 1.5em;
  margin-bottom: 0.5rem;
}

.bem-room-questions > .wrapper > .info > .printLink:hover {
  opacity: 0.8;
}

@media print {
  .bem-room-questions > .wrapper > .info > .printLink {
    display: none;
  }
}

@media (max-width: 1280px) {
  .bem-room-questions > .wrapper > .info > .printLink {
    font-size: 10px;
  }
}

.room-questions__title {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 1.4em;
  font-weight: 700;
  line-height: 1em;
  text-transform: uppercase;
}

.room-questions__title::after {
  background-color: #eecc33;
  content: '';
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: .7em;
  margin-left: 1em;
}

.room-questions__video-info {
  font-size: 1em;
  font-weight: 400;
  margin-bottom: 0;
}

.room-questions__video-info .video-info__icon {
  color: #f33;
  font-size: .7em;
}

.room-questions__video-info .video-info__text {
  color: #fff;
  text-transform: uppercase;
}

.room-questions__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: auto;
  margin: 1em -.5em 0;
}

@media print {
  .room-questions__list {
    display: block;
  }
}

.list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin: .5em 0;
  padding: 0 .5em;
}

@media (min-width: 1281px) {
  .list__item {
    width: 50%;
  }
}

.item__vote-block {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #339966;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-preferred-size: 6em;
      flex-basis: 6em;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-weight: 700;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (min-width: 1281px) {
  .item__vote-block {
    font-size: 115%;
  }
}

.vote-block__total-votes {
  font-size: 1.2em;
}

.item__question-block {
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
  padding: .75em;
}

@media print {
  .item__question-block {
    overflow: visible;
  }
}

@media (max-width: 960px) {
  .item__question-block {
    margin: 0;
  }
}

.room-questions__empty {
  color: #295747;
  font-size: 1.5em;
  font-weight: 600;
  margin-top: 1em;
  text-align: center;
}

.video-list {
  background-color: #e6e6e6;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 1em 2em 0;
}

@media (max-width: 960px) {
  .video-list {
    padding: 1em 1em 0;
  }
}

.video-list .preview__floating-header {
  background-color: #11496c;
}

.video-list .header__icon {
  border: .2em solid;
  border-radius: 50%;
  padding: .4em;
}

.widget {
  margin-top: 0;
  min-height: 100%;
}

.widget .menu-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  list-style: none;
  margin: 0;
  transition: background-color 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}

.widget .menu-list:hover, .widget .menu-list.toggled {
  background-color: #061e1e;
}

@media screen and (max-width: 39.9375em) {
  .widget .menu-list:hover, .widget .menu-list.toggled {
    background-color: transparent;
  }
}

.widget .menu-list__icon {
  font-size: 1.4em;
  color: white;
  pointer-events: none;
}

.widget .menu-list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 4em;
  transition: background-color 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  cursor: pointer;
}

.widget .menu-list__item:hover {
  background-color: #061e1e;
}

@media screen and (max-width: 39.9375em) {
  .widget .menu-list__item {
    width: 100%;
  }
}

.widget .menu-list__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  width: 100%;
  font-weight: 600;
  padding: 0.75em;
  color: white;
}

.widget .menu-list__link:hover {
  color: white;
}

@media screen and (max-width: 39.9375em) {
  .widget .menu-list__link {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.widget .menu-list__text {
  margin-right: 1em;
  color: white;
  pointer-events: none;
}

.widget-loader {
  height: 100vh;
  width: 100vw;
  position: absolute;
  background: #235643;
  z-index: -1;
  pointer-events: none;
  visibility: hidden;
  font-size: 64px;
  opacity: 0;
  transition: opacity ease-in-out 0.3s 0s, z-index 0s 0.3s;
}

.widget-loader.show {
  opacity: 1;
  z-index: 99999;
  visibility: visible;
  transition: opacity ease-in-out 0.3s 0s, z-index 0s 0s;
}

.widget-loader .loader__content {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.widget-loader .loader__content .content__spinner {
  position: relative;
}

.widget-loader .loader__content .content__spinner:before, .widget-loader .loader__content .content__spinner:after {
  content: "";
  position: relative;
  display: block;
}

.widget-loader .loader__content .content__spinner:before {
  -webkit-animation: spinner 2.5s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;
          animation: spinner 2.5s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;
  width: 1em;
  height: 1em;
  background-color: #fbc707;
}

.widget-loader .loader__content .content__spinner:after {
  -webkit-animation: shadow 2.5s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;
          animation: shadow 2.5s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;
  bottom: -.5em;
  height: .25em;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.2);
}

@-webkit-keyframes spinner {
  50% {
    border-radius: 50%;
    -webkit-transform: scale(0.5) rotate(360deg);
            transform: scale(0.5) rotate(360deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(720deg);
            transform: scale(1) rotate(720deg);
  }
}

@keyframes spinner {
  50% {
    border-radius: 50%;
    -webkit-transform: scale(0.5) rotate(360deg);
            transform: scale(0.5) rotate(360deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(720deg);
            transform: scale(1) rotate(720deg);
  }
}

@-webkit-keyframes shadow {
  50% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    background-color: rgba(0, 0, 0, 0.1);
  }
}

@keyframes shadow {
  50% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    background-color: rgba(0, 0, 0, 0.1);
  }
}

.aud-button {
  background-color: #114433;
  font-size: 14px;
  color: #fff;
  padding: 0.75em;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  text-decoration: none;
  border-radius: 2px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

@media (max-width: 1280px) {
  .aud-button {
    font-size: 12px;
  }
}

.aud-button:hover {
  background-color: #1f6647;
}

.aud-button:active {
  background-color: #114433;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
}

.aud-button::before {
  margin-right: 0.5em;
}

.aud-button.-mail::before {
  content: "";
  font-family: 'fontastic-labhacker';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  vertical-align: middle;
  color: inherit;
}

.aud-button.-discussion::before {
  content: "";
  font-family: 'fontastic-labhacker';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  vertical-align: middle;
  color: inherit;
}

.aud-button.-video::before {
  content: "";
  font-family: 'fontastic-labhacker';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  vertical-align: middle;
  color: inherit;
}

.aud-button.-left::before {
  content: "";
  font-family: 'fontastic-labhacker';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  vertical-align: middle;
  color: inherit;
}

.aud-button.-right::before {
  content: "";
  font-family: 'fontastic-labhacker';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  vertical-align: middle;
  color: inherit;
}

.aud-button.-complete::before {
  content: "";
  font-family: 'fontastic-labhacker';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  vertical-align: middle;
  color: inherit;
}

.aud-button.-add::before {
  content: "";
  font-family: 'fontastic-labhacker';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  vertical-align: middle;
  color: inherit;
}

.aud-button.-edit::before {
  content: "";
  font-family: 'fontastic-labhacker';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  vertical-align: middle;
  color: inherit;
}

.aud-button.-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 14px;
  padding: 0;
  text-align: center;
}

.aud-button.-icon::before {
  margin-right: 0;
}

.aud-button.-order::before {
  content: "";
  font-family: 'fontastic-labhacker';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  vertical-align: middle;
  color: inherit;
}

.aud-button.-order:active {
  background-color: #1f6647;
}

.aud-button.-toggled {
  background-color: #1f6647;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
}

.aud-button.-toggled:hover {
  background-color: #277b54;
}

.aud-button.-left, .aud-button.-right {
  background-color: #1f6647;
}

.aud-button.-left:hover, .aud-button.-right:hover {
  background-color: #277b54;
}

.aud-button.-remove {
  background-color: #ff6655;
}

.aud-button.-remove::before {
  content: "";
  font-family: 'fontastic-labhacker';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  vertical-align: middle;
  color: inherit;
}

.aud-button.-remove:hover {
  background-color: #ff8577;
}

.aud-modal {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100vw;
  background-color: rgba(0, 34, 34, 0.8);
  z-index: 9999999;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}

.aud-modal.-open {
  opacity: 1;
  pointer-events: auto;
}

.aud-modal.-open > .modal {
  -webkit-transform: scale(1) translate(-50%, -50%);
          transform: scale(1) translate(-50%, -50%);
}

.aud-modal > .modal {
  -webkit-transform: scale(0.1) translate(-50%, -50%);
          transform: scale(0.1) translate(-50%, -50%);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  background-color: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  color: #000;
  width: calc(20% + 16rem);
  max-width: 90%;
  max-height: 90%;
  overflow-y: auto;
  padding-top: 2rem;
  padding-right: 3rem;
  padding-left: 3rem;
  padding-bottom: 2rem;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.aud-modal > .modal header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.aud-modal > .modal header > .title {
  letter-spacing: .5px;
  font-size: .8rem;
  opacity: .5;
  font-weight: normal;
  text-transform: uppercase;
}

.aud-modal > .modal header > .close {
  margin-left: auto;
  color: rgba(0, 0, 0, 0.5);
  font-size: 1rem;
}

.aud-modal > .modal header > .close::before {
  content: "";
  font-family: 'fontastic-labhacker';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  vertical-align: middle;
  color: inherit;
}

.aud-modal > .modal form {
  text-align: center;
  margin-top: 1rem;
}

.aud-modal > .modal form label {
  display: block;
  text-align: left;
  width: 100%;
  color: #339966;
  margin-top: 1rem;
}

.aud-modal > .modal form input, .aud-modal > .modal form textarea {
  width: 100%;
  background-color: #f2f2f2;
  padding: 1rem;
  margin-top: .5rem;
  font-size: 1rem;
}

.aud-modal > .modal form textarea {
  resize: none;
  min-height: 8rem;
}

.aud-modal > .modal form .button {
  background-color: #339966;
  color: #FFF;
  padding: 1rem 2.5rem;
  margin-top: 2rem;
  margin-right: 1rem;
  font-size: 1rem;
  letter-spacing: .5px;
  font-weight: 700;
}

.aud-modal > .modal form .button.-negative {
  background-color: #ff6655;
}

.aud-modal > .modal form .button:last-child {
  margin-right: 0;
}

.room-body {
  overflow: hidden;
  height: 100%;
}

.room-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  min-height: 0;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

@media (max-width: 1280px) {
  .room-container {
    padding-left: 0;
    padding-right: 0;
    width: 300vw;
    transition: -webkit-transform 0.4s cubic-bezier(0.55, 0, 0.1, 1);
    transition: transform 0.4s cubic-bezier(0.55, 0, 0.1, 1);
    transition: transform 0.4s cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 0.4s cubic-bezier(0.55, 0, 0.1, 1);
  }
  .room-container[data-tab-index="0"] {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  .room-container[data-tab-index="1"] {
    -webkit-transform: translateX(-100vw);
            transform: translateX(-100vw);
  }
  .room-container[data-tab-index="2"] {
    -webkit-transform: translateX(-200vw);
            transform: translateX(-200vw);
  }
}

.room-container > .room-questions {
  min-width: 27.5rem;
  max-width: 32rem;
}

.room-container > .room-main {
  min-width: 29.5rem;
}

.room-container > .room-chat {
  min-width: 21.5rem;
  max-width: 24rem;
}

.room-container > .room-questions,
.room-container > .room-main,
.room-container > .room-chat {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

@media (max-width: 1280px) {
  .room-container > .room-questions,
  .room-container > .room-main,
  .room-container > .room-chat {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
    min-width: 100vw;
    max-width: 100vw;
  }
}

.room-header {
  min-height: 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-bottom: 1rem;
}

@media (max-width: 1280px) {
  .room-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    min-height: 0;
    height: 2.5rem;
    background-color: #114433;
    margin: 0;
    padding: 0 0.75rem;
  }
  .room-header > .room-title {
    display: none;
  }
}

.room-header > .logo {
  height: 5rem;
  background-color: #114433;
  padding: 1rem;
  padding-right: 5rem;
  position: relative;
}

@media (max-width: 1280px) {
  .room-header > .logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    padding: 0;
    padding-right: 0.5rem;
  }
}

.room-header > .logo::after {
  content: '';
  width: 5rem;
  height: 5rem;
  background: linear-gradient(-45deg, #002222 calc(50% - 1px), #114433 50%);
  position: absolute;
  right: 0;
  top: 0;
}

@media (max-width: 1280px) {
  .room-header > .logo::after {
    display: none;
  }
}

.room-header > .logo:hover {
  opacity: 0.8;
}

.room-header > .logo > img {
  height: 3rem;
}

@media (max-width: 1280px) {
  .room-header > .logo > img {
    height: 1.5rem;
  }
}

.room-header > .social-share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  margin-right: 1.75rem;
  padding: 1rem 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 8rem;
  -ms-flex-item-align: start;
      align-self: flex-start;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 1280px) {
  .room-header > .social-share {
    margin: 0;
    padding: 0;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
  }
}

.room-header > .social-share > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.25rem;
}

@media (max-width: 1280px) {
  .room-header > .social-share > span {
    display: none;
  }
}

.room-title {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.room-title > .title {
  line-height: 1.5rem;
  margin-bottom: 0.5rem;
}

.room-title > .info {
  color: #cccccc;
  font-size: 14px;
  line-height: 1rem;
  font-weight: 400;
  letter-spacing: 0.1em;
}

.room-title > .info > span {
  margin-right: 1rem;
  display: inline-block;
}

.room-title > .info > span > .link {
  text-decoration: underline;
}

.room-title > .info > span > .link:hover {
  color: #c4e7ac;
}

.room-main {
  overflow-y: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding-bottom: 2rem;
  position: relative;
}

.room-main::before {
  content: '';
  background: linear-gradient(#002222, transparent);
  position: -webkit-sticky;
  position: sticky;
  height: 1rem;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
  pointer-events: none;
  display: block;
}

@media (max-width: 1280px) {
  .room-main::before {
    height: 0.75rem;
  }
}

@media (max-width: 1280px) {
  .room-main {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}

.room-main > * + * {
  margin-top: 1.5rem;
}

@media (max-width: 1280px) {
  .room-main > * + * {
    margin-top: 0.75rem;
  }
}

.room-main .alert {
  position: -webkit-sticky;
  position: sticky;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #339966;
  padding: 1rem;
  top: 0rem;
  z-index: 11;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 1px 4px rgba(0, 0, 0, 0.23);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 14px;
}

.room-main .alert > .aud-button {
  margin-left: 1rem;
}

.room-questions {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

@media (max-width: 1280px) {
  .room-questions {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}

.room-questions > p {
  margin-bottom: 0.5rem;
  line-height: 1.2em;
  font-weight: 300;
}

@media (max-width: 1280px) {
  .room-questions > p {
    margin-top: 0.75rem;
    font-size: 10px;
  }
}

.room-questions > .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.room-questions > .info > .link {
  color: #aadd88;
  text-decoration: underline;
  cursor: pointer;
  font-size: 14px;
  line-height: 1.5em;
  margin-bottom: 0.5rem;
}

.room-questions > .info > .link:hover {
  opacity: 0.8;
}

@media (max-width: 1280px) {
  .room-questions > .info > .link {
    font-size: 10px;
  }
}

.room-questions > .info > .printLink {
  color: #aadd88;
  text-decoration: underline;
  cursor: pointer;
  font-size: 14px;
  line-height: 1.5em;
  margin-bottom: 0.5rem;
}

.room-questions > .info > .printLink:hover {
  opacity: 0.8;
}

@media (max-width: 1280px) {
  .room-questions > .info > .printLink {
    font-size: 10px;
  }
}

.room-questions > .link {
  color: #aadd88;
  text-decoration: underline;
  cursor: pointer;
  font-size: 14px;
  line-height: 1.5em;
  margin-bottom: 0.5rem;
}

.room-questions > .link:hover {
  opacity: 0.8;
}

@media (max-width: 1280px) {
  .room-questions > .link {
    font-size: 10px;
  }
}

.room-questions > .printLink {
  color: #aadd88;
  text-decoration: underline;
  cursor: pointer;
  font-size: 14px;
  line-height: 1.5em;
  margin-bottom: 0.5rem;
}

.room-questions > .printLink:hover {
  opacity: 0.8;
}

@media (max-width: 1280px) {
  .room-questions > .printLink {
    font-size: 10px;
  }
}

.room-chat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media (max-width: 1280px) {
  .room-chat {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}

.room-chat > .aud-button {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-bottom: 1rem;
  -ms-flex-item-align: start;
      align-self: flex-start;
}

@media (max-width: 1280px) {
  .room-chat > .aud-button {
    margin-top: 1rem;
  }
}

.room-chat > .messages {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 0;
}

.room-chat .messages > .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow-y: auto;
  background-color: #fff;
  list-style: none;
  margin-bottom: 0;
  margin-left: 0;
  word-break: break-word;
}

.room-chat .messages > .list > .empty {
  margin: auto;
  padding: 0 1rem;
  color: #000;
  line-height: 1.2em;
  font-weight: 300;
  text-align: center;
}

.room-chat .messages .item {
  padding: 1.05em 1.5em;
  color: #000;
  line-height: 1.75em;
  font-size: 12px;
  font-weight: 300;
}

.room-chat .messages .item:nth-child(odd) {
  background-color: #f2f2f2;
}

.room-chat .messages .item > .username {
  font-weight: 700;
}

.room-chat .messages .item > .timestamp {
  font-size: 10px;
  word-break: break-word;
  color: gray;
}

.chat__floating-header {
  background-color: #295747;
  -webkit-transform: none;
          transform: none;
}

@media (max-width: 960px) {
  .chat__floating-header {
    display: none;
  }
}

.chat__floating-header .header__icon {
  border: .2em solid;
  border-radius: 50%;
  padding: .4em;
}

[class^="chat__read-more"] {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(51, 153, 102, 0.85);
  color: #fff;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: .9em;
  font-weight: 600;
  height: 30px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: -30px;
  transition: -webkit-transform 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  transition: transform 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  transition: transform 0.3s cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  width: 100%;
  z-index: 0;
}

[class^="chat__read-more"]:hover {
  text-decoration: underline;
}

.room-info {
  transition: max-height 0.4s ease;
  position: relative;
  padding-bottom: 1.5rem;
}

@media (max-width: 1280px) {
  .room-info {
    padding-bottom: 0.75rem;
  }
}

.room-info.-large {
  max-height: 14rem;
  overflow-y: hidden;
}

.room-info.-large:not(.-open)::before {
  content: '';
  background: linear-gradient(transparent, #002222);
  position: absolute;
  top: calc(100% - 5rem);
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  pointer-events: none;
}

.room-info.-large.-open {
  max-height: 99rem;
}

.room-info.-large > .more {
  display: block;
}

.room-info > * + * {
  margin-top: 1rem;
}

@media (max-width: 1280px) {
  .room-info > * + * {
    margin-top: 0.5rem;
  }
}

@media (max-width: 1280px) {
  .room-info > h3 {
    font-size: 14px;
  }
}

.room-info > p {
  color: rgba(255, 255, 255, 0.6);
}

@media (max-width: 1280px) {
  .room-info > p {
    font-size: 12px;
    line-height: 1.2em;
  }
}

.room-info > .list > * + * {
  margin-top: 1rem;
}

.room-info > .list > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.room-info > .list > li > .aud-button {
  margin-left: 0.5rem;
}

.room-info > .list > li > .link {
  color: #aadd88;
  text-decoration: underline;
  cursor: pointer;
}

.room-info > .list > li > .link:hover {
  opacity: 0.8;
}

@media (max-width: 1280px) {
  .room-info > .list > li > .link {
    font-size: 12px;
  }
}

.room-info > .more {
  background-color: transparent;
  text-decoration: underline;
  display: none;
  color: #339966;
  cursor: pointer;
  text-align: center;
  line-height: 1rem;
  height: 1rem;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 2;
}

.room-info > .more:hover {
  opacity: 0.8;
}

.room-h2 {
  text-transform: uppercase;
  position: relative;
  margin-bottom: 1rem;
  line-height: 2rem;
  letter-spacing: 0.05em;
}

.room-h2::after {
  content: '';
  display: block;
  position: absolute;
  top: calc(100% - 1rem);
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  background-color: #114433;
}

@media (max-width: 1280px) {
  .room-h2 {
    display: none;
  }
}

.room-video::after {
  content: '';
  position: fixed;
  background-color: rgba(0, 34, 34, 0.8);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  margin: 0;
  opacity: 0;
  pointer-events: none;
  z-index: 1000000;
  transition: opacity 0.3s ease;
}

.room-video.-ordering::after {
  pointer-events: auto;
  opacity: 1;
}

.room-video.-ordering > .extras .extravideo.-attached {
  z-index: 1000001;
  transition: z-index 0s 0s ease;
}

.room-video > .room-title {
  padding: 0;
  margin-bottom: 0.75rem;
}

@media (min-width: 1281px) {
  .room-video > .room-title {
    display: none;
  }
}

.room-video > .room-title > .title {
  font-size: 12px;
  line-height: 1.2em;
  text-transform: uppercase;
  margin-bottom: 0.25rem;
}

.room-video > .room-title > .info {
  font-size: 10px;
  line-height: 1em;
  text-transform: none;
}

.room-video > .heightwrapper {
  position: relative;
  max-height: calc(100vh - 26.5rem);
  min-height: 10rem;
  margin-bottom: 1rem;
}

.room-video > .heightwrapper > .ratiowrapper {
  position: relative;
  padding-bottom: 56.25%;
}

.room-video > .heightwrapper > .ratiowrapper > .video {
  position: absolute;
  width: 100%;
  height: 100%;
  max-height: calc(100vh - 26.5rem);
  min-height: 10rem;
}

.room-video > .heightwrapper > .ratiowrapper > .video.-empty {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: black;
  padding: 2em;
}

.room-video > .heightwrapper > .ratiowrapper > .video.-empty > p {
  font-size: 18px;
}

.room-video > .heightwrapper > .info {
  position: absolute;
  top: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  font-size: 12px;
  line-height: 1.5rem;
}

.room-video > .heightwrapper > .info > .status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.room-video > .heightwrapper > .info > .status > .live-icon {
  margin-right: 0.25rem;
}

.room-video > .heightwrapper > .info > .visitors > .numbers {
  font-weight: 700;
}

.room-video .aud-button {
  transition: z-index 0s 0.3s ease;
}

.room-video .aud-button.-toggled {
  z-index: 1000001;
  transition: z-index 0s 0s ease;
}

.room-video > .extras {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  margin-top: 2rem;
  padding: 1rem;
  background-color: #114433;
  overflow-x: auto;
  -webkit-perspective: none !important;
          perspective: none !important;
}

@media (max-width: 1280px) {
  .room-video > .extras {
    padding: 0.75rem;
  }
}

.room-video > .extras > * + * {
  margin-left: 1rem;
}

@media (max-width: 1280px) {
  .room-video > .extras > * + * {
    margin-left: 0.75rem;
  }
}

.room-video > .extras > .extravideo {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 8rem;
  min-width: 8rem;
  cursor: pointer;
  z-index: 2;
  transition: z-index 0s 0.3s ease;
}

.room-video > .extras > .extravideo:hover > .wrapper > .thumbnail, .room-video > .extras > .extravideo:hover > .add, .room-video > .extras > .extravideo:active > .wrapper > .thumbnail, .room-video > .extras > .extravideo:active > .add {
  opacity: 1;
}

.room-video > .extras > .extravideo.-current {
  cursor: default;
}

.room-video > .extras > .extravideo.-current > .wrapper {
  outline-color: #aadd88;
}

.room-video > .extras > .extravideo.-current > .wrapper > .thumbnail {
  opacity: 1;
}

.room-video > .extras > .extravideo.-main + .-attached > .wrapper > .aud-button.-left {
  -webkit-transform: translateY(-2.5rem);
          transform: translateY(-2.5rem);
}

.room-video > .extras > .extravideo.-attached:last-of-type > .wrapper > .aud-button.-right {
  -webkit-transform: translateY(-2.5rem);
          transform: translateY(-2.5rem);
}

.room-video > .extras > .extravideo > .wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  outline-style: solid;
  outline-color: transparent;
  outline-width: 2px;
  margin-bottom: 0.25rem;
  transition: 0.2s outline ease;
}

.room-video > .extras > .extravideo > .wrapper > .thumbnail {
  opacity: 0.5;
  transition: 0.3s opacity cubic-bezier(0.55, 0, 0.1, 1);
  height: 4.5rem;
}

.room-video > .extras > .extravideo > .wrapper > .label {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  bottom: 0;
  height: 2rem;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
  background-color: rgba(0, 0, 0, 0.5);
}

.room-video > .extras > .extravideo > .wrapper > .label.-transmited::before {
  content: "";
  font-family: 'fontastic-labhacker';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  vertical-align: middle;
  color: inherit;
}

.room-video > .extras > .extravideo > .wrapper > .label.-transmited::after {
  content: "";
  font-family: 'fontastic-labhacker';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  vertical-align: middle;
  color: inherit;
}

.room-video > .extras > .extravideo > .wrapper > .label.-transmited::before {
  margin-right: 0.75rem;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.room-video > .extras > .extravideo > .wrapper > .label.-transmited::after {
  position: absolute;
  left: 2.3em;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.room-video > .extras > .extravideo > .wrapper > .label > .live-icon {
  margin-right: 0.5em;
}

.room-video > .extras > .extravideo > .wrapper > .aud-button {
  position: absolute;
  margin: 0.5rem;
  -webkit-transform: translateY(-2.5rem);
          transform: translateY(-2.5rem);
  transition: -webkit-transform 0.4s cubic-bezier(0.55, 0, 0.1, 1);
  transition: transform 0.4s cubic-bezier(0.55, 0, 0.1, 1);
  transition: transform 0.4s cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 0.4s cubic-bezier(0.55, 0, 0.1, 1);
}

.room-video > .extras > .extravideo > .wrapper > .aud-button.-active {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.room-video > .extras > .extravideo > .wrapper > .aud-button.-remove {
  right: 0;
  top: 0;
}

.room-video > .extras > .extravideo > .wrapper > .aud-button.-edit {
  left: 0;
  top: 0;
}

.room-video > .extras > .extravideo > .wrapper > .aud-button.-left {
  left: 0;
  top: 0;
}

.room-video > .extras > .extravideo > .wrapper > .aud-button.-right {
  right: 0;
  top: 0;
}

.room-video > .extras > .extravideo > .title {
  font-size: 12px;
  line-height: 1rem;
}

@media (max-width: 1280px) {
  .room-video > .extras > .extravideo > .title {
    font-size: 12px;
  }
}

.room-video > .aud-button {
  position: relative;
  margin-top: 1rem;
  z-index: 2;
}

.room-tabs {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  height: 2.5rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  background-color: rgba(17, 68, 51, 0.5);
  border-bottom: 0.25rem solid rgba(238, 204, 51, 0.25);
}

@media (min-width: 1281px) {
  .room-tabs {
    display: none;
  }
}

.room-tabs > .list {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  height: 100%;
  margin: 0;
  list-style: none;
}

.room-tabs > a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 12px;
  color: #fff;
  font-weight: 600;
  z-index: 1;
}

.room-tabs > .marker {
  position: absolute;
  left: 0;
  bottom: -0.25rem;
  height: calc(100% + 0.25rem);
  width: calc(100% / 3);
  background-color: #114433;
  border-bottom: 0.25rem solid #eecc33;
  transition: -webkit-transform 0.4s cubic-bezier(0.55, 0, 0.1, 1);
  transition: transform 0.4s cubic-bezier(0.55, 0, 0.1, 1);
  transition: transform 0.4s cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 0.4s cubic-bezier(0.55, 0, 0.1, 1);
  z-index: 0;
}

.room-tabs > .marker[data-tab-index="1"] {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}

.room-tabs > .marker[data-tab-index="2"] {
  -webkit-transform: translateX(200%);
          transform: translateX(200%);
}

.questions-section {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  width: 100%;
  overflow: hidden;
}

.questions__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  list-style: none;
  overflow-y: auto;
  margin: 0;
}

.questions__list .list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.questions__list .list__item:not(:last-child) {
  margin-bottom: 1em;
}

.questions__list .list__item::before {
  background-color: #fff;
  border-radius: 5px;
  content: '';
  height: calc(100% + 1em);
  left: -.5em;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: -.5em;
  width: calc(100% + 1em);
}

.questions__list .list__item:target::before {
  -webkit-animation: highlight 3.5s 1s forwards;
          animation: highlight 3.5s 1s forwards;
}

@-webkit-keyframes highlight {
  0% {
    opacity: .9;
    z-index: 2;
  }
  99.9% {
    opacity: .1;
    z-index: 2;
  }
  100% {
    opacity: .1;
    z-index: 0;
  }
}

@keyframes highlight {
  0% {
    opacity: .9;
    z-index: 2;
  }
  99.9% {
    opacity: .1;
    z-index: 2;
  }
  100% {
    opacity: .1;
    z-index: 0;
  }
}

.questions__list .item__action-block {
  background-color: #e6e6e6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  overflow: hidden;
}

.questions__list .item__vote-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
}

.questions__list .vote-block__total-votes {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #47a375;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 2.5em;
          flex: 1 0 2.5em;
  font-weight: 700;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}

@media (min-width: 1281px) {
  .questions__list .vote-block__total-votes {
    font-size: 1.2em;
  }
}

.questions__list .vote-block__total-votes.voted, .questions__list .vote-block__total-votes.voted:not(.disabled) {
  color: #000;
  background-color: #f0d147;
}

.questions__list .vote-block__total-votes.disabled {
  color: #339966;
  background-color: #cccccc;
}

.questions__list .vote-block__total-count {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  transition: -webkit-transform 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  transition: transform 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  transition: transform 0.3s cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}

.questions__list .vote-block__vote-icon {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: 100%;
  transition: -webkit-transform 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  transition: transform 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  transition: transform 0.3s cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  width: 100%;
}

.questions__list .vote-block__total-votes.voted .vote-block__vote-icon {
  top: initial;
  bottom: 100%;
}

.questions__list .vote-block__total-votes.voted .vote-block__vote-icon::before {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.questions__list .vote-block__upvote-button {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #339966;
  color: #fff;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  font-size: .7em;
  font-weight: 600;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1.2em;
  min-height: 3.25em;
  padding: .5em;
  text-transform: uppercase;
  transition: background-color 0.3s cubic-bezier(0.55, 0, 0.1, 1), color 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  width: 12.5em;
}

.questions__list .vote-block__upvote-button:not(.disabled):hover {
  cursor: pointer;
}

.questions__list .vote-block__upvote-button:not(.disabled):not(.voted):hover, .questions__list .vote-block__upvote-button:not(.disabled):not(.voted):focus {
  background-color: #47a375;
}

.questions__list .vote-block__upvote-button:not(.disabled):not(.voted):hover + .vote-block__total-votes .vote-block__total-count, .questions__list .vote-block__upvote-button:not(.disabled):not(.voted):hover + .vote-block__total-votes .vote-block__vote-icon, .questions__list .vote-block__upvote-button:not(.disabled):not(.voted):focus + .vote-block__total-votes .vote-block__total-count, .questions__list .vote-block__upvote-button:not(.disabled):not(.voted):focus + .vote-block__total-votes .vote-block__vote-icon {
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}

.questions__list .vote-block__upvote-button:not(.disabled).voted {
  background-color: #eecc33;
  color: #000;
}

.questions__list .vote-block__upvote-button:not(.disabled).voted:hover {
  background-color: #f0d147;
}

.questions__list .vote-block__upvote-button:not(.disabled).voted:hover + .vote-block__total-votes .vote-block__total-count, .questions__list .vote-block__upvote-button:not(.disabled).voted:hover + .vote-block__total-votes .vote-block__vote-icon {
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}

.questions__list .vote-block__upvote-button.disabled {
  background-color: #d6d6d6;
  color: #999999;
  cursor: default;
}

.questions__list .vote-block__vote-label {
  color: #339966;
  font-weight: 700;
}

.questions__list .item__question-block {
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  padding: .75em;
  position: relative;
  z-index: 1;
}

@media (max-width: 960px) {
  .questions__list .item__question-block {
    margin: 0;
  }
}

.questions__list .question-block__answered {
  border: 1px solid #339966;
  border-radius: 2em;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto;
  padding: .5em 1em;
  transition: background-color 0.3s cubic-bezier(0.55, 0, 0.1, 1), color 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}

.questions__list .question-block__answered:hover {
  background-color: #339966;
  color: #fff;
}

.questions__list .question-block__answered:hover .answered__icon,
.questions__list .question-block__answered:hover .answered__time {
  color: #fff;
}

.questions__list .question-block__answered .answered__text {
  font-size: .9em;
}

.questions__list .question-block__answered .answered__time {
  color: #339966;
  font-size: .9em;
  font-weight: 600;
  margin: 0 .3em;
  transition: background-color 0.3s cubic-bezier(0.55, 0, 0.1, 1), color 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}

.questions__list .question-block__answered .answered__icon {
  color: #339966;
  transition: background-color 0.3s cubic-bezier(0.55, 0, 0.1, 1), color 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}

.questions__list > .empty {
  margin: auto;
  padding-bottom: 2em;
  line-height: 1.2em;
  font-weight: 300;
  text-align: center;
}

.question-block__answered-form {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: center;
      align-self: center;
  border-radius: 2em;
  border: 1px solid #339966;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 1em;
  padding: 0.5rem 1.5rem;
}

.question-block__answered-form .answered_time__input {
  border: none;
  box-shadow: none;
  font-size: inherit;
  height: initial;
  line-height: inherit;
  margin: 0;
  margin-left: 0.25em;
  padding: 0;
  width: 4.5em;
}

.question-block__answered-form .answered_time__checkbox {
  margin: 0;
  margin-right: 0.5em;
}

.question-box {
  position: absolute;
  z-index: 9;
  bottom: 0;
  width: 100%;
  background-color: #339966;
  padding: 1rem;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  visibility: hidden;
  -webkit-transform: translateY(calc(100% + 0.5rem));
          transform: translateY(calc(100% + 0.5rem));
  transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}

.question-box.-active {
  visibility: visible;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.question-box .-closed,
.question-box .-unauthenticated {
  background-color: #114433;
  color: #fff;
}

.question-box .header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.question-box .header > .counter {
  margin-left: auto;
}

.question-box .header > .counter.-limitreached {
  -webkit-animation: limitCharacter 0.15s ease-in-out 2;
          animation: limitCharacter 0.15s ease-in-out 2;
}

.question-box .header > .counter.-limitreached > .actual-length {
  color: #ff8c80;
  font-weight: 700;
}

.question-box .header > .counter > .actual-length {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  transition: color 0.2s;
}

.question-box .input {
  color: #000;
  font-size: 14px;
  line-height: 1.5em;
  resize: none;
  height: 8.5em;
  width: 100%;
  margin-top: 1rem;
  padding: 0.5em;
}

.question-box .actions {
  margin-top: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.question-box .actions > * + * {
  margin-left: 1rem;
}

.question-box .close {
  color: #FFF;
  font-size: 1rem;
  margin-left: 1rem;
  width: 1rem;
  height: 1rem;
  overflow: hidden;
  background: none;
}

.question-box .close::before {
  content: "";
  font-family: 'fontastic-labhacker';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  vertical-align: middle;
  color: inherit;
}

.question-box .button {
  font-size: 14px;
  color: #339966;
  padding: 1em 1.5em;
  background-color: rgba(255, 255, 255, 0.9);
}

.question-box .button:hover {
  background-color: #FFF;
}

.question-managing {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  z-index: 20;
  transition: all 0.4s cubic-bezier(0.55, 0, 0.1, 1);
}

.question-managing.-active {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}

.question-managing > .action {
  line-height: 2rem;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  font-weight: 500;
  font-size: 0.8em;
  text-transform: uppercase;
  background-color: #f2f2f2;
  overflow: hidden;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 14rem;
}

.question-managing > .action.-field > .field {
  display: inline;
  width: 5rem;
  text-align: center;
  font-family: monospace;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  height: 1.5rem;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.question-managing > .action.-checkbox {
  padding-left: 2.5rem;
  position: relative;
  z-index: 1;
  cursor: pointer;
}

.question-managing > .action.-checkbox > span {
  pointer-events: none;
  position: relative;
  z-index: 1;
}

.question-managing > .action.-checkbox > .checkbox {
  cursor: pointer;
  position: absolute;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  outline: none;
  z-index: 0;
}

.question-managing > .action.-checkbox > .checkbox::before {
  content: "";
  font-family: 'fontastic-labhacker';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  vertical-align: middle;
  color: inherit;
}

.question-managing > .action.-checkbox > .checkbox:before {
  opacity: 0;
  z-index: 2;
  font-size: 0.8em;
  line-height: 1rem;
  transition: all 0.2s ease;
}

.question-managing > .action.-checkbox > .checkbox:after {
  content: '';
  background-color: rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 0 0 #002222;
  transition: background-color 0.2s ease;
}

.question-managing > .action.-checkbox > .checkbox:before, .question-managing > .action.-checkbox > .checkbox:after {
  display: block;
  width: 1rem;
  height: 1rem;
  position: absolute;
  left: 1rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.question-managing > .action.-checkbox > .checkbox:hover {
  background-color: #fff;
}

.question-managing > .action.-checkbox > .checkbox:hover:before {
  opacity: 0.5;
}

.question-managing > .action.-checkbox > .checkbox:checked {
  background-color: #295747;
}

.question-managing > .action.-checkbox > .checkbox:checked:before {
  opacity: 1;
  color: #fff;
}

.question-managing > .action.-checkbox > .checkbox:checked:after {
  background-color: #114433;
  box-shadow: 0 0 0 0.5rem transparent;
  transition: box-shadow 0.3s ease;
}

.question-managing > .action.-checkbox > .checkbox:checked + span {
  color: #fff;
}

.question-managing .close {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 18px;
  color: #f2f2f2;
  background-color: transparent;
  padding: 0.5em;
}

.question-managing .close::before {
  content: "";
  font-family: 'fontastic-labhacker';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  vertical-align: middle;
  color: inherit;
}

.question-managing .close:hover {
  color: #fff;
}

.read-more {
  position: absolute;
  bottom: 0;
  visibility: hidden;
  width: 100%;
  height: 2rem;
  background-color: #339966;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  text-align: center;
  z-index: 2;
  transition: all 0.3s ease;
}

.read-more:hover {
  text-decoration: underline;
}

.read-more.-visible {
  visibility: visible;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.social-share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}

.social-share > * + * {
  margin-left: 0.5rem;
}

.social-share > .button {
  display: inline-block;
  width: 2rem;
  height: 1rem;
  border-radius: 2px;
  box-shadow: 0 -2px 0 0 rgba(0, 0, 0, 0.2) inset, 0 0 0 2rem transparent inset;
  cursor: pointer;
  background-color: #339966;
}

.social-share > .button:hover {
  box-shadow: 0 -2px 0 0 rgba(0, 0, 0, 0.2) inset, 0 0 0 2rem rgba(0, 0, 0, 0.2) inset;
}

.social-share > .button:active {
  -webkit-transform: translateY(calc(2px / 2));
          transform: translateY(calc(2px / 2));
  box-shadow: 0 calc(-2px / 2) 0 0 rgba(0, 0, 0, 0.2) inset, 0 0 0 2rem rgba(0, 0, 0, 0.3) inset;
}

.social-share > .button.-facebook {
  background-color: #3b5998;
}

.social-share > .button.-facebook::before {
  content: "";
  font-family: 'fontastic-labhacker';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  vertical-align: middle;
  color: inherit;
}

.social-share > .button.-twitter {
  background-color: #55acee;
}

.social-share > .button.-twitter::before {
  content: "";
  font-family: 'fontastic-labhacker';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  vertical-align: middle;
  color: inherit;
}

.social-share > .button.-whatsapp {
  background-color: #25d366;
}

.social-share > .button.-whatsapp::before {
  content: "";
  font-family: 'fontastic-labhacker';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  vertical-align: middle;
  color: inherit;
}

.social-share > .button.-facebook::before, .social-share > .button.-twitter::before, .social-share > .button.-whatsapp::before {
  text-align: center;
  color: #fff;
  font-size: 12px;
  line-height: 1rem;
  -webkit-transform: translateY(calc(-2px / 2));
          transform: translateY(calc(-2px / 2));
  display: block;
  width: 100%;
}

.action-footer {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  min-height: 5rem;
  background-color: #339966;
  padding: 1em;
  text-align: center;
}

.action-footer.-closed {
  background-color: #737373;
}

.action-footer > * + * {
  margin-top: 0.5rem;
}

.action-footer > .action {
  cursor: pointer;
  padding: 0 2rem;
  height: 3rem;
  font-size: 18px;
  background-color: rgba(255, 255, 255, 0.9);
  color: #339966;
  transition: all .15s ease-in-out;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

@media (max-width: 1280px) {
  .action-footer > .action {
    font-size: 14px;
  }
}

.action-footer > .action:hover {
  background-color: #fff;
}

.action-footer > .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.action-footer > .wrapper > .aud-button {
  margin-left: 0.5rem;
}

.action-footer > .info, .action-footer > .wrapper > .info {
  display: block;
  font-size: 18px;
  color: #fff;
}

@media (max-width: 1280px) {
  .action-footer > .info, .action-footer > .wrapper > .info {
    font-size: 14px;
  }
}

.action-footer > .info > .link, .action-footer > .wrapper > .info > .link {
  cursor: pointer;
  color: rgba(255, 255, 255, 0.9);
  text-decoration: underline;
}

.action-footer > .info > .link:hover, .action-footer > .wrapper > .info > .link:hover {
  color: #fff;
}

.action-footer > .countdown {
  display: none;
}

.action-footer > .countdown.-show {
  display: block;
}

.action-footer > .countdown > .time {
  color: #fff;
  font-weight: 700;
}

.action-footer > .countdown > .time.-halfway {
  color: #fa4;
}

.action-footer > .countdown > .time.-finishing {
  color: #800;
}

.action-footer > .countdown > .time.-done {
  color: inherit;
}

.action-footer > .form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.action-footer > .form > .input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
  line-height: 1.5em;
  width: 100%;
  height: 3rem;
  min-height: 0;
  padding: 0.5em;
  color: #002222;
  resize: none;
}

.action-footer > .form > .input::-webkit-input-placeholder {
  opacity: .5;
}

.action-footer > .form > .input:-ms-input-placeholder {
  opacity: .5;
}

.action-footer > .form > .input::placeholder {
  opacity: .5;
}

.action-footer > .form > .actions > .button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  width: 3rem;
  color: #339966;
  font-size: 24px;
  background-color: rgba(255, 255, 255, 0.9);
  margin-left: 1px;
  overflow: hidden;
}

.action-footer > .form > .actions > .button::before {
  content: "";
  font-family: 'fontastic-labhacker';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  vertical-align: middle;
  color: inherit;
}

.action-footer > .form > .actions > .button::before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  padding-right: 3px;
}

.action-footer > .form > .actions > .button:hover {
  background-color: #fff;
}

.question-card {
  background-color: #fff;
  color: #000;
  margin: 0;
  margin-bottom: 0.5rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 0.9rem;
}

@media print {
  .question-card {
    display: block;
    page-break-inside: avoid;
    border: 1px solid black;
    border-style: solid;
    margin: 1;
  }
}

.question-card:last-child {
  margin-bottom: 0;
}

@media (max-width: 1280px) {
  .question-card {
    font-size: 0.75rem;
  }
}

.question-card > .meta {
  margin-top: 1rem;
  margin-left: 1rem;
  margin-right: 1rem;
  margin-bottom: 0.5rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.9rem;
}

@media (max-width: 1280px) {
  .question-card > .meta {
    margin: 0.75rem;
    margin-bottom: 0rem;
    font-size: 0.75rem;
  }
}

.question-card > .meta > .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: 0.5rem;
}

.question-card > .meta > .wrapper > .username {
  font-weight: 700;
  margin-right: 0.2em;
}

@media (max-width: 1280px) {
  .question-card > .meta > .wrapper > .username {
    line-height: 1.2em;
  }
}

.question-card > .meta > .wrapper > .timestamp {
  font-size: 0.7em;
  margin-top: 0.25rem;
  color: #666666;
  font-weight: 400;
}

@media (max-width: 1280px) {
  .question-card > .meta > .wrapper > .timestamp {
    line-height: 1.2em;
  }
}

.question-card > .meta > .answered {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -ms-flex-item-align: start;
      align-self: flex-start;
  margin-left: auto;
  border: 1px solid #339966;
  color: #339966;
  font-size: 0.7em;
  text-transform: uppercase;
  font-weight: 600;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
  border-radius: 1rem;
  line-height: 1.5rem;
  cursor: pointer;
  transition: all 0.3s ease;
  background-color: #fff .question-card > .meta > .answered;
}

.question-card > .meta > .answered :hover {
  background-color: #339966;
  color: #fff;
}

.question-card > .question {
  margin-left: 1rem;
  margin-right: 1rem;
  margin-bottom: 1rem;
  word-wrap: break-word;
  font-size: 0.9rem;
}

@media (max-width: 1280px) {
  .question-card > .question {
    margin: 0.75rem;
    font-size: 0.75rem;
  }
}

.live-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 0.75rem;
  width: 0.75rem;
  background-color: #f33;
  border-radius: 50%;
  -webkit-animation: blink ease-in-out 1.2s infinite both alternate;
          animation: blink ease-in-out 1.2s infinite both alternate;
}

.info-banner {
  background-color: #ffd853;
  background: radial-gradient(circle at left 15% top 50%, #ffdc70 20%, #ffd853 0);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 1px 4px rgba(0, 0, 0, 0.23);
  left: 0;
  margin: 0 auto;
  max-width: 100%;
  min-height: 95px;
  overflow: hidden;
  padding: 5px 20px;
  position: fixed;
  right: 0;
  text-align: center;
  text-decoration: none;
  top: 0;
  width: 720px;
  z-index: 100000;
}

.info-banner__image {
  display: inline-block;
  height: 85px;
  margin: 0 10px;
  position: relative;
  vertical-align: middle;
}

.info-banner__text {
  color: #6c4b0c;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  margin: 0;
  max-width: 570px;
  text-align: center;
}

.info-banner__content {
  display: inline-block;
  vertical-align: middle;
}

.info-banner__links {
  font-size: 22px;
  margin-top: 12px;
  text-align: center;
}

.info-banner__link {
  color: #1281a5;
  display: inline-block;
  font-weight: 700;
  margin: 0 10px;
}

.info-banner__link:hover {
  color: #0d5973;
}

.info-banner__links i {
  color: #6c4b0c;
  margin-right: 5px;
  position: relative;
  top: 2px;
}

.banner {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 22em;
  padding: 2.5em;
  text-align: center;
}

.banner__logo {
  margin-bottom: 2em;
  width: 28em;
}

@media (max-width: 640px) {
  .banner__logo {
    width: 18em;
  }
}

.banner__text {
  color: #fff;
  font-size: 1.6em;
  font-weight: 700;
  max-width: 20em;
}

.calendar-table {
  font-size: 1.2em;
  margin-bottom: 0;
}

.calendar-table__column {
  padding-bottom: .6em;
  padding-top: .7em;
}

.calendar-table__column:first-child {
  font-weight: 600;
  width: 10em;
}

.calendar-table__column:last-child {
  padding-right: 3em;
}

@media (max-width: 640px) {
  .calendar-table__column:last-child {
    padding-right: 0;
    margin-bottom: 2em;
    margin-top: 1em;
  }
}

@media (max-width: 640px) {
  .calendar-table__body {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
  }
}

@media (max-width: 640px) {
  .calendar-table__description .show-more {
    margin-top: 2em;
  }
}

@media (max-width: 640px) {
  .calendar-table__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 1.5em;
    border-bottom: 1px solid #efedad;
    width: 100%;
  }
}

.calendar-table__event-title {
  font-weight: 400;
}

.calendar-table__date-wrapper {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 auto;
  width: 4em;
}

.calendar-table__weekday {
  background-color: #2974a3;
  border-radius: 1em;
  color: #fff;
  font-size: .5em;
  font-weight: 600;
  min-width: 6.5em;
  padding: .3em 0;
  text-align: center;
  text-transform: uppercase;
}

.calendar-table__weekday--today {
  background-color: #d75142;
}

.calendar-table__weekday--tomorrow {
  background-color: #eea32b;
}

.calendar-table__day {
  color: #404040;
  font-weight: 700;
}

.calendar-table__month {
  color: #404040;
  font-size: .8em;
  font-weight: 400;
}

.calendar-table__hour {
  font-size: .9em;
  font-weight: 600;
  margin-top: .3em;
}

.footer {
  background-color: #213d4d;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 3em 0;
}

@media (max-width: 640px) {
  .footer {
    padding: 2em 0;
  }
}

.footer .footer__logos {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  margin: .5em 0;
  padding: 0 2.5em;
}

@media (min-width: 961px) {
  .footer .footer__logos {
    max-width: 50%;
  }
}

.footer .logos__link {
  margin: 1em;
}

.footer .logos__image {
  height: 3em;
}

.footer .footer__about {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: .5em 0;
  padding: 0 2.5em;
}

.footer .about__text {
  margin: 0;
}

/**
 * Toggle Switch Globals
 *
 * All switches should take on the class `c-hamburger` as well as their
 * variant that will give them unique properties. This class is an overview
 * class that acts as a reset for all versions of the icon.
 */
.c-hamburger {
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0;
  margin-right: auto;
  padding: 0;
  width: 4.5rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 4.5rem;
          flex: 0 0 4.5rem;
  height: 3rem;
  font-size: 0;
  text-indent: -9999px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  transition: background 0.25s cubic-bezier(0.55, 0, 0.1, 1);
}

.c-hamburger:focus {
  outline: none;
}

.c-hamburger span {
  display: block;
  position: absolute;
  top: 1.375rem;
  left: 1.25rem;
  right: 1.25rem;
  height: 0.25rem;
  background: white;
}

.c-hamburger span::before,
.c-hamburger span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 0.25rem;
  background-color: #fff;
  content: "";
}

.c-hamburger span::before {
  top: -0.65rem;
}

.c-hamburger span::after {
  bottom: -0.65rem;
}

/**
 * X Style
 *
 * Hamburger to "x" (htx). Takes on a hamburger shape, bars slide
 * down to center and transform into an "x".
 */
.c-hamburger--htx span {
  transition: background 0s 0.25s cubic-bezier(0.55, 0, 0.1, 1);
}

.c-hamburger--htx span::before,
.c-hamburger--htx span::after {
  transition-duration: 0.25s, 0.25s;
  transition-delay: 0.25s, 0s;
}

.c-hamburger--htx span::before {
  transition-property: top, -webkit-transform;
  transition-property: top, transform;
  transition-property: top, transform, -webkit-transform;
}

.c-hamburger--htx span::after {
  transition-property: bottom, -webkit-transform;
  transition-property: bottom, transform;
  transition-property: bottom, transform, -webkit-transform;
}

/* active state, i.e. menu open */
.c-hamburger--htx.toggled span {
  background: none;
}

.c-hamburger--htx.toggled span::before {
  top: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.c-hamburger--htx.toggled span::after {
  bottom: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.c-hamburger--htx.toggled span::before,
.c-hamburger--htx.toggled span::after {
  transition-delay: 0s, 0.25s;
}

.navigation {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #002222;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 1px 4px rgba(0, 0, 0, 0.23);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 4em;
  top: 4em;
  transition: -webkit-transform cubic-bezier(0.55, 0, 0.1, 1) 0.3s;
  transition: transform cubic-bezier(0.55, 0, 0.1, 1) 0.3s;
  transition: transform cubic-bezier(0.55, 0, 0.1, 1) 0.3s, -webkit-transform cubic-bezier(0.55, 0, 0.1, 1) 0.3s;
  width: 100vw;
  z-index: 10000;
}

@media (max-width: 640px) {
  .navigation {
    height: 3em;
  }
}

@media (max-width: 640px) {
  .navigation {
    padding: 0 1em;
  }
}

@media (min-width: 641px) and (max-width: 960px) {
  .navigation {
    padding: 0 2em;
  }
}

@media (min-width: 961px) and (max-width: 1280px) {
  .navigation {
    padding: 0 2em 0 2.5em;
  }
}

@media (min-width: 1921px) {
  .navigation {
    padding: 0 2em 0 5em;
  }
}

.navigation .navigation__logo {
  margin-right: auto;
}

.navigation .logo__image--audiencias-logo {
  height: 2.5em;
}

@media (max-width: 640px) {
  .navigation .logo__image--audiencias-logo {
    height: 1.8em;
  }
}

.navigation .logo__image--audiencias-text {
  height: 1.5em;
  margin-left: .8em;
}

@media (max-width: 640px) {
  .navigation .logo__image--audiencias-text {
    display: none;
  }
}

.navigation .navigation__auth {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 600;
  height: 100%;
  padding: .75em;
  transition: background-color 0.3s cubic-bezier(0.55, 0, 0.1, 1), color 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}

.navigation .navigation__auth:hover {
  background-color: #001313;
}

.navigation .auth__text {
  margin-right: 1em;
}

.navigation .auth__icon {
  font-size: 1.4em;
}

[class^="preview--"] {
  background-color: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  margin: 2em auto;
  max-width: 75em;
  padding: 0 1em;
}

[class^="preview--"] + [class^="preview--"] {
  margin-top: 4em;
}

.header__search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  max-width: 75em;
  margin: 0 auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.header__search label {
  color: black;
}

.header__search .searh-input {
  width: 8em;
  margin: 0 0.5em;
  margin-bottom: 0.5em;
  padding: 0.7rem;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  color: black;
}

.header__search .search-submit {
  background-color: #092b2a;
  padding: .7em;
  font-weight: bold;
  color: white;
}

.header__search .search-submit:hover {
  background: #09a67c;
  color: #ffffff;
}

.preview__list-wrapper {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 .5em;
}

.preview__list {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0;
}

.preview__list .list__video {
  list-style: none;
  margin: 0 .5em;
  max-width: 208px;
}

.preview__list .video__link {
  display: block;
  margin-bottom: .25em;
}

.preview__list .video__thumbnail {
  background: #525252;
  height: 116px;
  width: 208px;
}

.preview__list .title__link {
  display: block;
  margin-bottom: 1em;
}

.preview__list .title__link:hover .video__title {
  text-decoration: underline;
}

.preview__list .video__title {
  font-size: .9em;
  font-weight: 600;
  margin-bottom: 0.1rem;
  line-height: 1em;
  color: #3798c8;
}

@media (max-width: 640px) {
  .preview__list .video__title {
    font-size: .9em;
  }
}

.preview__list .reunion__alias {
  display: block;
  color: #404040;
  font-weight: 600;
  font-size: 0.8em;
}

.preview__list .reunion__type {
  display: block;
  font-size: .8em;
  color: black;
  margin-bottom: 1em;
}

.preview__show-all {
  border-top: 1px solid #cccccc;
  display: block;
  margin: 0 1em;
  padding: 1em 3em;
  position: relative;
  text-align: center;
}

.registration__form {
  margin-top: 1em;
}

.registration__form .form__fieldset {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.registration__form .form__fieldset + .form__fieldset {
  margin-top: 1em;
}

.registration__form .fieldset__label {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #e6e6e6;
  border: 1px solid #cccccc;
  border-right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 1em;
}

.registration__form .fieldset__input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0;
}

.registration__form .form__btn {
  background-color: #114433;
  color: #fff;
  cursor: pointer;
  display: block;
  margin-top: 1em;
  padding: .85em 1em;
  transition: background-color 0.3s cubic-bezier(0.55, 0, 0.1, 1), color 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  width: 100%;
}

.registration__form .form__btn:hover {
  background-color: #001d1d;
}

.registration__form .form__links {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 1em;
}

.registration__form .links__item + .links__item {
  margin-top: .5em;
}

.registration__form .links__item span {
  cursor: default;
}

.registration__form .links__item a {
  color: #11496c;
  font-weight: 700;
}

.registration__form .form__social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 1em;
}

.registration__form [class^="social__btn--"] {
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  transition: background-color 0.3s cubic-bezier(0.55, 0, 0.1, 1), color 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}

.registration__form [class^="social__btn--"] + [class^="social__btn--"] {
  margin-top: 1em;
}

.registration__form [class^="social__btn--"] .btn__icon {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.registration__form [class^="social__btn--"] .icon {
  padding: 0 1em;
}

.registration__form [class^="social__btn--"] .btn__label {
  font-size: .9em;
  font-weight: 600;
  padding: .85em 1em;
  text-align: center;
  width: 100%;
}

.registration__form .social__btn--facebook {
  background-color: #3b5998;
}

.registration__form .social__btn--facebook:hover,
.registration__form .social__btn--facebook .btn__icon {
  background-color: #344e86;
}

.registration__form .social__btn--google {
  background-color: #dc4e41;
}

.registration__form .social__btn--google:hover,
.registration__form .social__btn--google .btn__icon {
  background-color: #d83a2b;
}

.question-actions {
  position: relative;
  background-color: #e6e6e6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  overflow: hidden;
}

.question-actions > * {
  min-height: 2rem;
}

.question-actions .question-block__share-button {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #d6d6d6;
  color: #666666;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  transition: background-color 0.3s cubic-bezier(0.55, 0, 0.1, 1), color 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  width: 2.5em;
}

.question-actions .question-block__share-button:hover {
  color: #000;
}

.question-actions .share-button__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.question-actions [class^="question-block__share-list"] {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  left: 0;
  list-style: none;
  margin: 0;
  position: absolute;
  top: 0;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  transition: -webkit-transform 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  transition: transform 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  transition: transform 0.3s cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  width: 100%;
  z-index: 1;
}

.question-actions [class^="question-block__share-list"] [class^="share-list__item"] {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  transition: background-color 0.3s cubic-bezier(0.55, 0, 0.1, 1), color 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}

.question-actions [class^="question-block__share-list"] [class^="share-list__item"] .item__link {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 1.2em;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.question-actions [class^="question-block__share-list"] [class^="share-list__item"] .item__link:hover {
  color: #fff;
}

.question-actions [class^="question-block__share-list"] .share-list__item--facebook {
  background-color: #3b5998;
}

.question-actions [class^="question-block__share-list"] .share-list__item--facebook:hover {
  background-color: #2d4373;
}

.question-actions [class^="question-block__share-list"] .share-list__item--twitter {
  background-color: #55acee;
}

.question-actions [class^="question-block__share-list"] .share-list__item--twitter:hover {
  background-color: #2795e9;
}

.question-actions [class^="question-block__share-list"] .share-list__item--whatsapp {
  background-color: #25d366;
}

.question-actions [class^="question-block__share-list"] .share-list__item--whatsapp:hover {
  background-color: #1da851;
}

.question-actions [class^="question-block__share-list"] .share-list__close {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #8c8c8c;
  color: #fff;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-preferred-size: 2.5em;
      flex-basis: 2.5em;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.question-actions .question-block__share-list--active {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.question-actions .item__vote-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.question-actions .item__vote-block.-viewonly {
  pointer-events: none;
}

.question-actions .item__vote-block.-viewonly > button {
  display: none;
}

.question-actions .item__vote-block.-viewonly .vote-block__total-votes,
.question-actions .item__vote-block.-viewonly .vote-block__total-votes.voted,
.question-actions .item__vote-block.-viewonly .vote-block__total-votes.voted:not(.disabled),
.question-actions .item__vote-block.-viewonly .vote-block__total-votes.voted.disabled {
  color: #339966;
  background-color: #cccccc;
}

.question-actions .vote-block__total-votes {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #47a375;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 2.5em;
          flex: 1 0 2.5em;
  font-weight: 700;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  overflow: hidden;
}

@media (min-width: 1281px) {
  .question-actions .vote-block__total-votes {
    font-size: 1.2em;
  }
}

.question-actions .vote-block__total-votes.voted, .question-actions .vote-block__total-votes.voted:not(.disabled) {
  color: #000;
  background-color: #f0d147;
}

.question-actions .vote-block__total-votes.disabled {
  color: #339966;
  background-color: #cccccc;
}

.question-actions .vote-block__total-count {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  transition: -webkit-transform 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  transition: transform 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  transition: transform 0.3s cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}

.question-actions .vote-block__vote-icon {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: 100%;
  transition: -webkit-transform 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  transition: transform 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  transition: transform 0.3s cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  width: 100%;
}

.question-actions .vote-block__total-votes.voted .vote-block__vote-icon {
  top: initial;
  bottom: 100%;
}

.question-actions .vote-block__total-votes.voted .vote-block__vote-icon::before {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.question-actions .vote-block__upvote-button {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #339966;
  color: #fff;
  font-size: .7em;
  font-weight: 600;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1.2em;
  text-transform: uppercase;
  transition: background-color 0.3s cubic-bezier(0.55, 0, 0.1, 1), color 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  width: 12.5em;
}

.question-actions .vote-block__upvote-button:not(.disabled):hover {
  cursor: pointer;
}

.question-actions .vote-block__upvote-button:not(.disabled):not(.voted):hover, .question-actions .vote-block__upvote-button:not(.disabled):not(.voted):focus {
  background-color: #47a375;
}

.question-actions .vote-block__upvote-button:not(.disabled):not(.voted):hover + .vote-block__total-votes .vote-block__total-count, .question-actions .vote-block__upvote-button:not(.disabled):not(.voted):hover + .vote-block__total-votes .vote-block__vote-icon, .question-actions .vote-block__upvote-button:not(.disabled):not(.voted):focus + .vote-block__total-votes .vote-block__total-count, .question-actions .vote-block__upvote-button:not(.disabled):not(.voted):focus + .vote-block__total-votes .vote-block__vote-icon {
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}

.question-actions .vote-block__upvote-button:not(.disabled).voted {
  background-color: #eecc33;
  color: #000;
}

.question-actions .vote-block__upvote-button:not(.disabled).voted:hover {
  background-color: #f0d147;
}

.question-actions .vote-block__upvote-button:not(.disabled).voted:hover + .vote-block__total-votes .vote-block__total-count, .question-actions .vote-block__upvote-button:not(.disabled).voted:hover + .vote-block__total-votes .vote-block__vote-icon {
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}

.question-actions .vote-block__upvote-button.disabled {
  background-color: #d6d6d6;
  color: #999999;
  cursor: default;
}

.question-actions .vote-block__vote-label {
  color: #339966;
  font-weight: 700;
}

.question-actions .item__question-block {
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  padding: .75em;
  position: relative;
  z-index: 1;
}

@media (max-width: 960px) {
  .question-actions .item__question-block {
    margin: 0;
  }
}

#olark-wrapper button.olark-launch-button {
  height: 32px !important;
  z-index: 999 !important;
  right: 375px !important;
}

@media (max-width: 960px) {
  #olark-wrapper button.olark-launch-button {
    display: none !important;
  }
}

#olark-wrapper button.olark-launch-button > svg {
  width: 20px !important;
  height: 32px !important;
}

#olark-wrapper button.olark-launch-button > .olark-button-text {
  line-height: 30px !important;
  overflow: visible !important;
  font-size: 13px !important;
}

#olark-wrapper div#olark-container {
  right: 350px !important;
}

.hide {
  display: none !important;
}