.Toastify__toast-container {
  z-index: 9999;
  -webkit-transform: translate3d(0, 0, 9999px);
  position: fixed;
  padding: 4px;
  width: 320px;
  box-sizing: border-box;
  color: #fff; }
  .Toastify__toast-container--top-left {
    top: 1em;
    left: 1em; }
  .Toastify__toast-container--top-center {
    top: 1em;
    left: 50%;
    transform: translateX(-50%); }
  .Toastify__toast-container--top-right {
    top: 1em;
    right: 1em; }
  .Toastify__toast-container--bottom-left {
    bottom: 1em;
    left: 1em; }
  .Toastify__toast-container--bottom-center {
    bottom: 1em;
    left: 50%;
    transform: translateX(-50%); }
  .Toastify__toast-container--bottom-right {
    bottom: 1em;
    right: 1em; }

@media only screen and (max-width: 480px) {
  .Toastify__toast-container {
    width: 100vw;
    padding: 0;
    left: 0;
    margin: 0; }
    .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {
      top: 0;
      transform: translateX(0); }
    .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {
      bottom: 0;
      transform: translateX(0); }
    .Toastify__toast-container--rtl {
      right: 0;
      left: initial; } }

.Toastify__toast {
  position: relative;
  min-height: 64px;
  box-sizing: border-box;
  margin-bottom: 1rem;
  padding: 8px;
  border-radius: 1px;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05);
  display: flex;
  justify-content: space-between;
  max-height: 800px;
  overflow: hidden;
  font-family: sans-serif;
  cursor: pointer;
  direction: ltr; }
  .Toastify__toast--rtl {
    direction: rtl; }
  .Toastify__toast--dark {
    background: #121212;
    color: #fff; }
  .Toastify__toast--default {
    background: #fff;
    color: #aaa; }
  .Toastify__toast--info {
    background: #3498db; }
  .Toastify__toast--success {
    background: #07bc0c; }
  .Toastify__toast--warning {
    background: #f1c40f; }
  .Toastify__toast--error {
    background: #e74c3c; }
  .Toastify__toast-body {
    margin: auto 0;
    flex: 1 1 auto; }

@media only screen and (max-width: 480px) {
  .Toastify__toast {
    margin-bottom: 0; } }

.Toastify__close-button {
  color: #fff;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  cursor: pointer;
  opacity: 0.7;
  transition: 0.3s ease;
  align-self: flex-start; }
  .Toastify__close-button--default {
    color: #000;
    opacity: 0.3; }
  .Toastify__close-button > svg {
    fill: currentColor;
    height: 16px;
    width: 14px; }
  .Toastify__close-button:hover, .Toastify__close-button:focus {
    opacity: 1; }

@keyframes Toastify__trackProgress {
  0% {
    transform: scaleX(1); }
  100% {
    transform: scaleX(0); } }

.Toastify__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  z-index: 9999;
  opacity: 0.7;
  background-color: rgba(255, 255, 255, 0.7);
  transform-origin: left; }
  .Toastify__progress-bar--animated {
    animation: Toastify__trackProgress linear 1 forwards; }
  .Toastify__progress-bar--controlled {
    transition: transform .2s; }
  .Toastify__progress-bar--rtl {
    right: 0;
    left: initial;
    transform-origin: right; }
  .Toastify__progress-bar--default {
    background: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55); }
  .Toastify__progress-bar--dark {
    background: #bb86fc; }

@keyframes Toastify__bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0); }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0); }
  75% {
    transform: translate3d(10px, 0, 0); }
  90% {
    transform: translate3d(-5px, 0, 0); }
  to {
    transform: none; } }

@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0); }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0); } }

@keyframes Toastify__bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0); }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0); }
  75% {
    transform: translate3d(-10px, 0, 0); }
  90% {
    transform: translate3d(5px, 0, 0); }
  to {
    transform: none; } }

@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0); }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0); } }

@keyframes Toastify__bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0); }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0); }
  75% {
    transform: translate3d(0, 10px, 0); }
  90% {
    transform: translate3d(0, -5px, 0); }
  to {
    transform: translate3d(0, 0, 0); } }

@keyframes Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0); }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0); }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0); } }

@keyframes Toastify__bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0); }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0); }
  75% {
    transform: translate3d(0, -10px, 0); }
  90% {
    transform: translate3d(0, 5px, 0); }
  to {
    transform: none; } }

@keyframes Toastify__bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0); }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0); }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0); } }

.Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left {
  animation-name: Toastify__bounceInLeft; }

.Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right {
  animation-name: Toastify__bounceInRight; }

.Toastify__bounce-enter--top-center {
  animation-name: Toastify__bounceInDown; }

.Toastify__bounce-enter--bottom-center {
  animation-name: Toastify__bounceInUp; }

.Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left {
  animation-name: Toastify__bounceOutLeft; }

.Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right {
  animation-name: Toastify__bounceOutRight; }

.Toastify__bounce-exit--top-center {
  animation-name: Toastify__bounceOutUp; }

.Toastify__bounce-exit--bottom-center {
  animation-name: Toastify__bounceOutDown; }

@keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }

@keyframes Toastify__zoomOut {
  from {
    opacity: 1; }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }

.Toastify__zoom-enter {
  animation-name: Toastify__zoomIn; }

.Toastify__zoom-exit {
  animation-name: Toastify__zoomOut; }

@keyframes Toastify__flipIn {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in; }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to {
    transform: perspective(400px); } }

@keyframes Toastify__flipOut {
  from {
    transform: perspective(400px); }
  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1; }
  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }

.Toastify__flip-enter {
  animation-name: Toastify__flipIn; }

.Toastify__flip-exit {
  animation-name: Toastify__flipOut; }

@keyframes Toastify__slideInRight {
  from {
    transform: translate3d(110%, 0, 0);
    visibility: visible; }
  to {
    transform: translate3d(0, 0, 0); } }

@keyframes Toastify__slideInLeft {
  from {
    transform: translate3d(-110%, 0, 0);
    visibility: visible; }
  to {
    transform: translate3d(0, 0, 0); } }

@keyframes Toastify__slideInUp {
  from {
    transform: translate3d(0, 110%, 0);
    visibility: visible; }
  to {
    transform: translate3d(0, 0, 0); } }

@keyframes Toastify__slideInDown {
  from {
    transform: translate3d(0, -110%, 0);
    visibility: visible; }
  to {
    transform: translate3d(0, 0, 0); } }

@keyframes Toastify__slideOutRight {
  from {
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    transform: translate3d(110%, 0, 0); } }

@keyframes Toastify__slideOutLeft {
  from {
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    transform: translate3d(-110%, 0, 0); } }

@keyframes Toastify__slideOutDown {
  from {
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    transform: translate3d(0, 500px, 0); } }

@keyframes Toastify__slideOutUp {
  from {
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    transform: translate3d(0, -500px, 0); } }

.Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left {
  animation-name: Toastify__slideInLeft; }

.Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right {
  animation-name: Toastify__slideInRight; }

.Toastify__slide-enter--top-center {
  animation-name: Toastify__slideInDown; }

.Toastify__slide-enter--bottom-center {
  animation-name: Toastify__slideInUp; }

.Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left {
  animation-name: Toastify__slideOutLeft; }

.Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right {
  animation-name: Toastify__slideOutRight; }

.Toastify__slide-exit--top-center {
  animation-name: Toastify__slideOutUp; }

.Toastify__slide-exit--bottom-center {
  animation-name: Toastify__slideOutDown; }

.slick-list, .slick-slider, .slick-track {
  position: relative;
  display: block; }

.slick-loading .slick-slide, .slick-loading .slick-track {
  visibility: hidden; }

.slick-slider {
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  overflow: hidden;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: 0; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-list, .slick-slider .slick-track {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  top: 0;
  left: 0; }
  .slick-track:after, .slick-track:before {
    display: table;
    content: ''; }
  .slick-track:after {
    clear: both; }

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px; }

[dir=rtl] .slick-slide {
  float: right; }

.slick-slide img {
  display: block; }

.slick-slide.slick-loading img {
  display: none; }

.slick-slide.dragging img {
  pointer-events: none; }

.slick-initialized .slick-slide {
  display: block; }

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

@charset "UTF-8";
.slick-dots, .slick-next, .slick-prev {
  position: absolute;
  display: block;
  padding: 0; }

.slick-dots li button:before, .slick-next:before, .slick-prev:before {
  font-family: slick;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.slick-loading .slick-list {
  background: url(/static/assets/images/ajax-loader.gif) center center no-repeat #fff; }

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

.slick-next, .slick-prev {
  font-size: 0;
  line-height: 0;
  top: 50%;
  width: 20px;
  height: 20px;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: 0;
  background: 0 0; }

.slick-next:focus, .slick-next:hover {
  color: transparent;
  outline: 0;
  background: 0 0; }

.slick-prev:focus, .slick-prev:hover {
  color: transparent;
  outline: 0;
  background: 0 0; }

.slick-next:focus:before, .slick-next:hover:before {
  opacity: 1; }

.slick-prev:focus:before, .slick-prev:hover:before {
  opacity: 1; }

.slick-next.slick-disabled:before, .slick-prev.slick-disabled:before {
  opacity: .25; }

.slick-next:before {
  font-size: 20px;
  line-height: 1;
  opacity: .75;
  color: #fff; }

.slick-prev {
  left: -25px; }
  .slick-prev:before {
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: #fff; }

[dir=rtl] .slick-prev {
  right: -25px;
  left: auto; }

.slick-prev:before {
  content: "\F137";
  font-family: 'FontAwesome';
  font-size: 24px; }

.slick-next:before, [dir=rtl] .slick-prev:before {
  content: "\F138";
  font-family: 'FontAwesome';
  font-size: 24px; }

.slick-next {
  right: -25px; }

[dir=rtl] .slick-next {
  right: auto;
  left: -25px; }
  [dir=rtl] .slick-next:before {
    content: '\E2\2020\90'; }

.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  bottom: -25px;
  width: 100%;
  margin: 0;
  list-style: none;
  text-align: center; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      font-size: 0;
      line-height: 0;
      display: block;
      width: 20px;
      height: 20px;
      padding: 5px;
      cursor: pointer;
      color: transparent;
      border: 0;
      outline: 0;
      background: 0 0; }
      .slick-dots li button:focus, .slick-dots li button:hover {
        outline: 0; }
      .slick-dots li button:focus:before, .slick-dots li button:hover:before {
        opacity: 1; }
      .slick-dots li button:before {
        font-size: 6px;
        line-height: 20px;
        position: absolute;
        top: 0;
        left: 0;
        width: 20px;
        height: 20px;
        content: '\E2\20AC\A2';
        text-align: center;
        opacity: .25;
        color: #000; }
    .slick-dots li.slick-active button:before {
      opacity: .75;
      color: #000; }

@charset "UTF-8";
/*! bulma.io v0.7.5 | MIT License | github.com/jgthms/bulma */
@keyframes spinAround {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(359deg); } }

.delete, .modal-close, .is-unselectable, .button, .file, .breadcrumb, .pagination-previous,
.pagination-next,
.pagination-link,
.pagination-ellipsis, .tabs {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.select:not(.is-multiple):not(.is-loading)::after, .navbar-link:not(.is-arrowless)::after {
  border: 3px solid transparent;
  border-radius: 2px;
  border-right: 0;
  border-top: 0;
  content: " ";
  display: block;
  height: 0.625em;
  margin-top: -0.4375em;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: rotate(-45deg);
  transform-origin: center;
  width: 0.625em; }

.box:not(:last-child), .content:not(:last-child), .notification:not(:last-child), .progress:not(:last-child), .table:not(:last-child), .table-container:not(:last-child), .title:not(:last-child),
.subtitle:not(:last-child), .block:not(:last-child), .highlight:not(:last-child), .breadcrumb:not(:last-child), .level:not(:last-child), .list:not(:last-child), .message:not(:last-child), .tabs:not(:last-child) {
  margin-bottom: 1.5rem; }

.delete, .modal-close {
  -moz-appearance: none;
  -webkit-appearance: none;
  background-color: rgba(10, 10, 10, 0.2);
  border: none;
  border-radius: 290486px;
  cursor: pointer;
  pointer-events: auto;
  display: inline-block;
  flex-grow: 0;
  flex-shrink: 0;
  font-size: 0;
  height: 20px;
  max-height: 20px;
  max-width: 20px;
  min-height: 20px;
  min-width: 20px;
  outline: none;
  position: relative;
  vertical-align: top;
  width: 20px; }
  .delete::before, .modal-close::before, .delete::after, .modal-close::after {
    background-color: white;
    content: "";
    display: block;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform-origin: center center; }
  .delete::before, .modal-close::before {
    height: 2px;
    width: 50%; }
  .delete::after, .modal-close::after {
    height: 50%;
    width: 2px; }
  .delete:hover, .modal-close:hover, .delete:focus, .modal-close:focus {
    background-color: rgba(10, 10, 10, 0.3); }
  .delete:active, .modal-close:active {
    background-color: rgba(10, 10, 10, 0.4); }
  .is-small.delete, .is-small.modal-close {
    height: 16px;
    max-height: 16px;
    max-width: 16px;
    min-height: 16px;
    min-width: 16px;
    width: 16px; }
  .is-medium.delete, .is-medium.modal-close {
    height: 24px;
    max-height: 24px;
    max-width: 24px;
    min-height: 24px;
    min-width: 24px;
    width: 24px; }
  .is-large.delete, .is-large.modal-close {
    height: 32px;
    max-height: 32px;
    max-width: 32px;
    min-height: 32px;
    min-width: 32px;
    width: 32px; }

.button.is-loading::after, .loader, .select.is-loading::after, .control.is-loading::after {
  animation: spinAround 500ms infinite linear;
  border: 2px solid #dbdbdb;
  border-radius: 290486px;
  border-right-color: transparent;
  border-top-color: transparent;
  content: "";
  display: block;
  height: 1em;
  position: relative;
  width: 1em; }

.is-overlay, .image.is-square img,
.image.is-square .has-ratio, .image.is-1by1 img,
.image.is-1by1 .has-ratio, .image.is-5by4 img,
.image.is-5by4 .has-ratio, .image.is-4by3 img,
.image.is-4by3 .has-ratio, .image.is-3by2 img,
.image.is-3by2 .has-ratio, .image.is-5by3 img,
.image.is-5by3 .has-ratio, .image.is-16by9 img,
.image.is-16by9 .has-ratio, .image.is-2by1 img,
.image.is-2by1 .has-ratio, .image.is-3by1 img,
.image.is-3by1 .has-ratio, .image.is-4by5 img,
.image.is-4by5 .has-ratio, .image.is-3by4 img,
.image.is-3by4 .has-ratio, .image.is-2by3 img,
.image.is-2by3 .has-ratio, .image.is-3by5 img,
.image.is-3by5 .has-ratio, .image.is-9by16 img,
.image.is-9by16 .has-ratio, .image.is-1by2 img,
.image.is-1by2 .has-ratio, .image.is-1by3 img,
.image.is-1by3 .has-ratio, .modal, .modal-background, .hero-video {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0; }

.button, .input, .textarea, .select select, .file-cta,
.file-name, .pagination-previous,
.pagination-next,
.pagination-link,
.pagination-ellipsis {
  -moz-appearance: none;
  -webkit-appearance: none;
  align-items: center;
  border: 1px solid transparent;
  border-radius: 4px;
  box-shadow: none;
  display: inline-flex;
  font-size: 1rem;
  height: 2.25em;
  justify-content: flex-start;
  line-height: 1.5;
  padding-bottom: calc(0.375em - 1px);
  padding-left: calc(0.625em - 1px);
  padding-right: calc(0.625em - 1px);
  padding-top: calc(0.375em - 1px);
  position: relative;
  vertical-align: top; }
  .button:focus, .input:focus, .textarea:focus, .select select:focus, .file-cta:focus,
  .file-name:focus, .pagination-previous:focus,
  .pagination-next:focus,
  .pagination-link:focus,
  .pagination-ellipsis:focus, .is-focused.button, .is-focused.input, .is-focused.textarea, .select select.is-focused, .is-focused.file-cta,
  .is-focused.file-name, .is-focused.pagination-previous,
  .is-focused.pagination-next,
  .is-focused.pagination-link,
  .is-focused.pagination-ellipsis, .button:active, .input:active, .textarea:active, .select select:active, .file-cta:active,
  .file-name:active, .pagination-previous:active,
  .pagination-next:active,
  .pagination-link:active,
  .pagination-ellipsis:active, .is-active.button, .is-active.input, .is-active.textarea, .select select.is-active, .is-active.file-cta,
  .is-active.file-name, .is-active.pagination-previous,
  .is-active.pagination-next,
  .is-active.pagination-link,
  .is-active.pagination-ellipsis {
    outline: none; }
  .button[disabled], .input[disabled], .textarea[disabled], .select select[disabled], .file-cta[disabled],
  .file-name[disabled], .pagination-previous[disabled],
  .pagination-next[disabled],
  .pagination-link[disabled],
  .pagination-ellipsis[disabled],
  fieldset[disabled] .button,
  fieldset[disabled] .input,
  fieldset[disabled] .textarea,
  fieldset[disabled] .select select,
  .select fieldset[disabled] select,
  fieldset[disabled] .file-cta,
  fieldset[disabled] .file-name,
  fieldset[disabled] .pagination-previous,
  fieldset[disabled] .pagination-next,
  fieldset[disabled] .pagination-link,
  fieldset[disabled] .pagination-ellipsis {
    cursor: not-allowed; }

/*! minireset.css v0.0.4 | MIT License | github.com/jgthms/minireset.css */
html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
legend,
textarea,
pre,
iframe,
hr,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal; }

ul {
  list-style: none; }

button,
input,
select,
textarea {
  margin: 0; }

html {
  box-sizing: border-box; }

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

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

audio {
  max-width: 100%; }

iframe {
  border: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }
  td:not([align]),
  th:not([align]) {
    text-align: left; }

html {
  background-color: white;
  font-size: 16px;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  min-width: 300px;
  overflow-x: hidden;
  overflow-y: scroll;
  text-rendering: optimizeLegibility;
  text-size-adjust: 100%; }

article,
aside,
figure,
footer,
header,
hgroup,
section {
  display: block; }

body,
button,
input,
select,
textarea {
  font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }

code,
pre {
  -moz-osx-font-smoothing: auto;
  -webkit-font-smoothing: auto;
  font-family: monospace; }

body {
  color: #4a4a4a;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.5; }

a {
  color: #3273dc;
  cursor: pointer;
  text-decoration: none; }
  a strong {
    color: currentColor; }
  a:hover {
    color: #363636; }

code {
  background-color: whitesmoke;
  color: #ff3860;
  font-size: 0.875em;
  font-weight: normal;
  padding: 0.25em 0.5em 0.25em; }

hr {
  background-color: whitesmoke;
  border: none;
  display: block;
  height: 2px;
  margin: 1.5rem 0; }

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

input[type="checkbox"],
input[type="radio"] {
  vertical-align: baseline; }

small {
  font-size: 0.875em; }

span {
  font-style: inherit;
  font-weight: inherit; }

strong {
  color: #363636;
  font-weight: 700; }

fieldset {
  border: none; }

pre {
  -webkit-overflow-scrolling: touch;
  background-color: whitesmoke;
  color: #4a4a4a;
  font-size: 0.875em;
  overflow-x: auto;
  padding: 1.25rem 1.5rem;
  white-space: pre;
  word-wrap: normal; }
  pre code {
    background-color: transparent;
    color: currentColor;
    font-size: 1em;
    padding: 0; }

table td,
table th {
  vertical-align: top; }
  table td:not([align]),
  table th:not([align]) {
    text-align: left; }

table th {
  color: #363636; }

.is-clearfix::after {
  clear: both;
  content: " ";
  display: table; }

.is-pulled-left {
  float: left !important; }

.is-pulled-right {
  float: right !important; }

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

.is-size-1 {
  font-size: 3rem !important; }

.is-size-2 {
  font-size: 2.5rem !important; }

.is-size-3 {
  font-size: 2rem !important; }

.is-size-4 {
  font-size: 1.5rem !important; }

.is-size-5 {
  font-size: 1.25rem !important; }

.is-size-6 {
  font-size: 1rem !important; }

.is-size-7 {
  font-size: 0.75rem !important; }

@media screen and (max-width: 768px) {
  .is-size-1-mobile {
    font-size: 3rem !important; }
  .is-size-2-mobile {
    font-size: 2.5rem !important; }
  .is-size-3-mobile {
    font-size: 2rem !important; }
  .is-size-4-mobile {
    font-size: 1.5rem !important; }
  .is-size-5-mobile {
    font-size: 1.25rem !important; }
  .is-size-6-mobile {
    font-size: 1rem !important; }
  .is-size-7-mobile {
    font-size: 0.75rem !important; } }

@media screen and (min-width: 769px), print {
  .is-size-1-tablet {
    font-size: 3rem !important; }
  .is-size-2-tablet {
    font-size: 2.5rem !important; }
  .is-size-3-tablet {
    font-size: 2rem !important; }
  .is-size-4-tablet {
    font-size: 1.5rem !important; }
  .is-size-5-tablet {
    font-size: 1.25rem !important; }
  .is-size-6-tablet {
    font-size: 1rem !important; }
  .is-size-7-tablet {
    font-size: 0.75rem !important; } }

@media screen and (max-width: 1023px) {
  .is-size-1-touch {
    font-size: 3rem !important; }
  .is-size-2-touch {
    font-size: 2.5rem !important; }
  .is-size-3-touch {
    font-size: 2rem !important; }
  .is-size-4-touch {
    font-size: 1.5rem !important; }
  .is-size-5-touch {
    font-size: 1.25rem !important; }
  .is-size-6-touch {
    font-size: 1rem !important; }
  .is-size-7-touch {
    font-size: 0.75rem !important; } }

@media screen and (min-width: 1024px) {
  .is-size-1-desktop {
    font-size: 3rem !important; }
  .is-size-2-desktop {
    font-size: 2.5rem !important; }
  .is-size-3-desktop {
    font-size: 2rem !important; }
  .is-size-4-desktop {
    font-size: 1.5rem !important; }
  .is-size-5-desktop {
    font-size: 1.25rem !important; }
  .is-size-6-desktop {
    font-size: 1rem !important; }
  .is-size-7-desktop {
    font-size: 0.75rem !important; } }

@media screen and (min-width: 1216px) {
  .is-size-1-widescreen {
    font-size: 3rem !important; }
  .is-size-2-widescreen {
    font-size: 2.5rem !important; }
  .is-size-3-widescreen {
    font-size: 2rem !important; }
  .is-size-4-widescreen {
    font-size: 1.5rem !important; }
  .is-size-5-widescreen {
    font-size: 1.25rem !important; }
  .is-size-6-widescreen {
    font-size: 1rem !important; }
  .is-size-7-widescreen {
    font-size: 0.75rem !important; } }

@media screen and (min-width: 1408px) {
  .is-size-1-fullhd {
    font-size: 3rem !important; }
  .is-size-2-fullhd {
    font-size: 2.5rem !important; }
  .is-size-3-fullhd {
    font-size: 2rem !important; }
  .is-size-4-fullhd {
    font-size: 1.5rem !important; }
  .is-size-5-fullhd {
    font-size: 1.25rem !important; }
  .is-size-6-fullhd {
    font-size: 1rem !important; }
  .is-size-7-fullhd {
    font-size: 0.75rem !important; } }

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

.has-text-justified {
  text-align: justify !important; }

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

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

@media screen and (max-width: 768px) {
  .has-text-centered-mobile {
    text-align: center !important; } }

@media screen and (min-width: 769px), print {
  .has-text-centered-tablet {
    text-align: center !important; } }

@media screen and (min-width: 769px) and (max-width: 1023px) {
  .has-text-centered-tablet-only {
    text-align: center !important; } }

@media screen and (max-width: 1023px) {
  .has-text-centered-touch {
    text-align: center !important; } }

@media screen and (min-width: 1024px) {
  .has-text-centered-desktop {
    text-align: center !important; } }

@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .has-text-centered-desktop-only {
    text-align: center !important; } }

@media screen and (min-width: 1216px) {
  .has-text-centered-widescreen {
    text-align: center !important; } }

@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .has-text-centered-widescreen-only {
    text-align: center !important; } }

@media screen and (min-width: 1408px) {
  .has-text-centered-fullhd {
    text-align: center !important; } }

@media screen and (max-width: 768px) {
  .has-text-justified-mobile {
    text-align: justify !important; } }

@media screen and (min-width: 769px), print {
  .has-text-justified-tablet {
    text-align: justify !important; } }

@media screen and (min-width: 769px) and (max-width: 1023px) {
  .has-text-justified-tablet-only {
    text-align: justify !important; } }

@media screen and (max-width: 1023px) {
  .has-text-justified-touch {
    text-align: justify !important; } }

@media screen and (min-width: 1024px) {
  .has-text-justified-desktop {
    text-align: justify !important; } }

@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .has-text-justified-desktop-only {
    text-align: justify !important; } }

@media screen and (min-width: 1216px) {
  .has-text-justified-widescreen {
    text-align: justify !important; } }

@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .has-text-justified-widescreen-only {
    text-align: justify !important; } }

@media screen and (min-width: 1408px) {
  .has-text-justified-fullhd {
    text-align: justify !important; } }

@media screen and (max-width: 768px) {
  .has-text-left-mobile {
    text-align: left !important; } }

@media screen and (min-width: 769px), print {
  .has-text-left-tablet {
    text-align: left !important; } }

@media screen and (min-width: 769px) and (max-width: 1023px) {
  .has-text-left-tablet-only {
    text-align: left !important; } }

@media screen and (max-width: 1023px) {
  .has-text-left-touch {
    text-align: left !important; } }

@media screen and (min-width: 1024px) {
  .has-text-left-desktop {
    text-align: left !important; } }

@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .has-text-left-desktop-only {
    text-align: left !important; } }

@media screen and (min-width: 1216px) {
  .has-text-left-widescreen {
    text-align: left !important; } }

@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .has-text-left-widescreen-only {
    text-align: left !important; } }

@media screen and (min-width: 1408px) {
  .has-text-left-fullhd {
    text-align: left !important; } }

@media screen and (max-width: 768px) {
  .has-text-right-mobile {
    text-align: right !important; } }

@media screen and (min-width: 769px), print {
  .has-text-right-tablet {
    text-align: right !important; } }

@media screen and (min-width: 769px) and (max-width: 1023px) {
  .has-text-right-tablet-only {
    text-align: right !important; } }

@media screen and (max-width: 1023px) {
  .has-text-right-touch {
    text-align: right !important; } }

@media screen and (min-width: 1024px) {
  .has-text-right-desktop {
    text-align: right !important; } }

@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .has-text-right-desktop-only {
    text-align: right !important; } }

@media screen and (min-width: 1216px) {
  .has-text-right-widescreen {
    text-align: right !important; } }

@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .has-text-right-widescreen-only {
    text-align: right !important; } }

@media screen and (min-width: 1408px) {
  .has-text-right-fullhd {
    text-align: right !important; } }

.is-capitalized {
  text-transform: capitalize !important; }

.is-lowercase {
  text-transform: lowercase !important; }

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

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

.has-text-white {
  color: white !important; }

a.has-text-white:hover, a.has-text-white:focus {
  color: #e6e6e6 !important; }

.has-background-white {
  background-color: white !important; }

.has-text-black {
  color: #0a0a0a !important; }

a.has-text-black:hover, a.has-text-black:focus {
  color: black !important; }

.has-background-black {
  background-color: #0a0a0a !important; }

.has-text-light {
  color: whitesmoke !important; }

a.has-text-light:hover, a.has-text-light:focus {
  color: #dbdbdb !important; }

.has-background-light {
  background-color: whitesmoke !important; }

.has-text-dark {
  color: #363636 !important; }

a.has-text-dark:hover, a.has-text-dark:focus {
  color: #1c1c1c !important; }

.has-background-dark {
  background-color: #363636 !important; }

.has-text-primary {
  color: #00d1b2 !important; }

a.has-text-primary:hover, a.has-text-primary:focus {
  color: #009e86 !important; }

.has-background-primary {
  background-color: #00d1b2 !important; }

.has-text-link {
  color: #3273dc !important; }

a.has-text-link:hover, a.has-text-link:focus {
  color: #205bbc !important; }

.has-background-link {
  background-color: #3273dc !important; }

.has-text-info {
  color: #209cee !important; }

a.has-text-info:hover, a.has-text-info:focus {
  color: #0f81cc !important; }

.has-background-info {
  background-color: #209cee !important; }

.has-text-success {
  color: #23d160 !important; }

a.has-text-success:hover, a.has-text-success:focus {
  color: #1ca64c !important; }

.has-background-success {
  background-color: #23d160 !important; }

.has-text-warning {
  color: #ffdd57 !important; }

a.has-text-warning:hover, a.has-text-warning:focus {
  color: #ffd324 !important; }

.has-background-warning {
  background-color: #ffdd57 !important; }

.has-text-danger {
  color: #ff3860 !important; }

a.has-text-danger:hover, a.has-text-danger:focus {
  color: #ff0537 !important; }

.has-background-danger {
  background-color: #ff3860 !important; }

.has-text-black-bis {
  color: #121212 !important; }

.has-background-black-bis {
  background-color: #121212 !important; }

.has-text-black-ter {
  color: #242424 !important; }

.has-background-black-ter {
  background-color: #242424 !important; }

.has-text-grey-darker {
  color: #363636 !important; }

.has-background-grey-darker {
  background-color: #363636 !important; }

.has-text-grey-dark {
  color: #4a4a4a !important; }

.has-background-grey-dark {
  background-color: #4a4a4a !important; }

.has-text-grey {
  color: #7a7a7a !important; }

.has-background-grey {
  background-color: #7a7a7a !important; }

.has-text-grey-light {
  color: #b5b5b5 !important; }

.has-background-grey-light {
  background-color: #b5b5b5 !important; }

.has-text-grey-lighter {
  color: #dbdbdb !important; }

.has-background-grey-lighter {
  background-color: #dbdbdb !important; }

.has-text-white-ter {
  color: whitesmoke !important; }

.has-background-white-ter {
  background-color: whitesmoke !important; }

.has-text-white-bis {
  color: #fafafa !important; }

.has-background-white-bis {
  background-color: #fafafa !important; }

.has-text-weight-light {
  font-weight: 300 !important; }

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

.has-text-weight-medium {
  font-weight: 500 !important; }

.has-text-weight-semibold {
  font-weight: 600 !important; }

.has-text-weight-bold {
  font-weight: 700 !important; }

.is-family-primary {
  font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important; }

.is-family-secondary {
  font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important; }

.is-family-sans-serif {
  font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important; }

.is-family-monospace {
  font-family: monospace !important; }

.is-family-code {
  font-family: monospace !important; }

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

@media screen and (max-width: 768px) {
  .is-block-mobile {
    display: block !important; } }

@media screen and (min-width: 769px), print {
  .is-block-tablet {
    display: block !important; } }

@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-block-tablet-only {
    display: block !important; } }

@media screen and (max-width: 1023px) {
  .is-block-touch {
    display: block !important; } }

@media screen and (min-width: 1024px) {
  .is-block-desktop {
    display: block !important; } }

@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-block-desktop-only {
    display: block !important; } }

@media screen and (min-width: 1216px) {
  .is-block-widescreen {
    display: block !important; } }

@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .is-block-widescreen-only {
    display: block !important; } }

@media screen and (min-width: 1408px) {
  .is-block-fullhd {
    display: block !important; } }

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

@media screen and (max-width: 768px) {
  .is-flex-mobile {
    display: flex !important; } }

@media screen and (min-width: 769px), print {
  .is-flex-tablet {
    display: flex !important; } }

@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-flex-tablet-only {
    display: flex !important; } }

@media screen and (max-width: 1023px) {
  .is-flex-touch {
    display: flex !important; } }

@media screen and (min-width: 1024px) {
  .is-flex-desktop {
    display: flex !important; } }

@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-flex-desktop-only {
    display: flex !important; } }

@media screen and (min-width: 1216px) {
  .is-flex-widescreen {
    display: flex !important; } }

@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .is-flex-widescreen-only {
    display: flex !important; } }

@media screen and (min-width: 1408px) {
  .is-flex-fullhd {
    display: flex !important; } }

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

@media screen and (max-width: 768px) {
  .is-inline-mobile {
    display: inline !important; } }

@media screen and (min-width: 769px), print {
  .is-inline-tablet {
    display: inline !important; } }

@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-inline-tablet-only {
    display: inline !important; } }

@media screen and (max-width: 1023px) {
  .is-inline-touch {
    display: inline !important; } }

@media screen and (min-width: 1024px) {
  .is-inline-desktop {
    display: inline !important; } }

@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-inline-desktop-only {
    display: inline !important; } }

@media screen and (min-width: 1216px) {
  .is-inline-widescreen {
    display: inline !important; } }

@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .is-inline-widescreen-only {
    display: inline !important; } }

@media screen and (min-width: 1408px) {
  .is-inline-fullhd {
    display: inline !important; } }

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

@media screen and (max-width: 768px) {
  .is-inline-block-mobile {
    display: inline-block !important; } }

@media screen and (min-width: 769px), print {
  .is-inline-block-tablet {
    display: inline-block !important; } }

@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-inline-block-tablet-only {
    display: inline-block !important; } }

@media screen and (max-width: 1023px) {
  .is-inline-block-touch {
    display: inline-block !important; } }

@media screen and (min-width: 1024px) {
  .is-inline-block-desktop {
    display: inline-block !important; } }

@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-inline-block-desktop-only {
    display: inline-block !important; } }

@media screen and (min-width: 1216px) {
  .is-inline-block-widescreen {
    display: inline-block !important; } }

@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .is-inline-block-widescreen-only {
    display: inline-block !important; } }

@media screen and (min-width: 1408px) {
  .is-inline-block-fullhd {
    display: inline-block !important; } }

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

@media screen and (max-width: 768px) {
  .is-inline-flex-mobile {
    display: inline-flex !important; } }

@media screen and (min-width: 769px), print {
  .is-inline-flex-tablet {
    display: inline-flex !important; } }

@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-inline-flex-tablet-only {
    display: inline-flex !important; } }

@media screen and (max-width: 1023px) {
  .is-inline-flex-touch {
    display: inline-flex !important; } }

@media screen and (min-width: 1024px) {
  .is-inline-flex-desktop {
    display: inline-flex !important; } }

@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-inline-flex-desktop-only {
    display: inline-flex !important; } }

@media screen and (min-width: 1216px) {
  .is-inline-flex-widescreen {
    display: inline-flex !important; } }

@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .is-inline-flex-widescreen-only {
    display: inline-flex !important; } }

@media screen and (min-width: 1408px) {
  .is-inline-flex-fullhd {
    display: inline-flex !important; } }

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

.is-sr-only {
  border: none !important;
  clip: rect(0, 0, 0, 0) !important;
  height: 0.01em !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 0.01em !important; }

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

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

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

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

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

@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-hidden-desktop-only {
    display: none !important; } }

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

@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .is-hidden-widescreen-only {
    display: none !important; } }

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

.is-invisible {
  visibility: hidden !important; }

@media screen and (max-width: 768px) {
  .is-invisible-mobile {
    visibility: hidden !important; } }

@media screen and (min-width: 769px), print {
  .is-invisible-tablet {
    visibility: hidden !important; } }

@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-invisible-tablet-only {
    visibility: hidden !important; } }

@media screen and (max-width: 1023px) {
  .is-invisible-touch {
    visibility: hidden !important; } }

@media screen and (min-width: 1024px) {
  .is-invisible-desktop {
    visibility: hidden !important; } }

@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-invisible-desktop-only {
    visibility: hidden !important; } }

@media screen and (min-width: 1216px) {
  .is-invisible-widescreen {
    visibility: hidden !important; } }

@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .is-invisible-widescreen-only {
    visibility: hidden !important; } }

@media screen and (min-width: 1408px) {
  .is-invisible-fullhd {
    visibility: hidden !important; } }

.is-marginless {
  margin: 0 !important; }

.is-paddingless {
  padding: 0 !important; }

.is-radiusless {
  border-radius: 0 !important; }

.is-shadowless {
  box-shadow: none !important; }

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

.box {
  background-color: white;
  border-radius: 6px;
  box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
  color: #4a4a4a;
  display: block;
  padding: 1.25rem; }

a.box:hover, a.box:focus {
  box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #3273dc; }

a.box:active {
  box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #3273dc; }

.button {
  background-color: white;
  border-color: #dbdbdb;
  border-width: 1px;
  color: #363636;
  cursor: pointer;
  justify-content: center;
  padding-bottom: calc(0.375em - 1px);
  padding-left: 0.75em;
  padding-right: 0.75em;
  padding-top: calc(0.375em - 1px);
  text-align: center;
  white-space: nowrap; }
  .button strong {
    color: inherit; }
  .button .icon, .button .icon.is-small, .button .icon.is-medium, .button .icon.is-large {
    height: 1.5em;
    width: 1.5em; }
  .button .icon:first-child:not(:last-child) {
    margin-left: calc(-0.375em - 1px);
    margin-right: 0.1875em; }
  .button .icon:last-child:not(:first-child) {
    margin-left: 0.1875em;
    margin-right: calc(-0.375em - 1px); }
  .button .icon:first-child:last-child {
    margin-left: calc(-0.375em - 1px);
    margin-right: calc(-0.375em - 1px); }
  .button:hover, .button.is-hovered {
    border-color: #b5b5b5;
    color: #363636; }
  .button:focus, .button.is-focused {
    border-color: #3273dc;
    color: #363636; }
    .button:focus:not(:active), .button.is-focused:not(:active) {
      box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); }
  .button:active, .button.is-active {
    border-color: #4a4a4a;
    color: #363636; }
  .button.is-text {
    background-color: transparent;
    border-color: transparent;
    color: #4a4a4a;
    text-decoration: underline; }
    .button.is-text:hover, .button.is-text.is-hovered, .button.is-text:focus, .button.is-text.is-focused {
      background-color: whitesmoke;
      color: #363636; }
    .button.is-text:active, .button.is-text.is-active {
      background-color: #e8e8e8;
      color: #363636; }
    .button.is-text[disabled],
    fieldset[disabled] .button.is-text {
      background-color: transparent;
      border-color: transparent;
      box-shadow: none; }
  .button.is-white {
    background-color: white;
    border-color: transparent;
    color: #0a0a0a; }
    .button.is-white:hover, .button.is-white.is-hovered {
      background-color: #f9f9f9;
      border-color: transparent;
      color: #0a0a0a; }
    .button.is-white:focus, .button.is-white.is-focused {
      border-color: transparent;
      color: #0a0a0a; }
      .button.is-white:focus:not(:active), .button.is-white.is-focused:not(:active) {
        box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); }
    .button.is-white:active, .button.is-white.is-active {
      background-color: #f2f2f2;
      border-color: transparent;
      color: #0a0a0a; }
    .button.is-white[disabled],
    fieldset[disabled] .button.is-white {
      background-color: white;
      border-color: transparent;
      box-shadow: none; }
    .button.is-white.is-inverted {
      background-color: #0a0a0a;
      color: white; }
      .button.is-white.is-inverted:hover, .button.is-white.is-inverted.is-hovered {
        background-color: black; }
      .button.is-white.is-inverted[disabled],
      fieldset[disabled] .button.is-white.is-inverted {
        background-color: #0a0a0a;
        border-color: transparent;
        box-shadow: none;
        color: white; }
    .button.is-white.is-loading::after {
      border-color: transparent transparent #0a0a0a #0a0a0a !important; }
    .button.is-white.is-outlined {
      background-color: transparent;
      border-color: white;
      color: white; }
      .button.is-white.is-outlined:hover, .button.is-white.is-outlined.is-hovered, .button.is-white.is-outlined:focus, .button.is-white.is-outlined.is-focused {
        background-color: white;
        border-color: white;
        color: #0a0a0a; }
      .button.is-white.is-outlined.is-loading::after {
        border-color: transparent transparent white white !important; }
      .button.is-white.is-outlined.is-loading:hover::after, .button.is-white.is-outlined.is-loading.is-hovered::after, .button.is-white.is-outlined.is-loading:focus::after, .button.is-white.is-outlined.is-loading.is-focused::after {
        border-color: transparent transparent #0a0a0a #0a0a0a !important; }
      .button.is-white.is-outlined[disabled],
      fieldset[disabled] .button.is-white.is-outlined {
        background-color: transparent;
        border-color: white;
        box-shadow: none;
        color: white; }
    .button.is-white.is-inverted.is-outlined {
      background-color: transparent;
      border-color: #0a0a0a;
      color: #0a0a0a; }
      .button.is-white.is-inverted.is-outlined:hover, .button.is-white.is-inverted.is-outlined.is-hovered, .button.is-white.is-inverted.is-outlined:focus, .button.is-white.is-inverted.is-outlined.is-focused {
        background-color: #0a0a0a;
        color: white; }
      .button.is-white.is-inverted.is-outlined.is-loading:hover::after, .button.is-white.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-white.is-inverted.is-outlined.is-loading:focus::after, .button.is-white.is-inverted.is-outlined.is-loading.is-focused::after {
        border-color: transparent transparent white white !important; }
      .button.is-white.is-inverted.is-outlined[disabled],
      fieldset[disabled] .button.is-white.is-inverted.is-outlined {
        background-color: transparent;
        border-color: #0a0a0a;
        box-shadow: none;
        color: #0a0a0a; }
  .button.is-black {
    background-color: #0a0a0a;
    border-color: transparent;
    color: white; }
    .button.is-black:hover, .button.is-black.is-hovered {
      background-color: #040404;
      border-color: transparent;
      color: white; }
    .button.is-black:focus, .button.is-black.is-focused {
      border-color: transparent;
      color: white; }
      .button.is-black:focus:not(:active), .button.is-black.is-focused:not(:active) {
        box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); }
    .button.is-black:active, .button.is-black.is-active {
      background-color: black;
      border-color: transparent;
      color: white; }
    .button.is-black[disabled],
    fieldset[disabled] .button.is-black {
      background-color: #0a0a0a;
      border-color: transparent;
      box-shadow: none; }
    .button.is-black.is-inverted {
      background-color: white;
      color: #0a0a0a; }
      .button.is-black.is-inverted:hover, .button.is-black.is-inverted.is-hovered {
        background-color: #f2f2f2; }
      .button.is-black.is-inverted[disabled],
      fieldset[disabled] .button.is-black.is-inverted {
        background-color: white;
        border-color: transparent;
        box-shadow: none;
        color: #0a0a0a; }
    .button.is-black.is-loading::after {
      border-color: transparent transparent white white !important; }
    .button.is-black.is-outlined {
      background-color: transparent;
      border-color: #0a0a0a;
      color: #0a0a0a; }
      .button.is-black.is-outlined:hover, .button.is-black.is-outlined.is-hovered, .button.is-black.is-outlined:focus, .button.is-black.is-outlined.is-focused {
        background-color: #0a0a0a;
        border-color: #0a0a0a;
        color: white; }
      .button.is-black.is-outlined.is-loading::after {
        border-color: transparent transparent #0a0a0a #0a0a0a !important; }
      .button.is-black.is-outlined.is-loading:hover::after, .button.is-black.is-outlined.is-loading.is-hovered::after, .button.is-black.is-outlined.is-loading:focus::after, .button.is-black.is-outlined.is-loading.is-focused::after {
        border-color: transparent transparent white white !important; }
      .button.is-black.is-outlined[disabled],
      fieldset[disabled] .button.is-black.is-outlined {
        background-color: transparent;
        border-color: #0a0a0a;
        box-shadow: none;
        color: #0a0a0a; }
    .button.is-black.is-inverted.is-outlined {
      background-color: transparent;
      border-color: white;
      color: white; }
      .button.is-black.is-inverted.is-outlined:hover, .button.is-black.is-inverted.is-outlined.is-hovered, .button.is-black.is-inverted.is-outlined:focus, .button.is-black.is-inverted.is-outlined.is-focused {
        background-color: white;
        color: #0a0a0a; }
      .button.is-black.is-inverted.is-outlined.is-loading:hover::after, .button.is-black.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-black.is-inverted.is-outlined.is-loading:focus::after, .button.is-black.is-inverted.is-outlined.is-loading.is-focused::after {
        border-color: transparent transparent #0a0a0a #0a0a0a !important; }
      .button.is-black.is-inverted.is-outlined[disabled],
      fieldset[disabled] .button.is-black.is-inverted.is-outlined {
        background-color: transparent;
        border-color: white;
        box-shadow: none;
        color: white; }
  .button.is-light {
    background-color: whitesmoke;
    border-color: transparent;
    color: #363636; }
    .button.is-light:hover, .button.is-light.is-hovered {
      background-color: #eeeeee;
      border-color: transparent;
      color: #363636; }
    .button.is-light:focus, .button.is-light.is-focused {
      border-color: transparent;
      color: #363636; }
      .button.is-light:focus:not(:active), .button.is-light.is-focused:not(:active) {
        box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); }
    .button.is-light:active, .button.is-light.is-active {
      background-color: #e8e8e8;
      border-color: transparent;
      color: #363636; }
    .button.is-light[disabled],
    fieldset[disabled] .button.is-light {
      background-color: whitesmoke;
      border-color: transparent;
      box-shadow: none; }
    .button.is-light.is-inverted {
      background-color: #363636;
      color: whitesmoke; }
      .button.is-light.is-inverted:hover, .button.is-light.is-inverted.is-hovered {
        background-color: #292929; }
      .button.is-light.is-inverted[disabled],
      fieldset[disabled] .button.is-light.is-inverted {
        background-color: #363636;
        border-color: transparent;
        box-shadow: none;
        color: whitesmoke; }
    .button.is-light.is-loading::after {
      border-color: transparent transparent #363636 #363636 !important; }
    .button.is-light.is-outlined {
      background-color: transparent;
      border-color: whitesmoke;
      color: whitesmoke; }
      .button.is-light.is-outlined:hover, .button.is-light.is-outlined.is-hovered, .button.is-light.is-outlined:focus, .button.is-light.is-outlined.is-focused {
        background-color: whitesmoke;
        border-color: whitesmoke;
        color: #363636; }
      .button.is-light.is-outlined.is-loading::after {
        border-color: transparent transparent whitesmoke whitesmoke !important; }
      .button.is-light.is-outlined.is-loading:hover::after, .button.is-light.is-outlined.is-loading.is-hovered::after, .button.is-light.is-outlined.is-loading:focus::after, .button.is-light.is-outlined.is-loading.is-focused::after {
        border-color: transparent transparent #363636 #363636 !important; }
      .button.is-light.is-outlined[disabled],
      fieldset[disabled] .button.is-light.is-outlined {
        background-color: transparent;
        border-color: whitesmoke;
        box-shadow: none;
        color: whitesmoke; }
    .button.is-light.is-inverted.is-outlined {
      background-color: transparent;
      border-color: #363636;
      color: #363636; }
      .button.is-light.is-inverted.is-outlined:hover, .button.is-light.is-inverted.is-outlined.is-hovered, .button.is-light.is-inverted.is-outlined:focus, .button.is-light.is-inverted.is-outlined.is-focused {
        background-color: #363636;
        color: whitesmoke; }
      .button.is-light.is-inverted.is-outlined.is-loading:hover::after, .button.is-light.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-light.is-inverted.is-outlined.is-loading:focus::after, .button.is-light.is-inverted.is-outlined.is-loading.is-focused::after {
        border-color: transparent transparent whitesmoke whitesmoke !important; }
      .button.is-light.is-inverted.is-outlined[disabled],
      fieldset[disabled] .button.is-light.is-inverted.is-outlined {
        background-color: transparent;
        border-color: #363636;
        box-shadow: none;
        color: #363636; }
  .button.is-dark {
    background-color: #363636;
    border-color: transparent;
    color: whitesmoke; }
    .button.is-dark:hover, .button.is-dark.is-hovered {
      background-color: #2f2f2f;
      border-color: transparent;
      color: whitesmoke; }
    .button.is-dark:focus, .button.is-dark.is-focused {
      border-color: transparent;
      color: whitesmoke; }
      .button.is-dark:focus:not(:active), .button.is-dark.is-focused:not(:active) {
        box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); }
    .button.is-dark:active, .button.is-dark.is-active {
      background-color: #292929;
      border-color: transparent;
      color: whitesmoke; }
    .button.is-dark[disabled],
    fieldset[disabled] .button.is-dark {
      background-color: #363636;
      border-color: transparent;
      box-shadow: none; }
    .button.is-dark.is-inverted {
      background-color: whitesmoke;
      color: #363636; }
      .button.is-dark.is-inverted:hover, .button.is-dark.is-inverted.is-hovered {
        background-color: #e8e8e8; }
      .button.is-dark.is-inverted[disabled],
      fieldset[disabled] .button.is-dark.is-inverted {
        background-color: whitesmoke;
        border-color: transparent;
        box-shadow: none;
        color: #363636; }
    .button.is-dark.is-loading::after {
      border-color: transparent transparent whitesmoke whitesmoke !important; }
    .button.is-dark.is-outlined {
      background-color: transparent;
      border-color: #363636;
      color: #363636; }
      .button.is-dark.is-outlined:hover, .button.is-dark.is-outlined.is-hovered, .button.is-dark.is-outlined:focus, .button.is-dark.is-outlined.is-focused {
        background-color: #363636;
        border-color: #363636;
        color: whitesmoke; }
      .button.is-dark.is-outlined.is-loading::after {
        border-color: transparent transparent #363636 #363636 !important; }
      .button.is-dark.is-outlined.is-loading:hover::after, .button.is-dark.is-outlined.is-loading.is-hovered::after, .button.is-dark.is-outlined.is-loading:focus::after, .button.is-dark.is-outlined.is-loading.is-focused::after {
        border-color: transparent transparent whitesmoke whitesmoke !important; }
      .button.is-dark.is-outlined[disabled],
      fieldset[disabled] .button.is-dark.is-outlined {
        background-color: transparent;
        border-color: #363636;
        box-shadow: none;
        color: #363636; }
    .button.is-dark.is-inverted.is-outlined {
      background-color: transparent;
      border-color: whitesmoke;
      color: whitesmoke; }
      .button.is-dark.is-inverted.is-outlined:hover, .button.is-dark.is-inverted.is-outlined.is-hovered, .button.is-dark.is-inverted.is-outlined:focus, .button.is-dark.is-inverted.is-outlined.is-focused {
        background-color: whitesmoke;
        color: #363636; }
      .button.is-dark.is-inverted.is-outlined.is-loading:hover::after, .button.is-dark.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-dark.is-inverted.is-outlined.is-loading:focus::after, .button.is-dark.is-inverted.is-outlined.is-loading.is-focused::after {
        border-color: transparent transparent #363636 #363636 !important; }
      .button.is-dark.is-inverted.is-outlined[disabled],
      fieldset[disabled] .button.is-dark.is-inverted.is-outlined {
        background-color: transparent;
        border-color: whitesmoke;
        box-shadow: none;
        color: whitesmoke; }
  .button.is-primary {
    background-color: #00d1b2;
    border-color: transparent;
    color: #fff; }
    .button.is-primary:hover, .button.is-primary.is-hovered {
      background-color: #00c4a7;
      border-color: transparent;
      color: #fff; }
    .button.is-primary:focus, .button.is-primary.is-focused {
      border-color: transparent;
      color: #fff; }
      .button.is-primary:focus:not(:active), .button.is-primary.is-focused:not(:active) {
        box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25); }
    .button.is-primary:active, .button.is-primary.is-active {
      background-color: #00b89c;
      border-color: transparent;
      color: #fff; }
    .button.is-primary[disabled],
    fieldset[disabled] .button.is-primary {
      background-color: #00d1b2;
      border-color: transparent;
      box-shadow: none; }
    .button.is-primary.is-inverted {
      background-color: #fff;
      color: #00d1b2; }
      .button.is-primary.is-inverted:hover, .button.is-primary.is-inverted.is-hovered {
        background-color: #f2f2f2; }
      .button.is-primary.is-inverted[disabled],
      fieldset[disabled] .button.is-primary.is-inverted {
        background-color: #fff;
        border-color: transparent;
        box-shadow: none;
        color: #00d1b2; }
    .button.is-primary.is-loading::after {
      border-color: transparent transparent #fff #fff !important; }
    .button.is-primary.is-outlined {
      background-color: transparent;
      border-color: #00d1b2;
      color: #00d1b2; }
      .button.is-primary.is-outlined:hover, .button.is-primary.is-outlined.is-hovered, .button.is-primary.is-outlined:focus, .button.is-primary.is-outlined.is-focused {
        background-color: #00d1b2;
        border-color: #00d1b2;
        color: #fff; }
      .button.is-primary.is-outlined.is-loading::after {
        border-color: transparent transparent #00d1b2 #00d1b2 !important; }
      .button.is-primary.is-outlined.is-loading:hover::after, .button.is-primary.is-outlined.is-loading.is-hovered::after, .button.is-primary.is-outlined.is-loading:focus::after, .button.is-primary.is-outlined.is-loading.is-focused::after {
        border-color: transparent transparent #fff #fff !important; }
      .button.is-primary.is-outlined[disabled],
      fieldset[disabled] .button.is-primary.is-outlined {
        background-color: transparent;
        border-color: #00d1b2;
        box-shadow: none;
        color: #00d1b2; }
    .button.is-primary.is-inverted.is-outlined {
      background-color: transparent;
      border-color: #fff;
      color: #fff; }
      .button.is-primary.is-inverted.is-outlined:hover, .button.is-primary.is-inverted.is-outlined.is-hovered, .button.is-primary.is-inverted.is-outlined:focus, .button.is-primary.is-inverted.is-outlined.is-focused {
        background-color: #fff;
        color: #00d1b2; }
      .button.is-primary.is-inverted.is-outlined.is-loading:hover::after, .button.is-primary.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-primary.is-inverted.is-outlined.is-loading:focus::after, .button.is-primary.is-inverted.is-outlined.is-loading.is-focused::after {
        border-color: transparent transparent #00d1b2 #00d1b2 !important; }
      .button.is-primary.is-inverted.is-outlined[disabled],
      fieldset[disabled] .button.is-primary.is-inverted.is-outlined {
        background-color: transparent;
        border-color: #fff;
        box-shadow: none;
        color: #fff; }
  .button.is-link {
    background-color: #3273dc;
    border-color: transparent;
    color: #fff; }
    .button.is-link:hover, .button.is-link.is-hovered {
      background-color: #276cda;
      border-color: transparent;
      color: #fff; }
    .button.is-link:focus, .button.is-link.is-focused {
      border-color: transparent;
      color: #fff; }
      .button.is-link:focus:not(:active), .button.is-link.is-focused:not(:active) {
        box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); }
    .button.is-link:active, .button.is-link.is-active {
      background-color: #2366d1;
      border-color: transparent;
      color: #fff; }
    .button.is-link[disabled],
    fieldset[disabled] .button.is-link {
      background-color: #3273dc;
      border-color: transparent;
      box-shadow: none; }
    .button.is-link.is-inverted {
      background-color: #fff;
      color: #3273dc; }
      .button.is-link.is-inverted:hover, .button.is-link.is-inverted.is-hovered {
        background-color: #f2f2f2; }
      .button.is-link.is-inverted[disabled],
      fieldset[disabled] .button.is-link.is-inverted {
        background-color: #fff;
        border-color: transparent;
        box-shadow: none;
        color: #3273dc; }
    .button.is-link.is-loading::after {
      border-color: transparent transparent #fff #fff !important; }
    .button.is-link.is-outlined {
      background-color: transparent;
      border-color: #3273dc;
      color: #3273dc; }
      .button.is-link.is-outlined:hover, .button.is-link.is-outlined.is-hovered, .button.is-link.is-outlined:focus, .button.is-link.is-outlined.is-focused {
        background-color: #3273dc;
        border-color: #3273dc;
        color: #fff; }
      .button.is-link.is-outlined.is-loading::after {
        border-color: transparent transparent #3273dc #3273dc !important; }
      .button.is-link.is-outlined.is-loading:hover::after, .button.is-link.is-outlined.is-loading.is-hovered::after, .button.is-link.is-outlined.is-loading:focus::after, .button.is-link.is-outlined.is-loading.is-focused::after {
        border-color: transparent transparent #fff #fff !important; }
      .button.is-link.is-outlined[disabled],
      fieldset[disabled] .button.is-link.is-outlined {
        background-color: transparent;
        border-color: #3273dc;
        box-shadow: none;
        color: #3273dc; }
    .button.is-link.is-inverted.is-outlined {
      background-color: transparent;
      border-color: #fff;
      color: #fff; }
      .button.is-link.is-inverted.is-outlined:hover, .button.is-link.is-inverted.is-outlined.is-hovered, .button.is-link.is-inverted.is-outlined:focus, .button.is-link.is-inverted.is-outlined.is-focused {
        background-color: #fff;
        color: #3273dc; }
      .button.is-link.is-inverted.is-outlined.is-loading:hover::after, .button.is-link.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-link.is-inverted.is-outlined.is-loading:focus::after, .button.is-link.is-inverted.is-outlined.is-loading.is-focused::after {
        border-color: transparent transparent #3273dc #3273dc !important; }
      .button.is-link.is-inverted.is-outlined[disabled],
      fieldset[disabled] .button.is-link.is-inverted.is-outlined {
        background-color: transparent;
        border-color: #fff;
        box-shadow: none;
        color: #fff; }
  .button.is-info {
    background-color: #209cee;
    border-color: transparent;
    color: #fff; }
    .button.is-info:hover, .button.is-info.is-hovered {
      background-color: #1496ed;
      border-color: transparent;
      color: #fff; }
    .button.is-info:focus, .button.is-info.is-focused {
      border-color: transparent;
      color: #fff; }
      .button.is-info:focus:not(:active), .button.is-info.is-focused:not(:active) {
        box-shadow: 0 0 0 0.125em rgba(32, 156, 238, 0.25); }
    .button.is-info:active, .button.is-info.is-active {
      background-color: #118fe4;
      border-color: transparent;
      color: #fff; }
    .button.is-info[disabled],
    fieldset[disabled] .button.is-info {
      background-color: #209cee;
      border-color: transparent;
      box-shadow: none; }
    .button.is-info.is-inverted {
      background-color: #fff;
      color: #209cee; }
      .button.is-info.is-inverted:hover, .button.is-info.is-inverted.is-hovered {
        background-color: #f2f2f2; }
      .button.is-info.is-inverted[disabled],
      fieldset[disabled] .button.is-info.is-inverted {
        background-color: #fff;
        border-color: transparent;
        box-shadow: none;
        color: #209cee; }
    .button.is-info.is-loading::after {
      border-color: transparent transparent #fff #fff !important; }
    .button.is-info.is-outlined {
      background-color: transparent;
      border-color: #209cee;
      color: #209cee; }
      .button.is-info.is-outlined:hover, .button.is-info.is-outlined.is-hovered, .button.is-info.is-outlined:focus, .button.is-info.is-outlined.is-focused {
        background-color: #209cee;
        border-color: #209cee;
        color: #fff; }
      .button.is-info.is-outlined.is-loading::after {
        border-color: transparent transparent #209cee #209cee !important; }
      .button.is-info.is-outlined.is-loading:hover::after, .button.is-info.is-outlined.is-loading.is-hovered::after, .button.is-info.is-outlined.is-loading:focus::after, .button.is-info.is-outlined.is-loading.is-focused::after {
        border-color: transparent transparent #fff #fff !important; }
      .button.is-info.is-outlined[disabled],
      fieldset[disabled] .button.is-info.is-outlined {
        background-color: transparent;
        border-color: #209cee;
        box-shadow: none;
        color: #209cee; }
    .button.is-info.is-inverted.is-outlined {
      background-color: transparent;
      border-color: #fff;
      color: #fff; }
      .button.is-info.is-inverted.is-outlined:hover, .button.is-info.is-inverted.is-outlined.is-hovered, .button.is-info.is-inverted.is-outlined:focus, .button.is-info.is-inverted.is-outlined.is-focused {
        background-color: #fff;
        color: #209cee; }
      .button.is-info.is-inverted.is-outlined.is-loading:hover::after, .button.is-info.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-info.is-inverted.is-outlined.is-loading:focus::after, .button.is-info.is-inverted.is-outlined.is-loading.is-focused::after {
        border-color: transparent transparent #209cee #209cee !important; }
      .button.is-info.is-inverted.is-outlined[disabled],
      fieldset[disabled] .button.is-info.is-inverted.is-outlined {
        background-color: transparent;
        border-color: #fff;
        box-shadow: none;
        color: #fff; }
  .button.is-success {
    background-color: #23d160;
    border-color: transparent;
    color: #fff; }
    .button.is-success:hover, .button.is-success.is-hovered {
      background-color: #22c65b;
      border-color: transparent;
      color: #fff; }
    .button.is-success:focus, .button.is-success.is-focused {
      border-color: transparent;
      color: #fff; }
      .button.is-success:focus:not(:active), .button.is-success.is-focused:not(:active) {
        box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25); }
    .button.is-success:active, .button.is-success.is-active {
      background-color: #20bc56;
      border-color: transparent;
      color: #fff; }
    .button.is-success[disabled],
    fieldset[disabled] .button.is-success {
      background-color: #23d160;
      border-color: transparent;
      box-shadow: none; }
    .button.is-success.is-inverted {
      background-color: #fff;
      color: #23d160; }
      .button.is-success.is-inverted:hover, .button.is-success.is-inverted.is-hovered {
        background-color: #f2f2f2; }
      .button.is-success.is-inverted[disabled],
      fieldset[disabled] .button.is-success.is-inverted {
        background-color: #fff;
        border-color: transparent;
        box-shadow: none;
        color: #23d160; }
    .button.is-success.is-loading::after {
      border-color: transparent transparent #fff #fff !important; }
    .button.is-success.is-outlined {
      background-color: transparent;
      border-color: #23d160;
      color: #23d160; }
      .button.is-success.is-outlined:hover, .button.is-success.is-outlined.is-hovered, .button.is-success.is-outlined:focus, .button.is-success.is-outlined.is-focused {
        background-color: #23d160;
        border-color: #23d160;
        color: #fff; }
      .button.is-success.is-outlined.is-loading::after {
        border-color: transparent transparent #23d160 #23d160 !important; }
      .button.is-success.is-outlined.is-loading:hover::after, .button.is-success.is-outlined.is-loading.is-hovered::after, .button.is-success.is-outlined.is-loading:focus::after, .button.is-success.is-outlined.is-loading.is-focused::after {
        border-color: transparent transparent #fff #fff !important; }
      .button.is-success.is-outlined[disabled],
      fieldset[disabled] .button.is-success.is-outlined {
        background-color: transparent;
        border-color: #23d160;
        box-shadow: none;
        color: #23d160; }
    .button.is-success.is-inverted.is-outlined {
      background-color: transparent;
      border-color: #fff;
      color: #fff; }
      .button.is-success.is-inverted.is-outlined:hover, .button.is-success.is-inverted.is-outlined.is-hovered, .button.is-success.is-inverted.is-outlined:focus, .button.is-success.is-inverted.is-outlined.is-focused {
        background-color: #fff;
        color: #23d160; }
      .button.is-success.is-inverted.is-outlined.is-loading:hover::after, .button.is-success.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-success.is-inverted.is-outlined.is-loading:focus::after, .button.is-success.is-inverted.is-outlined.is-loading.is-focused::after {
        border-color: transparent transparent #23d160 #23d160 !important; }
      .button.is-success.is-inverted.is-outlined[disabled],
      fieldset[disabled] .button.is-success.is-inverted.is-outlined {
        background-color: transparent;
        border-color: #fff;
        box-shadow: none;
        color: #fff; }
  .button.is-warning {
    background-color: #ffdd57;
    border-color: transparent;
    color: rgba(0, 0, 0, 0.7); }
    .button.is-warning:hover, .button.is-warning.is-hovered {
      background-color: #ffdb4a;
      border-color: transparent;
      color: rgba(0, 0, 0, 0.7); }
    .button.is-warning:focus, .button.is-warning.is-focused {
      border-color: transparent;
      color: rgba(0, 0, 0, 0.7); }
      .button.is-warning:focus:not(:active), .button.is-warning.is-focused:not(:active) {
        box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25); }
    .button.is-warning:active, .button.is-warning.is-active {
      background-color: #ffd83d;
      border-color: transparent;
      color: rgba(0, 0, 0, 0.7); }
    .button.is-warning[disabled],
    fieldset[disabled] .button.is-warning {
      background-color: #ffdd57;
      border-color: transparent;
      box-shadow: none; }
    .button.is-warning.is-inverted {
      background-color: rgba(0, 0, 0, 0.7);
      color: #ffdd57; }
      .button.is-warning.is-inverted:hover, .button.is-warning.is-inverted.is-hovered {
        background-color: rgba(0, 0, 0, 0.7); }
      .button.is-warning.is-inverted[disabled],
      fieldset[disabled] .button.is-warning.is-inverted {
        background-color: rgba(0, 0, 0, 0.7);
        border-color: transparent;
        box-shadow: none;
        color: #ffdd57; }
    .button.is-warning.is-loading::after {
      border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important; }
    .button.is-warning.is-outlined {
      background-color: transparent;
      border-color: #ffdd57;
      color: #ffdd57; }
      .button.is-warning.is-outlined:hover, .button.is-warning.is-outlined.is-hovered, .button.is-warning.is-outlined:focus, .button.is-warning.is-outlined.is-focused {
        background-color: #ffdd57;
        border-color: #ffdd57;
        color: rgba(0, 0, 0, 0.7); }
      .button.is-warning.is-outlined.is-loading::after {
        border-color: transparent transparent #ffdd57 #ffdd57 !important; }
      .button.is-warning.is-outlined.is-loading:hover::after, .button.is-warning.is-outlined.is-loading.is-hovered::after, .button.is-warning.is-outlined.is-loading:focus::after, .button.is-warning.is-outlined.is-loading.is-focused::after {
        border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important; }
      .button.is-warning.is-outlined[disabled],
      fieldset[disabled] .button.is-warning.is-outlined {
        background-color: transparent;
        border-color: #ffdd57;
        box-shadow: none;
        color: #ffdd57; }
    .button.is-warning.is-inverted.is-outlined {
      background-color: transparent;
      border-color: rgba(0, 0, 0, 0.7);
      color: rgba(0, 0, 0, 0.7); }
      .button.is-warning.is-inverted.is-outlined:hover, .button.is-warning.is-inverted.is-outlined.is-hovered, .button.is-warning.is-inverted.is-outlined:focus, .button.is-warning.is-inverted.is-outlined.is-focused {
        background-color: rgba(0, 0, 0, 0.7);
        color: #ffdd57; }
      .button.is-warning.is-inverted.is-outlined.is-loading:hover::after, .button.is-warning.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-warning.is-inverted.is-outlined.is-loading:focus::after, .button.is-warning.is-inverted.is-outlined.is-loading.is-focused::after {
        border-color: transparent transparent #ffdd57 #ffdd57 !important; }
      .button.is-warning.is-inverted.is-outlined[disabled],
      fieldset[disabled] .button.is-warning.is-inverted.is-outlined {
        background-color: transparent;
        border-color: rgba(0, 0, 0, 0.7);
        box-shadow: none;
        color: rgba(0, 0, 0, 0.7); }
  .button.is-danger {
    background-color: #ff3860;
    border-color: transparent;
    color: #fff; }
    .button.is-danger:hover, .button.is-danger.is-hovered {
      background-color: #ff2b56;
      border-color: transparent;
      color: #fff; }
    .button.is-danger:focus, .button.is-danger.is-focused {
      border-color: transparent;
      color: #fff; }
      .button.is-danger:focus:not(:active), .button.is-danger.is-focused:not(:active) {
        box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25); }
    .button.is-danger:active, .button.is-danger.is-active {
      background-color: #ff1f4b;
      border-color: transparent;
      color: #fff; }
    .button.is-danger[disabled],
    fieldset[disabled] .button.is-danger {
      background-color: #ff3860;
      border-color: transparent;
      box-shadow: none; }
    .button.is-danger.is-inverted {
      background-color: #fff;
      color: #ff3860; }
      .button.is-danger.is-inverted:hover, .button.is-danger.is-inverted.is-hovered {
        background-color: #f2f2f2; }
      .button.is-danger.is-inverted[disabled],
      fieldset[disabled] .button.is-danger.is-inverted {
        background-color: #fff;
        border-color: transparent;
        box-shadow: none;
        color: #ff3860; }
    .button.is-danger.is-loading::after {
      border-color: transparent transparent #fff #fff !important; }
    .button.is-danger.is-outlined {
      background-color: transparent;
      border-color: #ff3860;
      color: #ff3860; }
      .button.is-danger.is-outlined:hover, .button.is-danger.is-outlined.is-hovered, .button.is-danger.is-outlined:focus, .button.is-danger.is-outlined.is-focused {
        background-color: #ff3860;
        border-color: #ff3860;
        color: #fff; }
      .button.is-danger.is-outlined.is-loading::after {
        border-color: transparent transparent #ff3860 #ff3860 !important; }
      .button.is-danger.is-outlined.is-loading:hover::after, .button.is-danger.is-outlined.is-loading.is-hovered::after, .button.is-danger.is-outlined.is-loading:focus::after, .button.is-danger.is-outlined.is-loading.is-focused::after {
        border-color: transparent transparent #fff #fff !important; }
      .button.is-danger.is-outlined[disabled],
      fieldset[disabled] .button.is-danger.is-outlined {
        background-color: transparent;
        border-color: #ff3860;
        box-shadow: none;
        color: #ff3860; }
    .button.is-danger.is-inverted.is-outlined {
      background-color: transparent;
      border-color: #fff;
      color: #fff; }
      .button.is-danger.is-inverted.is-outlined:hover, .button.is-danger.is-inverted.is-outlined.is-hovered, .button.is-danger.is-inverted.is-outlined:focus, .button.is-danger.is-inverted.is-outlined.is-focused {
        background-color: #fff;
        color: #ff3860; }
      .button.is-danger.is-inverted.is-outlined.is-loading:hover::after, .button.is-danger.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-danger.is-inverted.is-outlined.is-loading:focus::after, .button.is-danger.is-inverted.is-outlined.is-loading.is-focused::after {
        border-color: transparent transparent #ff3860 #ff3860 !important; }
      .button.is-danger.is-inverted.is-outlined[disabled],
      fieldset[disabled] .button.is-danger.is-inverted.is-outlined {
        background-color: transparent;
        border-color: #fff;
        box-shadow: none;
        color: #fff; }
  .button.is-small {
    border-radius: 2px;
    font-size: 0.75rem; }
  .button.is-normal {
    font-size: 1rem; }
  .button.is-medium {
    font-size: 1.25rem; }
  .button.is-large {
    font-size: 1.5rem; }
  .button[disabled],
  fieldset[disabled] .button {
    background-color: white;
    border-color: #dbdbdb;
    box-shadow: none;
    opacity: 0.5; }
  .button.is-fullwidth {
    display: flex;
    width: 100%; }
  .button.is-loading {
    color: transparent !important;
    pointer-events: none; }
    .button.is-loading::after {
      position: absolute;
      left: calc(50% - (1em / 2));
      top: calc(50% - (1em / 2));
      position: absolute !important; }
  .button.is-static {
    background-color: whitesmoke;
    border-color: #dbdbdb;
    color: #7a7a7a;
    box-shadow: none;
    pointer-events: none; }
  .button.is-rounded {
    border-radius: 290486px;
    padding-left: 1em;
    padding-right: 1em; }

.buttons {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start; }
  .buttons .button {
    margin-bottom: 0.5rem; }
    .buttons .button:not(:last-child):not(.is-fullwidth) {
      margin-right: 0.5rem; }
  .buttons:last-child {
    margin-bottom: -0.5rem; }
  .buttons:not(:last-child) {
    margin-bottom: 1rem; }
  .buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large) {
    border-radius: 2px;
    font-size: 0.75rem; }
  .buttons.are-medium .button:not(.is-small):not(.is-normal):not(.is-large) {
    font-size: 1.25rem; }
  .buttons.are-large .button:not(.is-small):not(.is-normal):not(.is-medium) {
    font-size: 1.5rem; }
  .buttons.has-addons .button:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0; }
  .buttons.has-addons .button:not(:last-child) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    margin-right: -1px; }
  .buttons.has-addons .button:last-child {
    margin-right: 0; }
  .buttons.has-addons .button:hover, .buttons.has-addons .button.is-hovered {
    z-index: 2; }
  .buttons.has-addons .button:focus, .buttons.has-addons .button.is-focused, .buttons.has-addons .button:active, .buttons.has-addons .button.is-active, .buttons.has-addons .button.is-selected {
    z-index: 3; }
    .buttons.has-addons .button:focus:hover, .buttons.has-addons .button.is-focused:hover, .buttons.has-addons .button:active:hover, .buttons.has-addons .button.is-active:hover, .buttons.has-addons .button.is-selected:hover {
      z-index: 4; }
  .buttons.has-addons .button.is-expanded {
    flex-grow: 1;
    flex-shrink: 1; }
  .buttons.is-centered {
    justify-content: center; }
    .buttons.is-centered:not(.has-addons) .button:not(.is-fullwidth) {
      margin-left: 0.25rem;
      margin-right: 0.25rem; }
  .buttons.is-right {
    justify-content: flex-end; }
    .buttons.is-right:not(.has-addons) .button:not(.is-fullwidth) {
      margin-left: 0.25rem;
      margin-right: 0.25rem; }

.container {
  flex-grow: 1;
  margin: 0 auto;
  position: relative;
  width: auto; }
  @media screen and (min-width: 1024px) {
    .container {
      max-width: 960px; }
      .container.is-fluid {
        margin-left: 32px;
        margin-right: 32px;
        max-width: none; } }
  @media screen and (max-width: 1215px) {
    .container.is-widescreen {
      max-width: 1152px; } }
  @media screen and (max-width: 1407px) {
    .container.is-fullhd {
      max-width: 1344px; } }
  @media screen and (min-width: 1216px) {
    .container {
      max-width: 1152px; } }
  @media screen and (min-width: 1408px) {
    .container {
      max-width: 1344px; } }

.content li + li {
  margin-top: 0.25em; }

.content p:not(:last-child),
.content dl:not(:last-child),
.content ol:not(:last-child),
.content ul:not(:last-child),
.content blockquote:not(:last-child),
.content pre:not(:last-child),
.content table:not(:last-child) {
  margin-bottom: 1em; }

.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
  color: #363636;
  font-weight: 600;
  line-height: 1.125; }

.content h1 {
  font-size: 2em;
  margin-bottom: 0.5em; }
  .content h1:not(:first-child) {
    margin-top: 1em; }

.content h2 {
  font-size: 1.75em;
  margin-bottom: 0.5714em; }
  .content h2:not(:first-child) {
    margin-top: 1.1428em; }

.content h3 {
  font-size: 1.5em;
  margin-bottom: 0.6666em; }
  .content h3:not(:first-child) {
    margin-top: 1.3333em; }

.content h4 {
  font-size: 1.25em;
  margin-bottom: 0.8em; }

.content h5 {
  font-size: 1.125em;
  margin-bottom: 0.8888em; }

.content h6 {
  font-size: 1em;
  margin-bottom: 1em; }

.content blockquote {
  background-color: whitesmoke;
  border-left: 5px solid #dbdbdb;
  padding: 1.25em 1.5em; }

.content ol {
  list-style-position: outside;
  margin-left: 2em;
  margin-top: 1em; }
  .content ol:not([type]) {
    list-style-type: decimal; }
    .content ol:not([type]).is-lower-alpha {
      list-style-type: lower-alpha; }
    .content ol:not([type]).is-lower-roman {
      list-style-type: lower-roman; }
    .content ol:not([type]).is-upper-alpha {
      list-style-type: upper-alpha; }
    .content ol:not([type]).is-upper-roman {
      list-style-type: upper-roman; }

.content ul {
  list-style: disc outside;
  margin-left: 2em;
  margin-top: 1em; }
  .content ul ul {
    list-style-type: circle;
    margin-top: 0.5em; }
    .content ul ul ul {
      list-style-type: square; }

.content dd {
  margin-left: 2em; }

.content figure {
  margin-left: 2em;
  margin-right: 2em;
  text-align: center; }
  .content figure:not(:first-child) {
    margin-top: 2em; }
  .content figure:not(:last-child) {
    margin-bottom: 2em; }
  .content figure img {
    display: inline-block; }
  .content figure figcaption {
    font-style: italic; }

.content pre {
  -webkit-overflow-scrolling: touch;
  overflow-x: auto;
  padding: 1.25em 1.5em;
  white-space: pre;
  word-wrap: normal; }

.content sup,
.content sub {
  font-size: 75%; }

.content table {
  width: 100%; }
  .content table td,
  .content table th {
    border: 1px solid #dbdbdb;
    border-width: 0 0 1px;
    padding: 0.5em 0.75em;
    vertical-align: top; }
  .content table th {
    color: #363636; }
    .content table th:not([align]) {
      text-align: left; }
  .content table thead td,
  .content table thead th {
    border-width: 0 0 2px;
    color: #363636; }
  .content table tfoot td,
  .content table tfoot th {
    border-width: 2px 0 0;
    color: #363636; }
  .content table tbody tr:last-child td,
  .content table tbody tr:last-child th {
    border-bottom-width: 0; }

.content .tabs li + li {
  margin-top: 0; }

.content.is-small {
  font-size: 0.75rem; }

.content.is-medium {
  font-size: 1.25rem; }

.content.is-large {
  font-size: 1.5rem; }

.icon {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  height: 1.5rem;
  width: 1.5rem; }
  .icon.is-small {
    height: 1rem;
    width: 1rem; }
  .icon.is-medium {
    height: 2rem;
    width: 2rem; }
  .icon.is-large {
    height: 3rem;
    width: 3rem; }

.image {
  display: block;
  position: relative; }
  .image img {
    display: block;
    height: auto;
    width: 100%; }
    .image img.is-rounded {
      border-radius: 290486px; }
  .image.is-square img,
  .image.is-square .has-ratio, .image.is-1by1 img,
  .image.is-1by1 .has-ratio, .image.is-5by4 img,
  .image.is-5by4 .has-ratio, .image.is-4by3 img,
  .image.is-4by3 .has-ratio, .image.is-3by2 img,
  .image.is-3by2 .has-ratio, .image.is-5by3 img,
  .image.is-5by3 .has-ratio, .image.is-16by9 img,
  .image.is-16by9 .has-ratio, .image.is-2by1 img,
  .image.is-2by1 .has-ratio, .image.is-3by1 img,
  .image.is-3by1 .has-ratio, .image.is-4by5 img,
  .image.is-4by5 .has-ratio, .image.is-3by4 img,
  .image.is-3by4 .has-ratio, .image.is-2by3 img,
  .image.is-2by3 .has-ratio, .image.is-3by5 img,
  .image.is-3by5 .has-ratio, .image.is-9by16 img,
  .image.is-9by16 .has-ratio, .image.is-1by2 img,
  .image.is-1by2 .has-ratio, .image.is-1by3 img,
  .image.is-1by3 .has-ratio {
    height: 100%;
    width: 100%; }
  .image.is-square, .image.is-1by1 {
    padding-top: 100%; }
  .image.is-5by4 {
    padding-top: 80%; }
  .image.is-4by3 {
    padding-top: 75%; }
  .image.is-3by2 {
    padding-top: 66.6666%; }
  .image.is-5by3 {
    padding-top: 60%; }
  .image.is-16by9 {
    padding-top: 56.25%; }
  .image.is-2by1 {
    padding-top: 50%; }
  .image.is-3by1 {
    padding-top: 33.3333%; }
  .image.is-4by5 {
    padding-top: 125%; }
  .image.is-3by4 {
    padding-top: 133.3333%; }
  .image.is-2by3 {
    padding-top: 150%; }
  .image.is-3by5 {
    padding-top: 166.6666%; }
  .image.is-9by16 {
    padding-top: 177.7777%; }
  .image.is-1by2 {
    padding-top: 200%; }
  .image.is-1by3 {
    padding-top: 300%; }
  .image.is-16x16 {
    height: 16px;
    width: 16px; }
  .image.is-24x24 {
    height: 24px;
    width: 24px; }
  .image.is-32x32 {
    height: 32px;
    width: 32px; }
  .image.is-48x48 {
    height: 48px;
    width: 48px; }
  .image.is-64x64 {
    height: 64px;
    width: 64px; }
  .image.is-96x96 {
    height: 96px;
    width: 96px; }
  .image.is-128x128 {
    height: 128px;
    width: 128px; }

.notification {
  background-color: whitesmoke;
  border-radius: 4px;
  padding: 1.25rem 2.5rem 1.25rem 1.5rem;
  position: relative; }
  .notification a:not(.button):not(.dropdown-item) {
    color: currentColor;
    text-decoration: underline; }
  .notification strong {
    color: currentColor; }
  .notification code,
  .notification pre {
    background: white; }
  .notification pre code {
    background: transparent; }
  .notification > .delete {
    position: absolute;
    right: 0.5rem;
    top: 0.5rem; }
  .notification .title,
  .notification .subtitle,
  .notification .content {
    color: currentColor; }
  .notification.is-white {
    background-color: white;
    color: #0a0a0a; }
  .notification.is-black {
    background-color: #0a0a0a;
    color: white; }
  .notification.is-light {
    background-color: whitesmoke;
    color: #363636; }
  .notification.is-dark {
    background-color: #363636;
    color: whitesmoke; }
  .notification.is-primary {
    background-color: #00d1b2;
    color: #fff; }
  .notification.is-link {
    background-color: #3273dc;
    color: #fff; }
  .notification.is-info {
    background-color: #209cee;
    color: #fff; }
  .notification.is-success {
    background-color: #23d160;
    color: #fff; }
  .notification.is-warning {
    background-color: #ffdd57;
    color: rgba(0, 0, 0, 0.7); }
  .notification.is-danger {
    background-color: #ff3860;
    color: #fff; }

.progress {
  -moz-appearance: none;
  -webkit-appearance: none;
  border: none;
  border-radius: 290486px;
  display: block;
  height: 1rem;
  overflow: hidden;
  padding: 0;
  width: 100%; }
  .progress::-webkit-progress-bar {
    background-color: #dbdbdb; }
  .progress::-webkit-progress-value {
    background-color: #4a4a4a; }
  .progress::-moz-progress-bar {
    background-color: #4a4a4a; }
  .progress::-ms-fill {
    background-color: #4a4a4a;
    border: none; }
  .progress.is-white::-webkit-progress-value {
    background-color: white; }
  .progress.is-white::-moz-progress-bar {
    background-color: white; }
  .progress.is-white::-ms-fill {
    background-color: white; }
  .progress.is-white:indeterminate {
    background-image: linear-gradient(to right, white 30%, #dbdbdb 30%); }
  .progress.is-black::-webkit-progress-value {
    background-color: #0a0a0a; }
  .progress.is-black::-moz-progress-bar {
    background-color: #0a0a0a; }
  .progress.is-black::-ms-fill {
    background-color: #0a0a0a; }
  .progress.is-black:indeterminate {
    background-image: linear-gradient(to right, #0a0a0a 30%, #dbdbdb 30%); }
  .progress.is-light::-webkit-progress-value {
    background-color: whitesmoke; }
  .progress.is-light::-moz-progress-bar {
    background-color: whitesmoke; }
  .progress.is-light::-ms-fill {
    background-color: whitesmoke; }
  .progress.is-light:indeterminate {
    background-image: linear-gradient(to right, whitesmoke 30%, #dbdbdb 30%); }
  .progress.is-dark::-webkit-progress-value {
    background-color: #363636; }
  .progress.is-dark::-moz-progress-bar {
    background-color: #363636; }
  .progress.is-dark::-ms-fill {
    background-color: #363636; }
  .progress.is-dark:indeterminate {
    background-image: linear-gradient(to right, #363636 30%, #dbdbdb 30%); }
  .progress.is-primary::-webkit-progress-value {
    background-color: #00d1b2; }
  .progress.is-primary::-moz-progress-bar {
    background-color: #00d1b2; }
  .progress.is-primary::-ms-fill {
    background-color: #00d1b2; }
  .progress.is-primary:indeterminate {
    background-image: linear-gradient(to right, #00d1b2 30%, #dbdbdb 30%); }
  .progress.is-link::-webkit-progress-value {
    background-color: #3273dc; }
  .progress.is-link::-moz-progress-bar {
    background-color: #3273dc; }
  .progress.is-link::-ms-fill {
    background-color: #3273dc; }
  .progress.is-link:indeterminate {
    background-image: linear-gradient(to right, #3273dc 30%, #dbdbdb 30%); }
  .progress.is-info::-webkit-progress-value {
    background-color: #209cee; }
  .progress.is-info::-moz-progress-bar {
    background-color: #209cee; }
  .progress.is-info::-ms-fill {
    background-color: #209cee; }
  .progress.is-info:indeterminate {
    background-image: linear-gradient(to right, #209cee 30%, #dbdbdb 30%); }
  .progress.is-success::-webkit-progress-value {
    background-color: #23d160; }
  .progress.is-success::-moz-progress-bar {
    background-color: #23d160; }
  .progress.is-success::-ms-fill {
    background-color: #23d160; }
  .progress.is-success:indeterminate {
    background-image: linear-gradient(to right, #23d160 30%, #dbdbdb 30%); }
  .progress.is-warning::-webkit-progress-value {
    background-color: #ffdd57; }
  .progress.is-warning::-moz-progress-bar {
    background-color: #ffdd57; }
  .progress.is-warning::-ms-fill {
    background-color: #ffdd57; }
  .progress.is-warning:indeterminate {
    background-image: linear-gradient(to right, #ffdd57 30%, #dbdbdb 30%); }
  .progress.is-danger::-webkit-progress-value {
    background-color: #ff3860; }
  .progress.is-danger::-moz-progress-bar {
    background-color: #ff3860; }
  .progress.is-danger::-ms-fill {
    background-color: #ff3860; }
  .progress.is-danger:indeterminate {
    background-image: linear-gradient(to right, #ff3860 30%, #dbdbdb 30%); }
  .progress:indeterminate {
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-name: moveIndeterminate;
    animation-timing-function: linear;
    background-color: #dbdbdb;
    background-image: linear-gradient(to right, #4a4a4a 30%, #dbdbdb 30%);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 150% 150%; }
    .progress:indeterminate::-webkit-progress-bar {
      background-color: transparent; }
    .progress:indeterminate::-moz-progress-bar {
      background-color: transparent; }
  .progress.is-small {
    height: 0.75rem; }
  .progress.is-medium {
    height: 1.25rem; }
  .progress.is-large {
    height: 1.5rem; }

@keyframes moveIndeterminate {
  from {
    background-position: 200% 0; }
  to {
    background-position: -200% 0; } }

.table {
  background-color: white;
  color: #363636; }
  .table td,
  .table th {
    border: 1px solid #dbdbdb;
    border-width: 0 0 1px;
    padding: 0.5em 0.75em;
    vertical-align: top; }
    .table td.is-white,
    .table th.is-white {
      background-color: white;
      border-color: white;
      color: #0a0a0a; }
    .table td.is-black,
    .table th.is-black {
      background-color: #0a0a0a;
      border-color: #0a0a0a;
      color: white; }
    .table td.is-light,
    .table th.is-light {
      background-color: whitesmoke;
      border-color: whitesmoke;
      color: #363636; }
    .table td.is-dark,
    .table th.is-dark {
      background-color: #363636;
      border-color: #363636;
      color: whitesmoke; }
    .table td.is-primary,
    .table th.is-primary {
      background-color: #00d1b2;
      border-color: #00d1b2;
      color: #fff; }
    .table td.is-link,
    .table th.is-link {
      background-color: #3273dc;
      border-color: #3273dc;
      color: #fff; }
    .table td.is-info,
    .table th.is-info {
      background-color: #209cee;
      border-color: #209cee;
      color: #fff; }
    .table td.is-success,
    .table th.is-success {
      background-color: #23d160;
      border-color: #23d160;
      color: #fff; }
    .table td.is-warning,
    .table th.is-warning {
      background-color: #ffdd57;
      border-color: #ffdd57;
      color: rgba(0, 0, 0, 0.7); }
    .table td.is-danger,
    .table th.is-danger {
      background-color: #ff3860;
      border-color: #ff3860;
      color: #fff; }
    .table td.is-narrow,
    .table th.is-narrow {
      white-space: nowrap;
      width: 1%; }
    .table td.is-selected,
    .table th.is-selected {
      background-color: #00d1b2;
      color: #fff; }
      .table td.is-selected a,
      .table td.is-selected strong,
      .table th.is-selected a,
      .table th.is-selected strong {
        color: currentColor; }
  .table th {
    color: #363636; }
    .table th:not([align]) {
      text-align: left; }
  .table tr.is-selected {
    background-color: #00d1b2;
    color: #fff; }
    .table tr.is-selected a,
    .table tr.is-selected strong {
      color: currentColor; }
    .table tr.is-selected td,
    .table tr.is-selected th {
      border-color: #fff;
      color: currentColor; }
  .table thead {
    background-color: transparent; }
    .table thead td,
    .table thead th {
      border-width: 0 0 2px;
      color: #363636; }
  .table tfoot {
    background-color: transparent; }
    .table tfoot td,
    .table tfoot th {
      border-width: 2px 0 0;
      color: #363636; }
  .table tbody {
    background-color: transparent; }
    .table tbody tr:last-child td,
    .table tbody tr:last-child th {
      border-bottom-width: 0; }
  .table.is-bordered td,
  .table.is-bordered th {
    border-width: 1px; }
  .table.is-bordered tr:last-child td,
  .table.is-bordered tr:last-child th {
    border-bottom-width: 1px; }
  .table.is-fullwidth {
    width: 100%; }
  .table.is-hoverable tbody tr:not(.is-selected):hover {
    background-color: #fafafa; }
  .table.is-hoverable.is-striped tbody tr:not(.is-selected):hover {
    background-color: #fafafa; }
    .table.is-hoverable.is-striped tbody tr:not(.is-selected):hover:nth-child(even) {
      background-color: whitesmoke; }
  .table.is-narrow td,
  .table.is-narrow th {
    padding: 0.25em 0.5em; }
  .table.is-striped tbody tr:not(.is-selected):nth-child(even) {
    background-color: #fafafa; }

.table-container {
  -webkit-overflow-scrolling: touch;
  overflow: auto;
  overflow-y: hidden;
  max-width: 100%; }

.tags {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start; }
  .tags .tag {
    margin-bottom: 0.5rem; }
    .tags .tag:not(:last-child) {
      margin-right: 0.5rem; }
  .tags:last-child {
    margin-bottom: -0.5rem; }
  .tags:not(:last-child) {
    margin-bottom: 1rem; }
  .tags.are-medium .tag:not(.is-normal):not(.is-large) {
    font-size: 1rem; }
  .tags.are-large .tag:not(.is-normal):not(.is-medium) {
    font-size: 1.25rem; }
  .tags.is-centered {
    justify-content: center; }
    .tags.is-centered .tag {
      margin-right: 0.25rem;
      margin-left: 0.25rem; }
  .tags.is-right {
    justify-content: flex-end; }
    .tags.is-right .tag:not(:first-child) {
      margin-left: 0.5rem; }
    .tags.is-right .tag:not(:last-child) {
      margin-right: 0; }
  .tags.has-addons .tag {
    margin-right: 0; }
    .tags.has-addons .tag:not(:first-child) {
      margin-left: 0;
      border-bottom-left-radius: 0;
      border-top-left-radius: 0; }
    .tags.has-addons .tag:not(:last-child) {
      border-bottom-right-radius: 0;
      border-top-right-radius: 0; }

.tag:not(body) {
  align-items: center;
  background-color: whitesmoke;
  border-radius: 4px;
  color: #4a4a4a;
  display: inline-flex;
  font-size: 0.75rem;
  height: 2em;
  justify-content: center;
  line-height: 1.5;
  padding-left: 0.75em;
  padding-right: 0.75em;
  white-space: nowrap; }
  .tag:not(body) .delete {
    margin-left: 0.25rem;
    margin-right: -0.375rem; }
  .tag:not(body).is-white {
    background-color: white;
    color: #0a0a0a; }
  .tag:not(body).is-black {
    background-color: #0a0a0a;
    color: white; }
  .tag:not(body).is-light {
    background-color: whitesmoke;
    color: #363636; }
  .tag:not(body).is-dark {
    background-color: #363636;
    color: whitesmoke; }
  .tag:not(body).is-primary {
    background-color: #00d1b2;
    color: #fff; }
  .tag:not(body).is-link {
    background-color: #3273dc;
    color: #fff; }
  .tag:not(body).is-info {
    background-color: #209cee;
    color: #fff; }
  .tag:not(body).is-success {
    background-color: #23d160;
    color: #fff; }
  .tag:not(body).is-warning {
    background-color: #ffdd57;
    color: rgba(0, 0, 0, 0.7); }
  .tag:not(body).is-danger {
    background-color: #ff3860;
    color: #fff; }
  .tag:not(body).is-normal {
    font-size: 0.75rem; }
  .tag:not(body).is-medium {
    font-size: 1rem; }
  .tag:not(body).is-large {
    font-size: 1.25rem; }
  .tag:not(body) .icon:first-child:not(:last-child) {
    margin-left: -0.375em;
    margin-right: 0.1875em; }
  .tag:not(body) .icon:last-child:not(:first-child) {
    margin-left: 0.1875em;
    margin-right: -0.375em; }
  .tag:not(body) .icon:first-child:last-child {
    margin-left: -0.375em;
    margin-right: -0.375em; }
  .tag:not(body).is-delete {
    margin-left: 1px;
    padding: 0;
    position: relative;
    width: 2em; }
    .tag:not(body).is-delete::before, .tag:not(body).is-delete::after {
      background-color: currentColor;
      content: "";
      display: block;
      left: 50%;
      position: absolute;
      top: 50%;
      transform: translateX(-50%) translateY(-50%) rotate(45deg);
      transform-origin: center center; }
    .tag:not(body).is-delete::before {
      height: 1px;
      width: 50%; }
    .tag:not(body).is-delete::after {
      height: 50%;
      width: 1px; }
    .tag:not(body).is-delete:hover, .tag:not(body).is-delete:focus {
      background-color: #e8e8e8; }
    .tag:not(body).is-delete:active {
      background-color: #dbdbdb; }
  .tag:not(body).is-rounded {
    border-radius: 290486px; }

a.tag:hover {
  text-decoration: underline; }

.title,
.subtitle {
  word-break: break-word; }
  .title em,
  .title span,
  .subtitle em,
  .subtitle span {
    font-weight: inherit; }
  .title sub,
  .subtitle sub {
    font-size: 0.75em; }
  .title sup,
  .subtitle sup {
    font-size: 0.75em; }
  .title .tag,
  .subtitle .tag {
    vertical-align: middle; }

.title {
  color: #363636;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.125; }
  .title strong {
    color: inherit;
    font-weight: inherit; }
  .title + .highlight {
    margin-top: -0.75rem; }
  .title:not(.is-spaced) + .subtitle {
    margin-top: -1.25rem; }
  .title.is-1 {
    font-size: 3rem; }
  .title.is-2 {
    font-size: 2.5rem; }
  .title.is-3 {
    font-size: 2rem; }
  .title.is-4 {
    font-size: 1.5rem; }
  .title.is-5 {
    font-size: 1.25rem; }
  .title.is-6 {
    font-size: 1rem; }
  .title.is-7 {
    font-size: 0.75rem; }

.subtitle {
  color: #4a4a4a;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.25; }
  .subtitle strong {
    color: #363636;
    font-weight: 600; }
  .subtitle:not(.is-spaced) + .title {
    margin-top: -1.25rem; }
  .subtitle.is-1 {
    font-size: 3rem; }
  .subtitle.is-2 {
    font-size: 2.5rem; }
  .subtitle.is-3 {
    font-size: 2rem; }
  .subtitle.is-4 {
    font-size: 1.5rem; }
  .subtitle.is-5 {
    font-size: 1.25rem; }
  .subtitle.is-6 {
    font-size: 1rem; }
  .subtitle.is-7 {
    font-size: 0.75rem; }

.heading {
  display: block;
  font-size: 11px;
  letter-spacing: 1px;
  margin-bottom: 5px;
  text-transform: uppercase; }

.highlight {
  font-weight: 400;
  max-width: 100%;
  overflow: hidden;
  padding: 0; }
  .highlight pre {
    overflow: auto;
    max-width: 100%; }

.number {
  align-items: center;
  background-color: whitesmoke;
  border-radius: 290486px;
  display: inline-flex;
  font-size: 1.25rem;
  height: 2em;
  justify-content: center;
  margin-right: 1.5rem;
  min-width: 2.5em;
  padding: 0.25rem 0.5rem;
  text-align: center;
  vertical-align: top; }

.input, .textarea, .select select {
  background-color: white;
  border-color: #dbdbdb;
  border-radius: 4px;
  color: #363636; }
  .input::-moz-placeholder, .textarea::-moz-placeholder, .select select::-moz-placeholder {
    color: rgba(54, 54, 54, 0.3); }
  .input::-webkit-input-placeholder, .textarea::-webkit-input-placeholder, .select select::-webkit-input-placeholder {
    color: rgba(54, 54, 54, 0.3); }
  .input:-moz-placeholder, .textarea:-moz-placeholder, .select select:-moz-placeholder {
    color: rgba(54, 54, 54, 0.3); }
  .input:-ms-input-placeholder, .textarea:-ms-input-placeholder, .select select:-ms-input-placeholder {
    color: rgba(54, 54, 54, 0.3); }
  .input:hover, .textarea:hover, .select select:hover, .is-hovered.input, .is-hovered.textarea, .select select.is-hovered {
    border-color: #b5b5b5; }
  .input:focus, .textarea:focus, .select select:focus, .is-focused.input, .is-focused.textarea, .select select.is-focused, .input:active, .textarea:active, .select select:active, .is-active.input, .is-active.textarea, .select select.is-active {
    border-color: #3273dc;
    box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); }
  .input[disabled], .textarea[disabled], .select select[disabled],
  fieldset[disabled] .input,
  fieldset[disabled] .textarea,
  fieldset[disabled] .select select,
  .select fieldset[disabled] select {
    background-color: whitesmoke;
    border-color: whitesmoke;
    box-shadow: none;
    color: #7a7a7a; }
    .input[disabled]::-moz-placeholder, .textarea[disabled]::-moz-placeholder, .select select[disabled]::-moz-placeholder,
    fieldset[disabled] .input::-moz-placeholder,
    fieldset[disabled] .textarea::-moz-placeholder,
    fieldset[disabled] .select select::-moz-placeholder,
    .select fieldset[disabled] select::-moz-placeholder {
      color: rgba(122, 122, 122, 0.3); }
    .input[disabled]::-webkit-input-placeholder, .textarea[disabled]::-webkit-input-placeholder, .select select[disabled]::-webkit-input-placeholder,
    fieldset[disabled] .input::-webkit-input-placeholder,
    fieldset[disabled] .textarea::-webkit-input-placeholder,
    fieldset[disabled] .select select::-webkit-input-placeholder,
    .select fieldset[disabled] select::-webkit-input-placeholder {
      color: rgba(122, 122, 122, 0.3); }
    .input[disabled]:-moz-placeholder, .textarea[disabled]:-moz-placeholder, .select select[disabled]:-moz-placeholder,
    fieldset[disabled] .input:-moz-placeholder,
    fieldset[disabled] .textarea:-moz-placeholder,
    fieldset[disabled] .select select:-moz-placeholder,
    .select fieldset[disabled] select:-moz-placeholder {
      color: rgba(122, 122, 122, 0.3); }
    .input[disabled]:-ms-input-placeholder, .textarea[disabled]:-ms-input-placeholder, .select select[disabled]:-ms-input-placeholder,
    fieldset[disabled] .input:-ms-input-placeholder,
    fieldset[disabled] .textarea:-ms-input-placeholder,
    fieldset[disabled] .select select:-ms-input-placeholder,
    .select fieldset[disabled] select:-ms-input-placeholder {
      color: rgba(122, 122, 122, 0.3); }

.input, .textarea {
  box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
  max-width: 100%;
  width: 100%; }
  .input[readonly], .textarea[readonly] {
    box-shadow: none; }
  .is-white.input, .is-white.textarea {
    border-color: white; }
    .is-white.input:focus, .is-white.textarea:focus, .is-white.is-focused.input, .is-white.is-focused.textarea, .is-white.input:active, .is-white.textarea:active, .is-white.is-active.input, .is-white.is-active.textarea {
      box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); }
  .is-black.input, .is-black.textarea {
    border-color: #0a0a0a; }
    .is-black.input:focus, .is-black.textarea:focus, .is-black.is-focused.input, .is-black.is-focused.textarea, .is-black.input:active, .is-black.textarea:active, .is-black.is-active.input, .is-black.is-active.textarea {
      box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); }
  .is-light.input, .is-light.textarea {
    border-color: whitesmoke; }
    .is-light.input:focus, .is-light.textarea:focus, .is-light.is-focused.input, .is-light.is-focused.textarea, .is-light.input:active, .is-light.textarea:active, .is-light.is-active.input, .is-light.is-active.textarea {
      box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); }
  .is-dark.input, .is-dark.textarea {
    border-color: #363636; }
    .is-dark.input:focus, .is-dark.textarea:focus, .is-dark.is-focused.input, .is-dark.is-focused.textarea, .is-dark.input:active, .is-dark.textarea:active, .is-dark.is-active.input, .is-dark.is-active.textarea {
      box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); }
  .is-primary.input, .is-primary.textarea {
    border-color: #00d1b2; }
    .is-primary.input:focus, .is-primary.textarea:focus, .is-primary.is-focused.input, .is-primary.is-focused.textarea, .is-primary.input:active, .is-primary.textarea:active, .is-primary.is-active.input, .is-primary.is-active.textarea {
      box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25); }
  .is-link.input, .is-link.textarea {
    border-color: #3273dc; }
    .is-link.input:focus, .is-link.textarea:focus, .is-link.is-focused.input, .is-link.is-focused.textarea, .is-link.input:active, .is-link.textarea:active, .is-link.is-active.input, .is-link.is-active.textarea {
      box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); }
  .is-info.input, .is-info.textarea {
    border-color: #209cee; }
    .is-info.input:focus, .is-info.textarea:focus, .is-info.is-focused.input, .is-info.is-focused.textarea, .is-info.input:active, .is-info.textarea:active, .is-info.is-active.input, .is-info.is-active.textarea {
      box-shadow: 0 0 0 0.125em rgba(32, 156, 238, 0.25); }
  .is-success.input, .is-success.textarea {
    border-color: #23d160; }
    .is-success.input:focus, .is-success.textarea:focus, .is-success.is-focused.input, .is-success.is-focused.textarea, .is-success.input:active, .is-success.textarea:active, .is-success.is-active.input, .is-success.is-active.textarea {
      box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25); }
  .is-warning.input, .is-warning.textarea {
    border-color: #ffdd57; }
    .is-warning.input:focus, .is-warning.textarea:focus, .is-warning.is-focused.input, .is-warning.is-focused.textarea, .is-warning.input:active, .is-warning.textarea:active, .is-warning.is-active.input, .is-warning.is-active.textarea {
      box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25); }
  .is-danger.input, .is-danger.textarea {
    border-color: #ff3860; }
    .is-danger.input:focus, .is-danger.textarea:focus, .is-danger.is-focused.input, .is-danger.is-focused.textarea, .is-danger.input:active, .is-danger.textarea:active, .is-danger.is-active.input, .is-danger.is-active.textarea {
      box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25); }
  .is-small.input, .is-small.textarea {
    border-radius: 2px;
    font-size: 0.75rem; }
  .is-medium.input, .is-medium.textarea {
    font-size: 1.25rem; }
  .is-large.input, .is-large.textarea {
    font-size: 1.5rem; }
  .is-fullwidth.input, .is-fullwidth.textarea {
    display: block;
    width: 100%; }
  .is-inline.input, .is-inline.textarea {
    display: inline;
    width: auto; }

.input.is-rounded {
  border-radius: 290486px;
  padding-left: 1em;
  padding-right: 1em; }

.input.is-static {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
  padding-left: 0;
  padding-right: 0; }

.textarea {
  display: block;
  max-width: 100%;
  min-width: 100%;
  padding: 0.625em;
  resize: vertical; }
  .textarea:not([rows]) {
    max-height: 600px;
    min-height: 120px; }
  .textarea[rows] {
    height: initial; }
  .textarea.has-fixed-size {
    resize: none; }

.checkbox, .radio {
  cursor: pointer;
  display: inline-block;
  line-height: 1.25;
  position: relative; }
  .checkbox input, .radio input {
    cursor: pointer; }
  .checkbox:hover, .radio:hover {
    color: #363636; }
  .checkbox[disabled], .radio[disabled],
  fieldset[disabled] .checkbox,
  fieldset[disabled] .radio {
    color: #7a7a7a;
    cursor: not-allowed; }

.radio + .radio {
  margin-left: 0.5em; }

.select {
  display: inline-block;
  max-width: 100%;
  position: relative;
  vertical-align: top; }
  .select:not(.is-multiple) {
    height: 2.25em; }
  .select:not(.is-multiple):not(.is-loading)::after {
    border-color: #3273dc;
    right: 1.125em;
    z-index: 4; }
  .select.is-rounded select {
    border-radius: 290486px;
    padding-left: 1em; }
  .select select {
    cursor: pointer;
    display: block;
    font-size: 1em;
    max-width: 100%;
    outline: none; }
    .select select::-ms-expand {
      display: none; }
    .select select[disabled]:hover,
    fieldset[disabled] .select select:hover {
      border-color: whitesmoke; }
    .select select:not([multiple]) {
      padding-right: 2.5em; }
    .select select[multiple] {
      height: auto;
      padding: 0; }
      .select select[multiple] option {
        padding: 0.5em 1em; }
  .select:not(.is-multiple):not(.is-loading):hover::after {
    border-color: #363636; }
  .select.is-white:not(:hover)::after {
    border-color: white; }
  .select.is-white select {
    border-color: white; }
    .select.is-white select:hover, .select.is-white select.is-hovered {
      border-color: #f2f2f2; }
    .select.is-white select:focus, .select.is-white select.is-focused, .select.is-white select:active, .select.is-white select.is-active {
      box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); }
  .select.is-black:not(:hover)::after {
    border-color: #0a0a0a; }
  .select.is-black select {
    border-color: #0a0a0a; }
    .select.is-black select:hover, .select.is-black select.is-hovered {
      border-color: black; }
    .select.is-black select:focus, .select.is-black select.is-focused, .select.is-black select:active, .select.is-black select.is-active {
      box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); }
  .select.is-light:not(:hover)::after {
    border-color: whitesmoke; }
  .select.is-light select {
    border-color: whitesmoke; }
    .select.is-light select:hover, .select.is-light select.is-hovered {
      border-color: #e8e8e8; }
    .select.is-light select:focus, .select.is-light select.is-focused, .select.is-light select:active, .select.is-light select.is-active {
      box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); }
  .select.is-dark:not(:hover)::after {
    border-color: #363636; }
  .select.is-dark select {
    border-color: #363636; }
    .select.is-dark select:hover, .select.is-dark select.is-hovered {
      border-color: #292929; }
    .select.is-dark select:focus, .select.is-dark select.is-focused, .select.is-dark select:active, .select.is-dark select.is-active {
      box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); }
  .select.is-primary:not(:hover)::after {
    border-color: #00d1b2; }
  .select.is-primary select {
    border-color: #00d1b2; }
    .select.is-primary select:hover, .select.is-primary select.is-hovered {
      border-color: #00b89c; }
    .select.is-primary select:focus, .select.is-primary select.is-focused, .select.is-primary select:active, .select.is-primary select.is-active {
      box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25); }
  .select.is-link:not(:hover)::after {
    border-color: #3273dc; }
  .select.is-link select {
    border-color: #3273dc; }
    .select.is-link select:hover, .select.is-link select.is-hovered {
      border-color: #2366d1; }
    .select.is-link select:focus, .select.is-link select.is-focused, .select.is-link select:active, .select.is-link select.is-active {
      box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); }
  .select.is-info:not(:hover)::after {
    border-color: #209cee; }
  .select.is-info select {
    border-color: #209cee; }
    .select.is-info select:hover, .select.is-info select.is-hovered {
      border-color: #118fe4; }
    .select.is-info select:focus, .select.is-info select.is-focused, .select.is-info select:active, .select.is-info select.is-active {
      box-shadow: 0 0 0 0.125em rgba(32, 156, 238, 0.25); }
  .select.is-success:not(:hover)::after {
    border-color: #23d160; }
  .select.is-success select {
    border-color: #23d160; }
    .select.is-success select:hover, .select.is-success select.is-hovered {
      border-color: #20bc56; }
    .select.is-success select:focus, .select.is-success select.is-focused, .select.is-success select:active, .select.is-success select.is-active {
      box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25); }
  .select.is-warning:not(:hover)::after {
    border-color: #ffdd57; }
  .select.is-warning select {
    border-color: #ffdd57; }
    .select.is-warning select:hover, .select.is-warning select.is-hovered {
      border-color: #ffd83d; }
    .select.is-warning select:focus, .select.is-warning select.is-focused, .select.is-warning select:active, .select.is-warning select.is-active {
      box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25); }
  .select.is-danger:not(:hover)::after {
    border-color: #ff3860; }
  .select.is-danger select {
    border-color: #ff3860; }
    .select.is-danger select:hover, .select.is-danger select.is-hovered {
      border-color: #ff1f4b; }
    .select.is-danger select:focus, .select.is-danger select.is-focused, .select.is-danger select:active, .select.is-danger select.is-active {
      box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25); }
  .select.is-small {
    border-radius: 2px;
    font-size: 0.75rem; }
  .select.is-medium {
    font-size: 1.25rem; }
  .select.is-large {
    font-size: 1.5rem; }
  .select.is-disabled::after {
    border-color: #7a7a7a; }
  .select.is-fullwidth {
    width: 100%; }
    .select.is-fullwidth select {
      width: 100%; }
  .select.is-loading::after {
    margin-top: 0;
    position: absolute;
    right: 0.625em;
    top: 0.625em;
    transform: none; }
  .select.is-loading.is-small:after {
    font-size: 0.75rem; }
  .select.is-loading.is-medium:after {
    font-size: 1.25rem; }
  .select.is-loading.is-large:after {
    font-size: 1.5rem; }

.file {
  align-items: stretch;
  display: flex;
  justify-content: flex-start;
  position: relative; }
  .file.is-white .file-cta {
    background-color: white;
    border-color: transparent;
    color: #0a0a0a; }
  .file.is-white:hover .file-cta, .file.is-white.is-hovered .file-cta {
    background-color: #f9f9f9;
    border-color: transparent;
    color: #0a0a0a; }
  .file.is-white:focus .file-cta, .file.is-white.is-focused .file-cta {
    border-color: transparent;
    box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.25);
    color: #0a0a0a; }
  .file.is-white:active .file-cta, .file.is-white.is-active .file-cta {
    background-color: #f2f2f2;
    border-color: transparent;
    color: #0a0a0a; }
  .file.is-black .file-cta {
    background-color: #0a0a0a;
    border-color: transparent;
    color: white; }
  .file.is-black:hover .file-cta, .file.is-black.is-hovered .file-cta {
    background-color: #040404;
    border-color: transparent;
    color: white; }
  .file.is-black:focus .file-cta, .file.is-black.is-focused .file-cta {
    border-color: transparent;
    box-shadow: 0 0 0.5em rgba(10, 10, 10, 0.25);
    color: white; }
  .file.is-black:active .file-cta, .file.is-black.is-active .file-cta {
    background-color: black;
    border-color: transparent;
    color: white; }
  .file.is-light .file-cta {
    background-color: whitesmoke;
    border-color: transparent;
    color: #363636; }
  .file.is-light:hover .file-cta, .file.is-light.is-hovered .file-cta {
    background-color: #eeeeee;
    border-color: transparent;
    color: #363636; }
  .file.is-light:focus .file-cta, .file.is-light.is-focused .file-cta {
    border-color: transparent;
    box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.25);
    color: #363636; }
  .file.is-light:active .file-cta, .file.is-light.is-active .file-cta {
    background-color: #e8e8e8;
    border-color: transparent;
    color: #363636; }
  .file.is-dark .file-cta {
    background-color: #363636;
    border-color: transparent;
    color: whitesmoke; }
  .file.is-dark:hover .file-cta, .file.is-dark.is-hovered .file-cta {
    background-color: #2f2f2f;
    border-color: transparent;
    color: whitesmoke; }
  .file.is-dark:focus .file-cta, .file.is-dark.is-focused .file-cta {
    border-color: transparent;
    box-shadow: 0 0 0.5em rgba(54, 54, 54, 0.25);
    color: whitesmoke; }
  .file.is-dark:active .file-cta, .file.is-dark.is-active .file-cta {
    background-color: #292929;
    border-color: transparent;
    color: whitesmoke; }
  .file.is-primary .file-cta {
    background-color: #00d1b2;
    border-color: transparent;
    color: #fff; }
  .file.is-primary:hover .file-cta, .file.is-primary.is-hovered .file-cta {
    background-color: #00c4a7;
    border-color: transparent;
    color: #fff; }
  .file.is-primary:focus .file-cta, .file.is-primary.is-focused .file-cta {
    border-color: transparent;
    box-shadow: 0 0 0.5em rgba(0, 209, 178, 0.25);
    color: #fff; }
  .file.is-primary:active .file-cta, .file.is-primary.is-active .file-cta {
    background-color: #00b89c;
    border-color: transparent;
    color: #fff; }
  .file.is-link .file-cta {
    background-color: #3273dc;
    border-color: transparent;
    color: #fff; }
  .file.is-link:hover .file-cta, .file.is-link.is-hovered .file-cta {
    background-color: #276cda;
    border-color: transparent;
    color: #fff; }
  .file.is-link:focus .file-cta, .file.is-link.is-focused .file-cta {
    border-color: transparent;
    box-shadow: 0 0 0.5em rgba(50, 115, 220, 0.25);
    color: #fff; }
  .file.is-link:active .file-cta, .file.is-link.is-active .file-cta {
    background-color: #2366d1;
    border-color: transparent;
    color: #fff; }
  .file.is-info .file-cta {
    background-color: #209cee;
    border-color: transparent;
    color: #fff; }
  .file.is-info:hover .file-cta, .file.is-info.is-hovered .file-cta {
    background-color: #1496ed;
    border-color: transparent;
    color: #fff; }
  .file.is-info:focus .file-cta, .file.is-info.is-focused .file-cta {
    border-color: transparent;
    box-shadow: 0 0 0.5em rgba(32, 156, 238, 0.25);
    color: #fff; }
  .file.is-info:active .file-cta, .file.is-info.is-active .file-cta {
    background-color: #118fe4;
    border-color: transparent;
    color: #fff; }
  .file.is-success .file-cta {
    background-color: #23d160;
    border-color: transparent;
    color: #fff; }
  .file.is-success:hover .file-cta, .file.is-success.is-hovered .file-cta {
    background-color: #22c65b;
    border-color: transparent;
    color: #fff; }
  .file.is-success:focus .file-cta, .file.is-success.is-focused .file-cta {
    border-color: transparent;
    box-shadow: 0 0 0.5em rgba(35, 209, 96, 0.25);
    color: #fff; }
  .file.is-success:active .file-cta, .file.is-success.is-active .file-cta {
    background-color: #20bc56;
    border-color: transparent;
    color: #fff; }
  .file.is-warning .file-cta {
    background-color: #ffdd57;
    border-color: transparent;
    color: rgba(0, 0, 0, 0.7); }
  .file.is-warning:hover .file-cta, .file.is-warning.is-hovered .file-cta {
    background-color: #ffdb4a;
    border-color: transparent;
    color: rgba(0, 0, 0, 0.7); }
  .file.is-warning:focus .file-cta, .file.is-warning.is-focused .file-cta {
    border-color: transparent;
    box-shadow: 0 0 0.5em rgba(255, 221, 87, 0.25);
    color: rgba(0, 0, 0, 0.7); }
  .file.is-warning:active .file-cta, .file.is-warning.is-active .file-cta {
    background-color: #ffd83d;
    border-color: transparent;
    color: rgba(0, 0, 0, 0.7); }
  .file.is-danger .file-cta {
    background-color: #ff3860;
    border-color: transparent;
    color: #fff; }
  .file.is-danger:hover .file-cta, .file.is-danger.is-hovered .file-cta {
    background-color: #ff2b56;
    border-color: transparent;
    color: #fff; }
  .file.is-danger:focus .file-cta, .file.is-danger.is-focused .file-cta {
    border-color: transparent;
    box-shadow: 0 0 0.5em rgba(255, 56, 96, 0.25);
    color: #fff; }
  .file.is-danger:active .file-cta, .file.is-danger.is-active .file-cta {
    background-color: #ff1f4b;
    border-color: transparent;
    color: #fff; }
  .file.is-small {
    font-size: 0.75rem; }
  .file.is-medium {
    font-size: 1.25rem; }
    .file.is-medium .file-icon .fa {
      font-size: 21px; }
  .file.is-large {
    font-size: 1.5rem; }
    .file.is-large .file-icon .fa {
      font-size: 28px; }
  .file.has-name .file-cta {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0; }
  .file.has-name .file-name {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0; }
  .file.has-name.is-empty .file-cta {
    border-radius: 4px; }
  .file.has-name.is-empty .file-name {
    display: none; }
  .file.is-boxed .file-label {
    flex-direction: column; }
  .file.is-boxed .file-cta {
    flex-direction: column;
    height: auto;
    padding: 1em 3em; }
  .file.is-boxed .file-name {
    border-width: 0 1px 1px; }
  .file.is-boxed .file-icon {
    height: 1.5em;
    width: 1.5em; }
    .file.is-boxed .file-icon .fa {
      font-size: 21px; }
  .file.is-boxed.is-small .file-icon .fa {
    font-size: 14px; }
  .file.is-boxed.is-medium .file-icon .fa {
    font-size: 28px; }
  .file.is-boxed.is-large .file-icon .fa {
    font-size: 35px; }
  .file.is-boxed.has-name .file-cta {
    border-radius: 4px 4px 0 0; }
  .file.is-boxed.has-name .file-name {
    border-radius: 0 0 4px 4px;
    border-width: 0 1px 1px; }
  .file.is-centered {
    justify-content: center; }
  .file.is-fullwidth .file-label {
    width: 100%; }
  .file.is-fullwidth .file-name {
    flex-grow: 1;
    max-width: none; }
  .file.is-right {
    justify-content: flex-end; }
    .file.is-right .file-cta {
      border-radius: 0 4px 4px 0; }
    .file.is-right .file-name {
      border-radius: 4px 0 0 4px;
      border-width: 1px 0 1px 1px;
      order: -1; }

.file-label {
  align-items: stretch;
  display: flex;
  cursor: pointer;
  justify-content: flex-start;
  overflow: hidden;
  position: relative; }
  .file-label:hover .file-cta {
    background-color: #eeeeee;
    color: #363636; }
  .file-label:hover .file-name {
    border-color: #d5d5d5; }
  .file-label:active .file-cta {
    background-color: #e8e8e8;
    color: #363636; }
  .file-label:active .file-name {
    border-color: #cfcfcf; }

.file-input {
  height: 100%;
  left: 0;
  opacity: 0;
  outline: none;
  position: absolute;
  top: 0;
  width: 100%; }

.file-cta,
.file-name {
  border-color: #dbdbdb;
  border-radius: 4px;
  font-size: 1em;
  padding-left: 1em;
  padding-right: 1em;
  white-space: nowrap; }

.file-cta {
  background-color: whitesmoke;
  color: #4a4a4a; }

.file-name {
  border-color: #dbdbdb;
  border-style: solid;
  border-width: 1px 1px 1px 0;
  display: block;
  max-width: 16em;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis; }

.file-icon {
  align-items: center;
  display: flex;
  height: 1em;
  justify-content: center;
  margin-right: 0.5em;
  width: 1em; }
  .file-icon .fa {
    font-size: 14px; }

.label {
  color: #363636;
  display: block;
  font-size: 1rem;
  font-weight: 700; }
  .label:not(:last-child) {
    margin-bottom: 0.5em; }
  .label.is-small {
    font-size: 0.75rem; }
  .label.is-medium {
    font-size: 1.25rem; }
  .label.is-large {
    font-size: 1.5rem; }

.help {
  display: block;
  font-size: 0.75rem;
  margin-top: 0.25rem; }
  .help.is-white {
    color: white; }
  .help.is-black {
    color: #0a0a0a; }
  .help.is-light {
    color: whitesmoke; }
  .help.is-dark {
    color: #363636; }
  .help.is-primary {
    color: #00d1b2; }
  .help.is-link {
    color: #3273dc; }
  .help.is-info {
    color: #209cee; }
  .help.is-success {
    color: #23d160; }
  .help.is-warning {
    color: #ffdd57; }
  .help.is-danger {
    color: #ff3860; }

.field:not(:last-child) {
  margin-bottom: 0.75rem; }

.field.has-addons {
  display: flex;
  justify-content: flex-start; }
  .field.has-addons .control:not(:last-child) {
    margin-right: -1px; }
  .field.has-addons .control:not(:first-child):not(:last-child) .button,
  .field.has-addons .control:not(:first-child):not(:last-child) .input,
  .field.has-addons .control:not(:first-child):not(:last-child) .select select {
    border-radius: 0; }
  .field.has-addons .control:first-child:not(:only-child) .button,
  .field.has-addons .control:first-child:not(:only-child) .input,
  .field.has-addons .control:first-child:not(:only-child) .select select {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0; }
  .field.has-addons .control:last-child:not(:only-child) .button,
  .field.has-addons .control:last-child:not(:only-child) .input,
  .field.has-addons .control:last-child:not(:only-child) .select select {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0; }
  .field.has-addons .control .button:not([disabled]):hover, .field.has-addons .control .button:not([disabled]).is-hovered,
  .field.has-addons .control .input:not([disabled]):hover,
  .field.has-addons .control .input:not([disabled]).is-hovered,
  .field.has-addons .control .select select:not([disabled]):hover,
  .field.has-addons .control .select select:not([disabled]).is-hovered {
    z-index: 2; }
  .field.has-addons .control .button:not([disabled]):focus, .field.has-addons .control .button:not([disabled]).is-focused, .field.has-addons .control .button:not([disabled]):active, .field.has-addons .control .button:not([disabled]).is-active,
  .field.has-addons .control .input:not([disabled]):focus,
  .field.has-addons .control .input:not([disabled]).is-focused,
  .field.has-addons .control .input:not([disabled]):active,
  .field.has-addons .control .input:not([disabled]).is-active,
  .field.has-addons .control .select select:not([disabled]):focus,
  .field.has-addons .control .select select:not([disabled]).is-focused,
  .field.has-addons .control .select select:not([disabled]):active,
  .field.has-addons .control .select select:not([disabled]).is-active {
    z-index: 3; }
    .field.has-addons .control .button:not([disabled]):focus:hover, .field.has-addons .control .button:not([disabled]).is-focused:hover, .field.has-addons .control .button:not([disabled]):active:hover, .field.has-addons .control .button:not([disabled]).is-active:hover,
    .field.has-addons .control .input:not([disabled]):focus:hover,
    .field.has-addons .control .input:not([disabled]).is-focused:hover,
    .field.has-addons .control .input:not([disabled]):active:hover,
    .field.has-addons .control .input:not([disabled]).is-active:hover,
    .field.has-addons .control .select select:not([disabled]):focus:hover,
    .field.has-addons .control .select select:not([disabled]).is-focused:hover,
    .field.has-addons .control .select select:not([disabled]):active:hover,
    .field.has-addons .control .select select:not([disabled]).is-active:hover {
      z-index: 4; }
  .field.has-addons .control.is-expanded {
    flex-grow: 1;
    flex-shrink: 1; }
  .field.has-addons.has-addons-centered {
    justify-content: center; }
  .field.has-addons.has-addons-right {
    justify-content: flex-end; }
  .field.has-addons.has-addons-fullwidth .control {
    flex-grow: 1;
    flex-shrink: 0; }

.field.is-grouped {
  display: flex;
  justify-content: flex-start; }
  .field.is-grouped > .control {
    flex-shrink: 0; }
    .field.is-grouped > .control:not(:last-child) {
      margin-bottom: 0;
      margin-right: 0.75rem; }
    .field.is-grouped > .control.is-expanded {
      flex-grow: 1;
      flex-shrink: 1; }
  .field.is-grouped.is-grouped-centered {
    justify-content: center; }
  .field.is-grouped.is-grouped-right {
    justify-content: flex-end; }
  .field.is-grouped.is-grouped-multiline {
    flex-wrap: wrap; }
    .field.is-grouped.is-grouped-multiline > .control:last-child, .field.is-grouped.is-grouped-multiline > .control:not(:last-child) {
      margin-bottom: 0.75rem; }
    .field.is-grouped.is-grouped-multiline:last-child {
      margin-bottom: -0.75rem; }
    .field.is-grouped.is-grouped-multiline:not(:last-child) {
      margin-bottom: 0; }

@media screen and (min-width: 769px), print {
  .field.is-horizontal {
    display: flex; } }

.field-label .label {
  font-size: inherit; }

@media screen and (max-width: 768px) {
  .field-label {
    margin-bottom: 0.5rem; } }

@media screen and (min-width: 769px), print {
  .field-label {
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 0;
    margin-right: 1.5rem;
    text-align: right; }
    .field-label.is-small {
      font-size: 0.75rem;
      padding-top: 0.375em; }
    .field-label.is-normal {
      padding-top: 0.375em; }
    .field-label.is-medium {
      font-size: 1.25rem;
      padding-top: 0.375em; }
    .field-label.is-large {
      font-size: 1.5rem;
      padding-top: 0.375em; } }

.field-body .field .field {
  margin-bottom: 0; }

@media screen and (min-width: 769px), print {
  .field-body {
    display: flex;
    flex-basis: 0;
    flex-grow: 5;
    flex-shrink: 1; }
    .field-body .field {
      margin-bottom: 0; }
    .field-body > .field {
      flex-shrink: 1; }
      .field-body > .field:not(.is-narrow) {
        flex-grow: 1; }
      .field-body > .field:not(:last-child) {
        margin-right: 0.75rem; } }

.control {
  box-sizing: border-box;
  clear: both;
  font-size: 1rem;
  position: relative;
  text-align: left; }
  .control.has-icons-left .input:focus ~ .icon,
  .control.has-icons-left .select:focus ~ .icon, .control.has-icons-right .input:focus ~ .icon,
  .control.has-icons-right .select:focus ~ .icon {
    color: #7a7a7a; }
  .control.has-icons-left .input.is-small ~ .icon,
  .control.has-icons-left .select.is-small ~ .icon, .control.has-icons-right .input.is-small ~ .icon,
  .control.has-icons-right .select.is-small ~ .icon {
    font-size: 0.75rem; }
  .control.has-icons-left .input.is-medium ~ .icon,
  .control.has-icons-left .select.is-medium ~ .icon, .control.has-icons-right .input.is-medium ~ .icon,
  .control.has-icons-right .select.is-medium ~ .icon {
    font-size: 1.25rem; }
  .control.has-icons-left .input.is-large ~ .icon,
  .control.has-icons-left .select.is-large ~ .icon, .control.has-icons-right .input.is-large ~ .icon,
  .control.has-icons-right .select.is-large ~ .icon {
    font-size: 1.5rem; }
  .control.has-icons-left .icon, .control.has-icons-right .icon {
    color: #dbdbdb;
    height: 2.25em;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 2.25em;
    z-index: 4; }
  .control.has-icons-left .input,
  .control.has-icons-left .select select {
    padding-left: 2.25em; }
  .control.has-icons-left .icon.is-left {
    left: 0; }
  .control.has-icons-right .input,
  .control.has-icons-right .select select {
    padding-right: 2.25em; }
  .control.has-icons-right .icon.is-right {
    right: 0; }
  .control.is-loading::after {
    position: absolute !important;
    right: 0.625em;
    top: 0.625em;
    z-index: 4; }
  .control.is-loading.is-small:after {
    font-size: 0.75rem; }
  .control.is-loading.is-medium:after {
    font-size: 1.25rem; }
  .control.is-loading.is-large:after {
    font-size: 1.5rem; }

.breadcrumb {
  font-size: 1rem;
  white-space: nowrap; }
  .breadcrumb a {
    align-items: center;
    color: #3273dc;
    display: flex;
    justify-content: center;
    padding: 0 0.75em; }
    .breadcrumb a:hover {
      color: #363636; }
  .breadcrumb li {
    align-items: center;
    display: flex; }
    .breadcrumb li:first-child a {
      padding-left: 0; }
    .breadcrumb li.is-active a {
      color: #363636;
      cursor: default;
      pointer-events: none; }
    .breadcrumb li + li::before {
      color: #b5b5b5;
      content: "/"; }
  .breadcrumb ul,
  .breadcrumb ol {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start; }
  .breadcrumb .icon:first-child {
    margin-right: 0.5em; }
  .breadcrumb .icon:last-child {
    margin-left: 0.5em; }
  .breadcrumb.is-centered ol,
  .breadcrumb.is-centered ul {
    justify-content: center; }
  .breadcrumb.is-right ol,
  .breadcrumb.is-right ul {
    justify-content: flex-end; }
  .breadcrumb.is-small {
    font-size: 0.75rem; }
  .breadcrumb.is-medium {
    font-size: 1.25rem; }
  .breadcrumb.is-large {
    font-size: 1.5rem; }
  .breadcrumb.has-arrow-separator li + li::before {
    content: "\2192"; }
  .breadcrumb.has-bullet-separator li + li::before {
    content: "\2022"; }
  .breadcrumb.has-dot-separator li + li::before {
    content: "\B7"; }
  .breadcrumb.has-succeeds-separator li + li::before {
    content: "\227B"; }

.card {
  background-color: white;
  box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
  color: #4a4a4a;
  max-width: 100%;
  position: relative; }

.card-header {
  background-color: transparent;
  align-items: stretch;
  box-shadow: 0 1px 2px rgba(10, 10, 10, 0.1);
  display: flex; }

.card-header-title {
  align-items: center;
  color: #363636;
  display: flex;
  flex-grow: 1;
  font-weight: 700;
  padding: 0.75rem; }
  .card-header-title.is-centered {
    justify-content: center; }

.card-header-icon {
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: center;
  padding: 0.75rem; }

.card-image {
  display: block;
  position: relative; }

.card-content {
  background-color: transparent;
  padding: 1.5rem; }

.card-footer {
  background-color: transparent;
  border-top: 1px solid #dbdbdb;
  align-items: stretch;
  display: flex; }

.card-footer-item {
  align-items: center;
  display: flex;
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 0;
  justify-content: center;
  padding: 0.75rem; }
  .card-footer-item:not(:last-child) {
    border-right: 1px solid #dbdbdb; }

.card .media:not(:last-child) {
  margin-bottom: 1.5rem; }

.dropdown {
  display: inline-flex;
  position: relative;
  vertical-align: top; }
  .dropdown.is-active .dropdown-menu, .dropdown.is-hoverable:hover .dropdown-menu {
    display: block; }
  .dropdown.is-right .dropdown-menu {
    left: auto;
    right: 0; }
  .dropdown.is-up .dropdown-menu {
    bottom: 100%;
    padding-bottom: 4px;
    padding-top: initial;
    top: auto; }

.dropdown-menu {
  display: none;
  left: 0;
  min-width: 12rem;
  padding-top: 4px;
  position: absolute;
  top: 100%;
  z-index: 20; }

.dropdown-content {
  background-color: white;
  border-radius: 4px;
  box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
  padding-bottom: 0.5rem;
  padding-top: 0.5rem; }

.dropdown-item {
  color: #4a4a4a;
  display: block;
  font-size: 0.875rem;
  line-height: 1.5;
  padding: 0.375rem 1rem;
  position: relative; }

a.dropdown-item,
button.dropdown-item {
  padding-right: 3rem;
  text-align: left;
  white-space: nowrap;
  width: 100%; }
  a.dropdown-item:hover,
  button.dropdown-item:hover {
    background-color: whitesmoke;
    color: #0a0a0a; }
  a.dropdown-item.is-active,
  button.dropdown-item.is-active {
    background-color: #3273dc;
    color: #fff; }

.dropdown-divider {
  background-color: #dbdbdb;
  border: none;
  display: block;
  height: 1px;
  margin: 0.5rem 0; }

.level {
  align-items: center;
  justify-content: space-between; }
  .level code {
    border-radius: 4px; }
  .level img {
    display: inline-block;
    vertical-align: top; }
  .level.is-mobile {
    display: flex; }
    .level.is-mobile .level-left,
    .level.is-mobile .level-right {
      display: flex; }
    .level.is-mobile .level-left + .level-right {
      margin-top: 0; }
    .level.is-mobile .level-item:not(:last-child) {
      margin-bottom: 0;
      margin-right: 0.75rem; }
    .level.is-mobile .level-item:not(.is-narrow) {
      flex-grow: 1; }
  @media screen and (min-width: 769px), print {
    .level {
      display: flex; }
      .level > .level-item:not(.is-narrow) {
        flex-grow: 1; } }

.level-item {
  align-items: center;
  display: flex;
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
  justify-content: center; }
  .level-item .title,
  .level-item .subtitle {
    margin-bottom: 0; }
  @media screen and (max-width: 768px) {
    .level-item:not(:last-child) {
      margin-bottom: 0.75rem; } }

.level-left,
.level-right {
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0; }
  .level-left .level-item.is-flexible,
  .level-right .level-item.is-flexible {
    flex-grow: 1; }
  @media screen and (min-width: 769px), print {
    .level-left .level-item:not(:last-child),
    .level-right .level-item:not(:last-child) {
      margin-right: 0.75rem; } }

.level-left {
  align-items: center;
  justify-content: flex-start; }
  @media screen and (max-width: 768px) {
    .level-left + .level-right {
      margin-top: 1.5rem; } }
  @media screen and (min-width: 769px), print {
    .level-left {
      display: flex; } }

.level-right {
  align-items: center;
  justify-content: flex-end; }
  @media screen and (min-width: 769px), print {
    .level-right {
      display: flex; } }

.list {
  background-color: white;
  border-radius: 4px;
  box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); }

.list-item {
  display: block;
  padding: 0.5em 1em; }
  .list-item:not(a) {
    color: #4a4a4a; }
  .list-item:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px; }
  .list-item:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px; }
  .list-item:not(:last-child) {
    border-bottom: 1px solid #dbdbdb; }
  .list-item.is-active {
    background-color: #3273dc;
    color: #fff; }

a.list-item {
  background-color: whitesmoke;
  cursor: pointer; }

.media {
  align-items: flex-start;
  display: flex;
  text-align: left; }
  .media .content:not(:last-child) {
    margin-bottom: 0.75rem; }
  .media .media {
    border-top: 1px solid rgba(219, 219, 219, 0.5);
    display: flex;
    padding-top: 0.75rem; }
    .media .media .content:not(:last-child),
    .media .media .control:not(:last-child) {
      margin-bottom: 0.5rem; }
    .media .media .media {
      padding-top: 0.5rem; }
      .media .media .media + .media {
        margin-top: 0.5rem; }
  .media + .media {
    border-top: 1px solid rgba(219, 219, 219, 0.5);
    margin-top: 1rem;
    padding-top: 1rem; }
  .media.is-large + .media {
    margin-top: 1.5rem;
    padding-top: 1.5rem; }

.media-left,
.media-right {
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0; }

.media-left {
  margin-right: 1rem; }

.media-right {
  margin-left: 1rem; }

.media-content {
  flex-basis: auto;
  flex-grow: 1;
  flex-shrink: 1;
  text-align: left; }

@media screen and (max-width: 768px) {
  .media-content {
    overflow-x: auto; } }

.menu {
  font-size: 1rem; }
  .menu.is-small {
    font-size: 0.75rem; }
  .menu.is-medium {
    font-size: 1.25rem; }
  .menu.is-large {
    font-size: 1.5rem; }

.menu-list {
  line-height: 1.25; }
  .menu-list a {
    border-radius: 2px;
    color: #4a4a4a;
    display: block;
    padding: 0.5em 0.75em; }
    .menu-list a:hover {
      background-color: whitesmoke;
      color: #363636; }
    .menu-list a.is-active {
      background-color: #3273dc;
      color: #fff; }
  .menu-list li ul {
    border-left: 1px solid #dbdbdb;
    margin: 0.75em;
    padding-left: 0.75em; }

.menu-label {
  color: #7a7a7a;
  font-size: 0.75em;
  letter-spacing: 0.1em;
  text-transform: uppercase; }
  .menu-label:not(:first-child) {
    margin-top: 1em; }
  .menu-label:not(:last-child) {
    margin-bottom: 1em; }

.message {
  background-color: whitesmoke;
  border-radius: 4px;
  font-size: 1rem; }
  .message strong {
    color: currentColor; }
  .message a:not(.button):not(.tag):not(.dropdown-item) {
    color: currentColor;
    text-decoration: underline; }
  .message.is-small {
    font-size: 0.75rem; }
  .message.is-medium {
    font-size: 1.25rem; }
  .message.is-large {
    font-size: 1.5rem; }
  .message.is-white {
    background-color: white; }
    .message.is-white .message-header {
      background-color: white;
      color: #0a0a0a; }
    .message.is-white .message-body {
      border-color: white;
      color: #4d4d4d; }
  .message.is-black {
    background-color: #fafafa; }
    .message.is-black .message-header {
      background-color: #0a0a0a;
      color: white; }
    .message.is-black .message-body {
      border-color: #0a0a0a;
      color: #090909; }
  .message.is-light {
    background-color: #fafafa; }
    .message.is-light .message-header {
      background-color: whitesmoke;
      color: #363636; }
    .message.is-light .message-body {
      border-color: whitesmoke;
      color: #505050; }
  .message.is-dark {
    background-color: #fafafa; }
    .message.is-dark .message-header {
      background-color: #363636;
      color: whitesmoke; }
    .message.is-dark .message-body {
      border-color: #363636;
      color: #2a2a2a; }
  .message.is-primary {
    background-color: #f5fffd; }
    .message.is-primary .message-header {
      background-color: #00d1b2;
      color: #fff; }
    .message.is-primary .message-body {
      border-color: #00d1b2;
      color: #021310; }
  .message.is-link {
    background-color: #f6f9fe; }
    .message.is-link .message-header {
      background-color: #3273dc;
      color: #fff; }
    .message.is-link .message-body {
      border-color: #3273dc;
      color: #22509a; }
  .message.is-info {
    background-color: #f6fbfe; }
    .message.is-info .message-header {
      background-color: #209cee;
      color: #fff; }
    .message.is-info .message-body {
      border-color: #209cee;
      color: #12537e; }
  .message.is-success {
    background-color: #f6fef9; }
    .message.is-success .message-header {
      background-color: #23d160;
      color: #fff; }
    .message.is-success .message-body {
      border-color: #23d160;
      color: #0e301a; }
  .message.is-warning {
    background-color: #fffdf5; }
    .message.is-warning .message-header {
      background-color: #ffdd57;
      color: rgba(0, 0, 0, 0.7); }
    .message.is-warning .message-body {
      border-color: #ffdd57;
      color: #3b3108; }
  .message.is-danger {
    background-color: #fff5f7; }
    .message.is-danger .message-header {
      background-color: #ff3860;
      color: #fff; }
    .message.is-danger .message-body {
      border-color: #ff3860;
      color: #cd0930; }

.message-header {
  align-items: center;
  background-color: #4a4a4a;
  border-radius: 4px 4px 0 0;
  color: #fff;
  display: flex;
  font-weight: 700;
  justify-content: space-between;
  line-height: 1.25;
  padding: 0.75em 1em;
  position: relative; }
  .message-header .delete {
    flex-grow: 0;
    flex-shrink: 0;
    margin-left: 0.75em; }
  .message-header + .message-body {
    border-width: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0; }

.message-body {
  border-color: #dbdbdb;
  border-radius: 4px;
  border-style: solid;
  border-width: 0 0 0 4px;
  color: #4a4a4a;
  padding: 1.25em 1.5em; }
  .message-body code,
  .message-body pre {
    background-color: white; }
  .message-body pre code {
    background-color: transparent; }

.modal {
  align-items: center;
  display: none;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  position: fixed;
  z-index: 40; }
  .modal.is-active {
    display: flex; }

.modal-background {
  background-color: rgba(10, 10, 10, 0.86); }

.modal-content,
.modal-card {
  margin: 0 20px;
  max-height: calc(100vh - 160px);
  overflow: auto;
  position: relative;
  width: 100%; }
  @media screen and (min-width: 769px), print {
    .modal-content,
    .modal-card {
      margin: 0 auto;
      max-height: calc(100vh - 40px);
      width: 640px; } }

.modal-close {
  background: none;
  height: 40px;
  position: fixed;
  right: 20px;
  top: 20px;
  width: 40px; }

.modal-card {
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 40px);
  overflow: hidden;
  -ms-overflow-y: visible; }

.modal-card-head,
.modal-card-foot {
  align-items: center;
  background-color: whitesmoke;
  display: flex;
  flex-shrink: 0;
  justify-content: flex-start;
  padding: 20px;
  position: relative; }

.modal-card-head {
  border-bottom: 1px solid #dbdbdb;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px; }

.modal-card-title {
  color: #363636;
  flex-grow: 1;
  flex-shrink: 0;
  font-size: 1.5rem;
  line-height: 1; }

.modal-card-foot {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  border-top: 1px solid #dbdbdb; }
  .modal-card-foot .button:not(:last-child) {
    margin-right: 0.5em; }

.modal-card-body {
  -webkit-overflow-scrolling: touch;
  background-color: white;
  flex-grow: 1;
  flex-shrink: 1;
  overflow: auto;
  padding: 20px; }

.navbar {
  background-color: white;
  min-height: 3.25rem;
  position: relative;
  z-index: 30; }
  .navbar.is-white {
    background-color: white;
    color: #0a0a0a; }
    .navbar.is-white .navbar-brand > .navbar-item,
    .navbar.is-white .navbar-brand .navbar-link {
      color: #0a0a0a; }
    .navbar.is-white .navbar-brand > a.navbar-item:focus, .navbar.is-white .navbar-brand > a.navbar-item:hover, .navbar.is-white .navbar-brand > a.navbar-item.is-active,
    .navbar.is-white .navbar-brand .navbar-link:focus,
    .navbar.is-white .navbar-brand .navbar-link:hover,
    .navbar.is-white .navbar-brand .navbar-link.is-active {
      background-color: #f2f2f2;
      color: #0a0a0a; }
    .navbar.is-white .navbar-brand .navbar-link::after {
      border-color: #0a0a0a; }
    .navbar.is-white .navbar-burger {
      color: #0a0a0a; }
    @media screen and (min-width: 1024px) {
      .navbar.is-white .navbar-start > .navbar-item,
      .navbar.is-white .navbar-start .navbar-link,
      .navbar.is-white .navbar-end > .navbar-item,
      .navbar.is-white .navbar-end .navbar-link {
        color: #0a0a0a; }
      .navbar.is-white .navbar-start > a.navbar-item:focus, .navbar.is-white .navbar-start > a.navbar-item:hover, .navbar.is-white .navbar-start > a.navbar-item.is-active,
      .navbar.is-white .navbar-start .navbar-link:focus,
      .navbar.is-white .navbar-start .navbar-link:hover,
      .navbar.is-white .navbar-start .navbar-link.is-active,
      .navbar.is-white .navbar-end > a.navbar-item:focus,
      .navbar.is-white .navbar-end > a.navbar-item:hover,
      .navbar.is-white .navbar-end > a.navbar-item.is-active,
      .navbar.is-white .navbar-end .navbar-link:focus,
      .navbar.is-white .navbar-end .navbar-link:hover,
      .navbar.is-white .navbar-end .navbar-link.is-active {
        background-color: #f2f2f2;
        color: #0a0a0a; }
      .navbar.is-white .navbar-start .navbar-link::after,
      .navbar.is-white .navbar-end .navbar-link::after {
        border-color: #0a0a0a; }
      .navbar.is-white .navbar-item.has-dropdown:focus .navbar-link,
      .navbar.is-white .navbar-item.has-dropdown:hover .navbar-link,
      .navbar.is-white .navbar-item.has-dropdown.is-active .navbar-link {
        background-color: #f2f2f2;
        color: #0a0a0a; }
      .navbar.is-white .navbar-dropdown a.navbar-item.is-active {
        background-color: white;
        color: #0a0a0a; } }
  .navbar.is-black {
    background-color: #0a0a0a;
    color: white; }
    .navbar.is-black .navbar-brand > .navbar-item,
    .navbar.is-black .navbar-brand .navbar-link {
      color: white; }
    .navbar.is-black .navbar-brand > a.navbar-item:focus, .navbar.is-black .navbar-brand > a.navbar-item:hover, .navbar.is-black .navbar-brand > a.navbar-item.is-active,
    .navbar.is-black .navbar-brand .navbar-link:focus,
    .navbar.is-black .navbar-brand .navbar-link:hover,
    .navbar.is-black .navbar-brand .navbar-link.is-active {
      background-color: black;
      color: white; }
    .navbar.is-black .navbar-brand .navbar-link::after {
      border-color: white; }
    .navbar.is-black .navbar-burger {
      color: white; }
    @media screen and (min-width: 1024px) {
      .navbar.is-black .navbar-start > .navbar-item,
      .navbar.is-black .navbar-start .navbar-link,
      .navbar.is-black .navbar-end > .navbar-item,
      .navbar.is-black .navbar-end .navbar-link {
        color: white; }
      .navbar.is-black .navbar-start > a.navbar-item:focus, .navbar.is-black .navbar-start > a.navbar-item:hover, .navbar.is-black .navbar-start > a.navbar-item.is-active,
      .navbar.is-black .navbar-start .navbar-link:focus,
      .navbar.is-black .navbar-start .navbar-link:hover,
      .navbar.is-black .navbar-start .navbar-link.is-active,
      .navbar.is-black .navbar-end > a.navbar-item:focus,
      .navbar.is-black .navbar-end > a.navbar-item:hover,
      .navbar.is-black .navbar-end > a.navbar-item.is-active,
      .navbar.is-black .navbar-end .navbar-link:focus,
      .navbar.is-black .navbar-end .navbar-link:hover,
      .navbar.is-black .navbar-end .navbar-link.is-active {
        background-color: black;
        color: white; }
      .navbar.is-black .navbar-start .navbar-link::after,
      .navbar.is-black .navbar-end .navbar-link::after {
        border-color: white; }
      .navbar.is-black .navbar-item.has-dropdown:focus .navbar-link,
      .navbar.is-black .navbar-item.has-dropdown:hover .navbar-link,
      .navbar.is-black .navbar-item.has-dropdown.is-active .navbar-link {
        background-color: black;
        color: white; }
      .navbar.is-black .navbar-dropdown a.navbar-item.is-active {
        background-color: #0a0a0a;
        color: white; } }
  .navbar.is-light {
    background-color: whitesmoke;
    color: #363636; }
    .navbar.is-light .navbar-brand > .navbar-item,
    .navbar.is-light .navbar-brand .navbar-link {
      color: #363636; }
    .navbar.is-light .navbar-brand > a.navbar-item:focus, .navbar.is-light .navbar-brand > a.navbar-item:hover, .navbar.is-light .navbar-brand > a.navbar-item.is-active,
    .navbar.is-light .navbar-brand .navbar-link:focus,
    .navbar.is-light .navbar-brand .navbar-link:hover,
    .navbar.is-light .navbar-brand .navbar-link.is-active {
      background-color: #e8e8e8;
      color: #363636; }
    .navbar.is-light .navbar-brand .navbar-link::after {
      border-color: #363636; }
    .navbar.is-light .navbar-burger {
      color: #363636; }
    @media screen and (min-width: 1024px) {
      .navbar.is-light .navbar-start > .navbar-item,
      .navbar.is-light .navbar-start .navbar-link,
      .navbar.is-light .navbar-end > .navbar-item,
      .navbar.is-light .navbar-end .navbar-link {
        color: #363636; }
      .navbar.is-light .navbar-start > a.navbar-item:focus, .navbar.is-light .navbar-start > a.navbar-item:hover, .navbar.is-light .navbar-start > a.navbar-item.is-active,
      .navbar.is-light .navbar-start .navbar-link:focus,
      .navbar.is-light .navbar-start .navbar-link:hover,
      .navbar.is-light .navbar-start .navbar-link.is-active,
      .navbar.is-light .navbar-end > a.navbar-item:focus,
      .navbar.is-light .navbar-end > a.navbar-item:hover,
      .navbar.is-light .navbar-end > a.navbar-item.is-active,
      .navbar.is-light .navbar-end .navbar-link:focus,
      .navbar.is-light .navbar-end .navbar-link:hover,
      .navbar.is-light .navbar-end .navbar-link.is-active {
        background-color: #e8e8e8;
        color: #363636; }
      .navbar.is-light .navbar-start .navbar-link::after,
      .navbar.is-light .navbar-end .navbar-link::after {
        border-color: #363636; }
      .navbar.is-light .navbar-item.has-dropdown:focus .navbar-link,
      .navbar.is-light .navbar-item.has-dropdown:hover .navbar-link,
      .navbar.is-light .navbar-item.has-dropdown.is-active .navbar-link {
        background-color: #e8e8e8;
        color: #363636; }
      .navbar.is-light .navbar-dropdown a.navbar-item.is-active {
        background-color: whitesmoke;
        color: #363636; } }
  .navbar.is-dark {
    background-color: #363636;
    color: whitesmoke; }
    .navbar.is-dark .navbar-brand > .navbar-item,
    .navbar.is-dark .navbar-brand .navbar-link {
      color: whitesmoke; }
    .navbar.is-dark .navbar-brand > a.navbar-item:focus, .navbar.is-dark .navbar-brand > a.navbar-item:hover, .navbar.is-dark .navbar-brand > a.navbar-item.is-active,
    .navbar.is-dark .navbar-brand .navbar-link:focus,
    .navbar.is-dark .navbar-brand .navbar-link:hover,
    .navbar.is-dark .navbar-brand .navbar-link.is-active {
      background-color: #292929;
      color: whitesmoke; }
    .navbar.is-dark .navbar-brand .navbar-link::after {
      border-color: whitesmoke; }
    .navbar.is-dark .navbar-burger {
      color: whitesmoke; }
    @media screen and (min-width: 1024px) {
      .navbar.is-dark .navbar-start > .navbar-item,
      .navbar.is-dark .navbar-start .navbar-link,
      .navbar.is-dark .navbar-end > .navbar-item,
      .navbar.is-dark .navbar-end .navbar-link {
        color: whitesmoke; }
      .navbar.is-dark .navbar-start > a.navbar-item:focus, .navbar.is-dark .navbar-start > a.navbar-item:hover, .navbar.is-dark .navbar-start > a.navbar-item.is-active,
      .navbar.is-dark .navbar-start .navbar-link:focus,
      .navbar.is-dark .navbar-start .navbar-link:hover,
      .navbar.is-dark .navbar-start .navbar-link.is-active,
      .navbar.is-dark .navbar-end > a.navbar-item:focus,
      .navbar.is-dark .navbar-end > a.navbar-item:hover,
      .navbar.is-dark .navbar-end > a.navbar-item.is-active,
      .navbar.is-dark .navbar-end .navbar-link:focus,
      .navbar.is-dark .navbar-end .navbar-link:hover,
      .navbar.is-dark .navbar-end .navbar-link.is-active {
        background-color: #292929;
        color: whitesmoke; }
      .navbar.is-dark .navbar-start .navbar-link::after,
      .navbar.is-dark .navbar-end .navbar-link::after {
        border-color: whitesmoke; }
      .navbar.is-dark .navbar-item.has-dropdown:focus .navbar-link,
      .navbar.is-dark .navbar-item.has-dropdown:hover .navbar-link,
      .navbar.is-dark .navbar-item.has-dropdown.is-active .navbar-link {
        background-color: #292929;
        color: whitesmoke; }
      .navbar.is-dark .navbar-dropdown a.navbar-item.is-active {
        background-color: #363636;
        color: whitesmoke; } }
  .navbar.is-primary {
    background-color: #00d1b2;
    color: #fff; }
    .navbar.is-primary .navbar-brand > .navbar-item,
    .navbar.is-primary .navbar-brand .navbar-link {
      color: #fff; }
    .navbar.is-primary .navbar-brand > a.navbar-item:focus, .navbar.is-primary .navbar-brand > a.navbar-item:hover, .navbar.is-primary .navbar-brand > a.navbar-item.is-active,
    .navbar.is-primary .navbar-brand .navbar-link:focus,
    .navbar.is-primary .navbar-brand .navbar-link:hover,
    .navbar.is-primary .navbar-brand .navbar-link.is-active {
      background-color: #00b89c;
      color: #fff; }
    .navbar.is-primary .navbar-brand .navbar-link::after {
      border-color: #fff; }
    .navbar.is-primary .navbar-burger {
      color: #fff; }
    @media screen and (min-width: 1024px) {
      .navbar.is-primary .navbar-start > .navbar-item,
      .navbar.is-primary .navbar-start .navbar-link,
      .navbar.is-primary .navbar-end > .navbar-item,
      .navbar.is-primary .navbar-end .navbar-link {
        color: #fff; }
      .navbar.is-primary .navbar-start > a.navbar-item:focus, .navbar.is-primary .navbar-start > a.navbar-item:hover, .navbar.is-primary .navbar-start > a.navbar-item.is-active,
      .navbar.is-primary .navbar-start .navbar-link:focus,
      .navbar.is-primary .navbar-start .navbar-link:hover,
      .navbar.is-primary .navbar-start .navbar-link.is-active,
      .navbar.is-primary .navbar-end > a.navbar-item:focus,
      .navbar.is-primary .navbar-end > a.navbar-item:hover,
      .navbar.is-primary .navbar-end > a.navbar-item.is-active,
      .navbar.is-primary .navbar-end .navbar-link:focus,
      .navbar.is-primary .navbar-end .navbar-link:hover,
      .navbar.is-primary .navbar-end .navbar-link.is-active {
        background-color: #00b89c;
        color: #fff; }
      .navbar.is-primary .navbar-start .navbar-link::after,
      .navbar.is-primary .navbar-end .navbar-link::after {
        border-color: #fff; }
      .navbar.is-primary .navbar-item.has-dropdown:focus .navbar-link,
      .navbar.is-primary .navbar-item.has-dropdown:hover .navbar-link,
      .navbar.is-primary .navbar-item.has-dropdown.is-active .navbar-link {
        background-color: #00b89c;
        color: #fff; }
      .navbar.is-primary .navbar-dropdown a.navbar-item.is-active {
        background-color: #00d1b2;
        color: #fff; } }
  .navbar.is-link {
    background-color: #3273dc;
    color: #fff; }
    .navbar.is-link .navbar-brand > .navbar-item,
    .navbar.is-link .navbar-brand .navbar-link {
      color: #fff; }
    .navbar.is-link .navbar-brand > a.navbar-item:focus, .navbar.is-link .navbar-brand > a.navbar-item:hover, .navbar.is-link .navbar-brand > a.navbar-item.is-active,
    .navbar.is-link .navbar-brand .navbar-link:focus,
    .navbar.is-link .navbar-brand .navbar-link:hover,
    .navbar.is-link .navbar-brand .navbar-link.is-active {
      background-color: #2366d1;
      color: #fff; }
    .navbar.is-link .navbar-brand .navbar-link::after {
      border-color: #fff; }
    .navbar.is-link .navbar-burger {
      color: #fff; }
    @media screen and (min-width: 1024px) {
      .navbar.is-link .navbar-start > .navbar-item,
      .navbar.is-link .navbar-start .navbar-link,
      .navbar.is-link .navbar-end > .navbar-item,
      .navbar.is-link .navbar-end .navbar-link {
        color: #fff; }
      .navbar.is-link .navbar-start > a.navbar-item:focus, .navbar.is-link .navbar-start > a.navbar-item:hover, .navbar.is-link .navbar-start > a.navbar-item.is-active,
      .navbar.is-link .navbar-start .navbar-link:focus,
      .navbar.is-link .navbar-start .navbar-link:hover,
      .navbar.is-link .navbar-start .navbar-link.is-active,
      .navbar.is-link .navbar-end > a.navbar-item:focus,
      .navbar.is-link .navbar-end > a.navbar-item:hover,
      .navbar.is-link .navbar-end > a.navbar-item.is-active,
      .navbar.is-link .navbar-end .navbar-link:focus,
      .navbar.is-link .navbar-end .navbar-link:hover,
      .navbar.is-link .navbar-end .navbar-link.is-active {
        background-color: #2366d1;
        color: #fff; }
      .navbar.is-link .navbar-start .navbar-link::after,
      .navbar.is-link .navbar-end .navbar-link::after {
        border-color: #fff; }
      .navbar.is-link .navbar-item.has-dropdown:focus .navbar-link,
      .navbar.is-link .navbar-item.has-dropdown:hover .navbar-link,
      .navbar.is-link .navbar-item.has-dropdown.is-active .navbar-link {
        background-color: #2366d1;
        color: #fff; }
      .navbar.is-link .navbar-dropdown a.navbar-item.is-active {
        background-color: #3273dc;
        color: #fff; } }
  .navbar.is-info {
    background-color: #209cee;
    color: #fff; }
    .navbar.is-info .navbar-brand > .navbar-item,
    .navbar.is-info .navbar-brand .navbar-link {
      color: #fff; }
    .navbar.is-info .navbar-brand > a.navbar-item:focus, .navbar.is-info .navbar-brand > a.navbar-item:hover, .navbar.is-info .navbar-brand > a.navbar-item.is-active,
    .navbar.is-info .navbar-brand .navbar-link:focus,
    .navbar.is-info .navbar-brand .navbar-link:hover,
    .navbar.is-info .navbar-brand .navbar-link.is-active {
      background-color: #118fe4;
      color: #fff; }
    .navbar.is-info .navbar-brand .navbar-link::after {
      border-color: #fff; }
    .navbar.is-info .navbar-burger {
      color: #fff; }
    @media screen and (min-width: 1024px) {
      .navbar.is-info .navbar-start > .navbar-item,
      .navbar.is-info .navbar-start .navbar-link,
      .navbar.is-info .navbar-end > .navbar-item,
      .navbar.is-info .navbar-end .navbar-link {
        color: #fff; }
      .navbar.is-info .navbar-start > a.navbar-item:focus, .navbar.is-info .navbar-start > a.navbar-item:hover, .navbar.is-info .navbar-start > a.navbar-item.is-active,
      .navbar.is-info .navbar-start .navbar-link:focus,
      .navbar.is-info .navbar-start .navbar-link:hover,
      .navbar.is-info .navbar-start .navbar-link.is-active,
      .navbar.is-info .navbar-end > a.navbar-item:focus,
      .navbar.is-info .navbar-end > a.navbar-item:hover,
      .navbar.is-info .navbar-end > a.navbar-item.is-active,
      .navbar.is-info .navbar-end .navbar-link:focus,
      .navbar.is-info .navbar-end .navbar-link:hover,
      .navbar.is-info .navbar-end .navbar-link.is-active {
        background-color: #118fe4;
        color: #fff; }
      .navbar.is-info .navbar-start .navbar-link::after,
      .navbar.is-info .navbar-end .navbar-link::after {
        border-color: #fff; }
      .navbar.is-info .navbar-item.has-dropdown:focus .navbar-link,
      .navbar.is-info .navbar-item.has-dropdown:hover .navbar-link,
      .navbar.is-info .navbar-item.has-dropdown.is-active .navbar-link {
        background-color: #118fe4;
        color: #fff; }
      .navbar.is-info .navbar-dropdown a.navbar-item.is-active {
        background-color: #209cee;
        color: #fff; } }
  .navbar.is-success {
    background-color: #23d160;
    color: #fff; }
    .navbar.is-success .navbar-brand > .navbar-item,
    .navbar.is-success .navbar-brand .navbar-link {
      color: #fff; }
    .navbar.is-success .navbar-brand > a.navbar-item:focus, .navbar.is-success .navbar-brand > a.navbar-item:hover, .navbar.is-success .navbar-brand > a.navbar-item.is-active,
    .navbar.is-success .navbar-brand .navbar-link:focus,
    .navbar.is-success .navbar-brand .navbar-link:hover,
    .navbar.is-success .navbar-brand .navbar-link.is-active {
      background-color: #20bc56;
      color: #fff; }
    .navbar.is-success .navbar-brand .navbar-link::after {
      border-color: #fff; }
    .navbar.is-success .navbar-burger {
      color: #fff; }
    @media screen and (min-width: 1024px) {
      .navbar.is-success .navbar-start > .navbar-item,
      .navbar.is-success .navbar-start .navbar-link,
      .navbar.is-success .navbar-end > .navbar-item,
      .navbar.is-success .navbar-end .navbar-link {
        color: #fff; }
      .navbar.is-success .navbar-start > a.navbar-item:focus, .navbar.is-success .navbar-start > a.navbar-item:hover, .navbar.is-success .navbar-start > a.navbar-item.is-active,
      .navbar.is-success .navbar-start .navbar-link:focus,
      .navbar.is-success .navbar-start .navbar-link:hover,
      .navbar.is-success .navbar-start .navbar-link.is-active,
      .navbar.is-success .navbar-end > a.navbar-item:focus,
      .navbar.is-success .navbar-end > a.navbar-item:hover,
      .navbar.is-success .navbar-end > a.navbar-item.is-active,
      .navbar.is-success .navbar-end .navbar-link:focus,
      .navbar.is-success .navbar-end .navbar-link:hover,
      .navbar.is-success .navbar-end .navbar-link.is-active {
        background-color: #20bc56;
        color: #fff; }
      .navbar.is-success .navbar-start .navbar-link::after,
      .navbar.is-success .navbar-end .navbar-link::after {
        border-color: #fff; }
      .navbar.is-success .navbar-item.has-dropdown:focus .navbar-link,
      .navbar.is-success .navbar-item.has-dropdown:hover .navbar-link,
      .navbar.is-success .navbar-item.has-dropdown.is-active .navbar-link {
        background-color: #20bc56;
        color: #fff; }
      .navbar.is-success .navbar-dropdown a.navbar-item.is-active {
        background-color: #23d160;
        color: #fff; } }
  .navbar.is-warning {
    background-color: #ffdd57;
    color: rgba(0, 0, 0, 0.7); }
    .navbar.is-warning .navbar-brand > .navbar-item,
    .navbar.is-warning .navbar-brand .navbar-link {
      color: rgba(0, 0, 0, 0.7); }
    .navbar.is-warning .navbar-brand > a.navbar-item:focus, .navbar.is-warning .navbar-brand > a.navbar-item:hover, .navbar.is-warning .navbar-brand > a.navbar-item.is-active,
    .navbar.is-warning .navbar-brand .navbar-link:focus,
    .navbar.is-warning .navbar-brand .navbar-link:hover,
    .navbar.is-warning .navbar-brand .navbar-link.is-active {
      background-color: #ffd83d;
      color: rgba(0, 0, 0, 0.7); }
    .navbar.is-warning .navbar-brand .navbar-link::after {
      border-color: rgba(0, 0, 0, 0.7); }
    .navbar.is-warning .navbar-burger {
      color: rgba(0, 0, 0, 0.7); }
    @media screen and (min-width: 1024px) {
      .navbar.is-warning .navbar-start > .navbar-item,
      .navbar.is-warning .navbar-start .navbar-link,
      .navbar.is-warning .navbar-end > .navbar-item,
      .navbar.is-warning .navbar-end .navbar-link {
        color: rgba(0, 0, 0, 0.7); }
      .navbar.is-warning .navbar-start > a.navbar-item:focus, .navbar.is-warning .navbar-start > a.navbar-item:hover, .navbar.is-warning .navbar-start > a.navbar-item.is-active,
      .navbar.is-warning .navbar-start .navbar-link:focus,
      .navbar.is-warning .navbar-start .navbar-link:hover,
      .navbar.is-warning .navbar-start .navbar-link.is-active,
      .navbar.is-warning .navbar-end > a.navbar-item:focus,
      .navbar.is-warning .navbar-end > a.navbar-item:hover,
      .navbar.is-warning .navbar-end > a.navbar-item.is-active,
      .navbar.is-warning .navbar-end .navbar-link:focus,
      .navbar.is-warning .navbar-end .navbar-link:hover,
      .navbar.is-warning .navbar-end .navbar-link.is-active {
        background-color: #ffd83d;
        color: rgba(0, 0, 0, 0.7); }
      .navbar.is-warning .navbar-start .navbar-link::after,
      .navbar.is-warning .navbar-end .navbar-link::after {
        border-color: rgba(0, 0, 0, 0.7); }
      .navbar.is-warning .navbar-item.has-dropdown:focus .navbar-link,
      .navbar.is-warning .navbar-item.has-dropdown:hover .navbar-link,
      .navbar.is-warning .navbar-item.has-dropdown.is-active .navbar-link {
        background-color: #ffd83d;
        color: rgba(0, 0, 0, 0.7); }
      .navbar.is-warning .navbar-dropdown a.navbar-item.is-active {
        background-color: #ffdd57;
        color: rgba(0, 0, 0, 0.7); } }
  .navbar.is-danger {
    background-color: #ff3860;
    color: #fff; }
    .navbar.is-danger .navbar-brand > .navbar-item,
    .navbar.is-danger .navbar-brand .navbar-link {
      color: #fff; }
    .navbar.is-danger .navbar-brand > a.navbar-item:focus, .navbar.is-danger .navbar-brand > a.navbar-item:hover, .navbar.is-danger .navbar-brand > a.navbar-item.is-active,
    .navbar.is-danger .navbar-brand .navbar-link:focus,
    .navbar.is-danger .navbar-brand .navbar-link:hover,
    .navbar.is-danger .navbar-brand .navbar-link.is-active {
      background-color: #ff1f4b;
      color: #fff; }
    .navbar.is-danger .navbar-brand .navbar-link::after {
      border-color: #fff; }
    .navbar.is-danger .navbar-burger {
      color: #fff; }
    @media screen and (min-width: 1024px) {
      .navbar.is-danger .navbar-start > .navbar-item,
      .navbar.is-danger .navbar-start .navbar-link,
      .navbar.is-danger .navbar-end > .navbar-item,
      .navbar.is-danger .navbar-end .navbar-link {
        color: #fff; }
      .navbar.is-danger .navbar-start > a.navbar-item:focus, .navbar.is-danger .navbar-start > a.navbar-item:hover, .navbar.is-danger .navbar-start > a.navbar-item.is-active,
      .navbar.is-danger .navbar-start .navbar-link:focus,
      .navbar.is-danger .navbar-start .navbar-link:hover,
      .navbar.is-danger .navbar-start .navbar-link.is-active,
      .navbar.is-danger .navbar-end > a.navbar-item:focus,
      .navbar.is-danger .navbar-end > a.navbar-item:hover,
      .navbar.is-danger .navbar-end > a.navbar-item.is-active,
      .navbar.is-danger .navbar-end .navbar-link:focus,
      .navbar.is-danger .navbar-end .navbar-link:hover,
      .navbar.is-danger .navbar-end .navbar-link.is-active {
        background-color: #ff1f4b;
        color: #fff; }
      .navbar.is-danger .navbar-start .navbar-link::after,
      .navbar.is-danger .navbar-end .navbar-link::after {
        border-color: #fff; }
      .navbar.is-danger .navbar-item.has-dropdown:focus .navbar-link,
      .navbar.is-danger .navbar-item.has-dropdown:hover .navbar-link,
      .navbar.is-danger .navbar-item.has-dropdown.is-active .navbar-link {
        background-color: #ff1f4b;
        color: #fff; }
      .navbar.is-danger .navbar-dropdown a.navbar-item.is-active {
        background-color: #ff3860;
        color: #fff; } }
  .navbar > .container {
    align-items: stretch;
    display: flex;
    min-height: 3.25rem;
    width: 100%; }
  .navbar.has-shadow {
    box-shadow: 0 2px 0 0 whitesmoke; }
  .navbar.is-fixed-bottom, .navbar.is-fixed-top {
    left: 0;
    position: fixed;
    right: 0;
    z-index: 30; }
  .navbar.is-fixed-bottom {
    bottom: 0; }
    .navbar.is-fixed-bottom.has-shadow {
      box-shadow: 0 -2px 0 0 whitesmoke; }
  .navbar.is-fixed-top {
    top: 0; }

html.has-navbar-fixed-top,
body.has-navbar-fixed-top {
  padding-top: 3.25rem; }

html.has-navbar-fixed-bottom,
body.has-navbar-fixed-bottom {
  padding-bottom: 3.25rem; }

.navbar-brand,
.navbar-tabs {
  align-items: stretch;
  display: flex;
  flex-shrink: 0;
  min-height: 3.25rem; }

.navbar-brand a.navbar-item:focus, .navbar-brand a.navbar-item:hover {
  background-color: transparent; }

.navbar-tabs {
  -webkit-overflow-scrolling: touch;
  max-width: 100vw;
  overflow-x: auto;
  overflow-y: hidden; }

.navbar-burger {
  color: #4a4a4a;
  cursor: pointer;
  display: block;
  height: 3.25rem;
  position: relative;
  width: 3.25rem;
  margin-left: auto; }
  .navbar-burger span {
    background-color: currentColor;
    display: block;
    height: 1px;
    left: calc(50% - 8px);
    position: absolute;
    transform-origin: center;
    transition-duration: 86ms;
    transition-property: background-color, opacity, transform;
    transition-timing-function: ease-out;
    width: 16px; }
    .navbar-burger span:nth-child(1) {
      top: calc(50% - 6px); }
    .navbar-burger span:nth-child(2) {
      top: calc(50% - 1px); }
    .navbar-burger span:nth-child(3) {
      top: calc(50% + 4px); }
  .navbar-burger:hover {
    background-color: rgba(0, 0, 0, 0.05); }
  .navbar-burger.is-active span:nth-child(1) {
    transform: translateY(5px) rotate(45deg); }
  .navbar-burger.is-active span:nth-child(2) {
    opacity: 0; }
  .navbar-burger.is-active span:nth-child(3) {
    transform: translateY(-5px) rotate(-45deg); }

.navbar-menu {
  display: none; }

.navbar-item,
.navbar-link {
  color: #4a4a4a;
  display: block;
  line-height: 1.5;
  padding: 0.5rem 0.75rem;
  position: relative; }
  .navbar-item .icon:only-child,
  .navbar-link .icon:only-child {
    margin-left: -0.25rem;
    margin-right: -0.25rem; }

a.navbar-item,
.navbar-link {
  cursor: pointer; }
  a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-item.is-active,
  .navbar-link:focus,
  .navbar-link:focus-within,
  .navbar-link:hover,
  .navbar-link.is-active {
    background-color: #fafafa;
    color: #3273dc; }

.navbar-item {
  display: block;
  flex-grow: 0;
  flex-shrink: 0; }
  .navbar-item img {
    max-height: 1.75rem; }
  .navbar-item.has-dropdown {
    padding: 0; }
  .navbar-item.is-expanded {
    flex-grow: 1;
    flex-shrink: 1; }
  .navbar-item.is-tab {
    border-bottom: 1px solid transparent;
    min-height: 3.25rem;
    padding-bottom: calc(0.5rem - 1px); }
    .navbar-item.is-tab:focus, .navbar-item.is-tab:hover {
      background-color: transparent;
      border-bottom-color: #3273dc; }
    .navbar-item.is-tab.is-active {
      background-color: transparent;
      border-bottom-color: #3273dc;
      border-bottom-style: solid;
      border-bottom-width: 3px;
      color: #3273dc;
      padding-bottom: calc(0.5rem - 3px); }

.navbar-content {
  flex-grow: 1;
  flex-shrink: 1; }

.navbar-link:not(.is-arrowless) {
  padding-right: 2.5em; }
  .navbar-link:not(.is-arrowless)::after {
    border-color: #3273dc;
    margin-top: -0.375em;
    right: 1.125em; }

.navbar-dropdown {
  font-size: 0.875rem;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem; }
  .navbar-dropdown .navbar-item {
    padding-left: 1.5rem;
    padding-right: 1.5rem; }

.navbar-divider {
  background-color: whitesmoke;
  border: none;
  display: none;
  height: 2px;
  margin: 0.5rem 0; }

@media screen and (max-width: 1023px) {
  .navbar > .container {
    display: block; }
  .navbar-brand .navbar-item,
  .navbar-tabs .navbar-item {
    align-items: center;
    display: flex; }
  .navbar-link::after {
    display: none; }
  .navbar-menu {
    background-color: white;
    box-shadow: 0 8px 16px rgba(10, 10, 10, 0.1);
    padding: 0.5rem 0; }
    .navbar-menu.is-active {
      display: block; }
  .navbar.is-fixed-bottom-touch, .navbar.is-fixed-top-touch {
    left: 0;
    position: fixed;
    right: 0;
    z-index: 30; }
  .navbar.is-fixed-bottom-touch {
    bottom: 0; }
    .navbar.is-fixed-bottom-touch.has-shadow {
      box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1); }
  .navbar.is-fixed-top-touch {
    top: 0; }
  .navbar.is-fixed-top .navbar-menu, .navbar.is-fixed-top-touch .navbar-menu {
    -webkit-overflow-scrolling: touch;
    max-height: calc(100vh - 3.25rem);
    overflow: auto; }
  html.has-navbar-fixed-top-touch,
  body.has-navbar-fixed-top-touch {
    padding-top: 3.25rem; }
  html.has-navbar-fixed-bottom-touch,
  body.has-navbar-fixed-bottom-touch {
    padding-bottom: 3.25rem; } }

@media screen and (min-width: 1024px) {
  .navbar,
  .navbar-menu,
  .navbar-start,
  .navbar-end {
    align-items: stretch;
    display: flex; }
  .navbar {
    min-height: 3.25rem; }
    .navbar.is-spaced {
      padding: 1rem 2rem; }
      .navbar.is-spaced .navbar-start,
      .navbar.is-spaced .navbar-end {
        align-items: center; }
      .navbar.is-spaced a.navbar-item,
      .navbar.is-spaced .navbar-link {
        border-radius: 4px; }
    .navbar.is-transparent a.navbar-item:focus, .navbar.is-transparent a.navbar-item:hover, .navbar.is-transparent a.navbar-item.is-active,
    .navbar.is-transparent .navbar-link:focus,
    .navbar.is-transparent .navbar-link:hover,
    .navbar.is-transparent .navbar-link.is-active {
      background-color: transparent !important; }
    .navbar.is-transparent .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus-within .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:hover .navbar-link {
      background-color: transparent !important; }
    .navbar.is-transparent .navbar-dropdown a.navbar-item:focus, .navbar.is-transparent .navbar-dropdown a.navbar-item:hover {
      background-color: whitesmoke;
      color: #0a0a0a; }
    .navbar.is-transparent .navbar-dropdown a.navbar-item.is-active {
      background-color: whitesmoke;
      color: #3273dc; }
  .navbar-burger {
    display: none; }
  .navbar-item,
  .navbar-link {
    align-items: center;
    display: flex; }
  .navbar-item {
    display: flex; }
    .navbar-item.has-dropdown {
      align-items: stretch; }
    .navbar-item.has-dropdown-up .navbar-link::after {
      transform: rotate(135deg) translate(0.25em, -0.25em); }
    .navbar-item.has-dropdown-up .navbar-dropdown {
      border-bottom: 2px solid #dbdbdb;
      border-radius: 6px 6px 0 0;
      border-top: none;
      bottom: 100%;
      box-shadow: 0 -8px 8px rgba(10, 10, 10, 0.1);
      top: auto; }
    .navbar-item.is-active .navbar-dropdown, .navbar-item.is-hoverable:focus .navbar-dropdown, .navbar-item.is-hoverable:focus-within .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown {
      display: block; }
      .navbar.is-spaced .navbar-item.is-active .navbar-dropdown, .navbar-item.is-active .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:focus .navbar-dropdown, .navbar-item.is-hoverable:focus .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:focus-within .navbar-dropdown, .navbar-item.is-hoverable:focus-within .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:hover .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown.is-boxed {
        opacity: 1;
        pointer-events: auto;
        transform: translateY(0); }
  .navbar-menu {
    flex-grow: 1;
    flex-shrink: 0; }
  .navbar-start {
    justify-content: flex-start;
    margin-right: auto; }
  .navbar-end {
    justify-content: flex-end;
    margin-left: auto; }
  .navbar-dropdown {
    background-color: white;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-top: 2px solid #dbdbdb;
    box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1);
    display: none;
    font-size: 0.875rem;
    left: 0;
    min-width: 100%;
    position: absolute;
    top: 100%;
    z-index: 20; }
    .navbar-dropdown .navbar-item {
      padding: 0.375rem 1rem;
      white-space: nowrap; }
    .navbar-dropdown a.navbar-item {
      padding-right: 3rem; }
      .navbar-dropdown a.navbar-item:focus, .navbar-dropdown a.navbar-item:hover {
        background-color: whitesmoke;
        color: #0a0a0a; }
      .navbar-dropdown a.navbar-item.is-active {
        background-color: whitesmoke;
        color: #3273dc; }
    .navbar.is-spaced .navbar-dropdown, .navbar-dropdown.is-boxed {
      border-radius: 6px;
      border-top: none;
      box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
      display: block;
      opacity: 0;
      pointer-events: none;
      top: calc(100% + (-4px));
      transform: translateY(-5px);
      transition-duration: 86ms;
      transition-property: opacity, transform; }
    .navbar-dropdown.is-right {
      left: auto;
      right: 0; }
  .navbar-divider {
    display: block; }
  .navbar > .container .navbar-brand,
  .container > .navbar .navbar-brand {
    margin-left: -.75rem; }
  .navbar > .container .navbar-menu,
  .container > .navbar .navbar-menu {
    margin-right: -.75rem; }
  .navbar.is-fixed-bottom-desktop, .navbar.is-fixed-top-desktop {
    left: 0;
    position: fixed;
    right: 0;
    z-index: 30; }
  .navbar.is-fixed-bottom-desktop {
    bottom: 0; }
    .navbar.is-fixed-bottom-desktop.has-shadow {
      box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1); }
  .navbar.is-fixed-top-desktop {
    top: 0; }
  html.has-navbar-fixed-top-desktop,
  body.has-navbar-fixed-top-desktop {
    padding-top: 3.25rem; }
  html.has-navbar-fixed-bottom-desktop,
  body.has-navbar-fixed-bottom-desktop {
    padding-bottom: 3.25rem; }
  html.has-spaced-navbar-fixed-top,
  body.has-spaced-navbar-fixed-top {
    padding-top: 5.25rem; }
  html.has-spaced-navbar-fixed-bottom,
  body.has-spaced-navbar-fixed-bottom {
    padding-bottom: 5.25rem; }
  a.navbar-item.is-active,
  .navbar-link.is-active {
    color: #0a0a0a; }
  a.navbar-item.is-active:not(:focus):not(:hover),
  .navbar-link.is-active:not(:focus):not(:hover) {
    background-color: transparent; }
  .navbar-item.has-dropdown:focus .navbar-link, .navbar-item.has-dropdown:hover .navbar-link, .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: #fafafa; } }

.hero.is-fullheight-with-navbar {
  min-height: calc(100vh - 3.25rem); }

.pagination {
  font-size: 1rem;
  margin: -0.25rem; }
  .pagination.is-small {
    font-size: 0.75rem; }
  .pagination.is-medium {
    font-size: 1.25rem; }
  .pagination.is-large {
    font-size: 1.5rem; }
  .pagination.is-rounded .pagination-previous,
  .pagination.is-rounded .pagination-next {
    padding-left: 1em;
    padding-right: 1em;
    border-radius: 290486px; }
  .pagination.is-rounded .pagination-link {
    border-radius: 290486px; }

.pagination,
.pagination-list {
  align-items: center;
  display: flex;
  justify-content: center;
  text-align: center; }

.pagination-previous,
.pagination-next,
.pagination-link,
.pagination-ellipsis {
  font-size: 1em;
  justify-content: center;
  margin: 0.25rem;
  padding-left: 0.5em;
  padding-right: 0.5em;
  text-align: center; }

.pagination-previous,
.pagination-next,
.pagination-link {
  border-color: #dbdbdb;
  color: #363636;
  min-width: 2.25em; }
  .pagination-previous:hover,
  .pagination-next:hover,
  .pagination-link:hover {
    border-color: #b5b5b5;
    color: #363636; }
  .pagination-previous:focus,
  .pagination-next:focus,
  .pagination-link:focus {
    border-color: #3273dc; }
  .pagination-previous:active,
  .pagination-next:active,
  .pagination-link:active {
    box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); }
  .pagination-previous[disabled],
  .pagination-next[disabled],
  .pagination-link[disabled] {
    background-color: #dbdbdb;
    border-color: #dbdbdb;
    box-shadow: none;
    color: #7a7a7a;
    opacity: 0.5; }

.pagination-previous,
.pagination-next {
  padding-left: 0.75em;
  padding-right: 0.75em;
  white-space: nowrap; }

.pagination-link.is-current {
  background-color: #3273dc;
  border-color: #3273dc;
  color: #fff; }

.pagination-ellipsis {
  color: #b5b5b5;
  pointer-events: none; }

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

@media screen and (max-width: 768px) {
  .pagination {
    flex-wrap: wrap; }
  .pagination-previous,
  .pagination-next {
    flex-grow: 1;
    flex-shrink: 1; }
  .pagination-list li {
    flex-grow: 1;
    flex-shrink: 1; } }

@media screen and (min-width: 769px), print {
  .pagination-list {
    flex-grow: 1;
    flex-shrink: 1;
    justify-content: flex-start;
    order: 1; }
  .pagination-previous {
    order: 2; }
  .pagination-next {
    order: 3; }
  .pagination {
    justify-content: space-between; }
    .pagination.is-centered .pagination-previous {
      order: 1; }
    .pagination.is-centered .pagination-list {
      justify-content: center;
      order: 2; }
    .pagination.is-centered .pagination-next {
      order: 3; }
    .pagination.is-right .pagination-previous {
      order: 1; }
    .pagination.is-right .pagination-next {
      order: 2; }
    .pagination.is-right .pagination-list {
      justify-content: flex-end;
      order: 3; } }

.panel {
  font-size: 1rem; }
  .panel:not(:last-child) {
    margin-bottom: 1.5rem; }

.panel-heading,
.panel-tabs,
.panel-block {
  border-bottom: 1px solid #dbdbdb;
  border-left: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb; }
  .panel-heading:first-child,
  .panel-tabs:first-child,
  .panel-block:first-child {
    border-top: 1px solid #dbdbdb; }

.panel-heading {
  background-color: whitesmoke;
  border-radius: 4px 4px 0 0;
  color: #363636;
  font-size: 1.25em;
  font-weight: 300;
  line-height: 1.25;
  padding: 0.5em 0.75em; }

.panel-tabs {
  align-items: flex-end;
  display: flex;
  font-size: 0.875em;
  justify-content: center; }
  .panel-tabs a {
    border-bottom: 1px solid #dbdbdb;
    margin-bottom: -1px;
    padding: 0.5em; }
    .panel-tabs a.is-active {
      border-bottom-color: #4a4a4a;
      color: #363636; }

.panel-list a {
  color: #4a4a4a; }
  .panel-list a:hover {
    color: #3273dc; }

.panel-block {
  align-items: center;
  color: #363636;
  display: flex;
  justify-content: flex-start;
  padding: 0.5em 0.75em; }
  .panel-block input[type="checkbox"] {
    margin-right: 0.75em; }
  .panel-block > .control {
    flex-grow: 1;
    flex-shrink: 1;
    width: 100%; }
  .panel-block.is-wrapped {
    flex-wrap: wrap; }
  .panel-block.is-active {
    border-left-color: #3273dc;
    color: #363636; }
    .panel-block.is-active .panel-icon {
      color: #3273dc; }

a.panel-block,
label.panel-block {
  cursor: pointer; }
  a.panel-block:hover,
  label.panel-block:hover {
    background-color: whitesmoke; }

.panel-icon {
  display: inline-block;
  font-size: 14px;
  height: 1em;
  line-height: 1em;
  text-align: center;
  vertical-align: top;
  width: 1em;
  color: #7a7a7a;
  margin-right: 0.75em; }
  .panel-icon .fa {
    font-size: inherit;
    line-height: inherit; }

.tabs {
  -webkit-overflow-scrolling: touch;
  align-items: stretch;
  display: flex;
  font-size: 1rem;
  justify-content: space-between;
  overflow: hidden;
  overflow-x: auto;
  white-space: nowrap; }
  .tabs a {
    align-items: center;
    border-bottom-color: #dbdbdb;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    color: #4a4a4a;
    display: flex;
    justify-content: center;
    margin-bottom: -1px;
    padding: 0.5em 1em;
    vertical-align: top; }
    .tabs a:hover {
      border-bottom-color: #363636;
      color: #363636; }
  .tabs li {
    display: block; }
    .tabs li.is-active a {
      border-bottom-color: #3273dc;
      color: #3273dc; }
  .tabs ul {
    align-items: center;
    border-bottom-color: #dbdbdb;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    display: flex;
    flex-grow: 1;
    flex-shrink: 0;
    justify-content: flex-start; }
    .tabs ul.is-left {
      padding-right: 0.75em; }
    .tabs ul.is-center {
      flex: none;
      justify-content: center;
      padding-left: 0.75em;
      padding-right: 0.75em; }
    .tabs ul.is-right {
      justify-content: flex-end;
      padding-left: 0.75em; }
  .tabs .icon:first-child {
    margin-right: 0.5em; }
  .tabs .icon:last-child {
    margin-left: 0.5em; }
  .tabs.is-centered ul {
    justify-content: center; }
  .tabs.is-right ul {
    justify-content: flex-end; }
  .tabs.is-boxed a {
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0; }
    .tabs.is-boxed a:hover {
      background-color: whitesmoke;
      border-bottom-color: #dbdbdb; }
  .tabs.is-boxed li.is-active a {
    background-color: white;
    border-color: #dbdbdb;
    border-bottom-color: transparent !important; }
  .tabs.is-fullwidth li {
    flex-grow: 1;
    flex-shrink: 0; }
  .tabs.is-toggle a {
    border-color: #dbdbdb;
    border-style: solid;
    border-width: 1px;
    margin-bottom: 0;
    position: relative; }
    .tabs.is-toggle a:hover {
      background-color: whitesmoke;
      border-color: #b5b5b5;
      z-index: 2; }
  .tabs.is-toggle li + li {
    margin-left: -1px; }
  .tabs.is-toggle li:first-child a {
    border-radius: 4px 0 0 4px; }
  .tabs.is-toggle li:last-child a {
    border-radius: 0 4px 4px 0; }
  .tabs.is-toggle li.is-active a {
    background-color: #3273dc;
    border-color: #3273dc;
    color: #fff;
    z-index: 1; }
  .tabs.is-toggle ul {
    border-bottom: none; }
  .tabs.is-toggle.is-toggle-rounded li:first-child a {
    border-bottom-left-radius: 290486px;
    border-top-left-radius: 290486px;
    padding-left: 1.25em; }
  .tabs.is-toggle.is-toggle-rounded li:last-child a {
    border-bottom-right-radius: 290486px;
    border-top-right-radius: 290486px;
    padding-right: 1.25em; }
  .tabs.is-small {
    font-size: 0.75rem; }
  .tabs.is-medium {
    font-size: 1.25rem; }
  .tabs.is-large {
    font-size: 1.5rem; }

.column {
  display: block;
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 1;
  padding: 0.75rem; }
  .columns.is-mobile > .column.is-narrow {
    flex: none; }
  .columns.is-mobile > .column.is-full {
    flex: none;
    width: 100%; }
  .columns.is-mobile > .column.is-three-quarters {
    flex: none;
    width: 75%; }
  .columns.is-mobile > .column.is-two-thirds {
    flex: none;
    width: 66.6666%; }
  .columns.is-mobile > .column.is-half {
    flex: none;
    width: 50%; }
  .columns.is-mobile > .column.is-one-third {
    flex: none;
    width: 33.3333%; }
  .columns.is-mobile > .column.is-one-quarter {
    flex: none;
    width: 25%; }
  .columns.is-mobile > .column.is-one-fifth {
    flex: none;
    width: 20%; }
  .columns.is-mobile > .column.is-two-fifths {
    flex: none;
    width: 40%; }
  .columns.is-mobile > .column.is-three-fifths {
    flex: none;
    width: 60%; }
  .columns.is-mobile > .column.is-four-fifths {
    flex: none;
    width: 80%; }
  .columns.is-mobile > .column.is-offset-three-quarters {
    margin-left: 75%; }
  .columns.is-mobile > .column.is-offset-two-thirds {
    margin-left: 66.6666%; }
  .columns.is-mobile > .column.is-offset-half {
    margin-left: 50%; }
  .columns.is-mobile > .column.is-offset-one-third {
    margin-left: 33.3333%; }
  .columns.is-mobile > .column.is-offset-one-quarter {
    margin-left: 25%; }
  .columns.is-mobile > .column.is-offset-one-fifth {
    margin-left: 20%; }
  .columns.is-mobile > .column.is-offset-two-fifths {
    margin-left: 40%; }
  .columns.is-mobile > .column.is-offset-three-fifths {
    margin-left: 60%; }
  .columns.is-mobile > .column.is-offset-four-fifths {
    margin-left: 80%; }
  .columns.is-mobile > .column.is-0 {
    flex: none;
    width: 0%; }
  .columns.is-mobile > .column.is-offset-0 {
    margin-left: 0%; }
  .columns.is-mobile > .column.is-1 {
    flex: none;
    width: 8.33333%; }
  .columns.is-mobile > .column.is-offset-1 {
    margin-left: 8.33333%; }
  .columns.is-mobile > .column.is-2 {
    flex: none;
    width: 16.66667%; }
  .columns.is-mobile > .column.is-offset-2 {
    margin-left: 16.66667%; }
  .columns.is-mobile > .column.is-3 {
    flex: none;
    width: 25%; }
  .columns.is-mobile > .column.is-offset-3 {
    margin-left: 25%; }
  .columns.is-mobile > .column.is-4 {
    flex: none;
    width: 33.33333%; }
  .columns.is-mobile > .column.is-offset-4 {
    margin-left: 33.33333%; }
  .columns.is-mobile > .column.is-5 {
    flex: none;
    width: 41.66667%; }
  .columns.is-mobile > .column.is-offset-5 {
    margin-left: 41.66667%; }
  .columns.is-mobile > .column.is-6 {
    flex: none;
    width: 50%; }
  .columns.is-mobile > .column.is-offset-6 {
    margin-left: 50%; }
  .columns.is-mobile > .column.is-7 {
    flex: none;
    width: 58.33333%; }
  .columns.is-mobile > .column.is-offset-7 {
    margin-left: 58.33333%; }
  .columns.is-mobile > .column.is-8 {
    flex: none;
    width: 66.66667%; }
  .columns.is-mobile > .column.is-offset-8 {
    margin-left: 66.66667%; }
  .columns.is-mobile > .column.is-9 {
    flex: none;
    width: 75%; }
  .columns.is-mobile > .column.is-offset-9 {
    margin-left: 75%; }
  .columns.is-mobile > .column.is-10 {
    flex: none;
    width: 83.33333%; }
  .columns.is-mobile > .column.is-offset-10 {
    margin-left: 83.33333%; }
  .columns.is-mobile > .column.is-11 {
    flex: none;
    width: 91.66667%; }
  .columns.is-mobile > .column.is-offset-11 {
    margin-left: 91.66667%; }
  .columns.is-mobile > .column.is-12 {
    flex: none;
    width: 100%; }
  .columns.is-mobile > .column.is-offset-12 {
    margin-left: 100%; }
  @media screen and (max-width: 768px) {
    .column.is-narrow-mobile {
      flex: none; }
    .column.is-full-mobile {
      flex: none;
      width: 100%; }
    .column.is-three-quarters-mobile {
      flex: none;
      width: 75%; }
    .column.is-two-thirds-mobile {
      flex: none;
      width: 66.6666%; }
    .column.is-half-mobile {
      flex: none;
      width: 50%; }
    .column.is-one-third-mobile {
      flex: none;
      width: 33.3333%; }
    .column.is-one-quarter-mobile {
      flex: none;
      width: 25%; }
    .column.is-one-fifth-mobile {
      flex: none;
      width: 20%; }
    .column.is-two-fifths-mobile {
      flex: none;
      width: 40%; }
    .column.is-three-fifths-mobile {
      flex: none;
      width: 60%; }
    .column.is-four-fifths-mobile {
      flex: none;
      width: 80%; }
    .column.is-offset-three-quarters-mobile {
      margin-left: 75%; }
    .column.is-offset-two-thirds-mobile {
      margin-left: 66.6666%; }
    .column.is-offset-half-mobile {
      margin-left: 50%; }
    .column.is-offset-one-third-mobile {
      margin-left: 33.3333%; }
    .column.is-offset-one-quarter-mobile {
      margin-left: 25%; }
    .column.is-offset-one-fifth-mobile {
      margin-left: 20%; }
    .column.is-offset-two-fifths-mobile {
      margin-left: 40%; }
    .column.is-offset-three-fifths-mobile {
      margin-left: 60%; }
    .column.is-offset-four-fifths-mobile {
      margin-left: 80%; }
    .column.is-0-mobile {
      flex: none;
      width: 0%; }
    .column.is-offset-0-mobile {
      margin-left: 0%; }
    .column.is-1-mobile {
      flex: none;
      width: 8.33333%; }
    .column.is-offset-1-mobile {
      margin-left: 8.33333%; }
    .column.is-2-mobile {
      flex: none;
      width: 16.66667%; }
    .column.is-offset-2-mobile {
      margin-left: 16.66667%; }
    .column.is-3-mobile {
      flex: none;
      width: 25%; }
    .column.is-offset-3-mobile {
      margin-left: 25%; }
    .column.is-4-mobile {
      flex: none;
      width: 33.33333%; }
    .column.is-offset-4-mobile {
      margin-left: 33.33333%; }
    .column.is-5-mobile {
      flex: none;
      width: 41.66667%; }
    .column.is-offset-5-mobile {
      margin-left: 41.66667%; }
    .column.is-6-mobile {
      flex: none;
      width: 50%; }
    .column.is-offset-6-mobile {
      margin-left: 50%; }
    .column.is-7-mobile {
      flex: none;
      width: 58.33333%; }
    .column.is-offset-7-mobile {
      margin-left: 58.33333%; }
    .column.is-8-mobile {
      flex: none;
      width: 66.66667%; }
    .column.is-offset-8-mobile {
      margin-left: 66.66667%; }
    .column.is-9-mobile {
      flex: none;
      width: 75%; }
    .column.is-offset-9-mobile {
      margin-left: 75%; }
    .column.is-10-mobile {
      flex: none;
      width: 83.33333%; }
    .column.is-offset-10-mobile {
      margin-left: 83.33333%; }
    .column.is-11-mobile {
      flex: none;
      width: 91.66667%; }
    .column.is-offset-11-mobile {
      margin-left: 91.66667%; }
    .column.is-12-mobile {
      flex: none;
      width: 100%; }
    .column.is-offset-12-mobile {
      margin-left: 100%; } }
  @media screen and (min-width: 769px), print {
    .column.is-narrow, .column.is-narrow-tablet {
      flex: none; }
    .column.is-full, .column.is-full-tablet {
      flex: none;
      width: 100%; }
    .column.is-three-quarters, .column.is-three-quarters-tablet {
      flex: none;
      width: 75%; }
    .column.is-two-thirds, .column.is-two-thirds-tablet {
      flex: none;
      width: 66.6666%; }
    .column.is-half, .column.is-half-tablet {
      flex: none;
      width: 50%; }
    .column.is-one-third, .column.is-one-third-tablet {
      flex: none;
      width: 33.3333%; }
    .column.is-one-quarter, .column.is-one-quarter-tablet {
      flex: none;
      width: 25%; }
    .column.is-one-fifth, .column.is-one-fifth-tablet {
      flex: none;
      width: 20%; }
    .column.is-two-fifths, .column.is-two-fifths-tablet {
      flex: none;
      width: 40%; }
    .column.is-three-fifths, .column.is-three-fifths-tablet {
      flex: none;
      width: 60%; }
    .column.is-four-fifths, .column.is-four-fifths-tablet {
      flex: none;
      width: 80%; }
    .column.is-offset-three-quarters, .column.is-offset-three-quarters-tablet {
      margin-left: 75%; }
    .column.is-offset-two-thirds, .column.is-offset-two-thirds-tablet {
      margin-left: 66.6666%; }
    .column.is-offset-half, .column.is-offset-half-tablet {
      margin-left: 50%; }
    .column.is-offset-one-third, .column.is-offset-one-third-tablet {
      margin-left: 33.3333%; }
    .column.is-offset-one-quarter, .column.is-offset-one-quarter-tablet {
      margin-left: 25%; }
    .column.is-offset-one-fifth, .column.is-offset-one-fifth-tablet {
      margin-left: 20%; }
    .column.is-offset-two-fifths, .column.is-offset-two-fifths-tablet {
      margin-left: 40%; }
    .column.is-offset-three-fifths, .column.is-offset-three-fifths-tablet {
      margin-left: 60%; }
    .column.is-offset-four-fifths, .column.is-offset-four-fifths-tablet {
      margin-left: 80%; }
    .column.is-0, .column.is-0-tablet {
      flex: none;
      width: 0%; }
    .column.is-offset-0, .column.is-offset-0-tablet {
      margin-left: 0%; }
    .column.is-1, .column.is-1-tablet {
      flex: none;
      width: 8.33333%; }
    .column.is-offset-1, .column.is-offset-1-tablet {
      margin-left: 8.33333%; }
    .column.is-2, .column.is-2-tablet {
      flex: none;
      width: 16.66667%; }
    .column.is-offset-2, .column.is-offset-2-tablet {
      margin-left: 16.66667%; }
    .column.is-3, .column.is-3-tablet {
      flex: none;
      width: 25%; }
    .column.is-offset-3, .column.is-offset-3-tablet {
      margin-left: 25%; }
    .column.is-4, .column.is-4-tablet {
      flex: none;
      width: 33.33333%; }
    .column.is-offset-4, .column.is-offset-4-tablet {
      margin-left: 33.33333%; }
    .column.is-5, .column.is-5-tablet {
      flex: none;
      width: 41.66667%; }
    .column.is-offset-5, .column.is-offset-5-tablet {
      margin-left: 41.66667%; }
    .column.is-6, .column.is-6-tablet {
      flex: none;
      width: 50%; }
    .column.is-offset-6, .column.is-offset-6-tablet {
      margin-left: 50%; }
    .column.is-7, .column.is-7-tablet {
      flex: none;
      width: 58.33333%; }
    .column.is-offset-7, .column.is-offset-7-tablet {
      margin-left: 58.33333%; }
    .column.is-8, .column.is-8-tablet {
      flex: none;
      width: 66.66667%; }
    .column.is-offset-8, .column.is-offset-8-tablet {
      margin-left: 66.66667%; }
    .column.is-9, .column.is-9-tablet {
      flex: none;
      width: 75%; }
    .column.is-offset-9, .column.is-offset-9-tablet {
      margin-left: 75%; }
    .column.is-10, .column.is-10-tablet {
      flex: none;
      width: 83.33333%; }
    .column.is-offset-10, .column.is-offset-10-tablet {
      margin-left: 83.33333%; }
    .column.is-11, .column.is-11-tablet {
      flex: none;
      width: 91.66667%; }
    .column.is-offset-11, .column.is-offset-11-tablet {
      margin-left: 91.66667%; }
    .column.is-12, .column.is-12-tablet {
      flex: none;
      width: 100%; }
    .column.is-offset-12, .column.is-offset-12-tablet {
      margin-left: 100%; } }
  @media screen and (max-width: 1023px) {
    .column.is-narrow-touch {
      flex: none; }
    .column.is-full-touch {
      flex: none;
      width: 100%; }
    .column.is-three-quarters-touch {
      flex: none;
      width: 75%; }
    .column.is-two-thirds-touch {
      flex: none;
      width: 66.6666%; }
    .column.is-half-touch {
      flex: none;
      width: 50%; }
    .column.is-one-third-touch {
      flex: none;
      width: 33.3333%; }
    .column.is-one-quarter-touch {
      flex: none;
      width: 25%; }
    .column.is-one-fifth-touch {
      flex: none;
      width: 20%; }
    .column.is-two-fifths-touch {
      flex: none;
      width: 40%; }
    .column.is-three-fifths-touch {
      flex: none;
      width: 60%; }
    .column.is-four-fifths-touch {
      flex: none;
      width: 80%; }
    .column.is-offset-three-quarters-touch {
      margin-left: 75%; }
    .column.is-offset-two-thirds-touch {
      margin-left: 66.6666%; }
    .column.is-offset-half-touch {
      margin-left: 50%; }
    .column.is-offset-one-third-touch {
      margin-left: 33.3333%; }
    .column.is-offset-one-quarter-touch {
      margin-left: 25%; }
    .column.is-offset-one-fifth-touch {
      margin-left: 20%; }
    .column.is-offset-two-fifths-touch {
      margin-left: 40%; }
    .column.is-offset-three-fifths-touch {
      margin-left: 60%; }
    .column.is-offset-four-fifths-touch {
      margin-left: 80%; }
    .column.is-0-touch {
      flex: none;
      width: 0%; }
    .column.is-offset-0-touch {
      margin-left: 0%; }
    .column.is-1-touch {
      flex: none;
      width: 8.33333%; }
    .column.is-offset-1-touch {
      margin-left: 8.33333%; }
    .column.is-2-touch {
      flex: none;
      width: 16.66667%; }
    .column.is-offset-2-touch {
      margin-left: 16.66667%; }
    .column.is-3-touch {
      flex: none;
      width: 25%; }
    .column.is-offset-3-touch {
      margin-left: 25%; }
    .column.is-4-touch {
      flex: none;
      width: 33.33333%; }
    .column.is-offset-4-touch {
      margin-left: 33.33333%; }
    .column.is-5-touch {
      flex: none;
      width: 41.66667%; }
    .column.is-offset-5-touch {
      margin-left: 41.66667%; }
    .column.is-6-touch {
      flex: none;
      width: 50%; }
    .column.is-offset-6-touch {
      margin-left: 50%; }
    .column.is-7-touch {
      flex: none;
      width: 58.33333%; }
    .column.is-offset-7-touch {
      margin-left: 58.33333%; }
    .column.is-8-touch {
      flex: none;
      width: 66.66667%; }
    .column.is-offset-8-touch {
      margin-left: 66.66667%; }
    .column.is-9-touch {
      flex: none;
      width: 75%; }
    .column.is-offset-9-touch {
      margin-left: 75%; }
    .column.is-10-touch {
      flex: none;
      width: 83.33333%; }
    .column.is-offset-10-touch {
      margin-left: 83.33333%; }
    .column.is-11-touch {
      flex: none;
      width: 91.66667%; }
    .column.is-offset-11-touch {
      margin-left: 91.66667%; }
    .column.is-12-touch {
      flex: none;
      width: 100%; }
    .column.is-offset-12-touch {
      margin-left: 100%; } }
  @media screen and (min-width: 1024px) {
    .column.is-narrow-desktop {
      flex: none; }
    .column.is-full-desktop {
      flex: none;
      width: 100%; }
    .column.is-three-quarters-desktop {
      flex: none;
      width: 75%; }
    .column.is-two-thirds-desktop {
      flex: none;
      width: 66.6666%; }
    .column.is-half-desktop {
      flex: none;
      width: 50%; }
    .column.is-one-third-desktop {
      flex: none;
      width: 33.3333%; }
    .column.is-one-quarter-desktop {
      flex: none;
      width: 25%; }
    .column.is-one-fifth-desktop {
      flex: none;
      width: 20%; }
    .column.is-two-fifths-desktop {
      flex: none;
      width: 40%; }
    .column.is-three-fifths-desktop {
      flex: none;
      width: 60%; }
    .column.is-four-fifths-desktop {
      flex: none;
      width: 80%; }
    .column.is-offset-three-quarters-desktop {
      margin-left: 75%; }
    .column.is-offset-two-thirds-desktop {
      margin-left: 66.6666%; }
    .column.is-offset-half-desktop {
      margin-left: 50%; }
    .column.is-offset-one-third-desktop {
      margin-left: 33.3333%; }
    .column.is-offset-one-quarter-desktop {
      margin-left: 25%; }
    .column.is-offset-one-fifth-desktop {
      margin-left: 20%; }
    .column.is-offset-two-fifths-desktop {
      margin-left: 40%; }
    .column.is-offset-three-fifths-desktop {
      margin-left: 60%; }
    .column.is-offset-four-fifths-desktop {
      margin-left: 80%; }
    .column.is-0-desktop {
      flex: none;
      width: 0%; }
    .column.is-offset-0-desktop {
      margin-left: 0%; }
    .column.is-1-desktop {
      flex: none;
      width: 8.33333%; }
    .column.is-offset-1-desktop {
      margin-left: 8.33333%; }
    .column.is-2-desktop {
      flex: none;
      width: 16.66667%; }
    .column.is-offset-2-desktop {
      margin-left: 16.66667%; }
    .column.is-3-desktop {
      flex: none;
      width: 25%; }
    .column.is-offset-3-desktop {
      margin-left: 25%; }
    .column.is-4-desktop {
      flex: none;
      width: 33.33333%; }
    .column.is-offset-4-desktop {
      margin-left: 33.33333%; }
    .column.is-5-desktop {
      flex: none;
      width: 41.66667%; }
    .column.is-offset-5-desktop {
      margin-left: 41.66667%; }
    .column.is-6-desktop {
      flex: none;
      width: 50%; }
    .column.is-offset-6-desktop {
      margin-left: 50%; }
    .column.is-7-desktop {
      flex: none;
      width: 58.33333%; }
    .column.is-offset-7-desktop {
      margin-left: 58.33333%; }
    .column.is-8-desktop {
      flex: none;
      width: 66.66667%; }
    .column.is-offset-8-desktop {
      margin-left: 66.66667%; }
    .column.is-9-desktop {
      flex: none;
      width: 75%; }
    .column.is-offset-9-desktop {
      margin-left: 75%; }
    .column.is-10-desktop {
      flex: none;
      width: 83.33333%; }
    .column.is-offset-10-desktop {
      margin-left: 83.33333%; }
    .column.is-11-desktop {
      flex: none;
      width: 91.66667%; }
    .column.is-offset-11-desktop {
      margin-left: 91.66667%; }
    .column.is-12-desktop {
      flex: none;
      width: 100%; }
    .column.is-offset-12-desktop {
      margin-left: 100%; } }
  @media screen and (min-width: 1216px) {
    .column.is-narrow-widescreen {
      flex: none; }
    .column.is-full-widescreen {
      flex: none;
      width: 100%; }
    .column.is-three-quarters-widescreen {
      flex: none;
      width: 75%; }
    .column.is-two-thirds-widescreen {
      flex: none;
      width: 66.6666%; }
    .column.is-half-widescreen {
      flex: none;
      width: 50%; }
    .column.is-one-third-widescreen {
      flex: none;
      width: 33.3333%; }
    .column.is-one-quarter-widescreen {
      flex: none;
      width: 25%; }
    .column.is-one-fifth-widescreen {
      flex: none;
      width: 20%; }
    .column.is-two-fifths-widescreen {
      flex: none;
      width: 40%; }
    .column.is-three-fifths-widescreen {
      flex: none;
      width: 60%; }
    .column.is-four-fifths-widescreen {
      flex: none;
      width: 80%; }
    .column.is-offset-three-quarters-widescreen {
      margin-left: 75%; }
    .column.is-offset-two-thirds-widescreen {
      margin-left: 66.6666%; }
    .column.is-offset-half-widescreen {
      margin-left: 50%; }
    .column.is-offset-one-third-widescreen {
      margin-left: 33.3333%; }
    .column.is-offset-one-quarter-widescreen {
      margin-left: 25%; }
    .column.is-offset-one-fifth-widescreen {
      margin-left: 20%; }
    .column.is-offset-two-fifths-widescreen {
      margin-left: 40%; }
    .column.is-offset-three-fifths-widescreen {
      margin-left: 60%; }
    .column.is-offset-four-fifths-widescreen {
      margin-left: 80%; }
    .column.is-0-widescreen {
      flex: none;
      width: 0%; }
    .column.is-offset-0-widescreen {
      margin-left: 0%; }
    .column.is-1-widescreen {
      flex: none;
      width: 8.33333%; }
    .column.is-offset-1-widescreen {
      margin-left: 8.33333%; }
    .column.is-2-widescreen {
      flex: none;
      width: 16.66667%; }
    .column.is-offset-2-widescreen {
      margin-left: 16.66667%; }
    .column.is-3-widescreen {
      flex: none;
      width: 25%; }
    .column.is-offset-3-widescreen {
      margin-left: 25%; }
    .column.is-4-widescreen {
      flex: none;
      width: 33.33333%; }
    .column.is-offset-4-widescreen {
      margin-left: 33.33333%; }
    .column.is-5-widescreen {
      flex: none;
      width: 41.66667%; }
    .column.is-offset-5-widescreen {
      margin-left: 41.66667%; }
    .column.is-6-widescreen {
      flex: none;
      width: 50%; }
    .column.is-offset-6-widescreen {
      margin-left: 50%; }
    .column.is-7-widescreen {
      flex: none;
      width: 58.33333%; }
    .column.is-offset-7-widescreen {
      margin-left: 58.33333%; }
    .column.is-8-widescreen {
      flex: none;
      width: 66.66667%; }
    .column.is-offset-8-widescreen {
      margin-left: 66.66667%; }
    .column.is-9-widescreen {
      flex: none;
      width: 75%; }
    .column.is-offset-9-widescreen {
      margin-left: 75%; }
    .column.is-10-widescreen {
      flex: none;
      width: 83.33333%; }
    .column.is-offset-10-widescreen {
      margin-left: 83.33333%; }
    .column.is-11-widescreen {
      flex: none;
      width: 91.66667%; }
    .column.is-offset-11-widescreen {
      margin-left: 91.66667%; }
    .column.is-12-widescreen {
      flex: none;
      width: 100%; }
    .column.is-offset-12-widescreen {
      margin-left: 100%; } }
  @media screen and (min-width: 1408px) {
    .column.is-narrow-fullhd {
      flex: none; }
    .column.is-full-fullhd {
      flex: none;
      width: 100%; }
    .column.is-three-quarters-fullhd {
      flex: none;
      width: 75%; }
    .column.is-two-thirds-fullhd {
      flex: none;
      width: 66.6666%; }
    .column.is-half-fullhd {
      flex: none;
      width: 50%; }
    .column.is-one-third-fullhd {
      flex: none;
      width: 33.3333%; }
    .column.is-one-quarter-fullhd {
      flex: none;
      width: 25%; }
    .column.is-one-fifth-fullhd {
      flex: none;
      width: 20%; }
    .column.is-two-fifths-fullhd {
      flex: none;
      width: 40%; }
    .column.is-three-fifths-fullhd {
      flex: none;
      width: 60%; }
    .column.is-four-fifths-fullhd {
      flex: none;
      width: 80%; }
    .column.is-offset-three-quarters-fullhd {
      margin-left: 75%; }
    .column.is-offset-two-thirds-fullhd {
      margin-left: 66.6666%; }
    .column.is-offset-half-fullhd {
      margin-left: 50%; }
    .column.is-offset-one-third-fullhd {
      margin-left: 33.3333%; }
    .column.is-offset-one-quarter-fullhd {
      margin-left: 25%; }
    .column.is-offset-one-fifth-fullhd {
      margin-left: 20%; }
    .column.is-offset-two-fifths-fullhd {
      margin-left: 40%; }
    .column.is-offset-three-fifths-fullhd {
      margin-left: 60%; }
    .column.is-offset-four-fifths-fullhd {
      margin-left: 80%; }
    .column.is-0-fullhd {
      flex: none;
      width: 0%; }
    .column.is-offset-0-fullhd {
      margin-left: 0%; }
    .column.is-1-fullhd {
      flex: none;
      width: 8.33333%; }
    .column.is-offset-1-fullhd {
      margin-left: 8.33333%; }
    .column.is-2-fullhd {
      flex: none;
      width: 16.66667%; }
    .column.is-offset-2-fullhd {
      margin-left: 16.66667%; }
    .column.is-3-fullhd {
      flex: none;
      width: 25%; }
    .column.is-offset-3-fullhd {
      margin-left: 25%; }
    .column.is-4-fullhd {
      flex: none;
      width: 33.33333%; }
    .column.is-offset-4-fullhd {
      margin-left: 33.33333%; }
    .column.is-5-fullhd {
      flex: none;
      width: 41.66667%; }
    .column.is-offset-5-fullhd {
      margin-left: 41.66667%; }
    .column.is-6-fullhd {
      flex: none;
      width: 50%; }
    .column.is-offset-6-fullhd {
      margin-left: 50%; }
    .column.is-7-fullhd {
      flex: none;
      width: 58.33333%; }
    .column.is-offset-7-fullhd {
      margin-left: 58.33333%; }
    .column.is-8-fullhd {
      flex: none;
      width: 66.66667%; }
    .column.is-offset-8-fullhd {
      margin-left: 66.66667%; }
    .column.is-9-fullhd {
      flex: none;
      width: 75%; }
    .column.is-offset-9-fullhd {
      margin-left: 75%; }
    .column.is-10-fullhd {
      flex: none;
      width: 83.33333%; }
    .column.is-offset-10-fullhd {
      margin-left: 83.33333%; }
    .column.is-11-fullhd {
      flex: none;
      width: 91.66667%; }
    .column.is-offset-11-fullhd {
      margin-left: 91.66667%; }
    .column.is-12-fullhd {
      flex: none;
      width: 100%; }
    .column.is-offset-12-fullhd {
      margin-left: 100%; } }

.columns {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  margin-top: -0.75rem; }
  .columns:last-child {
    margin-bottom: -0.75rem; }
  .columns:not(:last-child) {
    margin-bottom: calc(1.5rem - 0.75rem); }
  .columns.is-centered {
    justify-content: center; }
  .columns.is-gapless {
    margin-left: 0;
    margin-right: 0;
    margin-top: 0; }
    .columns.is-gapless > .column {
      margin: 0;
      padding: 0 !important; }
    .columns.is-gapless:not(:last-child) {
      margin-bottom: 1.5rem; }
    .columns.is-gapless:last-child {
      margin-bottom: 0; }
  .columns.is-mobile {
    display: flex; }
  .columns.is-multiline {
    flex-wrap: wrap; }
  .columns.is-vcentered {
    align-items: center; }
  @media screen and (min-width: 769px), print {
    .columns:not(.is-desktop) {
      display: flex; } }
  @media screen and (min-width: 1024px) {
    .columns.is-desktop {
      display: flex; } }

.columns.is-variable {
  --columnGap: 0.75rem;
  margin-left: calc(-1 * var(--columnGap));
  margin-right: calc(-1 * var(--columnGap)); }
  .columns.is-variable .column {
    padding-left: var(--columnGap);
    padding-right: var(--columnGap); }
  .columns.is-variable.is-0 {
    --columnGap: 0rem; }
  @media screen and (max-width: 768px) {
    .columns.is-variable.is-0-mobile {
      --columnGap: 0rem; } }
  @media screen and (min-width: 769px), print {
    .columns.is-variable.is-0-tablet {
      --columnGap: 0rem; } }
  @media screen and (min-width: 769px) and (max-width: 1023px) {
    .columns.is-variable.is-0-tablet-only {
      --columnGap: 0rem; } }
  @media screen and (max-width: 1023px) {
    .columns.is-variable.is-0-touch {
      --columnGap: 0rem; } }
  @media screen and (min-width: 1024px) {
    .columns.is-variable.is-0-desktop {
      --columnGap: 0rem; } }
  @media screen and (min-width: 1024px) and (max-width: 1215px) {
    .columns.is-variable.is-0-desktop-only {
      --columnGap: 0rem; } }
  @media screen and (min-width: 1216px) {
    .columns.is-variable.is-0-widescreen {
      --columnGap: 0rem; } }
  @media screen and (min-width: 1216px) and (max-width: 1407px) {
    .columns.is-variable.is-0-widescreen-only {
      --columnGap: 0rem; } }
  @media screen and (min-width: 1408px) {
    .columns.is-variable.is-0-fullhd {
      --columnGap: 0rem; } }
  .columns.is-variable.is-1 {
    --columnGap: 0.25rem; }
  @media screen and (max-width: 768px) {
    .columns.is-variable.is-1-mobile {
      --columnGap: 0.25rem; } }
  @media screen and (min-width: 769px), print {
    .columns.is-variable.is-1-tablet {
      --columnGap: 0.25rem; } }
  @media screen and (min-width: 769px) and (max-width: 1023px) {
    .columns.is-variable.is-1-tablet-only {
      --columnGap: 0.25rem; } }
  @media screen and (max-width: 1023px) {
    .columns.is-variable.is-1-touch {
      --columnGap: 0.25rem; } }
  @media screen and (min-width: 1024px) {
    .columns.is-variable.is-1-desktop {
      --columnGap: 0.25rem; } }
  @media screen and (min-width: 1024px) and (max-width: 1215px) {
    .columns.is-variable.is-1-desktop-only {
      --columnGap: 0.25rem; } }
  @media screen and (min-width: 1216px) {
    .columns.is-variable.is-1-widescreen {
      --columnGap: 0.25rem; } }
  @media screen and (min-width: 1216px) and (max-width: 1407px) {
    .columns.is-variable.is-1-widescreen-only {
      --columnGap: 0.25rem; } }
  @media screen and (min-width: 1408px) {
    .columns.is-variable.is-1-fullhd {
      --columnGap: 0.25rem; } }
  .columns.is-variable.is-2 {
    --columnGap: 0.5rem; }
  @media screen and (max-width: 768px) {
    .columns.is-variable.is-2-mobile {
      --columnGap: 0.5rem; } }
  @media screen and (min-width: 769px), print {
    .columns.is-variable.is-2-tablet {
      --columnGap: 0.5rem; } }
  @media screen and (min-width: 769px) and (max-width: 1023px) {
    .columns.is-variable.is-2-tablet-only {
      --columnGap: 0.5rem; } }
  @media screen and (max-width: 1023px) {
    .columns.is-variable.is-2-touch {
      --columnGap: 0.5rem; } }
  @media screen and (min-width: 1024px) {
    .columns.is-variable.is-2-desktop {
      --columnGap: 0.5rem; } }
  @media screen and (min-width: 1024px) and (max-width: 1215px) {
    .columns.is-variable.is-2-desktop-only {
      --columnGap: 0.5rem; } }
  @media screen and (min-width: 1216px) {
    .columns.is-variable.is-2-widescreen {
      --columnGap: 0.5rem; } }
  @media screen and (min-width: 1216px) and (max-width: 1407px) {
    .columns.is-variable.is-2-widescreen-only {
      --columnGap: 0.5rem; } }
  @media screen and (min-width: 1408px) {
    .columns.is-variable.is-2-fullhd {
      --columnGap: 0.5rem; } }
  .columns.is-variable.is-3 {
    --columnGap: 0.75rem; }
  @media screen and (max-width: 768px) {
    .columns.is-variable.is-3-mobile {
      --columnGap: 0.75rem; } }
  @media screen and (min-width: 769px), print {
    .columns.is-variable.is-3-tablet {
      --columnGap: 0.75rem; } }
  @media screen and (min-width: 769px) and (max-width: 1023px) {
    .columns.is-variable.is-3-tablet-only {
      --columnGap: 0.75rem; } }
  @media screen and (max-width: 1023px) {
    .columns.is-variable.is-3-touch {
      --columnGap: 0.75rem; } }
  @media screen and (min-width: 1024px) {
    .columns.is-variable.is-3-desktop {
      --columnGap: 0.75rem; } }
  @media screen and (min-width: 1024px) and (max-width: 1215px) {
    .columns.is-variable.is-3-desktop-only {
      --columnGap: 0.75rem; } }
  @media screen and (min-width: 1216px) {
    .columns.is-variable.is-3-widescreen {
      --columnGap: 0.75rem; } }
  @media screen and (min-width: 1216px) and (max-width: 1407px) {
    .columns.is-variable.is-3-widescreen-only {
      --columnGap: 0.75rem; } }
  @media screen and (min-width: 1408px) {
    .columns.is-variable.is-3-fullhd {
      --columnGap: 0.75rem; } }
  .columns.is-variable.is-4 {
    --columnGap: 1rem; }
  @media screen and (max-width: 768px) {
    .columns.is-variable.is-4-mobile {
      --columnGap: 1rem; } }
  @media screen and (min-width: 769px), print {
    .columns.is-variable.is-4-tablet {
      --columnGap: 1rem; } }
  @media screen and (min-width: 769px) and (max-width: 1023px) {
    .columns.is-variable.is-4-tablet-only {
      --columnGap: 1rem; } }
  @media screen and (max-width: 1023px) {
    .columns.is-variable.is-4-touch {
      --columnGap: 1rem; } }
  @media screen and (min-width: 1024px) {
    .columns.is-variable.is-4-desktop {
      --columnGap: 1rem; } }
  @media screen and (min-width: 1024px) and (max-width: 1215px) {
    .columns.is-variable.is-4-desktop-only {
      --columnGap: 1rem; } }
  @media screen and (min-width: 1216px) {
    .columns.is-variable.is-4-widescreen {
      --columnGap: 1rem; } }
  @media screen and (min-width: 1216px) and (max-width: 1407px) {
    .columns.is-variable.is-4-widescreen-only {
      --columnGap: 1rem; } }
  @media screen and (min-width: 1408px) {
    .columns.is-variable.is-4-fullhd {
      --columnGap: 1rem; } }
  .columns.is-variable.is-5 {
    --columnGap: 1.25rem; }
  @media screen and (max-width: 768px) {
    .columns.is-variable.is-5-mobile {
      --columnGap: 1.25rem; } }
  @media screen and (min-width: 769px), print {
    .columns.is-variable.is-5-tablet {
      --columnGap: 1.25rem; } }
  @media screen and (min-width: 769px) and (max-width: 1023px) {
    .columns.is-variable.is-5-tablet-only {
      --columnGap: 1.25rem; } }
  @media screen and (max-width: 1023px) {
    .columns.is-variable.is-5-touch {
      --columnGap: 1.25rem; } }
  @media screen and (min-width: 1024px) {
    .columns.is-variable.is-5-desktop {
      --columnGap: 1.25rem; } }
  @media screen and (min-width: 1024px) and (max-width: 1215px) {
    .columns.is-variable.is-5-desktop-only {
      --columnGap: 1.25rem; } }
  @media screen and (min-width: 1216px) {
    .columns.is-variable.is-5-widescreen {
      --columnGap: 1.25rem; } }
  @media screen and (min-width: 1216px) and (max-width: 1407px) {
    .columns.is-variable.is-5-widescreen-only {
      --columnGap: 1.25rem; } }
  @media screen and (min-width: 1408px) {
    .columns.is-variable.is-5-fullhd {
      --columnGap: 1.25rem; } }
  .columns.is-variable.is-6 {
    --columnGap: 1.5rem; }
  @media screen and (max-width: 768px) {
    .columns.is-variable.is-6-mobile {
      --columnGap: 1.5rem; } }
  @media screen and (min-width: 769px), print {
    .columns.is-variable.is-6-tablet {
      --columnGap: 1.5rem; } }
  @media screen and (min-width: 769px) and (max-width: 1023px) {
    .columns.is-variable.is-6-tablet-only {
      --columnGap: 1.5rem; } }
  @media screen and (max-width: 1023px) {
    .columns.is-variable.is-6-touch {
      --columnGap: 1.5rem; } }
  @media screen and (min-width: 1024px) {
    .columns.is-variable.is-6-desktop {
      --columnGap: 1.5rem; } }
  @media screen and (min-width: 1024px) and (max-width: 1215px) {
    .columns.is-variable.is-6-desktop-only {
      --columnGap: 1.5rem; } }
  @media screen and (min-width: 1216px) {
    .columns.is-variable.is-6-widescreen {
      --columnGap: 1.5rem; } }
  @media screen and (min-width: 1216px) and (max-width: 1407px) {
    .columns.is-variable.is-6-widescreen-only {
      --columnGap: 1.5rem; } }
  @media screen and (min-width: 1408px) {
    .columns.is-variable.is-6-fullhd {
      --columnGap: 1.5rem; } }
  .columns.is-variable.is-7 {
    --columnGap: 1.75rem; }
  @media screen and (max-width: 768px) {
    .columns.is-variable.is-7-mobile {
      --columnGap: 1.75rem; } }
  @media screen and (min-width: 769px), print {
    .columns.is-variable.is-7-tablet {
      --columnGap: 1.75rem; } }
  @media screen and (min-width: 769px) and (max-width: 1023px) {
    .columns.is-variable.is-7-tablet-only {
      --columnGap: 1.75rem; } }
  @media screen and (max-width: 1023px) {
    .columns.is-variable.is-7-touch {
      --columnGap: 1.75rem; } }
  @media screen and (min-width: 1024px) {
    .columns.is-variable.is-7-desktop {
      --columnGap: 1.75rem; } }
  @media screen and (min-width: 1024px) and (max-width: 1215px) {
    .columns.is-variable.is-7-desktop-only {
      --columnGap: 1.75rem; } }
  @media screen and (min-width: 1216px) {
    .columns.is-variable.is-7-widescreen {
      --columnGap: 1.75rem; } }
  @media screen and (min-width: 1216px) and (max-width: 1407px) {
    .columns.is-variable.is-7-widescreen-only {
      --columnGap: 1.75rem; } }
  @media screen and (min-width: 1408px) {
    .columns.is-variable.is-7-fullhd {
      --columnGap: 1.75rem; } }
  .columns.is-variable.is-8 {
    --columnGap: 2rem; }
  @media screen and (max-width: 768px) {
    .columns.is-variable.is-8-mobile {
      --columnGap: 2rem; } }
  @media screen and (min-width: 769px), print {
    .columns.is-variable.is-8-tablet {
      --columnGap: 2rem; } }
  @media screen and (min-width: 769px) and (max-width: 1023px) {
    .columns.is-variable.is-8-tablet-only {
      --columnGap: 2rem; } }
  @media screen and (max-width: 1023px) {
    .columns.is-variable.is-8-touch {
      --columnGap: 2rem; } }
  @media screen and (min-width: 1024px) {
    .columns.is-variable.is-8-desktop {
      --columnGap: 2rem; } }
  @media screen and (min-width: 1024px) and (max-width: 1215px) {
    .columns.is-variable.is-8-desktop-only {
      --columnGap: 2rem; } }
  @media screen and (min-width: 1216px) {
    .columns.is-variable.is-8-widescreen {
      --columnGap: 2rem; } }
  @media screen and (min-width: 1216px) and (max-width: 1407px) {
    .columns.is-variable.is-8-widescreen-only {
      --columnGap: 2rem; } }
  @media screen and (min-width: 1408px) {
    .columns.is-variable.is-8-fullhd {
      --columnGap: 2rem; } }

.tile {
  align-items: stretch;
  display: block;
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 1;
  min-height: min-content; }
  .tile.is-ancestor {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
    margin-top: -0.75rem; }
    .tile.is-ancestor:last-child {
      margin-bottom: -0.75rem; }
    .tile.is-ancestor:not(:last-child) {
      margin-bottom: 0.75rem; }
  .tile.is-child {
    margin: 0 !important; }
  .tile.is-parent {
    padding: 0.75rem; }
  .tile.is-vertical {
    flex-direction: column; }
    .tile.is-vertical > .tile.is-child:not(:last-child) {
      margin-bottom: 1.5rem !important; }
  @media screen and (min-width: 769px), print {
    .tile:not(.is-child) {
      display: flex; }
    .tile.is-1 {
      flex: none;
      width: 8.33333%; }
    .tile.is-2 {
      flex: none;
      width: 16.66667%; }
    .tile.is-3 {
      flex: none;
      width: 25%; }
    .tile.is-4 {
      flex: none;
      width: 33.33333%; }
    .tile.is-5 {
      flex: none;
      width: 41.66667%; }
    .tile.is-6 {
      flex: none;
      width: 50%; }
    .tile.is-7 {
      flex: none;
      width: 58.33333%; }
    .tile.is-8 {
      flex: none;
      width: 66.66667%; }
    .tile.is-9 {
      flex: none;
      width: 75%; }
    .tile.is-10 {
      flex: none;
      width: 83.33333%; }
    .tile.is-11 {
      flex: none;
      width: 91.66667%; }
    .tile.is-12 {
      flex: none;
      width: 100%; } }

.hero {
  align-items: stretch;
  display: flex;
  flex-direction: column;
  justify-content: space-between; }
  .hero .navbar {
    background: none; }
  .hero .tabs ul {
    border-bottom: none; }
  .hero.is-white {
    background-color: white;
    color: #0a0a0a; }
    .hero.is-white a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
    .hero.is-white strong {
      color: inherit; }
    .hero.is-white .title {
      color: #0a0a0a; }
    .hero.is-white .subtitle {
      color: rgba(10, 10, 10, 0.9); }
      .hero.is-white .subtitle a:not(.button),
      .hero.is-white .subtitle strong {
        color: #0a0a0a; }
    @media screen and (max-width: 1023px) {
      .hero.is-white .navbar-menu {
        background-color: white; } }
    .hero.is-white .navbar-item,
    .hero.is-white .navbar-link {
      color: rgba(10, 10, 10, 0.7); }
    .hero.is-white a.navbar-item:hover, .hero.is-white a.navbar-item.is-active,
    .hero.is-white .navbar-link:hover,
    .hero.is-white .navbar-link.is-active {
      background-color: #f2f2f2;
      color: #0a0a0a; }
    .hero.is-white .tabs a {
      color: #0a0a0a;
      opacity: 0.9; }
      .hero.is-white .tabs a:hover {
        opacity: 1; }
    .hero.is-white .tabs li.is-active a {
      opacity: 1; }
    .hero.is-white .tabs.is-boxed a, .hero.is-white .tabs.is-toggle a {
      color: #0a0a0a; }
      .hero.is-white .tabs.is-boxed a:hover, .hero.is-white .tabs.is-toggle a:hover {
        background-color: rgba(10, 10, 10, 0.1); }
    .hero.is-white .tabs.is-boxed li.is-active a, .hero.is-white .tabs.is-boxed li.is-active a:hover, .hero.is-white .tabs.is-toggle li.is-active a, .hero.is-white .tabs.is-toggle li.is-active a:hover {
      background-color: #0a0a0a;
      border-color: #0a0a0a;
      color: white; }
    .hero.is-white.is-bold {
      background-image: linear-gradient(141deg, #e6e6e6 0%, white 71%, white 100%); }
      @media screen and (max-width: 768px) {
        .hero.is-white.is-bold .navbar-menu {
          background-image: linear-gradient(141deg, #e6e6e6 0%, white 71%, white 100%); } }
  .hero.is-black {
    background-color: #0a0a0a;
    color: white; }
    .hero.is-black a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
    .hero.is-black strong {
      color: inherit; }
    .hero.is-black .title {
      color: white; }
    .hero.is-black .subtitle {
      color: rgba(255, 255, 255, 0.9); }
      .hero.is-black .subtitle a:not(.button),
      .hero.is-black .subtitle strong {
        color: white; }
    @media screen and (max-width: 1023px) {
      .hero.is-black .navbar-menu {
        background-color: #0a0a0a; } }
    .hero.is-black .navbar-item,
    .hero.is-black .navbar-link {
      color: rgba(255, 255, 255, 0.7); }
    .hero.is-black a.navbar-item:hover, .hero.is-black a.navbar-item.is-active,
    .hero.is-black .navbar-link:hover,
    .hero.is-black .navbar-link.is-active {
      background-color: black;
      color: white; }
    .hero.is-black .tabs a {
      color: white;
      opacity: 0.9; }
      .hero.is-black .tabs a:hover {
        opacity: 1; }
    .hero.is-black .tabs li.is-active a {
      opacity: 1; }
    .hero.is-black .tabs.is-boxed a, .hero.is-black .tabs.is-toggle a {
      color: white; }
      .hero.is-black .tabs.is-boxed a:hover, .hero.is-black .tabs.is-toggle a:hover {
        background-color: rgba(10, 10, 10, 0.1); }
    .hero.is-black .tabs.is-boxed li.is-active a, .hero.is-black .tabs.is-boxed li.is-active a:hover, .hero.is-black .tabs.is-toggle li.is-active a, .hero.is-black .tabs.is-toggle li.is-active a:hover {
      background-color: white;
      border-color: white;
      color: #0a0a0a; }
    .hero.is-black.is-bold {
      background-image: linear-gradient(141deg, black 0%, #0a0a0a 71%, #181616 100%); }
      @media screen and (max-width: 768px) {
        .hero.is-black.is-bold .navbar-menu {
          background-image: linear-gradient(141deg, black 0%, #0a0a0a 71%, #181616 100%); } }
  .hero.is-light {
    background-color: whitesmoke;
    color: #363636; }
    .hero.is-light a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
    .hero.is-light strong {
      color: inherit; }
    .hero.is-light .title {
      color: #363636; }
    .hero.is-light .subtitle {
      color: rgba(54, 54, 54, 0.9); }
      .hero.is-light .subtitle a:not(.button),
      .hero.is-light .subtitle strong {
        color: #363636; }
    @media screen and (max-width: 1023px) {
      .hero.is-light .navbar-menu {
        background-color: whitesmoke; } }
    .hero.is-light .navbar-item,
    .hero.is-light .navbar-link {
      color: rgba(54, 54, 54, 0.7); }
    .hero.is-light a.navbar-item:hover, .hero.is-light a.navbar-item.is-active,
    .hero.is-light .navbar-link:hover,
    .hero.is-light .navbar-link.is-active {
      background-color: #e8e8e8;
      color: #363636; }
    .hero.is-light .tabs a {
      color: #363636;
      opacity: 0.9; }
      .hero.is-light .tabs a:hover {
        opacity: 1; }
    .hero.is-light .tabs li.is-active a {
      opacity: 1; }
    .hero.is-light .tabs.is-boxed a, .hero.is-light .tabs.is-toggle a {
      color: #363636; }
      .hero.is-light .tabs.is-boxed a:hover, .hero.is-light .tabs.is-toggle a:hover {
        background-color: rgba(10, 10, 10, 0.1); }
    .hero.is-light .tabs.is-boxed li.is-active a, .hero.is-light .tabs.is-boxed li.is-active a:hover, .hero.is-light .tabs.is-toggle li.is-active a, .hero.is-light .tabs.is-toggle li.is-active a:hover {
      background-color: #363636;
      border-color: #363636;
      color: whitesmoke; }
    .hero.is-light.is-bold {
      background-image: linear-gradient(141deg, #dfd8d9 0%, whitesmoke 71%, white 100%); }
      @media screen and (max-width: 768px) {
        .hero.is-light.is-bold .navbar-menu {
          background-image: linear-gradient(141deg, #dfd8d9 0%, whitesmoke 71%, white 100%); } }
  .hero.is-dark {
    background-color: #363636;
    color: whitesmoke; }
    .hero.is-dark a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
    .hero.is-dark strong {
      color: inherit; }
    .hero.is-dark .title {
      color: whitesmoke; }
    .hero.is-dark .subtitle {
      color: rgba(245, 245, 245, 0.9); }
      .hero.is-dark .subtitle a:not(.button),
      .hero.is-dark .subtitle strong {
        color: whitesmoke; }
    @media screen and (max-width: 1023px) {
      .hero.is-dark .navbar-menu {
        background-color: #363636; } }
    .hero.is-dark .navbar-item,
    .hero.is-dark .navbar-link {
      color: rgba(245, 245, 245, 0.7); }
    .hero.is-dark a.navbar-item:hover, .hero.is-dark a.navbar-item.is-active,
    .hero.is-dark .navbar-link:hover,
    .hero.is-dark .navbar-link.is-active {
      background-color: #292929;
      color: whitesmoke; }
    .hero.is-dark .tabs a {
      color: whitesmoke;
      opacity: 0.9; }
      .hero.is-dark .tabs a:hover {
        opacity: 1; }
    .hero.is-dark .tabs li.is-active a {
      opacity: 1; }
    .hero.is-dark .tabs.is-boxed a, .hero.is-dark .tabs.is-toggle a {
      color: whitesmoke; }
      .hero.is-dark .tabs.is-boxed a:hover, .hero.is-dark .tabs.is-toggle a:hover {
        background-color: rgba(10, 10, 10, 0.1); }
    .hero.is-dark .tabs.is-boxed li.is-active a, .hero.is-dark .tabs.is-boxed li.is-active a:hover, .hero.is-dark .tabs.is-toggle li.is-active a, .hero.is-dark .tabs.is-toggle li.is-active a:hover {
      background-color: whitesmoke;
      border-color: whitesmoke;
      color: #363636; }
    .hero.is-dark.is-bold {
      background-image: linear-gradient(141deg, #1f191a 0%, #363636 71%, #46403f 100%); }
      @media screen and (max-width: 768px) {
        .hero.is-dark.is-bold .navbar-menu {
          background-image: linear-gradient(141deg, #1f191a 0%, #363636 71%, #46403f 100%); } }
  .hero.is-primary {
    background-color: #00d1b2;
    color: #fff; }
    .hero.is-primary a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
    .hero.is-primary strong {
      color: inherit; }
    .hero.is-primary .title {
      color: #fff; }
    .hero.is-primary .subtitle {
      color: rgba(255, 255, 255, 0.9); }
      .hero.is-primary .subtitle a:not(.button),
      .hero.is-primary .subtitle strong {
        color: #fff; }
    @media screen and (max-width: 1023px) {
      .hero.is-primary .navbar-menu {
        background-color: #00d1b2; } }
    .hero.is-primary .navbar-item,
    .hero.is-primary .navbar-link {
      color: rgba(255, 255, 255, 0.7); }
    .hero.is-primary a.navbar-item:hover, .hero.is-primary a.navbar-item.is-active,
    .hero.is-primary .navbar-link:hover,
    .hero.is-primary .navbar-link.is-active {
      background-color: #00b89c;
      color: #fff; }
    .hero.is-primary .tabs a {
      color: #fff;
      opacity: 0.9; }
      .hero.is-primary .tabs a:hover {
        opacity: 1; }
    .hero.is-primary .tabs li.is-active a {
      opacity: 1; }
    .hero.is-primary .tabs.is-boxed a, .hero.is-primary .tabs.is-toggle a {
      color: #fff; }
      .hero.is-primary .tabs.is-boxed a:hover, .hero.is-primary .tabs.is-toggle a:hover {
        background-color: rgba(10, 10, 10, 0.1); }
    .hero.is-primary .tabs.is-boxed li.is-active a, .hero.is-primary .tabs.is-boxed li.is-active a:hover, .hero.is-primary .tabs.is-toggle li.is-active a, .hero.is-primary .tabs.is-toggle li.is-active a:hover {
      background-color: #fff;
      border-color: #fff;
      color: #00d1b2; }
    .hero.is-primary.is-bold {
      background-image: linear-gradient(141deg, #009e6c 0%, #00d1b2 71%, #00e7eb 100%); }
      @media screen and (max-width: 768px) {
        .hero.is-primary.is-bold .navbar-menu {
          background-image: linear-gradient(141deg, #009e6c 0%, #00d1b2 71%, #00e7eb 100%); } }
  .hero.is-link {
    background-color: #3273dc;
    color: #fff; }
    .hero.is-link a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
    .hero.is-link strong {
      color: inherit; }
    .hero.is-link .title {
      color: #fff; }
    .hero.is-link .subtitle {
      color: rgba(255, 255, 255, 0.9); }
      .hero.is-link .subtitle a:not(.button),
      .hero.is-link .subtitle strong {
        color: #fff; }
    @media screen and (max-width: 1023px) {
      .hero.is-link .navbar-menu {
        background-color: #3273dc; } }
    .hero.is-link .navbar-item,
    .hero.is-link .navbar-link {
      color: rgba(255, 255, 255, 0.7); }
    .hero.is-link a.navbar-item:hover, .hero.is-link a.navbar-item.is-active,
    .hero.is-link .navbar-link:hover,
    .hero.is-link .navbar-link.is-active {
      background-color: #2366d1;
      color: #fff; }
    .hero.is-link .tabs a {
      color: #fff;
      opacity: 0.9; }
      .hero.is-link .tabs a:hover {
        opacity: 1; }
    .hero.is-link .tabs li.is-active a {
      opacity: 1; }
    .hero.is-link .tabs.is-boxed a, .hero.is-link .tabs.is-toggle a {
      color: #fff; }
      .hero.is-link .tabs.is-boxed a:hover, .hero.is-link .tabs.is-toggle a:hover {
        background-color: rgba(10, 10, 10, 0.1); }
    .hero.is-link .tabs.is-boxed li.is-active a, .hero.is-link .tabs.is-boxed li.is-active a:hover, .hero.is-link .tabs.is-toggle li.is-active a, .hero.is-link .tabs.is-toggle li.is-active a:hover {
      background-color: #fff;
      border-color: #fff;
      color: #3273dc; }
    .hero.is-link.is-bold {
      background-image: linear-gradient(141deg, #1577c6 0%, #3273dc 71%, #4366e5 100%); }
      @media screen and (max-width: 768px) {
        .hero.is-link.is-bold .navbar-menu {
          background-image: linear-gradient(141deg, #1577c6 0%, #3273dc 71%, #4366e5 100%); } }
  .hero.is-info {
    background-color: #209cee;
    color: #fff; }
    .hero.is-info a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
    .hero.is-info strong {
      color: inherit; }
    .hero.is-info .title {
      color: #fff; }
    .hero.is-info .subtitle {
      color: rgba(255, 255, 255, 0.9); }
      .hero.is-info .subtitle a:not(.button),
      .hero.is-info .subtitle strong {
        color: #fff; }
    @media screen and (max-width: 1023px) {
      .hero.is-info .navbar-menu {
        background-color: #209cee; } }
    .hero.is-info .navbar-item,
    .hero.is-info .navbar-link {
      color: rgba(255, 255, 255, 0.7); }
    .hero.is-info a.navbar-item:hover, .hero.is-info a.navbar-item.is-active,
    .hero.is-info .navbar-link:hover,
    .hero.is-info .navbar-link.is-active {
      background-color: #118fe4;
      color: #fff; }
    .hero.is-info .tabs a {
      color: #fff;
      opacity: 0.9; }
      .hero.is-info .tabs a:hover {
        opacity: 1; }
    .hero.is-info .tabs li.is-active a {
      opacity: 1; }
    .hero.is-info .tabs.is-boxed a, .hero.is-info .tabs.is-toggle a {
      color: #fff; }
      .hero.is-info .tabs.is-boxed a:hover, .hero.is-info .tabs.is-toggle a:hover {
        background-color: rgba(10, 10, 10, 0.1); }
    .hero.is-info .tabs.is-boxed li.is-active a, .hero.is-info .tabs.is-boxed li.is-active a:hover, .hero.is-info .tabs.is-toggle li.is-active a, .hero.is-info .tabs.is-toggle li.is-active a:hover {
      background-color: #fff;
      border-color: #fff;
      color: #209cee; }
    .hero.is-info.is-bold {
      background-image: linear-gradient(141deg, #04a6d7 0%, #209cee 71%, #3287f5 100%); }
      @media screen and (max-width: 768px) {
        .hero.is-info.is-bold .navbar-menu {
          background-image: linear-gradient(141deg, #04a6d7 0%, #209cee 71%, #3287f5 100%); } }
  .hero.is-success {
    background-color: #23d160;
    color: #fff; }
    .hero.is-success a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
    .hero.is-success strong {
      color: inherit; }
    .hero.is-success .title {
      color: #fff; }
    .hero.is-success .subtitle {
      color: rgba(255, 255, 255, 0.9); }
      .hero.is-success .subtitle a:not(.button),
      .hero.is-success .subtitle strong {
        color: #fff; }
    @media screen and (max-width: 1023px) {
      .hero.is-success .navbar-menu {
        background-color: #23d160; } }
    .hero.is-success .navbar-item,
    .hero.is-success .navbar-link {
      color: rgba(255, 255, 255, 0.7); }
    .hero.is-success a.navbar-item:hover, .hero.is-success a.navbar-item.is-active,
    .hero.is-success .navbar-link:hover,
    .hero.is-success .navbar-link.is-active {
      background-color: #20bc56;
      color: #fff; }
    .hero.is-success .tabs a {
      color: #fff;
      opacity: 0.9; }
      .hero.is-success .tabs a:hover {
        opacity: 1; }
    .hero.is-success .tabs li.is-active a {
      opacity: 1; }
    .hero.is-success .tabs.is-boxed a, .hero.is-success .tabs.is-toggle a {
      color: #fff; }
      .hero.is-success .tabs.is-boxed a:hover, .hero.is-success .tabs.is-toggle a:hover {
        background-color: rgba(10, 10, 10, 0.1); }
    .hero.is-success .tabs.is-boxed li.is-active a, .hero.is-success .tabs.is-boxed li.is-active a:hover, .hero.is-success .tabs.is-toggle li.is-active a, .hero.is-success .tabs.is-toggle li.is-active a:hover {
      background-color: #fff;
      border-color: #fff;
      color: #23d160; }
    .hero.is-success.is-bold {
      background-image: linear-gradient(141deg, #12af2f 0%, #23d160 71%, #2ce28a 100%); }
      @media screen and (max-width: 768px) {
        .hero.is-success.is-bold .navbar-menu {
          background-image: linear-gradient(141deg, #12af2f 0%, #23d160 71%, #2ce28a 100%); } }
  .hero.is-warning {
    background-color: #ffdd57;
    color: rgba(0, 0, 0, 0.7); }
    .hero.is-warning a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
    .hero.is-warning strong {
      color: inherit; }
    .hero.is-warning .title {
      color: rgba(0, 0, 0, 0.7); }
    .hero.is-warning .subtitle {
      color: rgba(0, 0, 0, 0.9); }
      .hero.is-warning .subtitle a:not(.button),
      .hero.is-warning .subtitle strong {
        color: rgba(0, 0, 0, 0.7); }
    @media screen and (max-width: 1023px) {
      .hero.is-warning .navbar-menu {
        background-color: #ffdd57; } }
    .hero.is-warning .navbar-item,
    .hero.is-warning .navbar-link {
      color: rgba(0, 0, 0, 0.7); }
    .hero.is-warning a.navbar-item:hover, .hero.is-warning a.navbar-item.is-active,
    .hero.is-warning .navbar-link:hover,
    .hero.is-warning .navbar-link.is-active {
      background-color: #ffd83d;
      color: rgba(0, 0, 0, 0.7); }
    .hero.is-warning .tabs a {
      color: rgba(0, 0, 0, 0.7);
      opacity: 0.9; }
      .hero.is-warning .tabs a:hover {
        opacity: 1; }
    .hero.is-warning .tabs li.is-active a {
      opacity: 1; }
    .hero.is-warning .tabs.is-boxed a, .hero.is-warning .tabs.is-toggle a {
      color: rgba(0, 0, 0, 0.7); }
      .hero.is-warning .tabs.is-boxed a:hover, .hero.is-warning .tabs.is-toggle a:hover {
        background-color: rgba(10, 10, 10, 0.1); }
    .hero.is-warning .tabs.is-boxed li.is-active a, .hero.is-warning .tabs.is-boxed li.is-active a:hover, .hero.is-warning .tabs.is-toggle li.is-active a, .hero.is-warning .tabs.is-toggle li.is-active a:hover {
      background-color: rgba(0, 0, 0, 0.7);
      border-color: rgba(0, 0, 0, 0.7);
      color: #ffdd57; }
    .hero.is-warning.is-bold {
      background-image: linear-gradient(141deg, #ffaf24 0%, #ffdd57 71%, #fffa70 100%); }
      @media screen and (max-width: 768px) {
        .hero.is-warning.is-bold .navbar-menu {
          background-image: linear-gradient(141deg, #ffaf24 0%, #ffdd57 71%, #fffa70 100%); } }
  .hero.is-danger {
    background-color: #ff3860;
    color: #fff; }
    .hero.is-danger a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
    .hero.is-danger strong {
      color: inherit; }
    .hero.is-danger .title {
      color: #fff; }
    .hero.is-danger .subtitle {
      color: rgba(255, 255, 255, 0.9); }
      .hero.is-danger .subtitle a:not(.button),
      .hero.is-danger .subtitle strong {
        color: #fff; }
    @media screen and (max-width: 1023px) {
      .hero.is-danger .navbar-menu {
        background-color: #ff3860; } }
    .hero.is-danger .navbar-item,
    .hero.is-danger .navbar-link {
      color: rgba(255, 255, 255, 0.7); }
    .hero.is-danger a.navbar-item:hover, .hero.is-danger a.navbar-item.is-active,
    .hero.is-danger .navbar-link:hover,
    .hero.is-danger .navbar-link.is-active {
      background-color: #ff1f4b;
      color: #fff; }
    .hero.is-danger .tabs a {
      color: #fff;
      opacity: 0.9; }
      .hero.is-danger .tabs a:hover {
        opacity: 1; }
    .hero.is-danger .tabs li.is-active a {
      opacity: 1; }
    .hero.is-danger .tabs.is-boxed a, .hero.is-danger .tabs.is-toggle a {
      color: #fff; }
      .hero.is-danger .tabs.is-boxed a:hover, .hero.is-danger .tabs.is-toggle a:hover {
        background-color: rgba(10, 10, 10, 0.1); }
    .hero.is-danger .tabs.is-boxed li.is-active a, .hero.is-danger .tabs.is-boxed li.is-active a:hover, .hero.is-danger .tabs.is-toggle li.is-active a, .hero.is-danger .tabs.is-toggle li.is-active a:hover {
      background-color: #fff;
      border-color: #fff;
      color: #ff3860; }
    .hero.is-danger.is-bold {
      background-image: linear-gradient(141deg, #ff0561 0%, #ff3860 71%, #ff5257 100%); }
      @media screen and (max-width: 768px) {
        .hero.is-danger.is-bold .navbar-menu {
          background-image: linear-gradient(141deg, #ff0561 0%, #ff3860 71%, #ff5257 100%); } }
  .hero.is-small .hero-body {
    padding-bottom: 1.5rem;
    padding-top: 1.5rem; }
  @media screen and (min-width: 769px), print {
    .hero.is-medium .hero-body {
      padding-bottom: 9rem;
      padding-top: 9rem; } }
  @media screen and (min-width: 769px), print {
    .hero.is-large .hero-body {
      padding-bottom: 18rem;
      padding-top: 18rem; } }
  .hero.is-halfheight .hero-body, .hero.is-fullheight .hero-body, .hero.is-fullheight-with-navbar .hero-body {
    align-items: center;
    display: flex; }
    .hero.is-halfheight .hero-body > .container, .hero.is-fullheight .hero-body > .container, .hero.is-fullheight-with-navbar .hero-body > .container {
      flex-grow: 1;
      flex-shrink: 1; }
  .hero.is-halfheight {
    min-height: 50vh; }
  .hero.is-fullheight {
    min-height: 100vh; }

.hero-video {
  overflow: hidden; }
  .hero-video video {
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 50%;
    transform: translate3d(-50%, -50%, 0); }
  .hero-video.is-transparent {
    opacity: 0.3; }
  @media screen and (max-width: 768px) {
    .hero-video {
      display: none; } }

.hero-buttons {
  margin-top: 1.5rem; }
  @media screen and (max-width: 768px) {
    .hero-buttons .button {
      display: flex; }
      .hero-buttons .button:not(:last-child) {
        margin-bottom: 0.75rem; } }
  @media screen and (min-width: 769px), print {
    .hero-buttons {
      display: flex;
      justify-content: center; }
      .hero-buttons .button:not(:last-child) {
        margin-right: 1.5rem; } }

.hero-head,
.hero-foot {
  flex-grow: 0;
  flex-shrink: 0; }

.hero-body {
  flex-grow: 1;
  flex-shrink: 0;
  padding: 3rem 1.5rem; }

.section {
  padding: 3rem 1.5rem; }
  @media screen and (min-width: 1024px) {
    .section.is-medium {
      padding: 9rem 1.5rem; }
    .section.is-large {
      padding: 18rem 1.5rem; } }

.footer {
  background-color: #fafafa;
  padding: 3rem 1.5rem 6rem; }

/*! core_demo.scss | Bulkit | CSS Ninja */
/* ==========================================================================
Components core
========================================================================== */
/***
TABLE OF CONTENTS
=============================================================================
0. CSS Imports
=============================================================================
***/
/* ==========================================================================
0. CSS Imports
========================================================================== */
/*! themes/_colors.scss | Bulkit | CSS Ninja */
/* ==========================================================================
Bulkit general color variables 
========================================================================== */
/***
TABLE OF CONTENTS
=============================================================================
0. Bulkit colors
1. State colors
2. Social colors
3. Predefined gradients
4. Predefined box shadows
=============================================================================
***/
/* ==========================================================================
0. Bulkit colors
========================================================================== */
/* ==========================================================================
1. State colors
========================================================================== */
/* ==========================================================================
2. Social colors
========================================================================== */
/* ==========================================================================
3. Predefined gradients
========================================================================== */
/* Chrome 10-25, Safari 5.1-6 */
/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
/* ==========================================================================
4. Predefined box shadows
========================================================================== */
/*! themes/_main.scss | Bulkit | CSS Ninja */
/* ==========================================================================
Main theme variables and styles (Main theme is used in "Startup Kit", in "Landing kit v1" and in all components pages)
========================================================================== */
/***
TABLE OF CONTENTS
=============================================================================
0. Theme color variables
1. Theme gradient
2. Box shadows
3. Pageloader
4. Theme specific Hero
=============================================================================
***/
/* ==========================================================================
0. Theme color variables
========================================================================== */
/* ==========================================================================
1. Theme gradient
========================================================================== */
/* ==========================================================================
2. Box shadows
========================================================================== */
/* ==========================================================================
3. Pageloader
========================================================================== */
.pageloader {
  background-color: #78c800;
  background: linear-gradient(to top, #78c800, #ebf2fa) !important; }

/* ==========================================================================
4. Theme specific Hero
========================================================================== */
.hero.is-theme-secondary, .section.is-theme-secondary {
  background-color: #78c800;
  background: linear-gradient(to right, #78c800, #ebf2fa);
  background: linear-gradient(to top, #78c800, #ebf2fa); }
  .hero.is-theme-secondary .title, .section.is-theme-secondary .title {
    color: #fff; }
  .hero.is-theme-secondary .subtitle, .section.is-theme-secondary .subtitle {
    color: #fff; }

/*! _layout-utils.scss | Bulkit | CSS Ninja */
/* ==========================================================================
Resets and Utils 
========================================================================== */
/***
TABLE OF CONTENTS
=============================================================================

0. Resets and base setup
1. Back to top button
2. Progress bars
3. Input placeholders
4. Window scrollbar
=============================================================================
***/
/* ==========================================================================
0. Resets and base setup
========================================================================== */
body {
  font-family: "Roboto",sans-serif !important;
  overflow: hidden !important; }

a, a:active, i, i:active, div, div:active, div:focus, span:focus, span:active {
  outline: none !important; }

.button.is-active, .button:active, .button:focus {
  box-shadow: none !important; }

section:focus {
  outline: none !important; }

@font-face {
  font-family: 'Nexa Light';
  src: url("/css/font/NexaLight.woff") format("woff"), url("/css/font/NexaLight.ttf") format("truetype"); }
@font-face {
  font-family: 'Nexa Bold';
  font-weight: bold;
  src: url("/css/font/NexaBold.woff") format("woff"), url("/css/font/NexaBold.ttf") format("truetype"); }

/* ==========================================================================
1. Back to top button
========================================================================== */
#backtotop {
  position: fixed;
  right: 0;
  opacity: 0;
  visibility: hidden;
  bottom: 25px;
  margin: 0 25px 0 0;
  z-index: 9999;
  transition: 0.35s;
  transform: scale(0.7);
  transition: all 0.5s; }

#backtotop.visible {
  opacity: 1;
  visibility: visible;
  transform: scale(1); }

#backtotop.visible a:hover {
  outline: none;
  opacity: 0.9;
  background: #78c800; }

#backtotop a {
  outline: none;
  text-decoration: none;
  border: 0 none;
  display: block;
  width: 46px;
  height: 46px;
  background-color: #66676b;
  opacity: 1;
  transition: all 0.3s;
  border-radius: 50%;
  text-align: center;
  font-size: 26px; }

body #backtotop a {
  outline: none;
  color: #fff; }

#backtotop a:after {
  outline: none;
  content: "\F106";
  font-family: "FontAwesome";
  position: relative;
  display: block;
  top: 50%;
  -webkit-transform: translateY(-55%);
  transform: translateY(-55%); }

/* ==========================================================================
2. Progress bars
========================================================================== */
.progress {
  width: 100% !important; }

.progress.primary::-webkit-progress-value {
  background-color: #235390 !important; }

.progress.secondary::-moz-progress-bar {
  background-color: #78c800 !important; }

/* ==========================================================================
3. Input placeholders
========================================================================== */
::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #cecece; }

::-moz-placeholder {
  /* Firefox 19+ */
  color: #cecece; }

:-ms-input-placeholder {
  /* IE 10+ */
  color: #cecece; }

:-moz-placeholder {
  /* Firefox 18- */
  color: #cecece; }

/* ==========================================================================
4. Window scrollbar
========================================================================== */
body::-webkit-scrollbar {
  width: 10px; }

body::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.2); }

/*! _navbar.scss | Bulkit | CSS Ninja */
/* ==========================================================================
Navbar related styles
========================================================================== */
/***
TABLE OF CONTENTS
=============================================================================
0. Resets
1. Navbar placeholder
2. Fixed solid navbar
3. Static navbar
4. Shared styles
5. Sticky fade navbar
6. Light and transparent navbar
7. Base styles
8. Hero head
9. Account avatar
10. Scrollnav
11. Hamburger menu icon
=============================================================================
***/
/* ==========================================================================
1. Navbar placeholder
========================================================================== */
.navbar-placeholder {
  z-index: 999; }

/* ==========================================================================
3. Static navbar
========================================================================== */
.navbar-wrapper {
  width: 100%;
  height: 4.6rem;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 20;
  transition: all 0.4s; }
  .navbar-wrapper.is-static {
    position: static !important; }
  .navbar-wrapper.is-solid {
    background: #fff;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12); }
  .navbar-wrapper.is-cloned {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    transform: translateY(-100%);
    z-index: 100;
    background: #fff;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12); }
    .navbar-wrapper.is-cloned.is-active {
      transform: translateY(0); }
  .navbar-wrapper.is-transparent .navbar-item.is-slide, .navbar-wrapper.is-transparent .navbar-link.is-slide {
    border-bottom: 1px solid transparent; }
    .navbar-wrapper.is-transparent .navbar-item.is-slide:after, .navbar-wrapper.is-transparent .navbar-link.is-slide:after {
      content: '';
      display: block;
      width: 0;
      min-width: 0;
      height: 1.6px;
      position: absolute;
      left: 0;
      bottom: 0;
      background: #235390;
      transition: width .3s; }
    .navbar-wrapper.is-transparent .navbar-item.is-slide:hover:after, .navbar-wrapper.is-transparent .navbar-link.is-slide:hover:after {
      width: 100%; }
  .navbar-wrapper .navbar-brand {
    align-items: center; }
    .navbar-wrapper .navbar-brand img {
      height: 28px; }
      .navbar-wrapper .navbar-brand img.light-logo {
        display: block; }
      .navbar-wrapper .navbar-brand img.dark-logo {
        display: none; }
  .navbar-wrapper .navbar-item:hover, .navbar-wrapper .navbar-item.has-dropdown:hover {
    color: #999;
    background: transparent; }
  .navbar-wrapper .navbar-item.is-menu:hover {
    background: #e8e8e8 !important; }
    .navbar-wrapper .navbar-item.is-menu:hover i, .navbar-wrapper .navbar-item.is-menu:hover span {
      color: #78c800 !important; }
  .navbar-wrapper .navbar-item.is-menu span {
    padding: 0 10px; }
  .navbar-wrapper .navbar-item.is-menu i {
    font-size: 22px;
    color: #999; }
  .navbar-wrapper .navbar-item.is-mega {
    position: static; }
    .navbar-wrapper .navbar-item.is-mega .is-mega-menu-title {
      margin-bottom: 0;
      padding: .375rem 1rem; }
  .navbar-wrapper .navbar-link:hover {
    background: transparent !important;
    color: #78c800; }
    .navbar-wrapper .navbar-link:hover:after {
      border-color: #78c800; }
  .navbar-wrapper .navbar-link:after {
    font-size: 0.85rem;
    border: 1.6px solid transparent;
    border-radius: 2px;
    border-right: 0;
    border-top: 0;
    border-color: #444F60;
    margin-top: -0.375em;
    right: 1.125em;
    transition: all .3s;
    right: 1.525em; }
  .navbar-wrapper .custom-burger {
    margin-left: auto;
    display: none;
    justify-content: center;
    align-items: center;
    height: 4.6rem;
    width: 4.6rem; }
  .navbar-wrapper.navbar-light .icon-box-toggle span i {
    background: #fff !important; }
  .navbar-wrapper.navbar-light .navbar-item, .navbar-wrapper.navbar-light .navbar-link {
    color: #fff; }
    .navbar-wrapper.navbar-light .navbar-item.is-slide, .navbar-wrapper.navbar-light .navbar-link.is-slide {
      border-bottom: 1px solid transparent; }
      .navbar-wrapper.navbar-light .navbar-item.is-slide:after, .navbar-wrapper.navbar-light .navbar-link.is-slide:after {
        content: '';
        display: block;
        width: 0;
        min-width: 0;
        height: 1px;
        position: absolute;
        left: 0;
        bottom: 0;
        background: #fff;
        transition: width .3s; }
      .navbar-wrapper.navbar-light .navbar-item.is-slide:hover:after, .navbar-wrapper.navbar-light .navbar-link.is-slide:hover:after {
        width: 100%; }
  .navbar-wrapper.navbar-light .navbar-link:after {
    font-size: 0.85rem;
    border: 1.6px solid transparent;
    border-radius: 2px;
    border-right: 0;
    border-top: 0;
    border-color: #fff;
    margin-top: -0.375em;
    right: 1.125em;
    transition: all .3s;
    right: 1.525em; }
  .navbar-wrapper.navbar-light .navbar-burger span {
    background: #fff !important; }
  .navbar-wrapper.navbar-inverse.is-reverse {
    background: #344258; }
    .navbar-wrapper.navbar-inverse.is-reverse .navbar-menu.is-active {
      background: #344258; }
  .navbar-wrapper.navbar-inverse.is-blue {
    background: #039BE5; }
    .navbar-wrapper.navbar-inverse.is-blue .navbar-menu.is-active {
      background: #039BE5; }
  .navbar-wrapper.navbar-inverse.is-purple {
    background: #78c800; }
    .navbar-wrapper.navbar-inverse.is-purple .navbar-menu.is-active {
      background: #78c800; }
  .navbar-wrapper.navbar-inverse.is-red {
    background: #FF7273; }
    .navbar-wrapper.navbar-inverse.is-red .navbar-menu.is-active {
      background: #FF7273; }
  .navbar-wrapper.navbar-inverse .icon-box-toggle span i {
    background: #fff !important; }
  .navbar-wrapper.navbar-inverse .navbar-item, .navbar-wrapper.navbar-inverse .navbar-link {
    color: #fff; }
  .navbar-wrapper.navbar-inverse .navbar-link:after {
    font-size: 0.85rem;
    border: 1.6px solid transparent;
    border-radius: 2px;
    border-right: 0;
    border-top: 0;
    border-color: #fff;
    margin-top: -0.375em;
    right: 1.125em;
    transition: all .3s;
    right: 1.525em; }
  .navbar-wrapper.navbar-inverse .navbar-burger span {
    background: #fff !important; }
  .navbar-wrapper .navbar-dropdown.is-medium {
    width: 200px; }
  .navbar-wrapper .navbar-dropdown .navbar-item {
    color: #444F60; }
  .navbar-wrapper.navbar-faded {
    background: #fff;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12); }
    .navbar-wrapper.navbar-faded .navbar-brand img {
      height: 28px; }
      .navbar-wrapper.navbar-faded .navbar-brand img.light-logo {
        display: none; }
      .navbar-wrapper.navbar-faded .navbar-brand img.dark-logo {
        display: block; }

/* ==========================================================================
9. Account avatar
========================================================================== */
.account {
  position: relative;
  right: 20px;
  top: 5px;
  margin-left: 30px; }
  .account .nav-item {
    border-bottom: 1px solid transparent !important; }
  .account img.account-avatar {
    max-height: 40px;
    border-radius: 50px;
    border: 1px solid #EFF4F7; }
  .account div a {
    color: #66676b !important; }
  .account div a i {
    position: relative;
    top: 3px;
    left: 10px;
    font-size: 7px !important;
    color: #66676b; }
  .account .dropOut ul {
    margin-left: 0 !important; }

/* ==========================================================================
10. Scrollnav (component pages spyscroll nav)
========================================================================== */
.scroll-nav-wrapper {
  width: 100%;
  height: 60px;
  line-height: 60px;
  background: #fff;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12); }
  .scroll-nav-wrapper .tabs {
    background: #fff; }
    .scroll-nav-wrapper .tabs a {
      padding-bottom: 0;
      padding-top: 0;
      border-bottom-color: transparent; }
    .scroll-nav-wrapper .tabs ul {
      border-bottom: none; }
    .scroll-nav-wrapper .tabs ul li a {
      color: #A9ABAC; }
    .scroll-nav-wrapper .tabs ul li:hover a {
      color: #ebf2fa;
      border-bottom-color: #ebf2fa; }
    .scroll-nav-wrapper .tabs ul li.is-active a {
      color: #ebf2fa;
      border-bottom: 2px solid #ebf2fa; }
    .scroll-nav-wrapper .tabs ul li a.there {
      color: #ebf2fa;
      border-bottom: 2px solid #ebf2fa; }

/* ==========================================================================
11. Hamburger menu icon
========================================================================== */
.menu-toggle {
  font-size: 20px;
  color: #666;
  line-height: 48px;
  text-align: center;
  background: transparent;
  display: block;
  width: 24px;
  height: 26px;
  cursor: pointer;
  padding: 0;
  margin: 0 14px;
  transition: opacity 0.4s;
  opacity: 1;
  position: relative;
  top: 2px; }
  .menu-toggle .icon-box-toggle {
    height: 100%;
    width: 100%;
    background: tranparent;
    position: relative;
    display: block;
    width: 30px;
    height: 30px; }
    .menu-toggle .icon-box-toggle.active > span.rotate {
      /*transform*/
      -webkit-transform: rotate(90deg);
      -moz-transform: translate(0px, 0px) rotate(90deg);
      -ms-transform: translate(0px, 0px) rotate(90deg);
      -o-transform: translate(0px, 0px) rotate(90deg);
      transform: translate(0px, 0px) rotate(90deg); }
    .menu-toggle .icon-box-toggle.active > span > i.icon-line-center {
      visibility: hidden;
      width: 1px;
      height: 3px;
      left: 70%; }
    .menu-toggle .icon-box-toggle.active > span > i.icon-line-bottom {
      margin: -2px 0 0 -10px;
      left: 50%;
      top: 12px;
      /*transform*/
      -webkit-transform: rotate(135deg);
      -moz-transform: translate(0px, 0px) rotate(135deg);
      -ms-transform: translate(0px, 0px) rotate(135deg);
      -o-transform: translate(0px, 0px) rotate(135deg);
      transform: translate(0px, 0px) rotate(135deg); }
    .menu-toggle .icon-box-toggle.active > span > i.icon-line-top {
      margin: -2px 0 0 -10px;
      left: 50%;
      top: 12px;
      /*transform*/
      -webkit-transform: rotate(45deg);
      -moz-transform: translate(0px, 0px) rotate(45deg);
      -ms-transform: translate(0px, 0px) rotate(45deg);
      -o-transform: translate(0px, 0px) rotate(45deg);
      transform: translate(0px, 0px) rotate(45deg); }
  .menu-toggle .icon-line-center {
    position: absolute;
    width: 20px;
    height: 2px;
    background: #A9ABAC;
    margin: -1px 0 0 -10px;
    left: 50%;
    top: 11px;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease; }
  .menu-toggle .icon-line-top {
    position: absolute;
    width: 20px;
    height: 2px;
    background: #A9ABAC;
    margin: -3px 0 0 -10px;
    left: 50%;
    top: 7px;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease; }
  .menu-toggle .icon-line-bottom {
    position: absolute;
    width: 20px;
    height: 2px;
    background: #A9ABAC;
    margin: 2px 0 0 -10px;
    left: 50%;
    top: 14px;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease; }

/*! _sections.scss | Bulkit | CSS Ninja */
/* ==========================================================================
Sections related styles
========================================================================== */
/***
TABLE OF CONTENTS
=============================================================================
0. Sections general styles
1. Quick flex block
2. Divider
=============================================================================
***/
/* ==========================================================================
0. Sections general styles
========================================================================== */
.section.section-light-grey {
  background-color: #EFF4F7; }

.section.section-feature-grey {
  background-color: #fbfbfb; }

.section.section-header-grey {
  background-color: #F5F9FC; }

.section.section-feature-grey-accent {
  background-color: #efefef; }

.section.section-primary {
  background-color: #235390; }

.section.section-secondary {
  background-color: #78c800; }

.section.has-border-bottom {
  border-bottom: 1px solid #ededed; }

.section.has-border-top {
  border-top: 1px solid #ededed; }

.section.is-relative {
  position: relative; }

.section.is-cover {
  background-size: cover !important; }

.section.no-margin {
  margin: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

.section.section-half {
  height: 75vh !important; }

.section.is-skewed-sm {
  transform: skew(0deg, -3deg) translate(0, -45px);
  padding-top: 0px; }

.section .container {
  z-index: 1; }
  .section .container.is-reverse-skewed-sm {
    transform: skew(0deg, 3deg) translate(0, 45px); }
  .section .container.slanted-container {
    margin-top: -100px; }

.section .content-wrapper {
  padding-top: 40px; }

.section .bottom-spacer {
  padding-bottom: 200px; }

.section .section-title-wrapper {
  position: relative;
  padding: 40px 20px; }
  .section .section-title-wrapper .bg-number, .section .section-title-wrapper .bg-symbol {
    position: absolute;
    text-align: center;
    font-weight: bolder;
    top: -18px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    font-size: 160px;
    z-index: 0;
    opacity: 0.1;
    color: #999;
    width: 160px;
    height: 160px;
    line-height: 160px; }
    .section .section-title-wrapper .bg-number .material-icons, .section .section-title-wrapper .bg-symbol .material-icons {
      font-size: 12rem; }
  .section .section-title-wrapper .top-subtitle {
    text-transform: uppercase;
    color: #235390;
    font-family: 'Nexa Light', sans-serif;
    font-weight: 700;
    font-size: 1.05rem; }
  .section .section-title-wrapper .icon-subtitle {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center; }
    .section .section-title-wrapper .icon-subtitle.is-one i {
      margin: 10px 5px 0 5px;
      font-size: 2.2rem;
      color: #78c800; }
    .section .section-title-wrapper .icon-subtitle.is-many i {
      margin: 10px 5px 0 5px;
      font-size: 1.4rem;
      color: #78c800; }

.section .title.section-title {
  font-size: 2.7rem;
  color: #A9ABAC;
  font-weight: bold;
  font-family: 'Nexa Bold', sans-serif; }

.section .title.section-subtitle {
  font-size: 2.3rem;
  color: #A9ABAC; }

.section .title.quick-feature {
  font-size: 2.7rem;
  color: #444F60;
  position: relative; }
  .section .title.quick-feature .bg-number, .section .title.quick-feature .bg-symbol {
    position: absolute;
    font-weight: bolder;
    top: -100px;
    left: 40px;
    font-size: 14rem;
    z-index: 0;
    opacity: 0.1;
    color: #999; }

.section .title.feature-title {
  font-weight: 600;
  color: #444F60;
  font-size: 2.2rem; }

.section .icon-subtitle i {
  font-size: 2.4rem;
  color: #235390; }

.section .detailed-feature-subtitle {
  text-transform: uppercase;
  font-family: 'Nexa Light';
  font-size: 15px;
  color: #A9ABAC;
  font-weight: 600; }

.section .title-divider {
  margin: 10px 0;
  width: 80px;
  height: 5px;
  background: #235390; }
  .section .title-divider.is-right {
    margin-left: auto; }
  .section .title-divider.is-centered {
    margin: 0 auto; }

.section h2.feature-headline {
  color: #235390 !important;
  line-height: 1.2;
  padding: 5px 0;
  margin-bottom: 0 !important; }

.section .section-feature-description {
  color: #878787; }

.section .media.icon-box {
  border-top: none !important; }
  .section .media.icon-box .media-content .content p span.icon-box-title {
    color: #444F60;
    font-size: 1.2rem;
    font-weight: 600; }
  .section .media.icon-box .media-content .content p span.icon-box-text {
    color: #A9ABAC;
    font-size: 1.1rem;
    font-weight: 400; }

.section .flex-wrapper {
  display: flex;
  align-content: center;
  align-items: center; }
  .section .flex-wrapper.flex-center {
    justify-content: center; }
  .section .flex-wrapper.flex-start {
    justify-content: flex-start; }
  .section .flex-wrapper.flex-end {
    justify-content: flex-end; }
  .section .flex-wrapper img {
    width: 23%; }

/* ==========================================================================
1. Quick flex block
========================================================================== */
.content.content-flex, .content-flex {
  display: flex;
  justify-content: flex-start;
  align-content: center;
  align-items: center; }
  .content.content-flex.center-flex, .content-flex.center-flex {
    justify-content: center !important; }

/* ==========================================================================
2. Divider
========================================================================== */
.divider {
  display: table;
  white-space: nowrap;
  margin-top: 20px;
  padding: 0 20px; }
  .divider .before-divider, .divider .after-divider {
    display: table-cell;
    width: 50%;
    border-bottom: 1px solid #ededed;
    transform: translateY(-50%);
    color: #999; }
  .divider .children {
    padding: 0 20px;
    font-size: 14px;
    color: #cecece; }

/*! _hero.scss | Bulkit | CSS Ninja */
/* ==========================================================================
Hero related styles
========================================================================== */
/***
TABLE OF CONTENTS
=============================================================================
0. Hero general styles
1. Hero body 
2. Hero footer
3. Parallax Overlay
=============================================================================
***/
/* ==========================================================================
0. Hero general styles
========================================================================== */
.hero.is-relative {
  position: relative; }

.hero.is-cover {
  background-size: cover !important; }

.hero.is-theme-primary {
  background-color: #235390; }
  .hero.is-theme-primary .title {
    color: #fff; }
  .hero.is-theme-primary .subtitle {
    color: #fff; }

.hero.is-theme-secondary {
  background-color: #78c800; }
  .hero.is-theme-secondary .title {
    color: #fff; }
  .hero.is-theme-secondary .subtitle {
    color: #fff; }

.hero.is-theme-accent {
  background-color: #ebf2fa; }
  .hero.is-theme-accent .title {
    color: #fff; }
  .hero.is-theme-accent .subtitle {
    color: #fff; }

.hero.is-theme-info {
  background-color: #039BE5; }
  .hero.is-theme-info .title {
    color: #fff; }
  .hero.is-theme-info .subtitle {
    color: #fff; }

.hero.is-theme-success {
  background-color: #00b289; }
  .hero.is-theme-success .title {
    color: #fff; }
  .hero.is-theme-success .subtitle {
    color: #fff; }

.hero.is-theme-warning {
  background-color: #eda514; }
  .hero.is-theme-warning .title {
    color: #fff; }
  .hero.is-theme-warning .subtitle {
    color: #fff; }

.hero.is-theme-danger {
  background-color: #FF7273; }
  .hero.is-theme-danger .title {
    color: #fff; }
  .hero.is-theme-danger .subtitle {
    color: #fff; }

.hero.is-feature-grey {
  background-color: #fbfbfb; }
  .hero.is-feature-grey .title {
    color: #444F60; }
  .hero.is-feature-grey .subtitle {
    color: #444F60; }

.hero.is-light-grey {
  background-color: #EFF4F7;
  background-image: -webkit-linear-gradient(309deg, #d0e0ec 0%, #f5f7fa 71%, white 100%);
  background-image: linear-gradient(141deg, #d0e0ec 0%, #f5f7fa 71%, white 100%); }
  .hero.is-light-grey .title.dark {
    color: #444F60; }
  .hero.is-light-grey .title.theme {
    color: #235390; }
  .hero.is-light-grey .subtitle {
    margin-top: 0 !important;
    padding-right: 20%;
    line-height: 1.6 !important; }

.hero.is-coal {
  background-color: #444444; }
  .hero.is-coal .title {
    color: #fff; }
  .hero.is-coal .subtitle {
    color: #fff; }

/* ==========================================================================
1. Hero body 
========================================================================== */
.hero-body {
  background-size: cover !important;
  background-repeat: no-repeat !important; }
  .hero-body .title.main-title {
    color: #fff;
    z-index: 999;
    font-size: 3.5rem; }
  .hero-body .title.big-title {
    color: #444F60;
    z-index: 999;
    font-size: 4rem; }
  .hero-body .title.page-title {
    font-size: 3.5rem; }
  .hero-body .title.medium-title {
    font-size: 2.5rem; }
  .hero-body .title.small-title {
    font-size: 2rem; }
  .hero-body .subtitle.page-subtitle {
    font-size: 1.8rem; }
  .hero-body .clients-small {
    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    padding: 15px 0; }
    .hero-body .clients-small img {
      height: 42px;
      margin: 0 5px; }
    .hero-body .clients-small.centered {
      justify-content: center !important; }
  .hero-body.is-relative {
    position: relative; }

/* ==========================================================================
2. Hero footer
========================================================================== */
.hero-foot img.partner-logo {
  height: 70px !important; }

/* ==========================================================================
3. Parallax Overlay
========================================================================== */
.parallax-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background-color: #333;
  opacity: 0.4; }

/*! _footer.scss | Bulkit | CSS Ninja */
/* ==========================================================================
Footer styles
========================================================================== */
/***
TABLE OF CONTENTS
=============================================================================
0. Dark footer
1. Light Footer
2. Light left Footer
3. Dark left Footer
4. Light medium footer
=============================================================================
***/
/* ==========================================================================
0. Dark footer
========================================================================== */
footer.footer-dark {
  background: #444F60;
  color: #fff;
  position: relative; }
  footer.footer-dark .columns {
    padding-top: 30px;
    padding-bottom: 30px; }
  footer.footer-dark .footer-logo {
    padding: 10px 0; }
    footer.footer-dark .footer-logo img {
      height: 25px; }
  footer.footer-dark .footer-column .footer-header {
    padding: 10px 0; }
    footer.footer-dark .footer-column .footer-header h3 {
      font-family: 'Nexa Bold', sans-serif;
      font-weight: 400;
      font-size: 1.1rem;
      text-transform: uppercase;
      letter-spacing: 1px;
      margin-bottom: 0 !important;
      color: #EFF4F7; }
  footer.footer-dark .footer-column ul.link-list {
    line-height: 30px;
    font-size: 1rem; }
    footer.footer-dark .footer-column ul.link-list a {
      color: #98a9c3;
      font-weight: 400;
      transition: all 0.5s; }
    footer.footer-dark .footer-column ul.link-list :hover {
      color: #fcfcfc; }
  footer.footer-dark .footer-column .level-item .icon {
    color: #235390;
    transition: all 0.5s; }
    footer.footer-dark .footer-column .level-item .icon i {
      font-size: 20px; }
    footer.footer-dark .footer-column .level-item .icon :hover {
      color: #fcfcfc; }
  footer.footer-dark .footer-column .copyright {
    padding: 10px 0; }

/* ==========================================================================
1. Light Footer
========================================================================== */
footer.footer-light {
  background: #fff;
  color: #444F60;
  position: relative; }
  footer.footer-light .columns {
    padding-top: 30px;
    padding-bottom: 30px; }
  footer.footer-light .footer-logo {
    padding: 10px 0; }
    footer.footer-light .footer-logo img {
      height: 25px; }
  footer.footer-light .footer-column .footer-header {
    padding: 10px 0; }
    footer.footer-light .footer-column .footer-header h3 {
      font-family: 'Nexa Bold', sans-serif;
      font-weight: 400;
      font-size: 1.1rem;
      text-transform: uppercase;
      letter-spacing: 1px;
      margin-bottom: 0 !important;
      color: #444F60; }
  footer.footer-light .footer-column ul.link-list {
    line-height: 30px;
    font-size: 1rem; }
    footer.footer-light .footer-column ul.link-list a {
      color: #98a9c3;
      font-weight: 400;
      transition: all 0.5s; }
    footer.footer-light .footer-column ul.link-list :hover {
      color: #235390; }
  footer.footer-light .footer-column .level-item .icon {
    color: #999;
    transition: all 0.5s; }
    footer.footer-light .footer-column .level-item .icon i {
      font-size: 20px; }
    footer.footer-light .footer-column .level-item .icon :hover {
      color: #78c800; }
  footer.footer-light .footer-column .copyright {
    padding: 10px 0; }

@media (max-width: 768px) {
  .footer-columns.is-flex-mobile {
    flex-wrap: wrap !important; } }

/* ==========================================================================
2. Light left Footer
========================================================================== */
footer.footer-light-left {
  padding: 5rem 1.5rem !important; }
  footer.footer-light-left .footer-nav-right {
    display: flex;
    justify-content: flex-end;
    align-content: center;
    align-items: center; }
    footer.footer-light-left .footer-nav-right .footer-nav-link {
      margin: 0 10px;
      padding: 20px 0;
      color: #444F60 !important;
      border-bottom: 2px solid transparent; }
      footer.footer-light-left .footer-nav-right .footer-nav-link:hover {
        color: #999 !important;
        border-bottom: 2px solid #999; }
      footer.footer-light-left .footer-nav-right .footer-nav-link.is-active {
        color: #235390 !important;
        border-bottom: 2px solid #235390 !important; }
  footer.footer-light-left .level-item .icon {
    color: #cecece;
    transition: all 0.5s; }
    footer.footer-light-left .level-item .icon :hover {
      color: #235390; }
  footer.footer-light-left .moto {
    color: #999; }

@media (max-width: 768px) {
  .footer-nav-right {
    margin-top: 0 !important; } }

/* ==========================================================================
3. Dark left Footer
========================================================================== */
footer.footer-dark-left {
  padding: 5rem 1.5rem !important;
  background: #444F60; }
  footer.footer-dark-left .footer-nav-right {
    display: flex;
    justify-content: flex-end;
    align-content: center;
    align-items: center; }
    footer.footer-dark-left .footer-nav-right .footer-nav-link {
      margin: 0 10px;
      padding: 20px 0;
      color: #fff !important;
      border-bottom: 2px solid transparent; }
      footer.footer-dark-left .footer-nav-right .footer-nav-link:hover {
        color: #fcfcfc !important;
        border-bottom: 2px solid #fff; }
      footer.footer-dark-left .footer-nav-right .footer-nav-link.is-active {
        color: #235390 !important;
        border-bottom: 2px solid #235390 !important; }
  footer.footer-dark-left .level-item .icon {
    color: #fff;
    transition: all 0.5s; }
    footer.footer-dark-left .level-item .icon :hover {
      color: #235390; }
  footer.footer-dark-left .moto {
    color: #fff; }

/* ==========================================================================
4. Light medium footer
========================================================================== */
footer.footer-light-medium {
  padding-bottom: 10rem !important;
  padding-top: 8rem !important;
  background: #fff; }
  footer.footer-light-medium .social-links {
    display: flex;
    justify-content: flex-start;
    align-items: center; }
    footer.footer-light-medium .social-links a {
      color: #A9ABAC;
      margin: 0 5px; }
      footer.footer-light-medium .social-links a:hover {
        color: #235390; }
  footer.footer-light-medium .footer-description {
    color: #A9ABAC; }
  footer.footer-light-medium .footer-column {
    padding-top: 20px; }
    footer.footer-light-medium .footer-column .column-header {
      font-family: 'Nexa Light', sans-serif;
      text-transform: uppercase;
      color: #444F60;
      font-size: 1rem;
      font-weight: 700;
      margin: 10px 0; }
    footer.footer-light-medium .footer-column .column-item {
      padding-bottom: 10px; }
      footer.footer-light-medium .footer-column .column-item a {
        color: #A9ABAC; }
        footer.footer-light-medium .footer-column .column-item a:hover {
          color: #235390; }
  footer.footer-light-medium .moto {
    color: #999; }
  footer.footer-light-medium .small-footer-logo {
    height: 28px; }

/*! _animations.scss | Bulkit | CSS Ninja */
/* ==========================================================================
Core animation styles
========================================================================== */
/***
TABLE OF CONTENTS
=============================================================================
0. Default settings
1. Translate Left
2. Translate Down
3. Translate Up
4. Fade In
5. Fade In Left
6. Fade In Right
7. Fade In Up
8. Fade In Down
9. Fade Out Up
10. Levitate
11. Gelatine
12. Unzoom
13. Dot pulsation
14. Bouncy entrance
15. Scale in 
16. Scale in circle
17. Scale out
18. Pulsate
19. Predefined animation delays
=============================================================================
***/
/* ==========================================================================
0. Default settings
========================================================================== */
.animated {
  animation-duration: 0.5s;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-fill-mode: both; }

/* ==========================================================================
1. Translate Left
========================================================================== */
@-webkit-keyframes translateLeft {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes translateLeft {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.translateLeft {
  -webkit-animation-name: translateLeft;
  animation-name: translateLeft;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-transition: all 500ms cubic-bezier(0.755, 0.05, 0.855, 0.06);
  transition: all 500ms cubic-bezier(0.755, 0.05, 0.855, 0.06); }

/* ==========================================================================
2. Translate Down
========================================================================== */
@-webkit-keyframes translateDown {
  from {
    -webkit-transform: translate3d(0, -100px, 0);
    transform: translate3d(0, -100px, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes translateDown {
  from {
    -webkit-transform: translate3d(0, -100px, 0);
    transform: translate3d(0, -100px, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.translateDown {
  -webkit-animation-name: translateDown;
  animation-name: translateDown;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-transition: all 500ms cubic-bezier(0.755, 0.05, 0.855, 0.06);
  transition: all 500ms cubic-bezier(0.755, 0.05, 0.855, 0.06); }

/* ==========================================================================
3. Translate Up
========================================================================== */
@-webkit-keyframes translateUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes translateUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.translateUp {
  -webkit-animation-name: translateUp;
  animation-name: translateUp;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-transition: all 500ms cubic-bezier(0.755, 0.05, 0.855, 0.06);
  transition: all 500ms cubic-bezier(0.755, 0.05, 0.855, 0.06); }

/* ==========================================================================
4. Fade In
========================================================================== */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.fadeIn {
  opacity: 0;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn; }

/* ==========================================================================
5. Fade In Left
========================================================================== */
@-webkit-keyframes fadeInLeft {
  from {
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
    opacity: 0; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes fadeInLeft {
  from {
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
    opacity: 0; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

.preFadeInLeft {
  opacity: 0; }

.fadeInLeft {
  opacity: 0;
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft; }

/* ==========================================================================
6. Fade In Right
========================================================================== */
@-webkit-keyframes fadeInRight {
  from {
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
    opacity: 0; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes fadeInRight {
  from {
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
    opacity: 0; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

.preFadeInRight {
  opacity: 0; }

.fadeInRight {
  opacity: 0;
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight; }

/* ==========================================================================
7. Fade In Up
========================================================================== */
@-webkit-keyframes fadeInUp {
  from {
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes fadeInUp {
  from {
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

.preFadeInUp {
  opacity: 0; }

.fadeInUp {
  opacity: 0;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp; }

/* ==========================================================================
8. Fade In Down
========================================================================== */
@-webkit-keyframes fadeInDown {
  from {
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes fadeInDown {
  from {
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

.preFadeInDown {
  opacity: 0; }

.fadeInDown {
  opacity: 0;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown; }

/* ==========================================================================
9. Fade Out Up
========================================================================== */
@-webkit-keyframes fadeOutUp {
  from {
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 0; } }

@keyframes fadeOutUp {
  from {
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 0; } }

.preFadeOutUp {
  opacity: 1; }

.fadeOutUp {
  opacity: 1;
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp; }

/* ==========================================================================
10. Levitate
========================================================================== */
@-webkit-keyframes levitate {
  from {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  50% {
    -webkit-transform: translate(0, 10px);
    transform: translate(0, 10px); }
  to {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }

@keyframes levitate {
  from {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  50% {
    -webkit-transform: translate(0, 10px);
    transform: translate(0, 10px); }
  to {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }

.levitate {
  -webkit-animation-name: levitate;
  animation-name: levitate;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out; }

/* ==========================================================================
11. Gelatine
========================================================================== */
@-webkit-keyframes gelatine {
  from, to {
    -webkit-transform: scale(1, 1); }
  25% {
    -webkit-transform: scale(0.9, 1.1); }
  50% {
    -webkit-transform: scale(1.1, 0.9); }
  75% {
    -webkit-transform: scale(0.95, 1.05); } }

@keyframes gelatine {
  from, to {
    transform: scale(1, 1); }
  25% {
    transform: scale(0.9, 1.1); }
  50% {
    transform: scale(1.1, 0.9); }
  75% {
    transform: scale(0.95, 1.05); } }

.gelatine {
  -webkit-animation: gelatine 0.6s;
  animation: gelatine 0.6s;
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

/* ==========================================================================
12. Unzoom
========================================================================== */
@-webkit-keyframes unzoom {
  from, to {
    -webkit-transform: scale(1, 0); }
  25% {
    -webkit-transform: scale(0.9, 1.1); }
  50% {
    -webkit-transform: scale(1.1, 0); } }

@keyframes unzoom {
  from, to {
    transform: scale(1, 0); }
  25% {
    transform: scale(0.9, 1.1); }
  50% {
    transform: scale(1.1, 0); } }

.unzoom {
  -webkit-animation: unzoom 0.7s;
  animation: unzoom 0.7s;
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

/* ==========================================================================
13. Dot pulsation
========================================================================== */
@-webkit-keyframes dotPulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  100% {
    -webkit-transform: scale(1.8);
    transform: scale(1.8);
    opacity: 0; } }

@keyframes dotPulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  100% {
    -webkit-transform: scale(1.8);
    transform: scale(1.8);
    opacity: 0; } }

/* ==========================================================================
14. Bouncy entrance
========================================================================== */
@-webkit-keyframes entrance {
  from {
    -webkit-transform: scale(0); }
  25% {
    -webkit-transform: scale(1.05); }
  50% {
    -webkit-transform: scale(0.95); }
  75% {
    -webkit-transform: scale(1.05); }
  to {
    -webkit-transform: none; } }

@keyframes entrance {
  from {
    transform: scale(0); }
  25% {
    transform: scale(1.05); }
  50% {
    transform: scale(0.95); }
  75% {
    transform: scale(1.05); }
  to {
    transform: none; } }

.entrance {
  -webkit-animation: entrance 0.8s;
  animation: entrance 0.8s; }

/* ==========================================================================
15. Scale in 
========================================================================== */
@-webkit-keyframes scaleIn {
  from {
    -webkit-transform: scale(0); }
  to {
    -webkit-transform: scale(1); } }

@keyframes scaleIn {
  from {
    transform: scale(0); }
  to {
    transform: scale(1); } }

.scaleIn {
  /* ... */
  -webkit-animation: scaleIn 0.5s;
  animation: scaleIn 0.5s;
  -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }

/* ==========================================================================
16. Scale in circle (used for modal popup)
========================================================================== */
@-webkit-keyframes scaleInCircle {
  from {
    -webkit-transform: scale(0); }
  to {
    -webkit-transform: scale(7); } }

@keyframes scaleInCircle {
  from {
    transform: scale(0); }
  to {
    transform: scale(7); } }

.scaleInCircle {
  /* ... */
  -webkit-animation: scaleInCircle 0.6s;
  animation: scaleInCircle 0.6s;
  -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }

/* ==========================================================================
17. Scale out
========================================================================== */
@-webkit-keyframes scaleOut {
  from {
    -webkit-transform: scale(1); }
  to {
    -webkit-transform: scale(0); } }

@keyframes scaleOut {
  from {
    transform: scale(1); }
  to {
    transform: scale(0); } }

.scaleOut {
  -webkit-animation: scaleOut 0.6s;
  animation: scaleOut 0.6s; }

/* ==========================================================================
18. Pulsate
========================================================================== */
@-webkit-keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    opacity: 0.0; }
  50% {
    opacity: 1.0; }
  100% {
    -webkit-transform: scale(1.2, 1.2);
    opacity: 0.0; } }

.pulsate {
  animation: pulsate 1s ease-out;
  animation-iteration-count: infinite;
  opacity: 0.0; }

/* ==========================================================================
19. Predefined delays
========================================================================== */
.delay-1 {
  animation-delay: .25s; }

.delay-2 {
  animation-delay: .5s; }

.delay-3 {
  animation-delay: .75s; }

.delay-4 {
  animation-delay: 1s; }

.delay-5 {
  animation-delay: 1.25s; }

.delay-6 {
  animation-delay: 1.5s; }

.delay-7 {
  animation-delay: 1.75s; }

.delay-8 {
  animation-delay: 2.25s; }

.delay-9 {
  animation-delay: 2.5s; }

.delay-10 {
  animation-delay: 2.75s; }

.delay-11 {
  animation-delay: 3s; }

/*! _navigation.scss | Bulkit | CSS Ninja */
/* ==========================================================================
Website sidebar
========================================================================== */
/***
TABLE OF CONTENTS
=============================================================================
0. Website sidebar
=============================================================================
***/
/* ==========================================================================
0. Website sidebar
========================================================================== */
.side-navigation-menu {
  display: flex;
  justify-content: flex-start;
  background: #344258;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  width: 300px;
  overflow: hidden;
  transform: translateX(-301px);
  -webkit-transition: width .05s linear;
  transition: width .05s linear;
  transition: transform 0.3s;
  z-index: 1000; }
  .side-navigation-menu.is-active {
    transform: translateX(0); }
  .side-navigation-menu .category-menu-wrapper {
    height: 100%;
    position: relative;
    width: 80px;
    background: #78c800; }
    .side-navigation-menu .category-menu-wrapper ul.categories li {
      height: 60px; }
      .side-navigation-menu .category-menu-wrapper ul.categories li.square-logo {
        display: flex;
        justify-content: center;
        align-items: center; }
        .side-navigation-menu .category-menu-wrapper ul.categories li.square-logo img {
          max-height: 28px; }
      .side-navigation-menu .category-menu-wrapper ul.categories li.category-link {
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer; }
        .side-navigation-menu .category-menu-wrapper ul.categories li.category-link i {
          font-size: 20px;
          color: #fff; }
        .side-navigation-menu .category-menu-wrapper ul.categories li.category-link:hover {
          background: #69af00; }
      .side-navigation-menu .category-menu-wrapper ul.categories li.is-active {
        background: #599500; }
    .side-navigation-menu .category-menu-wrapper .author {
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%; }
      .side-navigation-menu .category-menu-wrapper .author li {
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative; }
      .side-navigation-menu .category-menu-wrapper .author a {
        position: relative;
        z-index: 4; }
      .side-navigation-menu .category-menu-wrapper .author .main-menu-author {
        width: 48px;
        height: 48px;
        border-radius: 100px;
        margin: 0 auto;
        margin-bottom: 10px;
        transform: scale(1);
        transition: transform .4s; }
        .side-navigation-menu .category-menu-wrapper .author .main-menu-author:hover {
          transform: scale(1.1); }
  .side-navigation-menu .navigation-menu-wrapper {
    height: 100%;
    width: 100%;
    position: relative; }
    .side-navigation-menu .navigation-menu-wrapper ul.navigation-menu {
      height: 100%;
      margin: 0;
      padding: 0;
      max-width: 400px;
      list-style: none;
      list-style-type: none;
      overflow: auto; }
      .side-navigation-menu .navigation-menu-wrapper ul.navigation-menu::-webkit-scrollbar {
        width: 10px; }
      .side-navigation-menu .navigation-menu-wrapper ul.navigation-menu::-webkit-scrollbar-thumb {
        border-radius: 5px;
        background: rgba(255, 255, 255, 0.1); }
    .side-navigation-menu .navigation-menu-wrapper .navigation-menu-header {
      height: 60px;
      color: #fff;
      display: flex;
      align-items: center;
      padding-left: 25px;
      text-transform: uppercase;
      font-weight: 300;
      color: #fcfcfc;
      letter-spacing: 3px;
      font-size: 92%; }
      .side-navigation-menu .navigation-menu-wrapper .navigation-menu-header .menu-toggle .icon-box-toggle span i {
        background: #fff; }
      .side-navigation-menu .navigation-menu-wrapper .navigation-menu-header .navigation-close {
        opacity: 0; }
    .side-navigation-menu .navigation-menu-wrapper .navigation-menu li a span {
      margin-right: 20px;
      color: #fff;
      font-size: 22px; }
    .side-navigation-menu .navigation-menu-wrapper .navigation-menu li a {
      padding: 18px 25px;
      display: block;
      text-decoration: none;
      color: #fff;
      display: flex;
      align-items: center; }
      .side-navigation-menu .navigation-menu-wrapper .navigation-menu li a.is-submenu {
        padding: 12px 25px; }
      .side-navigation-menu .navigation-menu-wrapper .navigation-menu li a.parent-link {
        height: 60px !important;
        position: relative; }
        .side-navigation-menu .navigation-menu-wrapper .navigation-menu li a.parent-link.has-new:before {
          content: '';
          position: absolute;
          top: 18px;
          left: 22px;
          width: 8px;
          height: 8px;
          border-radius: 50%;
          background: #039BE5;
          animation: pulsate 1s ease-out;
          animation-iteration-count: infinite;
          opacity: 0.0; }
    .side-navigation-menu .navigation-menu-wrapper .navigation-menu li a:hover {
      background: #3d4e68; }
    .side-navigation-menu .navigation-menu-wrapper li.has-children.active-section a.parent-link {
      color: #a2ff16 !important; }
      .side-navigation-menu .navigation-menu-wrapper li.has-children.active-section a.parent-link span, .side-navigation-menu .navigation-menu-wrapper li.has-children.active-section a.parent-link span:after {
        color: #a2ff16 !important; }
    .side-navigation-menu .navigation-menu-wrapper li.has-children ul {
      padding: 0px; }
    .side-navigation-menu .navigation-menu-wrapper li.has-children ul li a.is-submenu {
      background-color: #2b3648;
      padding-left: 62px !important;
      font-size: 95%; }
      .side-navigation-menu .navigation-menu-wrapper li.has-children ul li a.is-submenu:hover, .side-navigation-menu .navigation-menu-wrapper li.has-children ul li a.is-submenu.is-active {
        color: #78c800; }
      .side-navigation-menu .navigation-menu-wrapper li.has-children ul li a.is-submenu.has-new-feature {
        position: relative; }
        .side-navigation-menu .navigation-menu-wrapper li.has-children ul li a.is-submenu.has-new-feature:after {
          content: '2.0';
          position: absolute;
          color: #fff;
          background: #78c800;
          padding: 0;
          font-size: 10px;
          font-weight: 700;
          border-radius: 3px;
          padding: 3px 6px;
          right: 20px; }
        .side-navigation-menu .navigation-menu-wrapper li.has-children ul li a.is-submenu.has-new-feature.is-2_2:after {
          content: '2.2';
          background: #eda514; }
      .side-navigation-menu .navigation-menu-wrapper li.has-children ul li a.is-submenu.has-new-update {
        position: relative; }
        .side-navigation-menu .navigation-menu-wrapper li.has-children ul li a.is-submenu.has-new-update:after {
          content: '2.1';
          position: absolute;
          color: #fff;
          background: #235390;
          padding: 0;
          font-size: 10px;
          font-weight: 700;
          border-radius: 3px;
          padding: 3px 6px;
          right: 20px; }
        .side-navigation-menu .navigation-menu-wrapper li.has-children ul li a.is-submenu.has-new-update.is-2_2:after {
          content: '2.2';
          background: #eda514; }
    .side-navigation-menu .navigation-menu-wrapper li.has-children ul li a:hover {
      color: #fff;
      padding-left: 42px; }
    .side-navigation-menu .navigation-menu-wrapper li.has-children, .side-navigation-menu .navigation-menu-wrapper li {
      position: relative; }
    .side-navigation-menu .navigation-menu-wrapper .has-children span::after {
      position: absolute;
      right: 30px;
      content: "\E315";
      color: #fff;
      transition: all .5s;
      font-size: 90%;
      padding-top: 2px; }
    .side-navigation-menu .navigation-menu-wrapper li.active.has-children span::after {
      -moz-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg); }
    .side-navigation-menu .navigation-menu-wrapper li.active.has-children {
      background: #3d4e68; }
    .side-navigation-menu .navigation-menu-wrapper .navigation-menu .has-children > ul {
      display: none; }

/*! _pageloader.scss | Bulkit | CSS Ninja */
/* ==========================================================================
Pageloader styles
========================================================================== */
/***
TABLE OF CONTENTS
=============================================================================
0. Pageloader
1. infraloader
=============================================================================
***/
/* ==========================================================================
0. Pageloader
========================================================================== */
.pageloader {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #235390;
  z-index: 999998;
  transition: -webkit-transform 0.35s ease-out;
  transition: transform 0.35s ease-out;
  transition: transform 0.35s ease-out, -webkit-transform 0.35s ease-out;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  will-change: transform; }
  .pageloader.is-active {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  .pageloader::after, .pageloader::before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    border-radius: 100%;
    content: "";
    z-index: 999999; }
  .pageloader::after {
    margin-top: -100px;
    margin-left: -100px;
    width: 200px;
    height: 200px;
    background-color: rgba(255, 255, 255, 0.5);
    border: 3px solid rgba(255, 255, 255, 0.75);
    -webkit-animation: page-loader-inner 1.5s infinite ease-out;
    animation: page-loader-inner 1.5s infinite ease-out; }
  .pageloader::before {
    margin-top: -30px;
    margin-left: -30px;
    width: 60px;
    height: 60px;
    background-color: #fff;
    -webkit-animation: page-loader-outer 1.5s infinite ease-in;
    animation: page-loader-outer 1.5s infinite ease-in; }

@-webkit-keyframes page-loader-inner {
  0%, 40% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0; } }

@keyframes page-loader-inner {
  0%, 40% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0; } }

@-webkit-keyframes page-loader-outer {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  100%, 40% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0; } }

@keyframes page-loader-outer {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  100%, 40% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0; } }

/* ==========================================================================
1. Infraloader
========================================================================== */
.infraloader {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #fff;
  z-index: -1;
  opacity: 0;
  transition: opacity .35s; }
  .infraloader.is-active {
    opacity: 1;
    z-index: 999997; }

/*! _accordion.scss | Bulkit | CSS Ninja */
/* ==========================================================================
Accordion styles
========================================================================== */
/***
TABLE OF CONTENTS
=============================================================================
0. Simple accordion
1. Multi toggle
2. Single toggle
=============================================================================
***/
/* ==========================================================================
0. Simple accordion
========================================================================== */
.simple-accordion-wrapper .accordion-section {
  position: relative;
  width: 100%;
  height: auto;
  background-color: #fff;
  border: 1px solid #ededed; }
  .simple-accordion-wrapper .accordion-section a {
    display: block;
    padding: 10px 15px;
    text-decoration: none;
    color: #555;
    font-weight: 600;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    transition: all 0.2s linear; }
  .simple-accordion-wrapper .accordion-section a i {
    position: relative;
    float: right;
    margin-top: 4px;
    color: #666; }
  .simple-accordion-wrapper .accordion-section a.active {
    background-color: #444F60;
    color: #fff; }
  .simple-accordion-wrapper .accordion-section a.active i {
    color: #fff; }
  .simple-accordion-wrapper .accordion-section .accordion-content {
    position: relative;
    width: 100%;
    height: auto;
    background-color: #fff;
    display: none; }
    .simple-accordion-wrapper .accordion-section .accordion-content p {
      padding: 20px 25px;
      margin: 0;
      color: #333; }

.simple-accordion-wrapper.is-primary a.active {
  background-color: #235390; }

.simple-accordion-wrapper.is-secondary a.active {
  background-color: #78c800; }

.simple-accordion-wrapper.is-accent a.active {
  background-color: #ebf2fa; }

.simple-accordion-wrapper.is-info a.active {
  background-color: #039BE5; }

.simple-accordion-wrapper.is-success a.active {
  background-color: #00b289; }

/* ==========================================================================
1. Multi toggle
========================================================================== */
.multi-toggle-wrapper .mt-item {
  position: relative;
  margin-bottom: 1px;
  width: 100%;
  color: #444F60;
  border: 1px solid #ededed;
  overflow: hidden; }
  .multi-toggle-wrapper .mt-item:hover .mt-item-label {
    color: #235390; }
    .multi-toggle-wrapper .mt-item:hover .mt-item-label span {
      color: #235390; }
  .multi-toggle-wrapper .mt-item .mt-item-input {
    position: absolute;
    opacity: 0;
    z-index: -1; }
  .multi-toggle-wrapper .mt-item .mt-item-label {
    position: relative;
    display: block;
    padding: 0 0 0 3em;
    background: #fff;
    font-weight: bold;
    line-height: 3;
    cursor: pointer;
    color: #cecece;
    text-transform: uppercase;
    font-size: 1em;
    margin-bottom: 0;
    border-radius: 3px 3px 0 0;
    border-bottom: 1px solid #ededed; }
    .multi-toggle-wrapper .mt-item .mt-item-label span {
      color: #444F60;
      font-weight: 600;
      text-transform: none;
      -webkit-transition: all .45s;
      -o-transition: all .45s;
      transition: all .45s; }
  .multi-toggle-wrapper .mt-item .mt-item-content {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height .45s;
    -o-transition: max-height .45s;
    transition: max-height .45s;
    background-color: #fff;
    border-radius: 3px; }
    .multi-toggle-wrapper .mt-item .mt-item-content p {
      margin: 1em; }
    .multi-toggle-wrapper .mt-item .mt-item-content .mt-item {
      padding: 10px;
      background: #fff;
      color: #444F60;
      margin: 2px 0px;
      border-radius: 3px; }
      .multi-toggle-wrapper .mt-item .mt-item-content .mt-item label {
        border-radius: 0; }
  .multi-toggle-wrapper .mt-item .mt-item-inner {
    padding: 1px 0 0; }
    .multi-toggle-wrapper .mt-item .mt-item-inner label {
      font-weight: 400;
      background-color: #cecece;
      color: #fff; }
    .multi-toggle-wrapper .mt-item .mt-item-inner .mt-item-content ul {
      margin: 0;
      padding: 0; }
      .multi-toggle-wrapper .mt-item .mt-item-inner .mt-item-content ul li {
        list-style-type: none; }
        .multi-toggle-wrapper .mt-item .mt-item-inner .mt-item-content ul li .checkBox label {
          background-color: transparent;
          color: #444F60;
          text-transform: capitalize;
          padding-left: 0;
          margin: 0; }
          .multi-toggle-wrapper .mt-item .mt-item-inner .mt-item-content ul li .checkBox label:after {
            content: ""; }
  .multi-toggle-wrapper .mt-item .mt-item-input:checked ~ .mt-item-content {
    max-height: 50em; }
  .multi-toggle-wrapper .mt-item .mt-item-label::after {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 3em;
    height: 3em;
    line-height: 3;
    text-align: center;
    -webkit-transition: all .45s;
    -o-transition: all .45s;
    transition: all .45s; }
  .multi-toggle-wrapper .mt-item .mt-item-input[type=checkbox] + .mt-item-label::after {
    font-family: 'fontAwesome';
    content: "\F077";
    font-weight: 300; }
  .multi-toggle-wrapper .mt-item .mt-item-input[type=checkbox]:checked + .mt-item-label::after {
    transform: rotate(180deg); }

.multi-toggle-wrapper .checkbox-custom {
  opacity: 0;
  position: absolute; }

.multi-toggle-wrapper .checkbox-custom,
.multi-toggle-wrapper .checkbox-custom-label {
  display: inline-block;
  vertical-align: middle;
  margin: 5px;
  cursor: pointer; }

.multi-toggle-wrapper .checkbox-custom-label {
  position: relative; }

.multi-toggle-wrapper .checkbox-custom + .checkbox-custom-label:before {
  content: '';
  background: transparent;
  border: 2px solid #ddd;
  display: inline-block;
  vertical-align: middle;
  width: 10px;
  height: 10px;
  padding: 2px;
  margin-right: 10px;
  text-align: center; }

.multi-toggle-wrapper .checkbox-custom:checked + .checkbox-custom-label:before {
  content: "\F00C";
  font-family: 'fontAwesome';
  color: #cecece;
  line-height: 10px;
  font-weight: 300; }

/* ==========================================================================
2. Single toggle
========================================================================== */
.single-toggle-wrapper .toggle-wrap {
  border: 1px solid #e0e0e0;
  border-radius: 3px 3px 0 0;
  padding-left: 20px;
  padding-right: 10px;
  transition: all 0.5s; }
  .single-toggle-wrapper .toggle-wrap:hover {
    box-shadow: inset rgba(143, 160, 241, 0.2) 0 0 0 1px, rgba(213, 220, 247, 0.59) 0 10px 20px; }
  .single-toggle-wrapper .toggle-wrap .trigger a {
    display: block;
    cursor: pointer;
    position: relative;
    padding: 0;
    line-height: 26px;
    outline: none;
    color: #444F60;
    font-size: 14px;
    font-weight: 600;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    transition: background-color 0.2s, color 0.2s;
    padding: 16px 27px;
    margin: -1px 0 0 0; }
    .single-toggle-wrapper .toggle-wrap .trigger a i {
      padding-right: 6px;
      margin: 0 4px 0 0;
      transition: all 0.3s; }
    .single-toggle-wrapper .toggle-wrap .trigger a .im-icon-Add {
      position: absolute;
      right: 0;
      top: 50%;
      font-size: 24px;
      transform: translate3d(0, -50%, 0) rotate(0);
      transition: 0.2s; }
    .single-toggle-wrapper .toggle-wrap .trigger a .im-icon-Coding {
      position: relative;
      top: 7px; }
  .single-toggle-wrapper .toggle-wrap .trigger a {
    text-transform: uppercase;
    border: none;
    margin: 0;
    padding: 15px 0;
    text-transform: none;
    font-size: 11px;
    font-weight: 500;
    background-color: transparent;
    color: #444F60;
    padding-right: 60px;
    font-weight: 600; }
  .single-toggle-wrapper .toggle-wrap .trigger.active .im-icon-Add {
    margin-top: 2px;
    transform: translate3d(0, -50%, 0) rotate(45deg);
    color: #999; }
  .single-toggle-wrapper .toggle-wrap .toggle-container {
    padding: 0px 0 30px 0;
    border: none; }

/*! _buttons.scss | Bulkit | CSS Ninja */
/* ==========================================================================
Button styles
========================================================================== */
/***
TABLE OF CONTENTS
=============================================================================
0. Main button class
1. Square buttons
2. Link buttons
3. Primary button
4. Secondary button
5. Accent button
6. Success button
7. Warning button
8. Danger button
9. Info button
10. Social buttons
11. Ripple effect
=============================================================================
***/
/* ==========================================================================
0. Main button class
========================================================================== */
.button {
  transition: all 0.5s; }
  .button.button-signup {
    padding: 22px 40px !important; }
    .button.button-signup.btn-outlined.is-bold {
      border-width: 2px;
      font-weight: 600; }
  .button.button-cta {
    padding: 22px 40px !important; }
    .button.button-cta.btn-outlined.is-bold {
      border-width: 2px;
      font-weight: 600; }
  .button.no-lh {
    line-height: 0 !important; }
  .button.button-action {
    padding: 25px 40px !important; }
  .button.btn-align {
    padding: 3px 13px 6px 13px; }
  .button.btn-align-md {
    padding: 5px 15px 18px 15px; }
  .button.btn-align-lg {
    padding: 6px 15px 18px 15px; }
  .button.btn-upper {
    text-transform: uppercase; }
  .button.rounded {
    border-radius: 500px; }
  .button.raised:hover {
    box-shadow: 0 14px 26px -12px rgba(0, 0, 0, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2) !important;
    opacity: 0.8; }
  .button.is-raised {
    box-shadow: 0 14px 26px -12px rgba(0, 0, 0, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2) !important; }
  .button.btn-fade:hover {
    opacity: 0.6; }
  .button.btn-outlined {
    background: transparent; }
    .button.btn-outlined.light-btn {
      border-color: #fff;
      color: #fff; }
      .button.btn-outlined.light-btn:hover {
        background-color: #fff;
        color: #444F60; }
    .button.btn-outlined.is-bold {
      border-width: 2px;
      font-weight: 600; }
  .button.btn-padding {
    padding: 6px 13px 16px 13px !important; }
  .button.default-btn {
    color: #cecece !important; }
  .button.is-link {
    text-decoration: none !important; }
  .button.has-icon-right i {
    padding-left: 8px; }
  .button:focus {
    border-color: #ccc; }
  .button i {
    position: relative;
    top: 1px;
    padding-right: 8px; }
  .button.has-icon i {
    position: relative;
    margin-right: 5px;
    font-size: 1.7rem; }
  .button.is-fullwidth {
    display: block !important;
    width: 100% !important;
    text-align: center !important; }

/* ==========================================================================
1. Square buttons
========================================================================== */
.button.btn-square {
  width: 45px;
  height: 45px;
  text-align: center !important;
  display: flex;
  justify-content: center;
  align-items: center; }
  .button.btn-square.is-small {
    width: 36px;
    height: 36px; }
  .button.btn-square.is-medium {
    width: 55px;
    height: 55px; }
  .button.btn-square.is-large {
    width: 64px;
    height: 64px; }
  .button.btn-square i {
    font-size: 21px;
    padding: 0 !important; }
  .button.btn-square.is-small i {
    font-size: 18px; }
  .button.btn-square.is-medium i {
    font-size: 28px; }
  .button.btn-square.is-large i {
    font-size: 32px; }

/* ==========================================================================
2. Link buttons
========================================================================== */
.button.is-link {
  background: transparent !important; }
  .button.is-link.btn-more {
    text-decoration: none !important; }
  .button.is-link.color-primary i {
    font-size: 9px;
    margin-left: 10px;
    position: relative;
    top: 2px;
    color: #235390 !important;
    transition: all 0.5s; }
  .button.is-link:hover {
    background: #f5f5f5 !important; }
    .button.is-link:hover i {
      transform: translate(10px, 0); }

/* ==========================================================================
3. Primary button
========================================================================== */
.button.primary-btn {
  outline: none;
  border-color: #235390;
  background-color: #235390;
  color: #fff;
  transition: all 0.5s; }
  .button.primary-btn:hover {
    color: #fff; }
  .button.primary-btn.raised:hover {
    box-shadow: 0 14px 26px -12px rgba(79, 193, 234, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(79, 193, 234, 0.2) !important;
    opacity: 0.9 0.5; }
  .button.primary-btn.btn-outlined {
    border-color: #235390;
    color: #235390;
    background-color: transparent; }
    .button.primary-btn.btn-outlined:hover {
      color: #fff;
      background-color: #235390; }
  .button.primary-btn:focus {
    border-color: #235390; }

/* ==========================================================================
4. Secondary button
========================================================================== */
.button.secondary-btn {
  outline: none;
  border-color: #78c800;
  background-color: #78c800;
  color: #fff;
  transition: all 0.5s; }
  .button.secondary-btn:hover {
    color: #fff; }
  .button.secondary-btn.raised:hover {
    box-shadow: 0 14px 26px -12px rgba(103, 58, 183, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(103, 58, 183, 0.2) !important;
    opacity: 0.95; }
  .button.secondary-btn.btn-outlined {
    border-color: #78c800;
    color: #78c800;
    background-color: transparent; }
    .button.secondary-btn.btn-outlined:hover {
      color: #fff;
      background-color: #78c800; }
  .button.secondary-btn:focus {
    border-color: #78c800; }

/* ==========================================================================
5. Accent button
========================================================================== */
.button.accent-btn {
  outline: none;
  border-color: #ebf2fa;
  background-color: #ebf2fa;
  color: #fff;
  transition: all 0.5s; }
  .button.accent-btn:hover {
    color: #fff; }
  .button.accent-btn.raised:hover {
    box-shadow: 0 14px 26px -12px rgba(127, 0, 255, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(127, 0, 255, 0.2) !important;
    opacity: 0.8; }
  .button.accent-btn.btn-outlined {
    border-color: #ebf2fa;
    color: #ebf2fa;
    background-color: transparent; }
    .button.accent-btn.btn-outlined:hover {
      color: #fff;
      background-color: #ebf2fa; }
  .button.accent-btn:focus {
    border-color: #ebf2fa; }

/* ==========================================================================
6. Success button
========================================================================== */
.button.success-btn {
  outline: none;
  border-color: #00b289;
  background-color: #00b289;
  color: #fff;
  transition: all 0.5s; }
  .button.success-btn:hover {
    color: #fff; }
  .button.success-btn.raised:hover {
    box-shadow: 0 14px 26px -12px rgba(0, 178, 137, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 178, 137, 0.2) !important;
    opacity: 0.8; }
  .button.success-btn.btn-outlined {
    border-color: #00b289;
    color: #00b289;
    background-color: transparent; }
    .button.success-btn.btn-outlined:hover {
      color: #fff;
      background-color: #00b289; }
  .button.success-btn:focus {
    border-color: #00b289; }

/* ==========================================================================
7. Warning button
========================================================================== */
.button.warning-btn {
  outline: none;
  border-color: #eda514;
  background-color: #eda514;
  color: #fff;
  transition: all 0.5s; }
  .button.warning-btn:hover {
    color: #fff; }
  .button.warning-btn.raised:hover {
    box-shadow: 0 14px 26px -12px rgba(237, 165, 20, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(237, 165, 20, 0.2) !important;
    opacity: 0.8; }
  .button.warning-btn.btn-outlined {
    border-color: #eda514;
    color: #eda514;
    background-color: transparent; }
    .button.warning-btn.btn-outlined:hover {
      color: #fff;
      background-color: #eda514; }
  .button.warning-btn:focus {
    border-color: #eda514; }

/* ==========================================================================
8. Danger button
========================================================================== */
.button.danger-btn {
  outline: none;
  border-color: #FF7273;
  background-color: #FF7273;
  color: #fff;
  transition: all 0.5s; }
  .button.danger-btn:hover {
    color: #fff; }
  .button.danger-btn.raised:hover {
    box-shadow: 0 14px 26px -12px rgba(255, 114, 115, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 114, 115, 0.2) !important;
    opacity: 0.8; }
  .button.danger-btn.btn-outlined {
    border-color: #FF7273;
    color: #FF7273;
    background-color: transparent; }
    .button.danger-btn.btn-outlined:hover {
      color: #fff;
      background-color: #FF7273; }
  .button.danger-btn:focus {
    border-color: #FF7273; }

/* ==========================================================================
9. Info button
========================================================================== */
.button.info-btn {
  outline: none;
  border-color: #039BE5;
  background-color: #039BE5;
  color: #fff;
  transition: all 0.5s; }
  .button.info-btn:hover {
    color: #fff; }
  .button.info-btn.raised:hover {
    box-shadow: 0 14px 26px -12px rgba(3, 155, 229, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(3, 155, 229, 0.2) !important;
    opacity: 0.8; }
  .button.info-btn.btn-outlined {
    border-color: #039BE5;
    color: #039BE5;
    background-color: transparent; }
    .button.info-btn.btn-outlined:hover {
      color: #fff;
      background-color: #039BE5; }
  .button.info-btn:focus {
    border-color: #039BE5; }

/* ==========================================================================
10. Social buttons
========================================================================== */
.button.social-btn {
  color: #fff; }
  .button.social-btn.facebook {
    background-color: #3B5998; }
  .button.social-btn.twitter {
    background-color: #1dcaff; }
  .button.social-btn.linkedin {
    background-color: #007bb6; }
  .button.social-btn.tumblr {
    background-color: #35465c; }
  .button.social-btn.github {
    background-color: #444; }

/* ==========================================================================
11. Ripple effect
========================================================================== */
.ripple {
  overflow: hidden; }

.ripple-effect {
  position: absolute;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  background: white;
  animation: ripple-animation 2s; }

@keyframes ripple-animation {
  from {
    transform: scale(1);
    opacity: 0.4; }
  to {
    transform: scale(100);
    opacity: 0; } }

/*! _cards.scss | Bulkit | CSS Ninja */
/* ==========================================================================
Card styles
========================================================================== */
/***
TABLE OF CONTENTS
=============================================================================
0. Feature card
1. Flex card
2. rounded cards
3. Event cards
4. Bulma cards
5. Ressource cards
6. Card variations
7. Media cards
=============================================================================
***/
/* ==========================================================================
0. Feature card
========================================================================== */
.feature-card {
  width: 300px;
  height: 320px;
  background-color: #fff;
  border-radius: 3px;
  margin: 0 auto;
  transition: all 0.6s; }
  .feature-card.card-md {
    height: 350px; }
  .feature-card.card-lg {
    height: 400px; }
  .feature-card.card-shadow {
    box-shadow: 0px 5px 43px rgba(0, 0, 0, 0.18) !important; }
  .feature-card.hover-inset:hover {
    box-shadow: inset rgba(143, 160, 241, 0.2) 0 0 0 1px, rgba(213, 220, 247, 0.59) 0 10px 20px;
    cursor: pointer; }
  .feature-card.light-bordered {
    border: 1px solid #e5e5e5 !important; }
  .feature-card .card-title h4 {
    font-size: 1.2rem;
    font-weight: 600;
    color: #444F60; }
  .feature-card .card-icon img {
    height: 140px;
    margin-top: 20px; }
  .feature-card .card-img img {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px; }
  .feature-card .card-action {
    margin-top: 40px; }
  .feature-card .card-feature-description {
    padding: 5px 30px !important; }
    .feature-card .card-feature-description span {
      color: #878787;
      margin-top: 20px; }
  .feature-card .card-img-description {
    padding-bottom: 10px; }
    .feature-card .card-img-description span {
      color: #878787;
      margin-top: 20px; }
  .feature-card .bookmark i {
    font-size: 1.4rem;
    color: #A9ABAC;
    position: relative;
    top: 3px;
    margin-right: 10px; }
    .feature-card .bookmark i:hover {
      color: #78c800; }

/* ==========================================================================
1. Flex card
========================================================================== */
.flex-card {
  position: relative;
  background-color: #fff;
  border: 1px solid #fcfcfc;
  border-radius: 0.1875rem;
  display: inline-block;
  position: relative;
  overflow: hidden;
  width: 100%;
  margin-bottom: 20px;
  transition: all 0.5s; }
  .flex-card .flex-card-header {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    border-bottom: 1px solid #ededed;
    padding: 10px 15px; }
    .flex-card .flex-card-header .header-avatar {
      max-height: 45px; }
      .flex-card .flex-card-header .header-avatar img {
        height: 45px;
        border-radius: 100px; }
    .flex-card .flex-card-header .header-info {
      margin: 0 10px; }
      .flex-card .flex-card-header .header-info .header-title {
        font-size: 1.2rem; }
      .flex-card .flex-card-header .header-info .header-subtitle {
        font-size: 0.9rem;
        color: #A9ABAC; }
    .flex-card .flex-card-header .header-control {
      margin-right: 10px; }
      .flex-card .flex-card-header .header-control i {
        font-size: 0.8rem;
        color: #A9ABAC; }
      .flex-card .flex-card-header .header-control:hover i {
        color: #235390; }
    .flex-card .flex-card-header.primary {
      background: #235390; }
      .flex-card .flex-card-header.primary .header-info div, .flex-card .flex-card-header.primary .header-control i {
        color: #fff !important; }
    .flex-card .flex-card-header.secondary {
      background: #78c800; }
      .flex-card .flex-card-header.secondary .header-info div, .flex-card .flex-card-header.secondary .header-control i {
        color: #fff !important; }
    .flex-card .flex-card-header.accent {
      background: #ebf2fa; }
      .flex-card .flex-card-header.accent .header-info div, .flex-card .flex-card-header.accent .header-control i {
        color: #fff !important; }
  .flex-card .card-body {
    padding: 30px 30px; }
    .flex-card .card-body.is-small {
      padding: 20px 20px; }
    .flex-card .card-body.is-large {
      padding: 40px 40px; }
  .flex-card h3.card-title {
    margin-bottom: 10px;
    margin-top: 10px;
    font-size: 22px;
    line-height: 30px;
    text-decoration: none; }
  .flex-card .card-description {
    line-height: 24px;
    cursor: default;
    color: #777;
    font-size: 16px; }
  .flex-card.primary-card {
    background: #235390; }
    .flex-card.primary-card .content, .flex-card.primary-card .content h2 {
      color: #fff !important; }
  .flex-card.secondary-card {
    background: #78c800; }
    .flex-card.secondary-card .content, .flex-card.secondary-card .content h2 {
      color: #fff !important; }
  .flex-card.accent-card {
    background: #ebf2fa; }
    .flex-card.accent-card .content, .flex-card.accent-card .content h2 {
      color: #fff !important; }
  .flex-card.card-overflow {
    overflow: visible !important; }
  .flex-card.light-bordered {
    border: 1px solid #e5e5e5 !important; }
  .flex-card.simple-shadow {
    box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); }
  .flex-card.light-raised {
    box-shadow: 0 3px 10px 4px rgba(0, 0, 0, 0.04); }
  .flex-card.raised {
    box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2); }
  .flex-card.hover-raised:hover {
    box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2);
    cursor: pointer; }
  .flex-card.hover-inset:hover {
    box-shadow: inset rgba(143, 160, 241, 0.2) 0 0 0 1px, rgba(213, 220, 247, 0.59) 0 10px 20px;
    cursor: pointer; }
  .flex-card .tabs {
    padding: 15px 0.7rem; }
  .flex-card .navtab-content {
    min-height: 190px; }
    .flex-card .navtab-content p {
      padding: 0 0.8rem 20px; }
  .flex-card.icon-card {
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);
    transition: inherit;
    margin-bottom: 0; }
    .flex-card.icon-card img {
      max-height: 80px; }
    .flex-card.icon-card .icon-card-text {
      font-size: 1.1rem;
      color: #A9ABAC; }
  .flex-card.icon-card-hover {
    height: 170px;
    padding: 20px 20px 10px 130px;
    border-radius: 8px;
    box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.04);
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    text-align: left;
    background-color: #fff; }
    .flex-card.icon-card-hover:hover {
      box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.1);
      -webkit-transform: translate(0, -10px);
      -ms-transform: translate(0, -10px);
      transform: translate(0, -10px); }
    .flex-card.icon-card-hover.first-card {
      background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.65), rgba(255, 255, 255, 0.65)), url(/static/assets/images/illustrations/icons/landing-v1/chrono.svg);
      background-position: 0 0,-80px 20px;
      background-size: auto,200px;
      background-repeat: repeat,no-repeat;
      -webkit-transition: all 350ms ease;
      transition: all 350ms ease; }
      .flex-card.icon-card-hover.first-card:hover {
        background-image: linear-gradient(180deg, transparent, transparent), url(/static/assets/images/illustrations/icons/landing-v1/chrono.svg);
        background-position: 0 0,-80px -25px;
        background-size: auto,200px;
        background-repeat: repeat,no-repeat; }
    .flex-card.icon-card-hover.second-card {
      background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.65), rgba(255, 255, 255, 0.65)), url(/static/assets/images/illustrations/icons/landing-v1/tablet-dots.svg);
      background-position: 0 0,-80px 20px;
      background-size: auto,200px;
      background-repeat: repeat,no-repeat;
      -webkit-transition: all 350ms ease;
      transition: all 350ms ease; }
      .flex-card.icon-card-hover.second-card:hover {
        background-image: linear-gradient(180deg, transparent, transparent), url(/static/assets/images/illustrations/icons/landing-v1/tablet-dots.svg);
        background-position: 0 0,-80px -25px;
        background-size: auto,200px;
        background-repeat: repeat,no-repeat; }
    .flex-card.icon-card-hover.third-card {
      background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.65), rgba(255, 255, 255, 0.65)), url(/static/assets/images/illustrations/icons/landing-v1/cog.svg);
      background-position: 0 0,-80px 20px;
      background-size: auto,200px;
      background-repeat: repeat,no-repeat;
      -webkit-transition: all 350ms ease;
      transition: all 350ms ease; }
      .flex-card.icon-card-hover.third-card:hover {
        background-image: linear-gradient(180deg, transparent, transparent), url(/static/assets/images/illustrations/icons/landing-v1/cog.svg);
        background-position: 0 0,-80px -25px;
        background-size: auto,200px;
        background-repeat: repeat,no-repeat; }
    .flex-card.icon-card-hover.fourth-card {
      background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.65), rgba(255, 255, 255, 0.65)), url(/static/assets/images/illustrations/icons/landing-v1/plane.svg);
      background-position: 0 0,-80px 20px;
      background-size: auto,200px;
      background-repeat: repeat,no-repeat;
      -webkit-transition: all 350ms ease;
      transition: all 350ms ease; }
      .flex-card.icon-card-hover.fourth-card:hover {
        background-image: linear-gradient(180deg, transparent, transparent), url(/static/assets/images/illustrations/icons/landing-v1/plane.svg);
        background-position: 0 0,-80px -25px;
        background-size: auto,200px;
        background-repeat: repeat,no-repeat; }
  .flex-card.testimonial-card .testimonial-title {
    color: #235390;
    font-weight: 500;
    padding: 5px 0; }
  .flex-card.testimonial-card .testimonial-text {
    color: #999;
    font-size: 0.9rem;
    font-style: italic;
    padding: 5px 0; }
  .flex-card.testimonial-card .user-id {
    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    padding: 5px 0; }
    .flex-card.testimonial-card .user-id img {
      height: 50px;
      border-radius: 100px; }
    .flex-card.testimonial-card .user-id .info {
      padding: 0 10px; }
      .flex-card.testimonial-card .user-id .info .name {
        font-size: 1.1rem;
        font-weight: 600;
        color: #444F60; }
      .flex-card.testimonial-card .user-id .info .position {
        font-size: 0.9rem;
        color: #cecece; }
  .flex-card .navigation-tabs.outlined-pills .tabs.tabs-header.primary {
    background-color: #235390; }
  .flex-card .navigation-tabs.outlined-pills .tabs.tabs-header.secondary {
    background-color: #78c800; }
  .flex-card .navigation-tabs.outlined-pills .tabs.tabs-header.accent {
    background-color: #ebf2fa; }
  .flex-card .navigation-tabs.outlined-pills .tabs.tabs-header ul li a {
    color: #f2f2f2; }
  .flex-card .navigation-tabs.outlined-pills .tabs.tabs-header ul li.is-active a {
    color: #fff;
    border: 1px solid #fff;
    border-bottom-color: #fff !important; }
  .flex-card .icon-group {
    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center; }
    .flex-card .icon-group img {
      height: 60px; }
    .flex-card .icon-group span {
      font-size: 20px;
      margin-left: 20px;
      color: #999;
      transition: all 0.5s; }
      .flex-card .icon-group span:hover {
        transform: translate(10px, 0); }
  .flex-card.auth-card {
    padding: 0px 40px 20px 40px; }
    .flex-card.auth-card .auth-card-header {
      height: 5rem;
      width: 100%;
      position: relative;
      top: -2.5rem;
      left: auto !important;
      right: auto !important;
      border-radius: 4px;
      display: flex;
      justify-content: center;
      align-content: center;
      align-items: center; }
      .flex-card.auth-card .auth-card-header img {
        max-height: 30px; }
      .flex-card.auth-card .auth-card-header.header-primary {
        background-color: #235390;
        color: #fff;
        box-shadow: 0 14px 26px -12px rgba(79, 193, 234, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(79, 193, 234, 0.2) !important; }
      .flex-card.auth-card .auth-card-header.header-secondary {
        background-color: #78c800;
        color: #fff;
        box-shadow: 0 14px 26px -12px rgba(103, 58, 183, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(103, 58, 183, 0.2) !important; }
      .flex-card.auth-card .auth-card-header.header-accent {
        background-color: #ebf2fa;
        color: #fff;
        box-shadow: 0 14px 26px -12px rgba(127, 0, 255, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(127, 0, 255, 0.2) !important; }
  .flex-card .card-content {
    position: relative;
    padding: 1rem !important; }
    .flex-card .card-content .bottom-avatar img {
      height: 50px;
      border-radius: 100px;
      position: absolute;
      right: 0;
      bottom: 0; }

/* ==========================================================================
2. Rounded cards
========================================================================== */
.floating-circle {
  width: 100px;
  height: 100px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 0px;
  border-radius: 50px;
  background-color: transparent;
  box-shadow: 0px 0px 0px 0 rgba(0, 0, 0, 0.06); }
  .floating-circle img {
    width: 70px;
    position: relative;
    left: 20px; }

/* ==========================================================================
3. Event cards
========================================================================== */
.event-card {
  overflow: hidden;
  width: 100%;
  height: 320px;
  display: inline-block;
  position: relative;
  background-color: #fff;
  transition: box-shadow 300ms ease-in;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border: 1px solid #ededed; }
  .event-card:hover {
    box-shadow: 1px 1px 8px 2px rgba(0, 0, 0, 0.1); }
  .event-card .card-date {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #ebf2fa;
    z-index: 1; }
    .event-card .card-date .date {
      padding: 0 10px; }
      .event-card .card-date .date .day {
        font-size: 2.7rem;
        color: #fff;
        font-weight: bold; }
      .event-card .card-date .date .month {
        font-weight: 500;
        color: #fff; }

.img-container {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0; }
  .img-container img {
    height: 100%;
    width: 100%;
    object-fit: cover; }

.card-text {
  bottom: -40%;
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #fff;
  transition: all 450ms cubic-bezier(0.6, 0.06, 0.34, 0.61); }
  @media (max-width: 768px) {
    .card-text {
      bottom: -71%; } }
  @media (min-width: 768px) {
    .card-text {
      bottom: -55%; } }
  @media (min-width: 1024px) {
    .card-text {
      bottom: -64%; } }
  @media (min-width: 1420px) {
    .card-text {
      bottom: -70%; } }
  .card-text.is-clicked, .event-card:hover .card-text {
    bottom: 0%; }
  .card-text .button.is-link i {
    font-size: 10px !important;
    transition: all 0.5s !important;
    margin-left: 20px;
    top: 2px; }
  .card-text .text.text-container {
    padding: 20px 30px; }
    .card-text .text.text-container .text-header .text-subtitle {
      color: #ebf2fa;
      font-family: 'Nexa Light', sans-serif; }
  .card-text .text.text-title {
    font-family: 'Nexa Bold', sans-serif;
    font-size: 1.15em;
    margin-bottom: .25em;
    font-weight: bold;
    text-transform: uppercase; }
  .card-text .text.text-details:before {
    content: "";
    display: block;
    width: 30%;
    height: 1px;
    background-color: #ddd;
    margin: 30px 0; }
  .card-text .text.text-description {
    line-height: 1.4em; }
  .card-text .text.text-link {
    text-decoration: none;
    margin-top: 1em;
    display: inline-block;
    color: #ebf2fa; }
    .card-text .text.text-link:hover {
      color: white; }

/* ==========================================================================
4. Bulma cards
========================================================================== */
.card.card-shadow {
  box-shadow: 0px 5px 43px rgba(0, 0, 0, 0.18) !important; }

.card .image {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px; }

.card img {
  display: block; }

/* ==========================================================================
5. Ressource cards
========================================================================== */
.card.ressource-card {
  position: relative; }
  .card.ressource-card .ressource-avatar img {
    position: absolute;
    top: 15px;
    right: 15px;
    height: 60px;
    width: 60px;
    border-radius: 1000px; }
  .card.ressource-card .card-image {
    position: relative; }
    .card.ressource-card .card-image figure {
      overflow: hidden; }
      .card.ressource-card .card-image figure.zoomOut img {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out; }
      .card.ressource-card .card-image figure.zoomIn img {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out; }
    .card.ressource-card .card-image .card-image-overlay {
      position: absolute;
      width: 100%;
      height: 100%;
      background: rgba(68, 79, 96, 0.6);
      z-index: 1; }
      .card.ressource-card .card-image .card-image-overlay.primary {
        background: #235390;
        opacity: 0.6; }
      .card.ressource-card .card-image .card-image-overlay.secondary {
        background: #78c800;
        opacity: 0.6; }
      .card.ressource-card .card-image .card-image-overlay.accent {
        background: #ebf2fa;
        opacity: 0.6; }
  .card.ressource-card .card-content .media-content a {
    font-family: 'Nexa Bold', sans-serif;
    font-size: 16px;
    color: #444F60; }
    .card.ressource-card .card-content .media-content a:hover {
      color: #235390; }
  .card.ressource-card .card-content .media-content p {
    font-family: 'Nexa Light';
    font-weight: 700;
    color: #999; }
  .card.ressource-card .avatar-rounded img {
    border-radius: 50px !important; }
  .card.ressource-card:hover .card-image figure.zoomOut img {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0.8; }
  .card.ressource-card:hover .card-image figure.zoomIn img {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    opacity: 0.8; }

/* ==========================================================================
6. Card variations
========================================================================== */
.card.card-floating-wide, .card.card-floating-boxed {
  margin: 4%;
  border-radius: 6px; }
  .card.card-floating-wide .title, .card.card-floating-boxed .title {
    margin: 0 !important;
    padding: 10px 0; }
  .card.card-floating-wide .subtitle, .card.card-floating-boxed .subtitle {
    font-size: 0.9rem;
    color: #A9ABAC;
    margin: 0 !important; }

.card.card-floating-wide .card-image figure img {
  display: block;
  transform: scale(1.08);
  border-radius: 6px;
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }

.card.card-floating-boxed .title {
  margin-top: -10%; }

.card.card-floating-boxed .card-image figure img {
  display: block;
  transform: scale(0.94);
  border-radius: 6px;
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  margin-top: -10%; }

.card.card-floating-boxed .card-content {
  margin-top: -50px; }

/* ==========================================================================
7. Media cards
========================================================================== */
.media-card {
  min-height: 260px; }
  .media-card .media-card-image {
    height: 100% !important;
    min-height: 260px;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%; }
  .media-card .mcard-content {
    padding: 20px; }
    .media-card .mcard-content .mcard-title {
      line-height: 1.2 !important;
      font-size: 20px !important;
      font-weight: 600;
      color: #444F60; }
      .media-card .mcard-content .mcard-title a {
        color: #444F60; }
    .media-card .mcard-content .mcard-description {
      line-height: 1.4 !important;
      max-height: 4.2em !important;
      margin-top: 7px;
      color: #999; }
  .media-card .mcard-controls {
    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    padding: 20px;
    position: absolute;
    bottom: 0 !important;
    width: 100%; }
    .media-card .mcard-controls .mcard-avatar img {
      height: 40px;
      width: 40px;
      border-radius: 250px; }
    .media-card .mcard-controls .mcard-info {
      margin-left: 15px; }
      .media-card .mcard-controls .mcard-info span {
        font-size: 14px;
        line-height: 1.4; }
      .media-card .mcard-controls .mcard-info div span {
        font-size: 12px;
        line-height: 1.2;
        color: #A9ABAC; }
      .media-card .mcard-controls .mcard-info div i {
        font-size: 4px;
        position: relative;
        color: #999;
        top: -2px;
        margin: 0 5px; }
    .media-card .mcard-controls .mcard-actions i {
      position: relative;
      top: 5px;
      color: #A9ABAC;
      cursor: pointer; }
      .media-card .mcard-controls .mcard-actions i:hover {
        color: #ebf2fa; }
  .media-card .content-column {
    position: relative; }

/*! _boxes.scss | Bulkit | CSS Ninja */
/* ==========================================================================
Box styles
========================================================================== */
/***
TABLE OF CONTENTS
=============================================================================
0. Simple icon box
1. Diamond icon box
2. Square icon box
3. Long shadow icon boxes
4. Simple counter
5. Card counter
6. Icon counter
7. Parallax counter
8. Team V1
9. Team V4
10. Team V5
11. Team V6
12. Client grids
13. Centered images carousel
14. Multiple images carousel
15. Single image carousel
16. Custome slick navigation arrows
=============================================================================
***/
/* ==========================================================================
0. Simple icon box
========================================================================== */
.icon-box .box-icon {
  color: #cecece;
  font-size: 2.8rem;
  margin-bottom: 1rem; }

.icon-box .box-title {
  color: #444F60;
  margin-bottom: 10px;
  font-weight: 500; }

.icon-box .box-text {
  color: #A9ABAC;
  font-size: 13px; }

.icon-box.primary .box-icon {
  color: #235390; }

.icon-box.primary .box-title {
  color: #235390; }

.icon-box.secondary .box-icon {
  color: #78c800; }

.icon-box.secondary .box-title {
  color: #78c800; }

.icon-box.accent .box-icon {
  color: #ebf2fa; }

.icon-box.accent .box-title {
  color: #ebf2fa; }

.icon-box.info .box-icon {
  color: #039BE5; }

.icon-box.info .box-title {
  color: #039BE5; }

.icon-box.success .box-icon {
  color: #00b289; }

.icon-box.success .box-title {
  color: #00b289; }

.icon-box.warning .box-icon {
  color: #eda514; }

.icon-box.warning .box-title {
  color: #eda514; }

.icon-box.danger .box-icon {
  color: #FF7273; }

.icon-box.danger .box-title {
  color: #FF7273; }

.icon-box.compact .box-icon {
  color: #fff;
  font-size: 3rem;
  font-weight: bolder;
  transform: rotate(45deg); }
  .icon-box.compact .box-icon i {
    padding: 1.4rem;
    background: #ebf2fa;
    border-radius: 5px; }

.icon-box.compact .box-text {
  padding: 0 40px 0 40px; }

/* ==========================================================================
1. Diamond icon box
========================================================================== */
.diamond-box {
  text-align: center; }
  .diamond-box .diamond-wrapper {
    display: flex;
    justify-content: center;
    align-items: center; }
  .diamond-box .diamond {
    width: 60px;
    height: 60px;
    background-color: #999;
    position: relative;
    border-radius: 4px;
    transform: rotate(45deg);
    margin-bottom: 1.5rem; }
    .diamond-box .diamond i {
      font-size: 36px;
      position: absolute;
      color: #fff;
      left: 11px;
      top: 10px;
      transform: rotate(-45deg); }
  .diamond-box .box-title {
    color: #444F60;
    margin-bottom: 10px;
    font-weight: 500; }
  .diamond-box .box-text {
    color: #A9ABAC;
    font-size: 13px; }
  .diamond-box.primary .diamond {
    background-color: #235390;
    box-shadow: 0 14px 26px -12px rgba(79, 193, 234, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(79, 193, 234, 0.2) !important; }
  .diamond-box.primary .box-title {
    color: #235390; }
  .diamond-box.secondary .diamond {
    background-color: #78c800;
    box-shadow: 0 14px 26px -12px rgba(103, 58, 183, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(103, 58, 183, 0.2) !important; }
  .diamond-box.secondary .box-title {
    color: #78c800; }
  .diamond-box.accent .diamond {
    background-color: #ebf2fa;
    box-shadow: 0 14px 26px -12px rgba(127, 0, 255, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(127, 0, 255, 0.2) !important; }
  .diamond-box.accent .box-title {
    color: #ebf2fa; }
  .diamond-box.info .diamond {
    background-color: #039BE5;
    box-shadow: 0 14px 26px -12px rgba(3, 155, 229, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(3, 155, 229, 0.2) !important; }
  .diamond-box.info .box-title {
    color: #039BE5; }
  .diamond-box.success .diamond {
    background-color: #00b289;
    box-shadow: 0 14px 26px -12px rgba(0, 178, 137, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 178, 137, 0.2) !important; }
  .diamond-box.success .box-title {
    color: #00b289; }
  .diamond-box.warning .diamond {
    background-color: #eda514;
    box-shadow: 0 14px 26px -12px rgba(237, 165, 20, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(237, 165, 20, 0.2) !important; }
  .diamond-box.warning .box-title {
    color: #eda514; }
  .diamond-box.danger .diamond {
    background-color: #FF7273;
    box-shadow: 0 14px 26px -12px rgba(255, 114, 115, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 114, 115, 0.2) !important; }
  .diamond-box.danger .box-title {
    color: #FF7273; }

/* ==========================================================================
2. Square icon box
========================================================================== */
.square-icon-box {
  text-align: center; }
  .square-icon-box:hover .icon-box-wrapper .icon-box:after {
    transform: scale(1); }
  .square-icon-box.rounded .icon-box {
    border-radius: 100px !important; }
    .square-icon-box.rounded .icon-box:after {
      border-radius: 100px !important; }
  .square-icon-box .icon-box-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px; }
    .square-icon-box .icon-box-wrapper .icon-box {
      width: 60px;
      height: 60px;
      background-color: #999;
      position: relative;
      border-radius: 4px;
      cursor: pointer; }
      .square-icon-box .icon-box-wrapper .icon-box i {
        font-size: 28px;
        position: absolute;
        color: #fff;
        left: 16px;
        top: 16px; }
      .square-icon-box .icon-box-wrapper .icon-box:after {
        width: 76px;
        height: 76px;
        content: "";
        display: block;
        position: absolute;
        z-index: 1;
        top: -8px;
        left: -8px;
        opacity: 0.8;
        border-radius: 4px;
        transform: scale(0.8);
        transition: all 0.3s; }
  .square-icon-box .box-title {
    color: #444F60;
    padding: 5px;
    font-weight: 500; }
  .square-icon-box .box-text {
    color: #A9ABAC;
    padding: 0 10px;
    font-size: 13px; }
  .square-icon-box.primary .icon-box {
    background-color: #235390;
    box-shadow: 0 14px 26px -12px rgba(79, 193, 234, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(79, 193, 234, 0.2) !important; }
    .square-icon-box.primary .icon-box:after {
      border: 2px solid #235390; }
  .square-icon-box.primary .box-title {
    color: #235390; }
  .square-icon-box.secondary .icon-box {
    background-color: #78c800;
    box-shadow: 0 14px 26px -12px rgba(103, 58, 183, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(103, 58, 183, 0.2) !important; }
    .square-icon-box.secondary .icon-box:after {
      border: 2px solid #78c800; }
  .square-icon-box.secondary .box-title {
    color: #78c800; }
  .square-icon-box.accent .icon-box {
    background-color: #ebf2fa;
    box-shadow: 0 14px 26px -12px rgba(127, 0, 255, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(127, 0, 255, 0.2) !important; }
    .square-icon-box.accent .icon-box:after {
      border: 2px solid #ebf2fa; }
  .square-icon-box.accent .box-title {
    color: #ebf2fa; }
  .square-icon-box.info .icon-box {
    background-color: #039BE5;
    box-shadow: 0 14px 26px -12px rgba(3, 155, 229, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(3, 155, 229, 0.2) !important; }
    .square-icon-box.info .icon-box:after {
      border: 2px solid #039BE5; }
  .square-icon-box.info .box-title {
    color: #039BE5; }
  .square-icon-box.success .icon-box {
    background-color: #00b289;
    box-shadow: 0 14px 26px -12px rgba(0, 178, 137, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 178, 137, 0.2) !important; }
    .square-icon-box.success .icon-box:after {
      border: 2px solid #00b289; }
  .square-icon-box.success .box-title {
    color: #00b289; }
  .square-icon-box.warning .icon-box {
    background-color: #eda514;
    box-shadow: 0 14px 26px -12px rgba(237, 165, 20, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(237, 165, 20, 0.2) !important; }
    .square-icon-box.warning .icon-box:after {
      border: 2px solid #eda514; }
  .square-icon-box.warning .box-title {
    color: #eda514; }
  .square-icon-box.danger .icon-box {
    background-color: #FF7273;
    box-shadow: 0 14px 26px -12px rgba(255, 114, 115, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 114, 115, 0.2) !important; }
    .square-icon-box.danger .icon-box:after {
      border: 2px solid #FF7273; }
  .square-icon-box.danger .box-title {
    color: #FF7273; }

/* ==========================================================================
3. Long shadow icon boxes
========================================================================== */
.shadow-icon-box span {
  display: block;
  position: absolute;
  height: 75px;
  width: 75px;
  color: #fff;
  text-shadow: #143052 1px 1px, #143052 2px 2px, #143052 3px 3px, #143052 4px 4px, #143052 5px 5px, #143052 6px 6px, #143052 7px 7px, #143052 8px 8px, #143052 9px 9px, #143052 10px 10px, #143052 11px 11px, #143052 12px 12px, #143052 13px 13px, #143052 14px 14px, #143052 15px 15px, #143052 16px 16px, #143052 17px 17px, #143052 18px 18px, #143052 19px 19px, #143052 20px 20px, #143052 21px 21px, #143052 22px 22px, #143052 23px 23px, #143052 24px 24px, #143052 25px 25px, #143052 26px 26px, #143052 27px 27px, #143052 28px 28px, #143052 29px 29px, #143052 30px 30px, #143052 31px 31px, #143052 32px 32px, #143052 33px 33px, #143052 34px 34px, #143052 35px 35px, #143052 36px 36px, #143052 37px 37px, #143052 38px 38px, #143052 39px 39px, #143052 40px 40px, #143052 41px 41px, #143052 42px 42px, #143052 43px 43px, #143052 44px 44px, #143052 45px 45px, #143052 46px 46px, #143052 47px 47px, #143052 48px 48px, #143052 49px 49px, #143052 50px 50px, #143052 51px 51px, #143052 52px 52px, #143052 53px 53px, #143052 54px 54px, #143052 55px 55px, #143052 56px 56px, #143052 57px 57px, #143052 58px 58px, #143052 59px 59px, #143052 60px 60px, #143052 61px 61px, #143052 62px 62px, #143052 63px 63px, #143052 64px 64px, #143052 65px 65px, #143052 66px 66px, #143052 67px 67px, #143052 68px 68px, #143052 69px 69px, #143052 70px 70px, #143052 71px 71px, #143052 72px 72px, #143052 73px 73px, #143052 74px 74px, #143052 75px 75px; }

.shadow-icon-box {
  position: relative;
  text-align: center;
  overflow: hidden;
  margin: 0 auto;
  width: 75px;
  height: 75px;
  font-size: 25px;
  line-height: 75px;
  background-color: #235390;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0 14px 26px -12px rgba(79, 193, 234, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(79, 193, 234, 0.2) !important;
  -moz-box-shadow: 0 14px 26px -12px rgba(79, 193, 234, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(79, 193, 234, 0.2) !important;
  -ms-box-shadow: 0 14px 26px -12px rgba(79, 193, 234, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(79, 193, 234, 0.2) !important;
  box-shadow: 0 14px 26px -12px rgba(79, 193, 234, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(79, 193, 234, 0.2) !important; }
  .shadow-icon-box.rounded {
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    border-radius: 100px; }
  .shadow-icon-box.is-secondary {
    background-color: #78c800;
    -webkit-box-shadow: 0 14px 26px -12px rgba(103, 58, 183, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(103, 58, 183, 0.2) !important;
    -moz-box-shadow: 0 14px 26px -12px rgba(103, 58, 183, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(103, 58, 183, 0.2) !important;
    -ms-box-shadow: 0 14px 26px -12px rgba(103, 58, 183, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(103, 58, 183, 0.2) !important;
    box-shadow: 0 14px 26px -12px rgba(103, 58, 183, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(103, 58, 183, 0.2) !important; }
    .shadow-icon-box.is-secondary span {
      text-shadow: #4a7c00 1px 1px, #4a7c00 2px 2px, #4a7c00 3px 3px, #4a7c00 4px 4px, #4a7c00 5px 5px, #4a7c00 6px 6px, #4a7c00 7px 7px, #4a7c00 8px 8px, #4a7c00 9px 9px, #4a7c00 10px 10px, #4a7c00 11px 11px, #4a7c00 12px 12px, #4a7c00 13px 13px, #4a7c00 14px 14px, #4a7c00 15px 15px, #4a7c00 16px 16px, #4a7c00 17px 17px, #4a7c00 18px 18px, #4a7c00 19px 19px, #4a7c00 20px 20px, #4a7c00 21px 21px, #4a7c00 22px 22px, #4a7c00 23px 23px, #4a7c00 24px 24px, #4a7c00 25px 25px, #4a7c00 26px 26px, #4a7c00 27px 27px, #4a7c00 28px 28px, #4a7c00 29px 29px, #4a7c00 30px 30px, #4a7c00 31px 31px, #4a7c00 32px 32px, #4a7c00 33px 33px, #4a7c00 34px 34px, #4a7c00 35px 35px, #4a7c00 36px 36px, #4a7c00 37px 37px, #4a7c00 38px 38px, #4a7c00 39px 39px, #4a7c00 40px 40px, #4a7c00 41px 41px, #4a7c00 42px 42px, #4a7c00 43px 43px, #4a7c00 44px 44px, #4a7c00 45px 45px, #4a7c00 46px 46px, #4a7c00 47px 47px, #4a7c00 48px 48px, #4a7c00 49px 49px, #4a7c00 50px 50px, #4a7c00 51px 51px, #4a7c00 52px 52px, #4a7c00 53px 53px, #4a7c00 54px 54px, #4a7c00 55px 55px, #4a7c00 56px 56px, #4a7c00 57px 57px, #4a7c00 58px 58px, #4a7c00 59px 59px, #4a7c00 60px 60px, #4a7c00 61px 61px, #4a7c00 62px 62px, #4a7c00 63px 63px, #4a7c00 64px 64px, #4a7c00 65px 65px, #4a7c00 66px 66px, #4a7c00 67px 67px, #4a7c00 68px 68px, #4a7c00 69px 69px, #4a7c00 70px 70px, #4a7c00 71px 71px, #4a7c00 72px 72px, #4a7c00 73px 73px, #4a7c00 74px 74px, #4a7c00 75px 75px; }
  .shadow-icon-box.is-accent {
    background-color: #ebf2fa;
    -webkit-box-shadow: 0 14px 26px -12px rgba(127, 0, 255, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(127, 0, 255, 0.2) !important;
    -moz-box-shadow: 0 14px 26px -12px rgba(127, 0, 255, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(127, 0, 255, 0.2) !important;
    -ms-box-shadow: 0 14px 26px -12px rgba(127, 0, 255, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(127, 0, 255, 0.2) !important;
    box-shadow: 0 14px 26px -12px rgba(127, 0, 255, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(127, 0, 255, 0.2) !important; }
    .shadow-icon-box.is-accent span {
      text-shadow: #aecaeb 1px 1px, #aecaeb 2px 2px, #aecaeb 3px 3px, #aecaeb 4px 4px, #aecaeb 5px 5px, #aecaeb 6px 6px, #aecaeb 7px 7px, #aecaeb 8px 8px, #aecaeb 9px 9px, #aecaeb 10px 10px, #aecaeb 11px 11px, #aecaeb 12px 12px, #aecaeb 13px 13px, #aecaeb 14px 14px, #aecaeb 15px 15px, #aecaeb 16px 16px, #aecaeb 17px 17px, #aecaeb 18px 18px, #aecaeb 19px 19px, #aecaeb 20px 20px, #aecaeb 21px 21px, #aecaeb 22px 22px, #aecaeb 23px 23px, #aecaeb 24px 24px, #aecaeb 25px 25px, #aecaeb 26px 26px, #aecaeb 27px 27px, #aecaeb 28px 28px, #aecaeb 29px 29px, #aecaeb 30px 30px, #aecaeb 31px 31px, #aecaeb 32px 32px, #aecaeb 33px 33px, #aecaeb 34px 34px, #aecaeb 35px 35px, #aecaeb 36px 36px, #aecaeb 37px 37px, #aecaeb 38px 38px, #aecaeb 39px 39px, #aecaeb 40px 40px, #aecaeb 41px 41px, #aecaeb 42px 42px, #aecaeb 43px 43px, #aecaeb 44px 44px, #aecaeb 45px 45px, #aecaeb 46px 46px, #aecaeb 47px 47px, #aecaeb 48px 48px, #aecaeb 49px 49px, #aecaeb 50px 50px, #aecaeb 51px 51px, #aecaeb 52px 52px, #aecaeb 53px 53px, #aecaeb 54px 54px, #aecaeb 55px 55px, #aecaeb 56px 56px, #aecaeb 57px 57px, #aecaeb 58px 58px, #aecaeb 59px 59px, #aecaeb 60px 60px, #aecaeb 61px 61px, #aecaeb 62px 62px, #aecaeb 63px 63px, #aecaeb 64px 64px, #aecaeb 65px 65px, #aecaeb 66px 66px, #aecaeb 67px 67px, #aecaeb 68px 68px, #aecaeb 69px 69px, #aecaeb 70px 70px, #aecaeb 71px 71px, #aecaeb 72px 72px, #aecaeb 73px 73px, #aecaeb 74px 74px, #aecaeb 75px 75px; }
  .shadow-icon-box.is-info {
    background-color: #039BE5;
    -webkit-box-shadow: 0 14px 26px -12px rgba(3, 155, 229, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(3, 155, 229, 0.2) !important;
    -moz-box-shadow: 0 14px 26px -12px rgba(3, 155, 229, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(3, 155, 229, 0.2) !important;
    -ms-box-shadow: 0 14px 26px -12px rgba(3, 155, 229, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(3, 155, 229, 0.2) !important;
    box-shadow: 0 14px 26px -12px rgba(3, 155, 229, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(3, 155, 229, 0.2) !important; }
    .shadow-icon-box.is-info span {
      text-shadow: #026899 1px 1px, #026899 2px 2px, #026899 3px 3px, #026899 4px 4px, #026899 5px 5px, #026899 6px 6px, #026899 7px 7px, #026899 8px 8px, #026899 9px 9px, #026899 10px 10px, #026899 11px 11px, #026899 12px 12px, #026899 13px 13px, #026899 14px 14px, #026899 15px 15px, #026899 16px 16px, #026899 17px 17px, #026899 18px 18px, #026899 19px 19px, #026899 20px 20px, #026899 21px 21px, #026899 22px 22px, #026899 23px 23px, #026899 24px 24px, #026899 25px 25px, #026899 26px 26px, #026899 27px 27px, #026899 28px 28px, #026899 29px 29px, #026899 30px 30px, #026899 31px 31px, #026899 32px 32px, #026899 33px 33px, #026899 34px 34px, #026899 35px 35px, #026899 36px 36px, #026899 37px 37px, #026899 38px 38px, #026899 39px 39px, #026899 40px 40px, #026899 41px 41px, #026899 42px 42px, #026899 43px 43px, #026899 44px 44px, #026899 45px 45px, #026899 46px 46px, #026899 47px 47px, #026899 48px 48px, #026899 49px 49px, #026899 50px 50px, #026899 51px 51px, #026899 52px 52px, #026899 53px 53px, #026899 54px 54px, #026899 55px 55px, #026899 56px 56px, #026899 57px 57px, #026899 58px 58px, #026899 59px 59px, #026899 60px 60px, #026899 61px 61px, #026899 62px 62px, #026899 63px 63px, #026899 64px 64px, #026899 65px 65px, #026899 66px 66px, #026899 67px 67px, #026899 68px 68px, #026899 69px 69px, #026899 70px 70px, #026899 71px 71px, #026899 72px 72px, #026899 73px 73px, #026899 74px 74px, #026899 75px 75px; }
  .shadow-icon-box.is-success {
    background-color: #00b289;
    -webkit-box-shadow: 0 14px 26px -12px rgba(0, 178, 137, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 178, 137, 0.2) !important;
    -moz-box-shadow: 0 14px 26px -12px rgba(0, 178, 137, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 178, 137, 0.2) !important;
    -ms-box-shadow: 0 14px 26px -12px rgba(0, 178, 137, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 178, 137, 0.2) !important;
    box-shadow: 0 14px 26px -12px rgba(0, 178, 137, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 178, 137, 0.2) !important; }
    .shadow-icon-box.is-success span {
      text-shadow: #00664e 1px 1px, #00664e 2px 2px, #00664e 3px 3px, #00664e 4px 4px, #00664e 5px 5px, #00664e 6px 6px, #00664e 7px 7px, #00664e 8px 8px, #00664e 9px 9px, #00664e 10px 10px, #00664e 11px 11px, #00664e 12px 12px, #00664e 13px 13px, #00664e 14px 14px, #00664e 15px 15px, #00664e 16px 16px, #00664e 17px 17px, #00664e 18px 18px, #00664e 19px 19px, #00664e 20px 20px, #00664e 21px 21px, #00664e 22px 22px, #00664e 23px 23px, #00664e 24px 24px, #00664e 25px 25px, #00664e 26px 26px, #00664e 27px 27px, #00664e 28px 28px, #00664e 29px 29px, #00664e 30px 30px, #00664e 31px 31px, #00664e 32px 32px, #00664e 33px 33px, #00664e 34px 34px, #00664e 35px 35px, #00664e 36px 36px, #00664e 37px 37px, #00664e 38px 38px, #00664e 39px 39px, #00664e 40px 40px, #00664e 41px 41px, #00664e 42px 42px, #00664e 43px 43px, #00664e 44px 44px, #00664e 45px 45px, #00664e 46px 46px, #00664e 47px 47px, #00664e 48px 48px, #00664e 49px 49px, #00664e 50px 50px, #00664e 51px 51px, #00664e 52px 52px, #00664e 53px 53px, #00664e 54px 54px, #00664e 55px 55px, #00664e 56px 56px, #00664e 57px 57px, #00664e 58px 58px, #00664e 59px 59px, #00664e 60px 60px, #00664e 61px 61px, #00664e 62px 62px, #00664e 63px 63px, #00664e 64px 64px, #00664e 65px 65px, #00664e 66px 66px, #00664e 67px 67px, #00664e 68px 68px, #00664e 69px 69px, #00664e 70px 70px, #00664e 71px 71px, #00664e 72px 72px, #00664e 73px 73px, #00664e 74px 74px, #00664e 75px 75px; }
  .shadow-icon-box.is-warning {
    background-color: #eda514;
    -webkit-box-shadow: 0 14px 26px -12px rgba(237, 165, 20, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(237, 165, 20, 0.2) !important;
    -moz-box-shadow: 0 14px 26px -12px rgba(237, 165, 20, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(237, 165, 20, 0.2) !important;
    -ms-box-shadow: 0 14px 26px -12px rgba(237, 165, 20, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(237, 165, 20, 0.2) !important;
    box-shadow: 0 14px 26px -12px rgba(237, 165, 20, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(237, 165, 20, 0.2) !important; }
    .shadow-icon-box.is-warning span {
      text-shadow: #a8740d 1px 1px, #a8740d 2px 2px, #a8740d 3px 3px, #a8740d 4px 4px, #a8740d 5px 5px, #a8740d 6px 6px, #a8740d 7px 7px, #a8740d 8px 8px, #a8740d 9px 9px, #a8740d 10px 10px, #a8740d 11px 11px, #a8740d 12px 12px, #a8740d 13px 13px, #a8740d 14px 14px, #a8740d 15px 15px, #a8740d 16px 16px, #a8740d 17px 17px, #a8740d 18px 18px, #a8740d 19px 19px, #a8740d 20px 20px, #a8740d 21px 21px, #a8740d 22px 22px, #a8740d 23px 23px, #a8740d 24px 24px, #a8740d 25px 25px, #a8740d 26px 26px, #a8740d 27px 27px, #a8740d 28px 28px, #a8740d 29px 29px, #a8740d 30px 30px, #a8740d 31px 31px, #a8740d 32px 32px, #a8740d 33px 33px, #a8740d 34px 34px, #a8740d 35px 35px, #a8740d 36px 36px, #a8740d 37px 37px, #a8740d 38px 38px, #a8740d 39px 39px, #a8740d 40px 40px, #a8740d 41px 41px, #a8740d 42px 42px, #a8740d 43px 43px, #a8740d 44px 44px, #a8740d 45px 45px, #a8740d 46px 46px, #a8740d 47px 47px, #a8740d 48px 48px, #a8740d 49px 49px, #a8740d 50px 50px, #a8740d 51px 51px, #a8740d 52px 52px, #a8740d 53px 53px, #a8740d 54px 54px, #a8740d 55px 55px, #a8740d 56px 56px, #a8740d 57px 57px, #a8740d 58px 58px, #a8740d 59px 59px, #a8740d 60px 60px, #a8740d 61px 61px, #a8740d 62px 62px, #a8740d 63px 63px, #a8740d 64px 64px, #a8740d 65px 65px, #a8740d 66px 66px, #a8740d 67px 67px, #a8740d 68px 68px, #a8740d 69px 69px, #a8740d 70px 70px, #a8740d 71px 71px, #a8740d 72px 72px, #a8740d 73px 73px, #a8740d 74px 74px, #a8740d 75px 75px; }
  .shadow-icon-box.is-danger {
    background-color: #FF7273;
    -webkit-box-shadow: 0 14px 26px -12px rgba(255, 114, 115, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 114, 115, 0.2) !important;
    -moz-box-shadow: 0 14px 26px -12px rgba(255, 114, 115, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 114, 115, 0.2) !important;
    -ms-box-shadow: 0 14px 26px -12px rgba(255, 114, 115, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 114, 115, 0.2) !important;
    box-shadow: 0 14px 26px -12px rgba(255, 114, 115, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 114, 115, 0.2) !important; }
    .shadow-icon-box.is-danger span {
      text-shadow: #ff2627 1px 1px, #ff2627 2px 2px, #ff2627 3px 3px, #ff2627 4px 4px, #ff2627 5px 5px, #ff2627 6px 6px, #ff2627 7px 7px, #ff2627 8px 8px, #ff2627 9px 9px, #ff2627 10px 10px, #ff2627 11px 11px, #ff2627 12px 12px, #ff2627 13px 13px, #ff2627 14px 14px, #ff2627 15px 15px, #ff2627 16px 16px, #ff2627 17px 17px, #ff2627 18px 18px, #ff2627 19px 19px, #ff2627 20px 20px, #ff2627 21px 21px, #ff2627 22px 22px, #ff2627 23px 23px, #ff2627 24px 24px, #ff2627 25px 25px, #ff2627 26px 26px, #ff2627 27px 27px, #ff2627 28px 28px, #ff2627 29px 29px, #ff2627 30px 30px, #ff2627 31px 31px, #ff2627 32px 32px, #ff2627 33px 33px, #ff2627 34px 34px, #ff2627 35px 35px, #ff2627 36px 36px, #ff2627 37px 37px, #ff2627 38px 38px, #ff2627 39px 39px, #ff2627 40px 40px, #ff2627 41px 41px, #ff2627 42px 42px, #ff2627 43px 43px, #ff2627 44px 44px, #ff2627 45px 45px, #ff2627 46px 46px, #ff2627 47px 47px, #ff2627 48px 48px, #ff2627 49px 49px, #ff2627 50px 50px, #ff2627 51px 51px, #ff2627 52px 52px, #ff2627 53px 53px, #ff2627 54px 54px, #ff2627 55px 55px, #ff2627 56px 56px, #ff2627 57px 57px, #ff2627 58px 58px, #ff2627 59px 59px, #ff2627 60px 60px, #ff2627 61px 61px, #ff2627 62px 62px, #ff2627 63px 63px, #ff2627 64px 64px, #ff2627 65px 65px, #ff2627 66px 66px, #ff2627 67px 67px, #ff2627 68px 68px, #ff2627 69px 69px, #ff2627 70px 70px, #ff2627 71px 71px, #ff2627 72px 72px, #ff2627 73px 73px, #ff2627 74px 74px, #ff2627 75px 75px; }

.shadow-title {
  padding-top: 10px;
  color: #444F60;
  font-weight: 500; }

.shadow-text {
  color: #A9ABAC;
  font-size: 13px; }

/* ==========================================================================
4. Simple counter
========================================================================== */
.simple-counter {
  position: relative; }
  .simple-counter .counter-number {
    font-size: 3rem;
    color: #444F60;
    z-index: 99; }
    .simple-counter .counter-number.is-bold {
      font-weight: 700 !important; }
  .simple-counter .counter-text {
    text-transform: uppercase;
    font-family: 'Nexa Light', sans-serif;
    font-size: 1rem;
    font-weight: 900;
    color: #235390 !important; }
  .simple-counter .background-icon {
    position: absolute;
    font-size: 5rem;
    top: -10px !important;
    left: 0;
    right: 0;
    color: #999;
    opacity: 0.1;
    z-index: 0; }

/* ==========================================================================
5. Card counter
========================================================================== */
.card-counter .flex-card {
  padding: 20px;
  overflow: visible; }
  .card-counter .flex-card:hover .round-icon i {
    transform: rotate(360deg) scale(1.05);
    background: #ebf2fa;
    box-shadow: 0 14px 26px -12px rgba(127, 0, 255, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(127, 0, 255, 0.2) !important; }
  .card-counter .flex-card:hover .counter-text {
    color: #ebf2fa; }

.card-counter .round-icon i {
  font-size: 2rem;
  padding: 22px;
  color: #fff;
  background: #235390;
  box-shadow: 0 14px 26px -12px rgba(79, 193, 234, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(79, 193, 234, 0.2) !important;
  border-radius: 100px;
  margin-top: -40px;
  transition: all 0.4s; }

.card-counter .counter-number {
  font-weight: bolder;
  font-size: 2.6rem;
  color: #444F60; }

.card-counter .counter-text {
  color: #235390;
  font-weight: 600;
  transition: all 0.4s;
  font-size: 1.1rem; }

/* ==========================================================================
6. Icon counter
========================================================================== */
.icon-counter .counter-icon i {
  font-size: 3.4rem;
  color: #235390; }

.icon-counter .counter-number {
  font-weight: bolder;
  font-size: 3rem;
  color: #444F60; }

.icon-counter .counter-text {
  color: #235390;
  font-size: 1.1rem;
  font-weight: 600;
  transition: all 0.4s; }

/* ==========================================================================
7. Parallax counter
========================================================================== */
.parallax-counter .counter-icon i {
  font-size: 3.4rem;
  color: #fff; }

.parallax-counter .counter-number {
  font-weight: bolder;
  font-size: 3rem;
  color: #fff; }

.parallax-counter .counter-text {
  color: #fff;
  font-family: 'Nexa Light', sans-serif;
  font-size: 1.1rem;
  font-weight: 500;
  padding: 0 10px;
  transition: all 0.4s; }

/* ==========================================================================
8. Team V1
========================================================================== */
.team-classic .team-member {
  position: relative; }
  .team-classic .team-member img {
    height: 100%;
    width: 100%;
    display: block; }
  .team-classic .team-member .item-overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0);
    transition: all 0.5s;
    overflow: hidden; }
    .team-classic .team-member .item-overlay .overlay-quote {
      opacity: 0;
      opacity: 0;
      color: #fff;
      position: absolute;
      top: 55%;
      left: 0;
      padding: 5%;
      overflow: hidden;
      width: 100%;
      z-index: 2;
      transform: translateY(100%);
      -webkit-transition: all .3s;
      -moz-transition: all .3s;
      -o-transition: all .3s;
      transition: all .3s; }
      .team-classic .team-member .item-overlay .overlay-quote .quote-text i {
        font-size: 18px; }
      .team-classic .team-member .item-overlay .overlay-quote .social-links {
        padding: 20px 0;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s; }
        .team-classic .team-member .item-overlay .overlay-quote .social-links span a {
          margin: 0 10px 0 10px;
          color: #fff; }
          .team-classic .team-member .item-overlay .overlay-quote .social-links span a:hover {
            opacity: 1; }
          .team-classic .team-member .item-overlay .overlay-quote .social-links span a i {
            font-size: 1.4em;
            padding: 15px;
            border-radius: 100px;
            border: 2px dashed #fff;
            transition: all 0.1; }
        .team-classic .team-member .item-overlay .overlay-quote .social-links span:first-child a i:hover {
          background: #1dcaff;
          border: 2px solid #1dcaff; }
        .team-classic .team-member .item-overlay .overlay-quote .social-links span:nth-child(2) a i:hover {
          background: #007bb6;
          border: 2px solid #007bb6; }
        .team-classic .team-member .item-overlay .overlay-quote .social-links span:last-child a i:hover {
          background: #ea4c89;
          border: 2px solid #ea4c89; }
  .team-classic .team-member:hover .item-overlay {
    background: rgba(0, 0, 0, 0.7); }
  .team-classic .team-member:hover .overlay-quote {
    opacity: 1;
    transform: translateY(-100%); }

.team-classic .member-name {
  font-family: 'Nexa Light', sans-serif;
  text-transform: uppercase;
  font-size: 1.3rem; }
  .team-classic .member-name .last-name {
    font-weight: bolder;
    font-family: 'Nexa Bold', sans-serif; }
  .team-classic .member-name .position {
    font-size: 0.9rem;
    color: #235390;
    font-family: 'Nexa Light', sans-serif; }

.team-classic.circled .social-links span:first-child a i:hover {
  background: none !important;
  border: 2px solid #1dcaff;
  color: #1dcaff; }

.team-classic.circled .social-links span:nth-child(2) a i:hover {
  background: none !important;
  border: 2px solid #007bb6;
  color: #007bb6; }

.team-classic.circled .social-links span:last-child a i:hover {
  background: none !important;
  border: 2px solid #ea4c89;
  color: #ea4c89; }

.team-classic.squared .social-links span a i {
  border-radius: 3px !important; }

.team-classic.squared .social-links span:first-child a i:hover {
  background: none !important;
  border: 2px solid #1dcaff;
  color: #1dcaff; }

.team-classic.squared .social-links span:nth-child(2) a i:hover {
  background: none !important;
  border: 2px solid #007bb6;
  color: #007bb6; }

.team-classic.squared .social-links span:last-child a i:hover {
  background: none !important;
  border: 2px solid #ea4c89;
  color: #ea4c89; }

/* ==========================================================================
9. Team V4
========================================================================== */
.modern-team {
  position: relative;
  z-index: 1;
  overflow: hidden;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start; }
  .modern-team .modern-team-item .item-wrapper {
    position: relative; }
  .modern-team .modern-team-item .item-img {
    position: relative;
    overflow: hidden; }
    .modern-team .modern-team-item .item-img:before {
      content: "";
      background-color: rgba(72, 27, 174, 0.7);
      position: absolute;
      top: 50%;
      left: 50%;
      z-index: 2; }
    .modern-team .modern-team-item .item-img .member-avatar {
      display: block;
      max-width: 100%;
      position: relative;
      z-index: 1; }
  .modern-team .modern-team-item .overlay-wrapper {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    opacity: 0;
    will-change: opacity;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3; }
    .modern-team .modern-team-item .overlay-wrapper .social {
      box-sizing: border-box;
      width: 42px;
      height: 42px;
      padding: 10px;
      background-color: #fff;
      border-radius: 100%;
      margin: 5px;
      position: relative;
      display: inline-block;
      vertical-align: middle; }
      .modern-team .modern-team-item .overlay-wrapper .social i {
        position: relative;
        font-size: 1.6rem; }
  .modern-team .modern-team-item .member-info {
    padding: 10px 20px; }
    .modern-team .modern-team-item .member-info .member-name {
      font-family: 'Nexa Light', sans-serif;
      font-size: 1.2em;
      margin-top: 0;
      margin-bottom: 0;
      text-transform: uppercase; }
      .modern-team .modern-team-item .member-info .member-name strong {
        font-family: 'Nexa Bold', sans-serif; }
    .modern-team .modern-team-item .member-info .member-position {
      display: block;
      margin: .5em 0;
      font-family: 'Nexa Light', sans-serif;
      font-size: .8em;
      text-transform: uppercase;
      color: #235390; }
  .modern-team .modern-team-item:hover .overlay-wrapper {
    opacity: 1;
    height: 100%;
    transition: opacity 0.4s cubic-bezier(0.71, 0.05, 0.29, 0.9) 0.2s; }
  .modern-team .modern-team-item.circle-mask .item-img:before {
    width: 0;
    height: 0;
    padding: 25%;
    border-radius: 50%;
    transition: transform .3s ease, opacity .3s ease-out;
    will-change: opacity, transform;
    opacity: 0;
    transform: translate(-50%, -50%) scale(0); }
  .modern-team .modern-team-item.circle-mask:hover .item-img:before {
    opacity: 1;
    transform: translate(-50%, -50%) scale(4);
    transition-duration: .6s; }
  .modern-team .modern-team-item.curtain-mask .item-img:before {
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-clip-path: polygon(50% 10%, 15% 90%, 85% 90%);
    clip-path: polygon(50% 10%, 15% 90%, 85% 90%);
    transition: transform, opacity;
    transition-duration: .2s, .4s;
    transition-delay: .4s, 0s;
    transition-timing-function: ease-out;
    will-change: transform, opacity;
    transform: translate(-50%, -50%) scale(1); }
  .modern-team .modern-team-item.curtain-mask:hover .item-img:before {
    opacity: 1;
    transform: translate(-50%, -50%) scale(5);
    transition-delay: .1s, 0s;
    transition-duration: .4s; }
  .modern-team .modern-team-item.zoom-effect .member-avatar {
    transition: transform 0.4s cubic-bezier(0.71, 0.05, 0.29, 0.9);
    will-change: transform;
    transform: scale(1); }
  .modern-team .modern-team-item.zoom-effect:hover .member-avatar {
    transform: scale(1.2); }
  .modern-team .modern-team-item.rotate-zoom-effect .member-avatar {
    transition: transform 0.4s cubic-bezier(0.71, 0.05, 0.29, 0.9);
    will-change: transform;
    transform: scale(1) rotate(0); }
  .modern-team .modern-team-item.rotate-zoom-effect:hover .member-avatar {
    transform: scale(1.2) rotate(5deg); }
  .modern-team .modern-team-item.zoom-slide-effect .member-avatar {
    transition: transform 0.4s cubic-bezier(0.71, 0.05, 0.29, 0.9);
    will-change: transform;
    transform: scale(1) translate(0, 0); }
  .modern-team .modern-team-item.zoom-slide-effect:hover .member-avatar {
    transform: scale(1.2) translate(4%, 4%); }

/* ==========================================================================
10. Team V5
========================================================================== */
.card-team .card-team-item {
  text-align: center;
  height: 270px; }
  .card-team .card-team-item .flex-card {
    height: 270px;
    margin-bottom: 0;
    border-radius: 0; }
    .card-team .card-team-item .flex-card:hover {
      transform: scale(1.05);
      z-index: 1000; }
  .card-team .card-team-item .team-avatar {
    width: 100%; }
    .card-team .card-team-item .team-avatar img {
      width: 70px;
      height: 70px;
      border-radius: 100px; }
  .card-team .card-team-item .member-id .name {
    font-family: 'Nexa Bold', sans-serif;
    margin-top: 15px;
    font-size: 1.4rem;
    font-weight: 600;
    color: #444F60; }
  .card-team .card-team-item .member-id .position {
    font-family: 'Nexa Light', sans-serif;
    text-transform: uppercase;
    margin-top: 5px;
    font-size: .8rem;
    font-weight: 400;
    color: #235390; }
  .card-team .card-team-item .card-social-links {
    padding-top: 35px;
    margin-bottom: 20px; }
    .card-team .card-team-item .card-social-links a {
      color: #999;
      margin: 0 10px 0 10px; }
      .card-team .card-team-item .card-social-links a:nth-child(2) i {
        transition-delay: 0.05s; }
      .card-team .card-team-item .card-social-links a:last-child i {
        transition-delay: 0.10s; }
      .card-team .card-team-item .card-social-links a:hover {
        color: #235390; }
    .card-team .card-team-item .card-social-links a i {
      font-size: 1.3rem;
      transform: translateY(300px);
      -ms-transition: all 0.35s;
      -moz-transition: all 0.35s;
      -webkit-transition: all 0.35s;
      transition: all 0.35s; }
  .card-team .card-team-item:hover .card-social-links a i {
    transform: translateY(0); }

/* ==========================================================================
11. Team V6
========================================================================== */
.flip-boxes .flip-box {
  perspective: 500px;
  min-height: 300px;
  cursor: pointer; }

.flip-boxes .flip-box-wrapper {
  position: relative;
  transition: all .5s ease-in-out;
  transform-style: preserve-3d;
  border: 1px solid #ededed;
  box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2); }
  .flip-boxes .flip-box-wrapper div {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background: #fff; }
  .flip-boxes .flip-box-wrapper .front {
    z-index: 2;
    background-color: #fff;
    backface-visibility: hidden;
    box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2); }
    .flip-boxes .flip-box-wrapper .front img {
      height: 100%;
      width: 100%;
      display: block; }
  .flip-boxes .flip-box-wrapper .back {
    z-index: 1;
    background: #fff;
    opacity: 1;
    transform: rotateY(180deg);
    backface-visibility: hidden;
    box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2); }
    .flip-boxes .flip-box-wrapper .back .flip-name {
      background: #fff;
      position: absolute;
      top: -22rem !important;
      left: 0;
      min-height: 25px;
      font-size: 1.4rem;
      text-transform: uppercase; }
      .flip-boxes .flip-box-wrapper .back .flip-name span {
        font-size: 0.9rem;
        text-transform: uppercase;
        color: #235390; }
    .flip-boxes .flip-box-wrapper .back .flip-social {
      position: absolute;
      top: -16rem; }
      .flip-boxes .flip-box-wrapper .back .flip-social a {
        color: #999;
        font-size: 1.4rem;
        margin: 0 10px 0 10px; }
        .flip-boxes .flip-box-wrapper .back .flip-social a:hover {
          color: #235390; }
  .flip-boxes .flip-box-wrapper:hover {
    transform: rotateY(180deg); }

/* ==========================================================================
12. Client grids
========================================================================== */
.grid-clients .client {
  max-height: 70px; }

.grid-clients.three-grid .column:nth-child(2), .grid-clients.three-grid .column:nth-child(3) {
  border-right: 1px solid #ededed; }

.grid-clients.three-grid .is-separator {
  border-top: 1px solid #ededed; }

.grid-clients.four-grid .column:nth-child(2), .grid-clients.four-grid .column:nth-child(3) {
  border-right: 1px solid #ededed; }

.grid-clients.four-grid .column:nth-child(5) {
  border-left: 1px solid #ededed; }

.grid-clients.four-grid .is-separator {
  border-top: 1px solid #ededed; }

.grid-clients.five-grid .column:nth-child(2), .grid-clients.five-grid .column:nth-child(3), .grid-clients.five-grid .column:nth-child(4) {
  border-right: 1px solid #ededed; }

.grid-clients.five-grid .column:nth-child(5), .grid-clients.five-grid .column:nth-child(6) {
  border-left: 1px solid #ededed; }

.grid-clients.five-grid .is-separator {
  border-top: 1px solid #ededed; }

.grid-clients a {
  display: flex;
  justify-content: center; }

/* ==========================================================================
13. Centered images carousel
========================================================================== */
.image-carousel {
  text-align: center;
  max-width: 950px;
  margin: 0 auto; }
  .image-carousel:hover .slick-custom {
    opacity: 1; }
  .image-carousel .carousel-item {
    margin: 0 20px; }
  .image-carousel .image-wrapper {
    position: relative; }
    .image-carousel .image-wrapper .stack-logo {
      max-height: 130px; }
  .image-carousel .slick-custom {
    opacity: 0; }
    .image-carousel .slick-custom.is-prev {
      left: -4%; }
    .image-carousel .slick-custom.is-next {
      right: -4%; }
  .image-carousel .slick-dots {
    bottom: -60px !important; }
  .image-carousel .slick-prev:before, .image-carousel .slick-next:before {
    color: #999; }

/* ==========================================================================
14. Multiple images carousel
========================================================================== */
.multiple-image-carousel {
  text-align: center;
  max-width: 950px;
  margin: 0 auto; }
  .multiple-image-carousel:hover .slick-custom {
    opacity: 1; }
  .multiple-image-carousel .carousel-item {
    margin: 0 20px; }
  .multiple-image-carousel .image-wrapper {
    position: relative; }
    .multiple-image-carousel .image-wrapper .stack-logo {
      max-height: 130px;
      margin: 0 auto; }
  .multiple-image-carousel .slick-custom {
    opacity: 0;
    top: 35px; }
  .multiple-image-carousel .slick-dots {
    bottom: -60px !important; }
  .multiple-image-carousel .slick-prev:before, .multiple-image-carousel .slick-next:before {
    color: #999; }

/* ==========================================================================
15. Single image carousel
========================================================================== */
.single-image-carousel {
  text-align: center;
  max-width: 650px;
  margin: 0 auto; }
  .single-image-carousel:hover .slick-custom {
    opacity: 1; }
  .single-image-carousel .carousel-item {
    margin: 0 20px; }
  .single-image-carousel .image-wrapper {
    position: relative; }
    .single-image-carousel .image-wrapper:hover .caption {
      transform: translateY(0); }
    .single-image-carousel .image-wrapper img {
      width: 100%;
      height: 100%;
      min-height: 400px; }
    .single-image-carousel .image-wrapper .caption {
      position: absolute;
      left: 0;
      width: 100%;
      bottom: 0;
      z-index: 99;
      padding: 20px;
      background: rgba(0, 0, 0, 0.8);
      transform: translateY(120%);
      transition: transform 0.4s; }
      .single-image-carousel .image-wrapper .caption span {
        color: white;
        font-size: 1.1rem; }
  .single-image-carousel .slick-custom {
    opacity: 0; }
  .single-image-carousel .slick-dots {
    bottom: -60px !important; }
  .single-image-carousel .slick-prev:before, .single-image-carousel .slick-next:before {
    color: #999; }

/* ==========================================================================
16. Custom slick carousel navigation arrows
========================================================================== */
.slick-custom {
  position: absolute;
  top: 41%;
  border: 1px solid #ededed;
  width: 50px;
  height: 50px;
  background: #fff;
  border-radius: 100px;
  cursor: pointer;
  color: #444F60;
  transition: all 0.3s;
  z-index: 999; }
  .slick-custom i {
    position: relative;
    top: 14px; }
  .slick-custom:hover {
    transform: rotate(360deg);
    background: #235390;
    border: 1px solid #235390;
    color: #fff;
    box-shadow: 0 14px 26px -12px rgba(79, 193, 234, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(79, 193, 234, 0.2) !important; }
  .slick-custom.is-prev {
    left: -6px; }
    .slick-custom.is-prev i {
      right: 2px; }
  .slick-custom.is-next {
    right: -6px; }
    .slick-custom.is-next i {
      left: 2px; }

/*! _tabs.scss | Bulkit | CSS Ninja */
/* ==========================================================================
Navigation tabs and pills styles
========================================================================== */
/***
TABLE OF CONTENTS
=============================================================================
0. Tabs nav
1. Navigation tabs
2. Partner tabs
3. Tabbed reviews
=============================================================================
***/
/* ==========================================================================
0. Tabs nav
========================================================================== */
.tabs-nav {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%; }
  .tabs-nav .tabs-container {
    overflow: hidden;
    width: 100%; }
    .tabs-nav .tabs-container .tab-content {
      padding: 28px 33px;
      position: relative;
      z-index: 10;
      display: inline-block;
      width: 100%; }
    .tabs-nav .tabs-container .tab-content p:last-child {
      margin-bottom: 0; }
  .tabs-nav .tabs-container.type-2 {
    border-radius: 3px; }
  .tabs-nav .tabs-container.type-1 .tab-content {
    border: none;
    border-top: 1px solid #e0e0e0;
    padding: 30px 0 0 0; }
  .tabs-nav li {
    float: left;
    line-height: 45px;
    padding: 0;
    margin-right: 4px;
    position: relative;
    z-index: 12; }
  .tabs-nav li.active .tab-reviews {
    color: #fff; }
  .tabs-nav li a, .tabs-nav tab-reviews {
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out; }
  .tabs-nav li a {
    border-bottom: 2px solid transparent;
    color: #333;
    display: inline-block;
    outline: none;
    padding: 7px 15px;
    text-decoration: none;
    font-size: 15px;
    z-index: 11;
    position: relative;
    margin-bottom: -1px; }
    .tabs-nav li a:hover {
      border-color: #66676b; }
  .tabs-nav li a:hover, .tabs-nav li.active a {
    border-color: #235390;
    color: #235390 !important;
    z-index: 11; }
  .tabs-nav li a i {
    padding-right: 5px;
    font-size: 16px;
    top: 1px;
    position: relative; }

/* ==========================================================================
1. Navigation tabs
========================================================================== */
.navigation-tabs {
  overflow: hidden; }
  .navigation-tabs .navtab-content {
    display: none;
    padding: 15px;
    min-height: 190px; }
    .navigation-tabs .navtab-content.navtab-modal {
      max-height: 350px;
      overflow: auto; }
  .navigation-tabs .navtab-content.is-active {
    display: block; }
  .navigation-tabs.animated-tabs .navtab-content {
    animation-name: fadeInLeft;
    animation-duration: 0.5s; }
  .navigation-tabs.translated-tabs .navtab-content {
    animation-name: translateLeft;
    animation-duration: 0.5s; }
  .navigation-tabs.simple-tabs .tabs ul li a {
    color: #A9ABAC; }
  .navigation-tabs.simple-tabs .tabs ul li:hover a {
    border-bottom-color: #235390; }
  .navigation-tabs.simple-tabs .tabs ul li.is-active a {
    color: #444F60;
    border-bottom: 2px solid #235390; }
  .navigation-tabs.simple-tabs .tabs ul li.is-active a .icon i {
    color: #235390; }
  .navigation-tabs.boxed-tabs .tabs ul li a {
    color: #A9ABAC; }
  .navigation-tabs.boxed-tabs .tabs ul li.is-active a {
    color: #235390; }
  .navigation-tabs.outlined-pills.rounded-pills .tabs ul li.is-active a {
    border-radius: 100px; }
  .navigation-tabs.outlined-pills .tabs ul {
    border-bottom: 1px transparent !important; }
  .navigation-tabs.outlined-pills .tabs a {
    border: 1px transparent; }
  .navigation-tabs.outlined-pills .tabs ul li a {
    color: #A9ABAC;
    margin-bottom: 5px; }
  .navigation-tabs.outlined-pills .tabs ul li.is-active a {
    color: #235390;
    border: 1px solid #235390;
    border-bottom-color: #235390 !important;
    border-radius: 3px; }
  .navigation-tabs.full-pills.rounded .tabs ul li.is-active a {
    border-radius: 100px !important; }
  .navigation-tabs.full-pills .tabs ul {
    border-bottom: 1px transparent !important;
    padding-bottom: 10px; }
  .navigation-tabs.full-pills .tabs a {
    border: 1px transparent; }
  .navigation-tabs.full-pills .tabs ul li a {
    color: #A9ABAC;
    margin-bottom: 5px; }
  .navigation-tabs.full-pills.primary .tabs ul li.is-active a {
    color: #fff;
    border: 1px solid #235390;
    background-color: #235390;
    border-radius: 3px;
    box-shadow: 0 14px 26px -12px rgba(79, 193, 234, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(79, 193, 234, 0.2) !important; }
  .navigation-tabs.full-pills.secondary .tabs ul li.is-active a {
    color: #fff;
    border: 1px solid #78c800;
    background-color: #78c800;
    border-radius: 3px;
    box-shadow: 0 14px 26px -12px rgba(103, 58, 183, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(103, 58, 183, 0.2) !important; }
  .navigation-tabs.full-pills.accent .tabs ul li.is-active a {
    color: #fff;
    border: 1px solid #ebf2fa;
    background-color: #ebf2fa;
    border-radius: 3px;
    box-shadow: 0 14px 26px -12px rgba(127, 0, 255, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(127, 0, 255, 0.2) !important; }
  .navigation-tabs.square-pills.circle-pills .tabs ul li a {
    border-radius: 30px; }
  .navigation-tabs.square-pills .tabs ul {
    padding: 20px; }
  .navigation-tabs.square-pills .tabs ul li a {
    padding: 0 15.5px;
    text-align: center;
    height: 60px;
    width: 60px;
    border-radius: 3px;
    font-weight: 400;
    color: #9a9a9a;
    margin-right: 19px;
    background-color: rgba(222, 222, 222, 0.3);
    border-bottom: none !important;
    transition: all 0.5s; }
    .navigation-tabs.square-pills .tabs ul li a :hover {
      border-bottom: none !important; }
    .navigation-tabs.square-pills .tabs ul li a i {
      display: block;
      font-size: 18px; }
  .navigation-tabs.square-pills .tabs ul li.is-active a {
    background-color: #235390;
    color: #fff;
    box-shadow: 0px 5px 35px 0px rgba(0, 0, 0, 0.18); }

/* ==========================================================================
2. Partner tabs
========================================================================== */
.tabs.partner-tabs ul {
  border-bottom: 1px transparent !important; }

/* ==========================================================================
3. Tabbed reviews
========================================================================== */
.tab-reviews {
  color: #aaa; }

/*! _testimonials.scss | Bulkit | CSS Ninja */
/* ==========================================================================
Testimonial styles
========================================================================== */
/***
TABLE OF CONTENTS
=============================================================================
0. Simple testimonials
1. Vertical testimonials
2. Flat testimonials
=============================================================================
***/
/* ==========================================================================
0. Simple testimonials
========================================================================== */
.testimonials, .demo {
  position: relative;
  width: 100%;
  display: block;
  box-sizing: border-box; }
  .testimonials .testimonial-item, .demo .testimonial-item {
    margin: 40px;
    outline: none !important; }
    .testimonials .testimonial-item .testimonial-avatar, .demo .testimonial-item .testimonial-avatar {
      display: flex;
      justify-content: center; }
      .testimonials .testimonial-item .testimonial-avatar img, .demo .testimonial-item .testimonial-avatar img {
        border-radius: 100px;
        width: 75px;
        height: 75px;
        position: relative;
        top: -40px; }
    .testimonials .testimonial-item .testimonial-name, .demo .testimonial-item .testimonial-name {
      text-align: center; }
      .testimonials .testimonial-item .testimonial-name h3, .demo .testimonial-item .testimonial-name h3 {
        font-family: 'Nexa Bold', sans-serif;
        font-size: 18px;
        color: #ebf2fa;
        position: relative;
        top: -20px; }
      .testimonials .testimonial-item .testimonial-name span, .demo .testimonial-item .testimonial-name span {
        font-family: 'Nexa Light', sans-serif;
        font-size: 14px;
        color: #A9ABAC;
        position: relative;
        top: -15px; }
    .testimonials .testimonial-item .testimonial-content p, .demo .testimonial-item .testimonial-content p {
      padding: 20px 30px; }

.slick-dots li.slick-active button:before {
  opacity: .75;
  color: #ebf2fa !important; }

/* ==========================================================================
1. Vertical testimonials
========================================================================== */
.vertical-testimonials {
  margin-top: 90px; }
  .vertical-testimonials .vtestimonial-item {
    margin: 5px 80px;
    border-radius: 12px; }
    .vertical-testimonials .vtestimonial-item:last-child {
      margin-bottom: 100px; }
    .vertical-testimonials .vtestimonial-item .vt-avatar {
      height: 55px;
      border-radius: 100px; }
    .vertical-testimonials .vtestimonial-item .vt-content {
      margin: 0 10px; }
      .vertical-testimonials .vtestimonial-item .vt-content .vt-name {
        font-family: 'Nexa Bold', sans-serif;
        font-weight: 500;
        color: #78c800;
        margin-bottom: .7em !important; }
      .vertical-testimonials .vtestimonial-item .vt-content .vt-text {
        padding-right: 5px;
        font-size: 12px; }
      .vertical-testimonials .vtestimonial-item .vt-content .star-rating {
        float: right;
        position: relative;
        top: 3px;
        right: 15px; }
  .vertical-testimonials .slick-current.slick-active.slick-center {
    transform: scale(1.1);
    box-shadow: inset rgba(143, 160, 241, 0.2) 0 0 0 1px, rgba(213, 220, 247, 0.59) 0 10px 20px; }
  .vertical-testimonials .slick-slide:not(.slick-current) {
    opacity: 0.1 !important; }

/* ==========================================================================
2. Flat testimonials
========================================================================== */
.flat-testimonials .flat-testimonial-item {
  margin: 0 20px 50px 20px; }
  .flat-testimonials .flat-testimonial-item .image-container {
    position: relative;
    overflow: hidden; }
    .flat-testimonials .flat-testimonial-item .image-container img {
      border-radius: 10px;
      box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.18); }
    .flat-testimonials .flat-testimonial-item .image-container .skewed-overlay {
      position: absolute;
      top: 95%;
      left: 0;
      height: 40%;
      width: 200%;
      transform: skewY(8deg);
      padding: 20px;
      background: #fff; }
  .flat-testimonials .flat-testimonial-item .testimonial-text .quoted-text {
    color: #878787; }
  .flat-testimonials .flat-testimonial-item .testimonial-text .client-name {
    margin-top: 20px;
    font-family: 'Nexa Bold', sans-serif;
    font-weight: 400;
    font-size: 1.2rem; }
  .flat-testimonials .flat-testimonial-item .testimonial-text .client-position {
    font-family: 'Nexa Light', sans-serif;
    font-size: 0.9rem;
    color: #444F60; }
  .flat-testimonials .flat-testimonial-item .testimonial-text .company {
    max-height: 60px;
    margin-right: 50px;
    float: right; }
  .flat-testimonials .flat-testimonial-item .testimonial-text .fa-quote-left {
    margin: 20px 0 !important; }
  .flat-testimonials .flat-testimonial-item.primary .skewed-overlay {
    background: #235390; }
  .flat-testimonials .flat-testimonial-item.primary .client-name {
    color: #235390; }
  .flat-testimonials .flat-testimonial-item.primary .fa-quote-left {
    color: #235390; }
  .flat-testimonials .flat-testimonial-item.secondary .skewed-overlay {
    background: #78c800; }
  .flat-testimonials .flat-testimonial-item.secondary .client-name {
    color: #78c800; }
  .flat-testimonials .flat-testimonial-item.secondary .fa-quote-left {
    color: #78c800; }
  .flat-testimonials .flat-testimonial-item.accent .skewed-overlay {
    background: #ebf2fa; }
  .flat-testimonials .flat-testimonial-item.accent .client-name {
    color: #ebf2fa; }
  .flat-testimonials .flat-testimonial-item.accent .fa-quote-left {
    color: #ebf2fa; }

/*! _dialogs.scss | Bulkit | CSS Ninja */
/* ==========================================================================
Modal dialogs styles
========================================================================== */
/***
TABLE OF CONTENTS
=============================================================================
0. Base modal class
1. Modal active state
2. Media queries
=============================================================================
***/
/* ==========================================================================
0. Base modal class
========================================================================== */
.modal {
  transition: all 0.5s;
  transform: scale(0); }
  .modal .modal-content {
    transition: all 0.4s;
    transform: scale(0);
    opacity: 0;
    z-index: 99 !important; }
  .modal .modal-close {
    transition: all 0.4s;
    z-index: 100 !important; }
    .modal .modal-close:hover {
      transform: rotate(135deg); }
  .modal a {
    border-radius: 6px; }

/* ==========================================================================
1. Modal active state
========================================================================== */
.modal.is-active {
  transform: scale(1); }
  .modal.is-active .modal-background {
    background: -webkit-linear-gradient(45deg, #6a85b6 0%, #bac8e0 100%);
    background: linear-gradient(45deg, #6a85b6 0%, #bac8e0 100%);
    background-color: #235390;
    width: 1000px;
    height: 1000px;
    border-radius: 10000px;
    transition: all 0.5s;
    transform: scale(0);
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 98 !important;
    overflow: hidden !important; }
    .modal.is-active .modal-background.scaleInCircle {
      transform: scale(7); }
  .modal.is-active .modal-content.scaleIn {
    transform: scale(1);
    opacity: 1; }
  .modal.is-active .modal-close {
    z-index: 100 !important; }
  .modal.is-active.image-modal .modal-background {
    background: -webkit-linear-gradient(45deg, #444F60, #444);
    background: linear-gradient(45deg, #444F60, #444);
    background-color: #444F60; }
  .modal.is-active.image-modal img {
    border-radius: 6px; }
  .modal.is-active.image-modal .gallery-item figure {
    background: none; }
  .modal.is-active .modal-card .modal-card-head, .modal.is-active .modal-card .modal-card-foot {
    padding: 15px; }
  .modal.is-active .modal-card .modal-card-head {
    background-color: #fff; }
    .modal.is-active .modal-card .modal-card-head p {
      color: #444F60; }
    .modal.is-active .modal-card .modal-card-head .delete {
      background: transparent !important;
      transition: all 0.3s; }
      .modal.is-active .modal-card .modal-card-head .delete:before {
        background: #ebf2fa; }
      .modal.is-active .modal-card .modal-card-head .delete:after {
        background: #ebf2fa; }
      .modal.is-active .modal-card .modal-card-head .delete:hover {
        transform: rotate(180deg); }
  .modal.is-active .modal-card .modal-card-body::-webkit-scrollbar {
    width: 10px; }
  .modal.is-active .modal-card .modal-card-body::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: rgba(0, 0, 0, 0.2); }
  .modal.is-active .modal-card .modal-card-foot {
    background-color: #fff;
    justify-content: flex-end;
    border-top: none; }
  .modal.is-active.modal-sm .modal-card-body {
    max-height: 400px; }
  .modal.is-active.modal-hero .modal-background {
    background: linear-gradient(to right, #78c800, #ebf2fa);
    background: linear-gradient(to top, #78c800, #ebf2fa);
    background-color: #78c800; }
  .modal.is-active.modal-success .modal-background {
    background: #00b289; }
  .modal.is-active.modal-error .modal-background {
    background: #FF7273; }
  .modal.is-active.modal-warning .modal-background {
    background: #eda514; }
  .modal.is-active.modal-info .modal-background {
    background: #039BE5; }
  .modal.is-active .modal-svg {
    max-width: 110px;
    margin: 0 auto !important; }

/* ==========================================================================
2. Media queries
========================================================================== */
@media screen and (min-width: 769px) {
  .modal.modal-lg .modal-card, .modal.modal-lg .modal-content {
    width: 800px !important; }
  .modal.modal-sm .modal-card, .modal.modal-sm .modal-content {
    width: 400px !important; } }

/*! _forms.scss | Bulkit | CSS Ninja */
/* ==========================================================================
Form inputs styles
========================================================================== */
/***
TABLE OF CONTENTS
=============================================================================
0. Resets
1. Form labels
2. Text inputs
3. Custom input
4. Textareas
5. Input wrappers
6. Material Inputs
7. Native select box
8. Autocomplete
9. jQuery datepicker
10. File inputs
11. Checkboxes and radios
12. Tags input
13. Time picker
14. Step form
15. Combo boxes
=============================================================================
***/
/* ==========================================================================
0. Resets
========================================================================== */
.input, .textarea, select {
  box-shadow: none !important; }

/* ==========================================================================
1. Form labels
========================================================================== */
.form-label {
  padding-bottom: 5px;
  color: #999; }

/* ==========================================================================
2. Text inputs
========================================================================== */
input.input {
  color: #878787;
  box-shadow: none;
  transition: all 0.8s;
  padding-bottom: 3px;
  border-color: #ccc;
  font-size: 0.9rem; }
  input.input.is-small {
    padding-bottom: 2px;
    padding-left: 10px; }
  input.input.is-medium {
    padding-bottom: 5px;
    font-size: 1rem;
    height: 2.5rem; }
  input.input.is-large {
    padding-bottom: 7px;
    font-size: 1.25rem;
    height: 3rem; }
  input.input.rounded {
    border-radius: 100px; }
  input.input.is-primary-focus:focus {
    border-color: #235390; }
    input.input.is-primary-focus:focus ~ span.icon i {
      color: #235390; }
  input.input.is-secondary-focus:focus {
    border-color: #78c800; }
    input.input.is-secondary-focus:focus ~ span.icon i {
      color: #78c800; }
  input.input.is-accent-focus:focus {
    border-color: #ebf2fa; }
    input.input.is-accent-focus:focus ~ span.icon i {
      color: #ebf2fa; }
  input.input.is-grey-focus:focus {
    border-color: #A9ABAC; }
    input.input.is-grey-focus:focus ~ span.icon i {
      color: #A9ABAC; }
  input.input:focus, input.input:active {
    border-color: #EFF4F7; }

/* ==========================================================================
3. Custom input
========================================================================== */
.input.custom-input {
  height: 46px;
  line-height: 46px;
  padding-left: 50px !important; }
  .input.custom-input:focus {
    border-color: #dbdbdb !important; }

/* ==========================================================================
4. Textareas
========================================================================== */
textarea.textarea {
  color: #878787;
  box-shadow: none;
  transition: all 0.8s; }
  textarea.textarea:focus {
    border: 1px solid #ededed; }
  textarea.textarea.is-primary-focus:focus {
    border-color: #235390; }
    textarea.textarea.is-primary-focus:focus ~ span.icon i {
      color: #235390; }
  textarea.textarea.is-secondary-focus:focus {
    border-color: #78c800; }
    textarea.textarea.is-secondary-focus:focus ~ span.icon i {
      color: #78c800; }
  textarea.textarea.is-accent-focus:focus {
    border-color: #ebf2fa; }
    textarea.textarea.is-accent-focus:focus ~ span.icon i {
      color: #ebf2fa; }
  textarea.textarea.is-grey-focus:focus {
    border-color: #A9ABAC; }
    textarea.textarea.is-grey-focus:focus ~ span.icon i {
      color: #A9ABAC; }
  textarea.textarea.is-default-focus:focus {
    border-color: #ccc; }
    textarea.textarea.is-default-focus:focus ~ span.icon i {
      color: #ccc; }
  textarea.textarea.is-grow {
    min-height: 40px !important;
    height: 40px;
    resize: none;
    transition: all 0.5s;
    overflow: hidden; }
    textarea.textarea.is-grow:focus {
      height: 130px !important;
      border-color: #999; }
  textarea.textarea.is-button {
    min-height: 40px !important;
    height: 40px !important;
    resize: none;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: none !important;
    transition: all 0.6s; }
    textarea.textarea.is-button:hover {
      border-color: #ccc; }
    textarea.textarea.is-button:focus {
      height: 130px !important;
      padding-bottom: 40px !important;
      border-color: #ccc; }
    textarea.textarea.is-button + .textarea-button {
      display: flex;
      justify-content: flex-end;
      position: relative;
      border: 1px solid #ccc;
      border-top: none !important;
      border-bottom-left-radius: 4px;
      border-bottom-right-radius: 4px; }
      textarea.textarea.is-button + .textarea-button button {
        margin: 10px 7px 7px 7px; }

/* ==========================================================================
5. Input wrappers
========================================================================== */
.field .control.datepicker-control .icon, .field .control.timepicker-control .icon {
  top: -2px; }

.field .control i {
  transition: all .4s; }

.field .control.required {
  position: relative; }
  .field .control.required i {
    display: none;
    position: absolute;
    right: 10px;
    top: 8px; }
  .field .control.required small.validation-info {
    display: none;
    font-size: 0.8rem; }
  .field .control.required.has-success input {
    border: 1px solid #00b289; }
  .field .control.required.has-success small.validation-info.success {
    color: #00b289;
    display: block; }
  .field .control.required.has-success .success i {
    display: block;
    color: #00b289; }
  .field .control.required.has-error input {
    border: 1px solid #FF7273; }
  .field .control.required.has-error small.validation-info.error {
    color: #FF7273;
    display: block; }
  .field .control.required.has-error .error i {
    display: block;
    color: #FF7273; }

/* ==========================================================================
6. Material Inputs
========================================================================== */
.control-material {
  position: relative;
  margin-bottom: 3em; }
  .control-material input, .control-material textarea {
    border-radius: 0 !important; }
  .control-material.is-primary input.material-input:focus ~ label, .control-material.is-primary input:valid ~ label, .control-material.is-primary textarea:focus ~ label {
    color: #235390; }
  .control-material.is-primary .bar:before, .control-material.is-primary .bar:after {
    background: #235390; }
  .control-material.is-primary.has-icon input:focus ~ i {
    color: #235390 !important; }
  .control-material.is-secondary input.material-input:focus ~ label, .control-material.is-secondary input:valid ~ label, .control-material.is-secondary textarea:focus ~ label {
    color: #78c800; }
  .control-material.is-secondary .bar:before, .control-material.is-secondary .bar:after {
    background: #78c800; }
  .control-material.is-secondary.has-icon input:focus ~ i {
    color: #78c800 !important; }
  .control-material.is-accent input.material-input:focus ~ label, .control-material.is-accent input:valid ~ label, .control-material.is-accent textarea:focus ~ label {
    color: #ebf2fa; }
  .control-material.is-accent .bar:before, .control-material.is-accent .bar:after {
    background: #ebf2fa; }
  .control-material.is-accent.has-icon input:focus ~ i {
    color: #ebf2fa !important; }
  .control-material.is-light input.material-input:focus ~ label, .control-material.is-light input:valid ~ label, .control-material.is-light textarea:focus ~ label {
    color: #fff; }
  .control-material.is-light .bar:before, .control-material.is-light .bar:after {
    background: #fff; }
  .control-material.is-light.has-icon input:focus ~ i {
    color: #fff !important; }
  .control-material input.material-input, .control-material textarea {
    width: 100% !important;
    font-size: 18px;
    padding: 0.625em  0.625em 0.625em 0.3125em;
    display: block;
    width: 18.75em;
    border: none;
    border-bottom: 1px solid #A9ABAC;
    background-color: transparent !important; }
    .control-material input.material-input:focus, .control-material textarea:focus {
      outline: none; }
  .control-material label {
    font-family: 'Arial';
    color: #cecece;
    font-size: 15px;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 0.3125em;
    top: 0.625em;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all; }
  .control-material input.material-input:focus ~ label, .control-material input:valid ~ label, .control-material textarea:focus ~ label {
    top: -20px;
    left: -2px;
    font-size: 12px; }
  .control-material .bar {
    position: relative;
    display: block; }
  .control-material .bar:before, .control-material .bar:after {
    content: '';
    height: 2px;
    width: 0;
    bottom: 0px;
    position: absolute;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all; }
  .control-material .bar:before {
    left: 50%; }
  .control-material .bar:after {
    right: 50%; }
  .control-material input.material-input:focus ~ .bar:before, .control-material input.material-input:focus ~ .bar:after, .control-material textarea:focus ~ .bar:before, .control-material textarea:focus ~ .bar:after {
    width: 50%; }
  .control-material.has-icon {
    position: relative; }
    .control-material.has-icon input {
      padding-right: 25px; }
    .control-material.has-icon i {
      position: absolute;
      right: 15px;
      top: 12px;
      color: #cecece; }
  .control-material.required {
    position: relative; }
    .control-material.required input {
      padding-right: 25px; }
    .control-material.required i {
      position: absolute;
      right: 15px;
      top: 8px;
      color: #cecece;
      display: none; }
    .control-material.required small.validation-info {
      display: none;
      font-size: 0.8rem; }
    .control-material.required.has-success input {
      border-bottom-color: #00b289 !important; }
    .control-material.required.has-success .bar:after, .control-material.required.has-success .bar:before {
      background: #00b289 !important; }
    .control-material.required.has-success .success i {
      color: #00b289 !important;
      display: block; }
    .control-material.required.has-success label {
      color: #00b289 !important; }
    .control-material.required.has-success small.validation-info.success {
      color: #00b289;
      display: block; }
    .control-material.required.has-error input {
      border-bottom-color: #FF7273 !important; }
    .control-material.required.has-error .bar:after, .control-material.required.has-error .bar:before {
      background: #FF7273 !important; }
    .control-material.required.has-error .error i {
      color: #FF7273 !important;
      display: block; }
    .control-material.required.has-error label {
      color: #FF7273 !important; }
    .control-material.required.has-error small.validation-info.error {
      color: #FF7273;
      display: block; }

/* ==========================================================================
7. Native select box
========================================================================== */
.select:after {
  border: 1px solid #235390;
  border-right: 0;
  border-top: 0; }

.select:hover:after {
  border: 1px solid #193b67;
  border-right: 0;
  border-top: 0; }

.select select:active, .select select:focus {
  border-color: #235390; }

.select:not(.is-multiple):not(.is-loading)::after {
  right: 1.525em;
  z-index: 4;
  font-size: .8rem;
  border: 1px solid #999;
  border-right: 0;
  border-top: 0; }

.control.has-icons-left .select i {
  z-index: 2 !important; }

.control.has-icons-left .select select {
  padding-left: 2.5rem; }

.control.has-icons-left .select.is-medium select {
  padding-left: 3rem; }

.control.has-icons-left .select.is-large + .icon {
  font-size: 1.6rem; }

.control.has-icons-left .select.is-large select {
  padding-left: 3.3rem; }

/* ==========================================================================
8. Autocomplete
========================================================================== */
.autocpl {
  box-shadow: none !important; }
  .autocpl .easy-autocomplete-container ul {
    padding: 10px !important; }
    .autocpl .easy-autocomplete-container ul li {
      margin: 0 10px; }

.auto-cpl-control .icon {
  top: 3px !important; }

.template-wrapper {
  display: flex !important;
  justify-content: flex-start;
  align-items: center; }
  .template-wrapper .autocpl-avatar {
    width: 36px !important;
    height: 36px !important;
    border-radius: 100px !important; }
  .template-wrapper .entry-text {
    margin-left: 15px; }
    .template-wrapper .entry-text span {
      font-size: 0.8rem;
      color: #A9ABAC; }

/* ==========================================================================
9. jQuery datepicker
========================================================================== */
.datepicker-panel > ul > li.picked,
.datepicker-panel > ul > li.picked:hover {
  background-color: #ebf2fa !important; }

/* ==========================================================================
10. File inputs
========================================================================== */
.file-input-wrapper .control {
  display: flex;
  justify-content: center;
  position: relative; }
  .file-input-wrapper .control .inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1; }
  .file-input-wrapper .control .inputfile + label {
    max-width: 80%;
    font-size: 1.05rem;
    font-weight: 400;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    border-radius: 5px;
    padding: 0.625rem 1.45rem 0.8rem 1.25rem;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s; }
    .file-input-wrapper .control .inputfile + label i {
      position: relative;
      top: 4px;
      margin-right: 10px; }
  .file-input-wrapper .control .simple-file-input + label {
    color: #fff;
    background-color: #ebf2fa; }
  .file-input-wrapper .control .simple-file-input:focus + label,
  .file-input-wrapper .control .simple-file-input.has-focus + label,
  .file-input-wrapper .control .simple-file-input + label:hover {
    background-color: white;
    outline: none;
    -moz-box-shadow: inset rgba(143, 160, 241, 0.2) 0 0 0 1px, rgba(213, 220, 247, 0.59) 0 10px 20px;
    -webkit-box-shadow: inset rgba(143, 160, 241, 0.2) 0 0 0 1px, rgba(213, 220, 247, 0.59) 0 10px 20px;
    box-shadow: inset rgba(143, 160, 241, 0.2) 0 0 0 1px, rgba(213, 220, 247, 0.59) 0 10px 20px; }

.field-input-wrapper {
  box-sizing: border-box; }
  .field-input-wrapper .field-input {
    display: flex;
    align-items: center;
    background: #fcfcfc;
    border: 1px solid #ededed;
    padding: 16px;
    width: 450px;
    position: relative;
    border-radius: 3px; }
  .field-input-wrapper .field-input > [type='file'] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 10;
    cursor: pointer; }
  .field-input-wrapper .field-input > .button {
    display: inline-block;
    cursor: pointer;
    padding: 8px 16px;
    border-radius: 2px;
    margin-right: 8px;
    line-height: 1; }
  .field-input-wrapper .field-input > .label {
    color: #444F60;
    font-weight: 400;
    white-space: nowrap;
    opacity: .3; }
  .field-input-wrapper .field-input.-chosen > .label {
    opacity: 1; }

/* ==========================================================================
11. Checkboxes and radios
========================================================================== */
.label--checkbox {
  position: relative;
  margin: .5rem;
  font-family: Arial, sans-serif;
  line-height: 135% !important;
  cursor: pointer;
  transform: scale(0.7); }
  .label--checkbox span {
    position: relative;
    top: -7px;
    font-size: 14px;
    color: #444F60; }

.md-checkbox {
  position: relative;
  top: -0.375rem;
  margin: 0 1rem 0 0;
  cursor: pointer;
  transform: scale(1.8); }
  .md-checkbox:before {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    content: "";
    position: absolute;
    left: 0;
    z-index: 1;
    width: 0.9rem;
    height: 0.9rem;
    border: 1.5px solid #ccc; }
  .md-checkbox:checked:before {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    height: .5rem;
    border-color: #235390;
    border-top-style: none;
    border-right-style: none; }
  .md-checkbox:after {
    content: "";
    position: absolute;
    top: -0.125rem;
    left: 0;
    width: 1rem;
    height: 1rem;
    background: #fff;
    cursor: pointer; }

@-webkit-keyframes slideUp {
  0% {
    -webkit-transform: translateY(6.25rem);
    transform: translateY(6.25rem); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@-moz-keyframes slideUp {
  0% {
    -moz-transform: translateY(6.25rem);
    transform: translateY(6.25rem); }
  100% {
    -moz-transform: translateY(0);
    transform: translateY(0); } }

@keyframes slideUp {
  0% {
    -webkit-transform: translateY(6.25rem);
    transform: translateY(6.25rem); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@media (min-width: 769px) {
  input.md-checkbox:focus {
    border-bottom-color: transparent !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    outline: none !important;
    outline-offset: 0 !important;
    background: #fff !important; } }

.checkbox-wrap, .radio-wrap {
  position: relative;
  cursor: pointer;
  padding: 1em; }
  .checkbox-wrap::selection, .radio-wrap::selection {
    background: transparent; }
  .checkbox-wrap input.d-checkbox + span, .radio-wrap input.d-checkbox + span, .checkbox-wrap input.b-radio + span, .radio-wrap input.b-radio + span {
    background: #fff;
    content: "";
    display: inline-block;
    margin: 0 .5em 0 0;
    padding: 0;
    border: 1px solid #999;
    vertical-align: middle;
    width: 2em;
    height: 2em; }
    .checkbox-wrap input.d-checkbox + span::after, .radio-wrap input.d-checkbox + span::after, .checkbox-wrap input.b-radio + span::after, .radio-wrap input.b-radio + span::after {
      content: "";
      display: block;
      transform: scale(0);
      transition: transform .2s; }
  .checkbox-wrap input.d-checkbox:checked + span::after, .radio-wrap input.d-checkbox:checked + span::after, .checkbox-wrap input.b-radio:checked + span::after, .radio-wrap input.b-radio:checked + span::after {
    transform: scale(1); }
  .checkbox-wrap input.d-checkbox, .radio-wrap input.d-checkbox, .checkbox-wrap input.b-radio, .radio-wrap input.b-radio {
    position: absolute;
    cursor: pointer;
    opacity: 0; }

.checkbox-wrap input + span {
  border-radius: 2px; }
  .checkbox-wrap input + span::after {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2NHB4IiBoZWlnaHQ9IjY0cHgiIHZpZXdCb3g9IjAgMCA2NCA2NCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNjQgNjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwb2x5Z29uIHBvaW50cz0iMTMuNzA3LDMyLjI5MyAxMi4yOTMsMzMuODU0IDI0LjI5Myw0NiAyNS43MDcsNDYgNDkuNzA3LDIxLjg1NCA0OC4yOTMsMjAuMzY2IDI1LDQzLjYyMyAiLz48L2c+PC9zdmc+) no-repeat center;
    background-size: contain;
    width: 1.9em;
    height: 1.9em; }

.checkbox-wrap.is-medium input + span {
  width: 1.4em;
  height: 1.4em; }
  .checkbox-wrap.is-medium input + span::after {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2NHB4IiBoZWlnaHQ9IjY0cHgiIHZpZXdCb3g9IjAgMCA2NCA2NCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNjQgNjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwb2x5Z29uIHBvaW50cz0iMTMuNzA3LDMyLjI5MyAxMi4yOTMsMzMuODU0IDI0LjI5Myw0NiAyNS43MDcsNDYgNDkuNzA3LDIxLjg1NCA0OC4yOTMsMjAuMzY2IDI1LDQzLjYyMyAiLz48L2c+PC9zdmc+) no-repeat center;
    background-size: contain;
    width: 1.3em;
    height: 1.3em; }

.checkbox-wrap.is-small input + span {
  width: 1em;
  height: 1em; }
  .checkbox-wrap.is-small input + span::after {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2NHB4IiBoZWlnaHQ9IjY0cHgiIHZpZXdCb3g9IjAgMCA2NCA2NCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNjQgNjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwb2x5Z29uIHBvaW50cz0iMTMuNzA3LDMyLjI5MyAxMi4yOTMsMzMuODU0IDI0LjI5Myw0NiAyNS43MDcsNDYgNDkuNzA3LDIxLjg1NCA0OC4yOTMsMjAuMzY2IDI1LDQzLjYyMyAiLz48L2c+PC9zdmc+) no-repeat center;
    background-size: contain;
    width: 0.9em;
    height: 0.9em; }

.radio-wrap input + span {
  border-radius: 1000px; }
  .radio-wrap input + span::after {
    border-radius: 1000px;
    margin: .55em;
    width: .75em;
    height: .75em; }

.radio-wrap input:checked + span::after {
  background: #444F60; }

.radio-wrap.is-small span {
  transform: scale(0.6) !important; }
  .radio-wrap.is-small span::after {
    margin: .54em !important; }

.radio-wrap.is-medium span {
  transform: scale(0.8) !important; }
  .radio-wrap.is-medium span::after {
    margin: .58em !important; }

.radio-wrap.is-primary input:checked + span::after {
  background: #235390; }

.radio-wrap.is-secondary input:checked + span::after {
  background: #78c800; }

.radio-wrap.is-accent input:checked + span::after {
  background: #ebf2fa; }

/* ==========================================================================
12. Tags input
========================================================================== */
.tagsinput {
  border: 1px solid #CCC;
  background: #fff;
  padding: 5px;
  width: 300px;
  height: 100px;
  overflow-y: auto; }
  .tagsinput .tag {
    position: relative;
    border: 1px solid #039BE5;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    float: left;
    padding: 4px 8px;
    text-decoration: none;
    background: #039BE5;
    color: #fff;
    margin-right: 5px;
    margin-bottom: 5px;
    font-size: 13px; }
    .tagsinput .tag span {
      position: relative;
      top: -2px; }
    .tagsinput .tag:after {
      font-family: 'Material Icons';
      content: '\E5CD';
      color: #fff;
      opacity: 1;
      position: absolute;
      top: 3px;
      right: 4px;
      z-index: 0; }
    .tagsinput .tag a {
      font-weight: 700;
      color: #fff;
      text-decoration: none;
      font-size: 11px;
      opacity: 0;
      position: relative;
      z-index: 2; }
  .tagsinput input {
    width: 80px;
    margin: 0 5px 5px 0;
    font-family: helvetica;
    font-size: 13px;
    border: 1px solid transparent;
    padding: 5px;
    background: 0 0;
    color: #000;
    outline: 0; }
  .tagsinput div {
    display: block;
    float: left; }

.tags_clear {
  clear: both;
  width: 100%;
  height: 0; }

.not_valid {
  background: #FBD8DB !important;
  color: #90111A !important; }

.bulma-tags .tagsinput {
  width: 100%;
  border: 1px solid #CCC;
  background: #fff;
  padding: 5px;
  overflow-y: auto; }
  .bulma-tags .tagsinput .control {
    margin-right: 0.2rem !important; }
  .bulma-tags .tagsinput .tags {
    outline: none !important; }
    .bulma-tags .tagsinput .tags .tag:first-child {
      padding: 4px 8px 6px; }
      .bulma-tags .tagsinput .tags .tag:first-child.is-active {
        background: #039BE5; }
      .bulma-tags .tagsinput .tags .tag:first-child:after {
        display: none !important; }
    .bulma-tags .tagsinput .tags .is-delete {
      margin: 0;
      background: #344258; }

/* ==========================================================================
13. Time picker
========================================================================== */
.wickedpicker {
  height: 150px; }
  .wickedpicker .wickedpicker__controls {
    padding: 12px 0 !important; }
  .wickedpicker .wickedpicker__controls__control-up:before {
    font-family: 'material icons';
    content: '\E316'; }
  .wickedpicker .wickedpicker__controls__control-down:after {
    font-family: 'material icons';
    content: '\E313';
    top: 8px;
    position: relative; }

/* ==========================================================================
14. Step form
========================================================================== */
.steps-wrapper {
  position: relative;
  min-height: 390px;
  padding: 40px;
  background: #fff;
  border: 1px solid #ededed;
  border-radius: 6px;
  box-shadow: inset rgba(143, 160, 241, 0.2) 0 0 0 1px, rgba(213, 220, 247, 0.59) 0 10px 20px; }
  .steps-wrapper .steps {
    font-size: .9rem; }
    .steps-wrapper .steps .step-item.is-active .step-marker {
      border-color: #78c800 !important;
      color: #78c800; }
    .steps-wrapper .steps .step-item.is-active:before {
      background-position: left bottom; }
    .steps-wrapper .steps .step-item.is-completed .step-marker {
      background: #78c800; }
    .steps-wrapper .steps .step-item.is-completed:before {
      background-position: left bottom; }
    .steps-wrapper .steps .step-item:not(:first-child):before {
      content: " ";
      display: block;
      position: absolute; }
    .steps-wrapper .steps .step-item:before {
      background: linear-gradient(to left, #dbdbdb 50%, #7F00FF 50%);
      background-size: 200% 100%;
      background-position: right bottom; }
  .steps-wrapper .step-title {
    font-size: .7rem !important;
    text-transform: uppercase; }
  .steps-wrapper .label {
    text-align: left;
    font-weight: 600 !important; }
  .steps-wrapper .steps-actions {
    position: absolute;
    width: 100%;
    bottom: 40px;
    left: 0;
    padding: 0 40px; }
    .steps-wrapper .steps-actions .steps-action:first-child {
      justify-content: flex-start;
      margin: 0; }
    .steps-wrapper .steps-actions .steps-action:last-child {
      justify-content: flex-end;
      margin: 0; }
  .steps-wrapper .confirm-image {
    display: block;
    margin: 10px auto;
    height: 75px; }
  .steps-wrapper.is-squared .step-marker {
    border-radius: 4px !important; }

@media (max-width: 767px) {
  .steps-wrapper.is-double-column .steps-actions {
    bottom: 20px !important; } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .steps-wrapper.is-double-column .steps-actions {
    bottom: 20px !important; } }

/* ==========================================================================
15. Combo boxes
========================================================================== */
.is-combo {
  margin-bottom: 20px; }
  .is-combo .combo-label {
    font-weight: 500;
    font-size: .9rem;
    color: #999; }
  .is-combo .combo-box, .is-combo .image-combo-box, .is-combo .stacked-combo-box, .is-combo .user-combo-box {
    position: relative;
    background: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    height: 40px;
    margin-top: 4px;
    cursor: pointer;
    transition: all .3s; }
    .is-combo .combo-box.has-rounded-images .combo-item img, .is-combo .combo-box.has-rounded-images .item-icon img, .is-combo .image-combo-box.has-rounded-images .combo-item img, .is-combo .image-combo-box.has-rounded-images .item-icon img, .is-combo .stacked-combo-box.has-rounded-images .combo-item img, .is-combo .stacked-combo-box.has-rounded-images .item-icon img, .is-combo .user-combo-box.has-rounded-images .combo-item img, .is-combo .user-combo-box.has-rounded-images .item-icon img {
      border-radius: 50%; }
    .is-combo .combo-box .box-inner, .is-combo .image-combo-box .box-inner, .is-combo .stacked-combo-box .box-inner, .is-combo .user-combo-box .box-inner {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .is-combo .combo-box .box-inner .combo-item, .is-combo .image-combo-box .box-inner .combo-item, .is-combo .stacked-combo-box .box-inner .combo-item, .is-combo .user-combo-box .box-inner .combo-item {
        display: flex;
        align-items: center;
        height: 40px;
        padding-left: 8px; }
        .is-combo .combo-box .box-inner .combo-item i, .is-combo .image-combo-box .box-inner .combo-item i, .is-combo .stacked-combo-box .box-inner .combo-item i, .is-combo .user-combo-box .box-inner .combo-item i {
          color: #78c800;
          font-size: 20px;
          margin-right: 8px; }
        .is-combo .combo-box .box-inner .combo-item .fa, .is-combo .image-combo-box .box-inner .combo-item .fa, .is-combo .stacked-combo-box .box-inner .combo-item .fa, .is-combo .user-combo-box .box-inner .combo-item .fa {
          position: relative;
          top: 1px;
          font-size: 14px; }
          .is-combo .combo-box .box-inner .combo-item .fa.is-green, .is-combo .image-combo-box .box-inner .combo-item .fa.is-green, .is-combo .stacked-combo-box .box-inner .combo-item .fa.is-green, .is-combo .user-combo-box .box-inner .combo-item .fa.is-green {
            color: #00b289; }
          .is-combo .combo-box .box-inner .combo-item .fa.is-blue, .is-combo .image-combo-box .box-inner .combo-item .fa.is-blue, .is-combo .stacked-combo-box .box-inner .combo-item .fa.is-blue, .is-combo .user-combo-box .box-inner .combo-item .fa.is-blue {
            color: #039BE5; }
          .is-combo .combo-box .box-inner .combo-item .fa.is-orange, .is-combo .image-combo-box .box-inner .combo-item .fa.is-orange, .is-combo .stacked-combo-box .box-inner .combo-item .fa.is-orange, .is-combo .user-combo-box .box-inner .combo-item .fa.is-orange {
            color: #eda514; }
          .is-combo .combo-box .box-inner .combo-item .fa.is-red, .is-combo .image-combo-box .box-inner .combo-item .fa.is-red, .is-combo .stacked-combo-box .box-inner .combo-item .fa.is-red, .is-combo .user-combo-box .box-inner .combo-item .fa.is-red {
            color: #FF7273; }
          .is-combo .combo-box .box-inner .combo-item .fa.is-secondary, .is-combo .image-combo-box .box-inner .combo-item .fa.is-secondary, .is-combo .stacked-combo-box .box-inner .combo-item .fa.is-secondary, .is-combo .user-combo-box .box-inner .combo-item .fa.is-secondary {
            color: #78c800; }
        .is-combo .combo-box .box-inner .combo-item img, .is-combo .image-combo-box .box-inner .combo-item img, .is-combo .stacked-combo-box .box-inner .combo-item img, .is-combo .user-combo-box .box-inner .combo-item img {
          display: block;
          height: 26px;
          width: 26px;
          object-fit: contain;
          margin-right: 8px; }
          .is-combo .combo-box .box-inner .combo-item img.is-stacked, .is-combo .image-combo-box .box-inner .combo-item img.is-stacked, .is-combo .stacked-combo-box .box-inner .combo-item img.is-stacked, .is-combo .user-combo-box .box-inner .combo-item img.is-stacked {
            height: 26px;
            width: 26px;
            border: 2px solid #fff;
            margin-right: 0 !important; }
            .is-combo .combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(1), .is-combo .image-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(1), .is-combo .stacked-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(1), .is-combo .user-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(1) {
              margin-left: -9px; }
            .is-combo .combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(2), .is-combo .image-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(2), .is-combo .stacked-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(2), .is-combo .user-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(2) {
              margin-left: -9px; }
            .is-combo .combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(3), .is-combo .image-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(3), .is-combo .stacked-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(3), .is-combo .user-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(3) {
              margin-left: -9px; }
            .is-combo .combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(4), .is-combo .image-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(4), .is-combo .stacked-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(4), .is-combo .user-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(4) {
              margin-left: -9px; }
            .is-combo .combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(5), .is-combo .image-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(5), .is-combo .stacked-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(5), .is-combo .user-combo-box .box-inner .combo-item img.is-stacked:not(:first-child):nth-child(5) {
              margin-left: -9px; }
        .is-combo .combo-box .box-inner .combo-item .avatar-container, .is-combo .image-combo-box .box-inner .combo-item .avatar-container, .is-combo .stacked-combo-box .box-inner .combo-item .avatar-container, .is-combo .user-combo-box .box-inner .combo-item .avatar-container {
          position: relative;
          display: block;
          height: 26px;
          width: 26px; }
          .is-combo .combo-box .box-inner .combo-item .avatar-container .avatar, .is-combo .image-combo-box .box-inner .combo-item .avatar-container .avatar, .is-combo .stacked-combo-box .box-inner .combo-item .avatar-container .avatar, .is-combo .user-combo-box .box-inner .combo-item .avatar-container .avatar {
            display: block;
            height: 26px;
            width: 26px;
            border-radius: 50%; }
          .is-combo .combo-box .box-inner .combo-item .avatar-container .badge, .is-combo .image-combo-box .box-inner .combo-item .avatar-container .badge, .is-combo .stacked-combo-box .box-inner .combo-item .avatar-container .badge, .is-combo .user-combo-box .box-inner .combo-item .avatar-container .badge {
            position: absolute;
            bottom: 0;
            right: -6px;
            height: 16px;
            width: 16px;
            border-radius: 50%;
            border: 2px solid #fff;
            margin: 0; }
        .is-combo .combo-box .box-inner .combo-item span, .is-combo .image-combo-box .box-inner .combo-item span, .is-combo .stacked-combo-box .box-inner .combo-item span, .is-combo .user-combo-box .box-inner .combo-item span {
          display: block;
          color: #444F60;
          font-size: .9rem;
          font-weight: 500;
          margin-left: 8px; }
    .is-combo .combo-box .box-chevron, .is-combo .image-combo-box .box-chevron, .is-combo .stacked-combo-box .box-chevron, .is-combo .user-combo-box .box-chevron {
      position: absolute;
      top: 0;
      right: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      height: 40px;
      width: 40px; }
      .is-combo .combo-box .box-chevron i, .is-combo .image-combo-box .box-chevron i, .is-combo .stacked-combo-box .box-chevron i, .is-combo .user-combo-box .box-chevron i {
        font-size: 18px;
        stroke: #444F60;
        transform: rotate(0);
        transition: all .3s; }
      .is-combo .combo-box .box-chevron svg, .is-combo .image-combo-box .box-chevron svg, .is-combo .stacked-combo-box .box-chevron svg, .is-combo .user-combo-box .box-chevron svg {
        height: 18px;
        width: 18px;
        stroke: #444F60;
        transform: rotate(0);
        transition: all .3s; }
    .is-combo .combo-box .box-dropdown, .is-combo .image-combo-box .box-dropdown, .is-combo .stacked-combo-box .box-dropdown, .is-combo .user-combo-box .box-dropdown {
      position: absolute;
      top: 32px;
      left: 0;
      width: 100%;
      z-index: 50;
      opacity: 0;
      transform: translateY(20px);
      pointer-events: none;
      transition: all .3s; }
      .is-combo .combo-box .box-dropdown.is-dropup, .is-combo .image-combo-box .box-dropdown.is-dropup, .is-combo .stacked-combo-box .box-dropdown.is-dropup, .is-combo .user-combo-box .box-dropdown.is-dropup {
        top: -165px;
        height: 148px; }
        .is-combo .combo-box .box-dropdown.is-dropup .dropdown-inner, .is-combo .image-combo-box .box-dropdown.is-dropup .dropdown-inner, .is-combo .stacked-combo-box .box-dropdown.is-dropup .dropdown-inner, .is-combo .user-combo-box .box-dropdown.is-dropup .dropdown-inner {
          overflow-y: auto; }
      .is-combo .combo-box .box-dropdown .dropdown-inner, .is-combo .image-combo-box .box-dropdown .dropdown-inner, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner, .is-combo .user-combo-box .box-dropdown .dropdown-inner {
        position: relative;
        width: 100%;
        height: 100%;
        background: #fff;
        border: 1px solid #e3e3e3;
        border-radius: 4px;
        margin-top: 10px;
        max-height: 190px;
        overflow-y: auto; }
        .is-combo .combo-box .box-dropdown .dropdown-inner ul, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul {
          padding: 10px 0; }
          .is-combo .combo-box .box-dropdown .dropdown-inner ul li, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li {
            padding: 6px 8px;
            display: flex;
            justify-content: flex-start;
            align-items: center;
            width: 100%; }
            .is-combo .combo-box .box-dropdown .dropdown-inner ul li .item-icon, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .item-icon, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .item-icon, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .item-icon {
              position: relative;
              display: flex;
              justify-content: center;
              align-items: center;
              height: 30px;
              width: 30px;
              margin-right: 8px; }
              .is-combo .combo-box .box-dropdown .dropdown-inner ul li .item-icon i, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .item-icon i, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .item-icon i, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .item-icon i {
                color: #999;
                font-size: 20px; }
              .is-combo .combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa {
                font-size: 14px;
                position: relative;
                top: 1px; }
                .is-combo .combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-green, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-green, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-green, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-green {
                  color: #00b289; }
                .is-combo .combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-blue, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-blue, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-blue, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-blue {
                  color: #039BE5; }
                .is-combo .combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-orange, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-orange, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-orange, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-orange {
                  color: #eda514; }
                .is-combo .combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-red, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-red, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-red, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-red {
                  color: #FF7273; }
                .is-combo .combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-secondary, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-secondary, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-secondary, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .item-icon .fa.is-secondary {
                  color: #78c800; }
              .is-combo .combo-box .box-dropdown .dropdown-inner ul li .item-icon img, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .item-icon img, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .item-icon img, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .item-icon img {
                display: block;
                height: 22px;
                width: 22px;
                object-fit: contain;
                transition: opacity .3s; }
                .is-combo .combo-box .box-dropdown .dropdown-inner ul li .item-icon img.faded-img, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .item-icon img.faded-img, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .item-icon img.faded-img, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .item-icon img.faded-img {
                  opacity: .4; }
              .is-combo .combo-box .box-dropdown .dropdown-inner ul li .item-icon .avatar, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .item-icon .avatar, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .item-icon .avatar, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .item-icon .avatar {
                display: block;
                height: 22px;
                width: 22px;
                border-radius: 50%; }
              .is-combo .combo-box .box-dropdown .dropdown-inner ul li .item-icon .badge, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .item-icon .badge, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .item-icon .badge, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .item-icon .badge {
                position: absolute;
                bottom: 0;
                right: 0;
                height: 12px;
                width: 12px;
                border-radius: 50%;
                border: 2px solid #fff; }
            .is-combo .combo-box .box-dropdown .dropdown-inner ul li .checkmark, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .checkmark, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .checkmark, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .checkmark {
              display: flex;
              justify-content: center;
              align-items: center;
              height: 16px;
              width: 16px;
              margin-right: 8px;
              margin-left: auto;
              opacity: 0;
              transition: all .3s; }
              .is-combo .combo-box .box-dropdown .dropdown-inner ul li .checkmark svg, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .checkmark svg, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .checkmark svg, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .checkmark svg {
                stroke: #78c800;
                stroke-width: 3px;
                height: 16px;
                width: 16px; }
              .is-combo .combo-box .box-dropdown .dropdown-inner ul li .checkmark i, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li .checkmark i, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li .checkmark i, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li .checkmark i {
                font-size: 16px;
                color: #78c800; }
            .is-combo .combo-box .box-dropdown .dropdown-inner ul li span, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li span, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li span, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li span {
              display: block;
              color: #999;
              font-size: .9rem;
              font-weight: 500; }
            .is-combo .combo-box .box-dropdown .dropdown-inner ul li:hover, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li:hover, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li:hover, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li:hover {
              background: #f2f2f2; }
            .is-combo .combo-box .box-dropdown .dropdown-inner ul li.is-active .item-icon i, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li.is-active .item-icon i, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li.is-active .item-icon i, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li.is-active .item-icon i {
              color: #78c800; }
            .is-combo .combo-box .box-dropdown .dropdown-inner ul li.is-active .item-icon .faded-img, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li.is-active .item-icon .faded-img, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li.is-active .item-icon .faded-img, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li.is-active .item-icon .faded-img {
              opacity: 1; }
            .is-combo .combo-box .box-dropdown .dropdown-inner ul li.is-active span, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li.is-active span, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li.is-active span, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li.is-active span {
              color: #444F60; }
            .is-combo .combo-box .box-dropdown .dropdown-inner ul li.is-active .checkmark, .is-combo .image-combo-box .box-dropdown .dropdown-inner ul li.is-active .checkmark, .is-combo .stacked-combo-box .box-dropdown .dropdown-inner ul li.is-active .checkmark, .is-combo .user-combo-box .box-dropdown .dropdown-inner ul li.is-active .checkmark {
              opacity: 1; }
    .is-combo .combo-box.is-active, .is-combo .image-combo-box.is-active, .is-combo .stacked-combo-box.is-active, .is-combo .user-combo-box.is-active {
      border-color: #78c800; }
      .is-combo .combo-box.is-active .box-chevron svg, .is-combo .combo-box.is-active .box-chevron i, .is-combo .image-combo-box.is-active .box-chevron svg, .is-combo .image-combo-box.is-active .box-chevron i, .is-combo .stacked-combo-box.is-active .box-chevron svg, .is-combo .stacked-combo-box.is-active .box-chevron i, .is-combo .user-combo-box.is-active .box-chevron svg, .is-combo .user-combo-box.is-active .box-chevron i {
        transform: rotate(180deg); }
      .is-combo .combo-box.is-active .box-dropdown, .is-combo .image-combo-box.is-active .box-dropdown, .is-combo .stacked-combo-box.is-active .box-dropdown, .is-combo .user-combo-box.is-active .box-dropdown {
        opacity: 1;
        transform: translateY(0);
        pointer-events: all; }
  .is-combo .help-text {
    font-size: .75rem;
    color: #999; }
  .is-combo .big-combo-box {
    position: relative;
    background: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    height: 58px;
    margin-top: 4px;
    cursor: pointer;
    transition: all .3s; }
    .is-combo .big-combo-box .box-inner {
      display: flex;
      justify-content: space-between;
      align-items: center;
      height: 100%; }
      .is-combo .big-combo-box .box-inner .combo-item {
        display: flex;
        align-items: center;
        height: 58px;
        padding-left: 8px; }
        .is-combo .big-combo-box .box-inner .combo-item i {
          color: #78c800;
          font-size: 1.6rem; }
        .is-combo .big-combo-box .box-inner .combo-item .combo-text {
          margin-left: 16px; }
          .is-combo .big-combo-box .box-inner .combo-item .combo-text span {
            display: block; }
            .is-combo .big-combo-box .box-inner .combo-item .combo-text span:first-child {
              color: #444F60;
              font-size: .9rem;
              font-weight: 500; }
            .is-combo .big-combo-box .box-inner .combo-item .combo-text span:nth-child(2) {
              color: #999;
              font-size: .8rem;
              max-width: 330px;
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis; }
    .is-combo .big-combo-box .box-chevron {
      position: absolute;
      top: 0;
      right: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      height: 58px;
      width: 58px; }
      .is-combo .big-combo-box .box-chevron svg {
        height: 18px;
        width: 18px;
        stroke: #444F60;
        transform: rotate(0);
        transition: all .3s; }
    .is-combo .big-combo-box .box-dropdown {
      position: absolute;
      top: 54px;
      left: 0;
      width: 100%;
      z-index: 50;
      opacity: 0;
      transform: translateY(20px);
      pointer-events: none;
      transition: all .3s; }
      .is-combo .big-combo-box .box-dropdown .dropdown-inner {
        position: relative;
        width: 100%;
        height: 100%;
        background: #fff;
        border: 1px solid #e3e3e3;
        border-radius: 4px;
        margin-top: 10px;
        max-height: 190px;
        overflow-y: auto;
        overflow-x: hidden; }
        .is-combo .big-combo-box .box-dropdown .dropdown-inner ul {
          padding: 10px 0; }
          .is-combo .big-combo-box .box-dropdown .dropdown-inner ul li {
            padding: 6px 8px;
            display: flex;
            justify-content: flex-start;
            align-items: center;
            width: 100%; }
            .is-combo .big-combo-box .box-dropdown .dropdown-inner ul li .item-icon {
              display: flex;
              justify-content: center;
              align-items: center;
              height: 30px;
              width: 30px;
              min-height: 30px;
              min-width: 30px;
              margin-right: 16px; }
              .is-combo .big-combo-box .box-dropdown .dropdown-inner ul li .item-icon i {
                color: #999;
                font-size: 1.6rem; }
            .is-combo .big-combo-box .box-dropdown .dropdown-inner ul li .item-name span {
              display: block; }
              .is-combo .big-combo-box .box-dropdown .dropdown-inner ul li .item-name span:first-child {
                color: #444F60;
                font-size: .9rem;
                font-weight: 500; }
              .is-combo .big-combo-box .box-dropdown .dropdown-inner ul li .item-name span:nth-child(2) {
                color: #999;
                font-size: .8rem;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis; }
            .is-combo .big-combo-box .box-dropdown .dropdown-inner ul li:hover {
              background: #f2f2f2; }
            .is-combo .big-combo-box .box-dropdown .dropdown-inner ul li.is-active .item-icon i {
              color: #78c800; }
            .is-combo .big-combo-box .box-dropdown .dropdown-inner ul li.is-active span {
              color: #444F60; }
    .is-combo .big-combo-box.is-active {
      border-color: #78c800; }
      .is-combo .big-combo-box.is-active .box-chevron svg {
        transform: rotate(180deg); }
      .is-combo .big-combo-box.is-active .box-dropdown {
        opacity: 1;
        transform: translateY(0);
        pointer-events: all; }

/*! _tables.scss | Bulkit | CSS Ninja */
/* ==========================================================================
Table styles
========================================================================== */
/***
TABLE OF CONTENTS
=============================================================================
0. Compare devices table
1. feature comparison table
2. Responsive table
=============================================================================
***/
/* ==========================================================================
0. Compare devices table
========================================================================== */
.table.device-table th, .table.device-table td {
  text-align: center !important;
  border: none; }

.table.device-table th i {
  font-size: 35px;
  color: #cecece; }

.table.device-table td {
  padding: .75em 1em; }
  .table.device-table td:first-child {
    text-align: left !important; }
  .table.device-table td.feature-name {
    line-height: 1.9;
    font-family: 'Nexa Light', sans-serif; }
  .table.device-table td i.im-icon-Yes {
    font-size: 24px;
    color: #235390; }
  .table.device-table td i.im-icon-Close {
    font-size: 24px;
    color: #cecece; }

.table.device-table th {
  border-bottom: 1px solid #dbdbdb; }

/* ==========================================================================
1. feature comparison table
========================================================================== */
.table.compare-table th, .table.compare-table td {
  text-align: center !important;
  border: none; }

.table.compare-table th i {
  font-size: 35px;
  color: #cecece; }

.table.compare-table td {
  padding: .75em 1em; }
  .table.compare-table td:first-child {
    text-align: left !important; }
  .table.compare-table td.feature-name {
    line-height: 1.9;
    font-family: 'Nexa Light', sans-serif; }
  .table.compare-table td i.fa-check {
    font-size: 24px;
    color: #235390; }
  .table.compare-table td i.fa-close {
    font-size: 24px;
    color: #cecece; }

.table.compare-table th {
  border-bottom: 1px solid #dbdbdb;
  font-family: 'Nexa Bold', sans-serif; }

/* ==========================================================================
2. Responsive table
========================================================================== */
.responsive-table {
  margin: auto;
  min-width: 300px;
  max-width: 100%;
  border-collapse: collapse;
  color: #333;
  border-radius: .2em;
  overflow: hidden;
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); }
  .responsive-table.is-primary tr:first-child {
    background: #235390; }
  .responsive-table.is-secondary tr:first-child {
    background: #78c800; }
  .responsive-table.is-accent tr:first-child {
    background: #ebf2fa; }
  .responsive-table tr:first-child {
    border-top: none;
    background: #999;
    color: #fff !important; }
  .responsive-table tr {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background-color: #fff;
    border-color: #bfbfbf; }
  .responsive-table:nth-child(odd):not(:first-child) {
    background-color: #fcfcfc; }
  .responsive-table th {
    display: none;
    color: #fff; }
  .responsive-table td {
    display: block; }
  .responsive-table td:first-child {
    margin-top: .5em; }
  .responsive-table td:last-child {
    margin-bottom: .5em; }
  .responsive-table td:before {
    content: attr(data-th) ": ";
    font-weight: bold;
    width: 120px;
    display: inline-block;
    color: #000; }
  .responsive-table th, .responsive-table td {
    text-align: left;
    padding: .5em 1em; }
  @media screen and (max-width: 601px) {
    .responsive-table tr:nth-child(2) {
      border-top: none; } }
  @media screen and (min-width: 600px) {
    .responsive-table tr:hover:not(:first-child) {
      background-color: #f2f2f2; }
    .responsive-table td:before {
      display: none; }
    .responsive-table th, .responsive-table td {
      display: table-cell;
      padding: .25em .5em; }
    .responsive-table th:first-child, .responsive-table td:first-child {
      padding-left: 0; }
    .responsive-table th:last-child, .responsive-table td:last-child {
      padding-right: 0; }
    .responsive-table th, .responsive-table td {
      padding: 1em !important; } }

/*! _lists.scss | Bulkit | CSS Ninja */
/* ==========================================================================
List styles
========================================================================== */
/***
TABLE OF CONTENTS
=============================================================================
0. Resets
1. Bullet icon list
2. Solid list
3. Inline list
4. List blocks
5. Levels
6. User list
7. Media list
=============================================================================
***/
/* ==========================================================================
0. Resets
========================================================================== */
.content ul {
  list-style-type: disc; }

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

ul, ol {
  list-style-type: none; }

/* ==========================================================================
1. Bullet icon list
========================================================================== */
.icon-bullet-list {
  list-style: none;
  padding: 0; }
  .icon-bullet-list li {
    padding-left: 1.3em;
    padding: 3px 0 3px 1.3em; }
    .icon-bullet-list li:before {
      content: "\F10C";
      font-family: FontAwesome;
      display: inline-block;
      margin-left: -1.3em;
      margin-right: 0.7rem;
      width: 1.3em; }

/* ==========================================================================
2. Solid list
========================================================================== */
.solid-list {
  display: inline-block; }
  .solid-list .solid-list-item {
    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    margin: 5px 0; }
    .solid-list .solid-list-item .list-bullet i {
      font-size: 1.5rem;
      margin-right: 15px;
      position: relative;
      top: 2px;
      color: #A9ABAC; }

/* ==========================================================================
3. Inline list
========================================================================== */
.inline-list {
  display: flex !important;
  flex-wrap: wrap; }
  .inline-list i.inline-bullet {
    font-size: 0.4rem;
    margin: 0 10px;
    color: #ededed;
    position: relative;
    top: 8px; }

/* ==========================================================================
4. List blocks
========================================================================== */
.list-block {
  border: 1px solid #ededed;
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06); }
  .list-block li {
    padding: 10px 20px; }
    .list-block li a {
      color: #444444; }
    .list-block li.is-active {
      background: #235390; }
      .list-block li.is-active:hover {
        background: #235390; }
      .list-block li.is-active .b-badge {
        border: 1px solid #fff;
        background: transparent; }
    .list-block li.is-active a {
      color: #fff; }
    .list-block li:hover {
      background: #EFF4F7; }
  .list-block.bordered li:not(last-child) {
    border-bottom: 1px solid #ededed; }
  .list-block.minimal {
    border: none;
    box-shadow: none; }
    .list-block.minimal li {
      border-bottom: 1px solid #ededed; }
  .list-block .b-badge {
    float: right; }
  .list-block.is-secondary li.is-active {
    background: #78c800; }
  .list-block.is-accent li.is-active {
    background: #ebf2fa; }

/* ==========================================================================
5. Levels
========================================================================== */
.level.nav-level {
  padding: 20px 40px;
  border: 1px solid #ededed;
  background: #fff; }
  .level.nav-level i {
    cursor: pointer; }
    .level.nav-level i:hover {
      color: #235390; }

.level.centered-level {
  padding: 20px 40px;
  border: 1px solid #ededed;
  background: #fff; }

/* ==========================================================================
6. User list
========================================================================== */
.user-list li {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 10px 15px; }

.user-list .user-list-avatar img {
  width: 40px;
  height: 40px;
  border-radius: 100px; }

.user-list .user-list-info {
  margin: 0 10px; }
  .user-list .user-list-info .name {
    font-size: 14px;
    font-weight: 500;
    color: #444F60; }
  .user-list .user-list-info .position {
    font-size: 12px;
    color: #A9ABAC; }

.user-list .user-list-status {
  height: 10px;
  width: 10px;
  border-radius: 100px;
  background: #A9ABAC;
  margin-left: auto; }
  .user-list .user-list-status.is-offline {
    background: #ededed; }
  .user-list .user-list-status.is-online {
    background: #00b289; }
  .user-list .user-list-status.is-busy {
    background: #eda514; }

/* ==========================================================================
7. Media list
========================================================================== */
.user-media-list li {
  margin: 15px 0; }

.user-media-list .media-left .image {
  position: relative; }
  .user-media-list .media-left .image .avatar-status {
    height: 10px;
    width: 10px;
    border-radius: 200px;
    background: #A9ABAC;
    position: absolute;
    right: 1px;
    top: 3px; }
    .user-media-list .media-left .image .avatar-status.is-offline {
      background: #ededed; }
    .user-media-list .media-left .image .avatar-status.is-online {
      background: #00b289; }
    .user-media-list .media-left .image .avatar-status.is-busy {
      background: #eda514; }

.user-media-list .media-content span {
  color: #444F60;
  font-weight: 500; }

/*! _labels.scss | Bulkit | CSS Ninja */
/* ==========================================================================
Badges
========================================================================== */
/***
TABLE OF CONTENTS
=============================================================================
0. Badges
1. Tags
=============================================================================
***/
/* ==========================================================================
0. Badge
========================================================================== */
.b-badge {
  height: 20px;
  min-width: 20px;
  max-width: 100px;
  padding: 3px 6px;
  line-height: 1.2;
  white-space: nowrap;
  vertical-align: middle;
  font-size: 0.8rem;
  color: #fff;
  background: #999;
  text-align: center;
  border-radius: 3px; }
  .b-badge.rounded {
    border-radius: 200px; }
  .b-badge.badge-outlined {
    background: transparent;
    border: 1px solid #999;
    color: #999; }
  .b-badge.is-primary {
    background: #235390; }
    .b-badge.is-primary.badge-outlined {
      background: transparent;
      border: 1px solid #235390;
      color: #235390; }
  .b-badge.is-secondary {
    background: #78c800; }
    .b-badge.is-secondary.badge-outlined {
      background: transparent;
      border: 1px solid #78c800;
      color: #78c800; }
  .b-badge.is-accent {
    background: #ebf2fa; }
    .b-badge.is-accent.badge-outlined {
      background: transparent;
      border: 1px solid #ebf2fa;
      color: #ebf2fa; }
  .b-badge.is-success {
    background: #00b289; }
    .b-badge.is-success.badge-outlined {
      background: transparent;
      border: 1px solid #00b289;
      color: #00b289; }
  .b-badge.is-warning {
    background: #eda514; }
    .b-badge.is-warning.badge-outlined {
      background: transparent;
      border: 1px solid #eda514;
      color: #eda514; }
  .b-badge.is-danger {
    background: #FF7273; }
    .b-badge.is-danger.badge-outlined {
      background: transparent;
      border: 1px solid #FF7273;
      color: #FF7273; }
  .b-badge.is-info {
    background: #039BE5; }
    .b-badge.is-info.badge-outlined {
      background: transparent;
      border: 1px solid #039BE5;
      color: #039BE5; }

/* ==========================================================================
1. Tags
========================================================================== */
.tag {
  margin-bottom: 5px; }
  .tag.squared {
    border-radius: 2px !important; }
  .tag.is-outlined {
    border: 1px solid #999; }
  .tag.is-primary {
    background: #235390;
    color: #fff; }
    .tag.is-primary.is-outlined {
      background: transparent;
      border: 1px solid #235390;
      color: #235390; }
  .tag.is-secondary {
    background: #78c800;
    color: #fff; }
    .tag.is-secondary.is-outlined {
      background: transparent;
      border: 1px solid #78c800;
      color: #78c800; }
  .tag.is-accent {
    background: #ebf2fa;
    color: #fff; }
    .tag.is-accent.is-outlined {
      background: transparent;
      border: 1px solid #ebf2fa;
      color: #ebf2fa; }
  .tag.is-success {
    background: #00b289;
    color: #fff; }
    .tag.is-success.is-outlined {
      background: transparent;
      border: 1px solid #00b289;
      color: #00b289; }
  .tag.is-warning {
    background: #eda514 !important;
    color: #fff !important; }
    .tag.is-warning.is-outlined {
      background: transparent !important;
      border: 1px solid #eda514 !important;
      color: #eda514 !important; }
  .tag.is-danger {
    background: #FF7273;
    color: #fff; }
    .tag.is-danger.is-outlined {
      background: transparent;
      border: 1px solid #FF7273;
      color: #FF7273; }
  .tag.is-info {
    background: #039BE5;
    color: #fff; }
    .tag.is-info.is-outlined {
      background: transparent;
      border: 1px solid #039BE5;
      color: #039BE5; }
  .tag.is-light {
    background: #fff;
    color: #444F60; }
    .tag.is-light.is-outlined {
      background: transparent;
      border: 1px solid #fff;
      color: #fff; }
  .tag span.delete {
    top: 2px; }

.tags.has-addons span:first-child {
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
  margin-right: 0; }

.tags.has-addons span:last-child {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
  margin-left: -5px; }

.tags.has-addons.is-centered {
  justify-content: center; }

.control.tag-group {
  display: flex;
  justify-content: center; }

.tag.is-delete {
  margin-left: 1px;
  padding: 0;
  position: relative;
  width: 2em;
  border-radius: 0 2px 2px 0 !important;
  margin-left: -5px; }
  .tag.is-delete:before {
    height: 1px;
    width: 50%; }
  .tag.is-delete:after {
    height: 50%;
    width: 1px; }
  .tag.is-delete:before, .tag.is-delete:after {
    background-color: currentColor;
    content: "";
    display: block;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -webkit-transform-origin: center center;
    transform-origin: center center; }

/*! _messages.scss | Bulkit | CSS Ninja */
/* ==========================================================================
Messages styles
========================================================================== */
/***
TABLE OF CONTENTS
=============================================================================
0. Messages
1. GGpopovers
2. GGtooltips
=============================================================================
***/
/* ==========================================================================
0. Messages
========================================================================== */
.message .message-header {
  background: #999; }

.message.msg-primary .message-header {
  background: #235390; }

.message.msg-primary .message-body {
  border: 1px solid #235390; }

.message.msg-secondary .message-header {
  background: #78c800; }

.message.msg-secondary .message-body {
  border: 1px solid #78c800; }

.message.msg-accent .message-header {
  background: #ebf2fa; }

.message.msg-accent .message-body {
  border: 1px solid #ebf2fa; }

.message.msg-info .message-header {
  background: #039BE5; }

.message.msg-info .message-body {
  border: 1px solid #039BE5; }

.message.msg-success .message-header {
  background: #00b289; }

.message.msg-success .message-body {
  border: 1px solid #00b289; }

.message.msg-warning .message-header {
  background: #eda514; }

.message.msg-warning .message-body {
  border: 1px solid #eda514; }

.message.msg-danger .message-header {
  background: #FF7273; }

.message.msg-danger .message-body {
  border: 1px solid #FF7273; }

.message.icon-msg {
  position: relative; }
  .message.icon-msg .message-body {
    padding: 1em 3em 1em 1.5em; }
    .message.icon-msg .message-body h4 {
      padding-bottom: 5px;
      font-size: 1.1rem;
      font-weight: 500;
      color: #444F60; }
  .message.icon-msg i {
    position: absolute;
    top: -35px;
    right: -20px;
    padding: 20px;
    background: #999;
    border: 5px solid white;
    border-radius: 100px;
    color: #fff; }
  .message.icon-msg.primary-msg i {
    background: #235390; }
  .message.icon-msg.secondary-msg i {
    background: #78c800; }
  .message.icon-msg.accent-msg i {
    background: #ebf2fa; }
  .message.icon-msg.info-msg i {
    background: #039BE5; }
  .message.icon-msg.success-msg i {
    background: #00b289; }
  .message.icon-msg.warning-msg i {
    background: #eda514; }
  .message.icon-msg.danger-msg i {
    background: #FF7273; }

/* ==========================================================================
1. GGpopovers
========================================================================== */
.ggpopover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: left;
  white-space: normal;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ededed;
  border-radius: 4px;
  -webkit-box-shadow: inset rgba(143, 160, 241, 0.2) 0 0 0 1px, rgba(213, 220, 247, 0.59) 0 10px 20px;
  box-shadow: inset rgba(143, 160, 241, 0.2) 0 0 0 1px, rgba(213, 220, 247, 0.59) 0 10px 20px; }
  .ggpopover.fade {
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: opacity 0.15s linear;
    -moz-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear; }
    .ggpopover.fade.in {
      filter: alpha(opacity=100);
      opacity: 1; }
  .ggpopover.top {
    margin-top: -20px; }
    .ggpopover.top > .arrow {
      bottom: -11px;
      left: 50%;
      margin-left: -11px;
      border-top-color: #999;
      border-top-color: rgba(0, 0, 0, 0.25);
      border-bottom-width: 0; }
    .ggpopover.top > .arrow > .after {
      bottom: 1px;
      margin-left: -10px;
      content: " ";
      border-top-color: #fff;
      border-bottom-width: 0; }
  .ggpopover.right {
    margin-left: 20px; }
    .ggpopover.right > .arrow {
      top: 50%;
      left: -11px;
      margin-top: -11px;
      border-right-color: #999;
      border-right-color: rgba(0, 0, 0, 0.25);
      border-left-width: 0; }
    .ggpopover.right > .arrow > .after {
      bottom: -10px;
      left: 1px;
      content: " ";
      border-right-color: #fff;
      border-left-width: 0; }
  .ggpopover.bottom {
    margin-top: 20px; }
    .ggpopover.bottom .arrow .after {
      border-bottom-color: #f7f7f7; }
    .ggpopover.bottom > .arrow {
      top: -11px;
      left: 50%;
      margin-left: -11px;
      border-top-width: 0;
      border-bottom-color: #999;
      border-bottom-color: rgba(0, 0, 0, 0.25); }
    .ggpopover.bottom > .arrow > .after {
      top: 1px;
      margin-left: -10px;
      content: " ";
      border-top-width: 0;
      border-bottom-color: #fff; }
  .ggpopover.left {
    margin-left: -20px; }
    .ggpopover.left > .arrow {
      top: 50%;
      right: -11px;
      margin-top: -11px;
      border-right-width: 0;
      border-left-color: #999;
      border-left-color: rgba(0, 0, 0, 0.25); }
    .ggpopover.left > .arrow > .after {
      right: 1px;
      bottom: -10px;
      content: " ";
      border-right-width: 0;
      border-left-color: #fff; }
  .ggpopover .popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    background-color: #fff;
    border-bottom: 1px solid #000;
    border-color: #ededed;
    border-radius: 4px 4px 0 0;
    color: #444F60; }
  .ggpopover .popover-content {
    padding: 9px 14px 15px 14px;
    border-radius: 0 0 4px 4px;
    font-size: 0.9rem;
    color: #666 !important; }
  .ggpopover > .arrow, .ggpopover .arrow > .after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid; }
  .ggpopover > .arrow {
    border-width: 11px; }
  .ggpopover .arrow > .after {
    content: "";
    border-width: 10px; }

/* ==========================================================================
2. GGtooltips
========================================================================== */
.ggtooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  padding: 5px;
  font-size: 10px;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: visible; }
  .ggtooltip.fade {
    opacity: 0;
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear; }
    .ggtooltip.fade.in {
      opacity: 1; }
  .ggtooltip.in {
    opacity: 0.8;
    filter: alpha(opacity=80); }
  .ggtooltip.top {
    margin-top: -15px; }
    .ggtooltip.top .ggtooltip-arrow, .ggtooltip.top .ggtooltip-arrow-shadow {
      bottom: 1px;
      left: 50%;
      margin-left: -5px;
      border-top-color: #222 !important;
      border-width: 5px 5px 0; }
    .ggtooltip.top .ggtooltip-arrow-shadow {
      bottom: 0; }
  .ggtooltip.right {
    margin-left: 15px; }
    .ggtooltip.right .ggtooltip-arrow, .ggtooltip.right .ggtooltip-arrow-shadow {
      top: 50%;
      left: 1px;
      margin-top: -5px;
      border-right-color: #222 !important;
      border-width: 5px 5px 5px 0; }
    .ggtooltip.right .ggtooltip-arrow-shadow {
      left: 0; }
  .ggtooltip.bottom {
    margin-top: 15px; }
    .ggtooltip.bottom .ggtooltip-arrow, .ggtooltip.bottom .ggtooltip-arrow-shadow {
      top: 1px;
      left: 50%;
      margin-left: -5px;
      border-bottom-color: #222 !important;
      border-width: 0 5px 5px; }
    .ggtooltip.bottom .ggtooltip-arrow-shadow {
      top: 0; }
  .ggtooltip.left {
    margin-left: -15px; }
    .ggtooltip.left .ggtooltip-arrow, .ggtooltip.left .ggtooltip-arrow-shadow {
      top: 50%;
      right: 1px;
      margin-top: -5px;
      border-left-color: #222 !important;
      border-width: 5px 0 5px 5px; }
    .ggtooltip.left .ggtooltip-arrow-shadow {
      right: 0; }
  .ggtooltip .ggtooltip-inner {
    max-width: 200px;
    padding: 8px 12px;
    color: #ffffff !important;
    text-align: center;
    text-decoration: none;
    background-color: #222 !important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-shadow: 0 3px 10px 4px rgba(0, 0, 0, 0.04); }
  .ggtooltip .ggtooltip-arrow, .ggtooltip .ggtooltip-arrow-shadow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent !important;
    border-style: solid; }

/*! _pricing.scss | Bulkit | CSS Ninja */
/* ==========================================================================
Pricing tables styles
========================================================================== */
/***
TABLE OF CONTENTS
=============================================================================
0. Classic pricing
1. Minimal pricing
2. Clean pricing
3. Fancy pricing
4. Colored headers pricing
=============================================================================
***/
/* ==========================================================================
0. Classic pricing
========================================================================== */
.classic-pricing .pricing-table {
  display: flex;
  align-items: stretch;
  flex-direction: row;
  flex-flow: row wrap;
  justify-content: space-between; }
  .classic-pricing .pricing-table.is-comparative .pricing-plan {
    margin: 0; }
    .classic-pricing .pricing-table.is-comparative .pricing-plan:not(:last-child) {
      border-right: none; }
  .classic-pricing .pricing-table.is-horizontal .pricing-plan {
    display: flex;
    flex-direction: row;
    flex-basis: 100%; }
    .classic-pricing .pricing-table.is-horizontal .pricing-plan .plan-header {
      width: 50%;
      display: flex;
      flex-direction: column;
      justify-content: center; }
    .classic-pricing .pricing-table.is-horizontal .pricing-plan .plan-price {
      width: 100%;
      display: flex;
      flex-direction: row;
      justify-content: center; }
    .classic-pricing .pricing-table.is-horizontal .pricing-plan .plan-items {
      width: 100%;
      background-color: #fcfcfc;
      columns: 2;
      -webkit-columns: 2;
      -moz-columns: 2;
      column-gap: 0.1rem; }
    .classic-pricing .pricing-table.is-horizontal .pricing-plan .plan-footer {
      width: 50%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      margin: auto; }
  .classic-pricing .pricing-table .pricing-plan {
    display: flex;
    flex-direction: column;
    flex: 1;
    background-color: #fff;
    border: 0.1rem solid #ededed;
    border-radius: 3px;
    list-style-type: none;
    transition: 0.25s;
    margin: 0.5em; }
    .classic-pricing .pricing-table .pricing-plan .plan-header {
      border-top-left-radius: 3px;
      border-top-right-radius: 3px;
      background-color: #fff;
      font-size: 1.1rem;
      font-weight: 700;
      padding: 0.75em;
      align-content: center;
      text-align: center; }
    .classic-pricing .pricing-table .pricing-plan .plan-item {
      background: #fcfcfc;
      border-bottom: 1px solid #ededed;
      padding: 0.75em;
      align-content: center;
      text-align: center;
      font-size: 0.9em;
      color: #444F60; }
      .classic-pricing .pricing-table .pricing-plan .plan-item:hover {
        background: #EFF4F7; }
    .classic-pricing .pricing-table .pricing-plan .plan-price {
      background-color: #fff;
      font-size: 0.8rem;
      font-weight: normal;
      padding: 0.75em;
      align-content: center;
      text-align: center; }
      .classic-pricing .pricing-table .pricing-plan .plan-price .plan-price-amount {
        font-size: 3rem;
        font-weight: bolder; }
        .classic-pricing .pricing-table .pricing-plan .plan-price .plan-price-amount .plan-price-currency {
          vertical-align: super;
          font-size: 1.1rem !important;
          font-weight: normal !important;
          color: #444F60;
          margin-right: 0.25rem; }
    .classic-pricing .pricing-table .pricing-plan .plan-footer {
      border-bottom-left-radius: 3px;
      border-bottom-right-radius: 3px;
      padding: 0.75em;
      align-content: center;
      text-align: center;
      margin-top: auto; }
    .classic-pricing .pricing-table .pricing-plan.is-primary .plan-header {
      color: #235390; }
    .classic-pricing .pricing-table .pricing-plan.is-primary .plan-price .plan-price-amount {
      color: #235390; }
    .classic-pricing .pricing-table .pricing-plan.is-primary .plan-price .plan-price-currency {
      color: #235390; }
    .classic-pricing .pricing-table .pricing-plan.is-primary .plan-footer .button {
      background-color: #235390;
      border-color: transparent;
      color: #fff; }
      .classic-pricing .pricing-table .pricing-plan.is-primary .plan-footer .button:hover, .classic-pricing .pricing-table .pricing-plan.is-primary .plan-footer .button.is-hovered {
        background-color: #214d86;
        border-color: transparent;
        color: #fff; }
      .classic-pricing .pricing-table .pricing-plan.is-primary .plan-footer .button:focus, .classic-pricing .pricing-table .pricing-plan.is-primary .plan-footer .button.is-focused {
        border-color: transparent;
        box-shadow: 0 0 0.5em rgba(35, 83, 144, 0.25);
        color: #fff; }
      .classic-pricing .pricing-table .pricing-plan.is-primary .plan-footer .button:active, .classic-pricing .pricing-table .pricing-plan.is-primary .plan-footer .button.is-active {
        background-color: #1e477b;
        border-color: transparent;
        color: #fff; }
      .classic-pricing .pricing-table .pricing-plan.is-primary .plan-footer .button[disabled] {
        background-color: #235390;
        border-color: transparent; }
    .classic-pricing .pricing-table .pricing-plan.is-secondary .plan-header {
      color: #78c800; }
    .classic-pricing .pricing-table .pricing-plan.is-secondary .plan-price .plan-price-amount {
      color: #78c800; }
    .classic-pricing .pricing-table .pricing-plan.is-secondary .plan-price .plan-price-currency {
      color: #78c800; }
    .classic-pricing .pricing-table .pricing-plan.is-secondary .plan-footer .button {
      background-color: #78c800;
      border-color: transparent;
      color: #fff; }
      .classic-pricing .pricing-table .pricing-plan.is-secondary .plan-footer .button:hover, .classic-pricing .pricing-table .pricing-plan.is-secondary .plan-footer .button.is-hovered {
        background-color: #70bb00;
        border-color: transparent;
        color: #fff; }
      .classic-pricing .pricing-table .pricing-plan.is-secondary .plan-footer .button:focus, .classic-pricing .pricing-table .pricing-plan.is-secondary .plan-footer .button.is-focused {
        border-color: transparent;
        box-shadow: 0 0 0.5em rgba(120, 200, 0, 0.25);
        color: #fff; }
      .classic-pricing .pricing-table .pricing-plan.is-secondary .plan-footer .button:active, .classic-pricing .pricing-table .pricing-plan.is-secondary .plan-footer .button.is-active {
        background-color: #69af00;
        border-color: transparent;
        color: #fff; }
      .classic-pricing .pricing-table .pricing-plan.is-secondary .plan-footer .button[disabled] {
        background-color: #78c800;
        border-color: transparent; }
    .classic-pricing .pricing-table .pricing-plan.is-accent .plan-header {
      color: #ebf2fa; }
    .classic-pricing .pricing-table .pricing-plan.is-accent .plan-price .plan-price-amount {
      color: #ebf2fa; }
    .classic-pricing .pricing-table .pricing-plan.is-accent .plan-price .plan-price-currency {
      color: #ebf2fa; }
    .classic-pricing .pricing-table .pricing-plan.is-accent .plan-footer .button {
      background-color: #ebf2fa;
      border-color: transparent;
      color: #fff; }
      .classic-pricing .pricing-table .pricing-plan.is-accent .plan-footer .button:hover, .classic-pricing .pricing-table .pricing-plan.is-accent .plan-footer .button.is-hovered {
        background-color: #e1ebf7;
        border-color: transparent;
        color: #fff; }
      .classic-pricing .pricing-table .pricing-plan.is-accent .plan-footer .button:focus, .classic-pricing .pricing-table .pricing-plan.is-accent .plan-footer .button.is-focused {
        border-color: transparent;
        box-shadow: 0 0 0.5em rgba(235, 242, 250, 0.25);
        color: #fff; }
      .classic-pricing .pricing-table .pricing-plan.is-accent .plan-footer .button:active, .classic-pricing .pricing-table .pricing-plan.is-accent .plan-footer .button.is-active {
        background-color: #d7e5f5;
        border-color: transparent;
        color: #fff; }
      .classic-pricing .pricing-table .pricing-plan.is-accent .plan-footer .button[disabled] {
        background-color: #ebf2fa;
        border-color: transparent; }
    .classic-pricing .pricing-table .pricing-plan.is-success .plan-header {
      color: #00b289; }
    .classic-pricing .pricing-table .pricing-plan.is-success .plan-price .plan-price-amount {
      color: #00b289; }
    .classic-pricing .pricing-table .pricing-plan.is-success .plan-price .plan-price-currency {
      color: #00b289; }
    .classic-pricing .pricing-table .pricing-plan.is-success .plan-footer .button {
      background-color: #00b289;
      border-color: transparent;
      color: #fff; }
      .classic-pricing .pricing-table .pricing-plan.is-success .plan-footer .button:hover, .classic-pricing .pricing-table .pricing-plan.is-success .plan-footer .button.is-hovered {
        background-color: #00a57f;
        border-color: transparent;
        color: #fff; }
      .classic-pricing .pricing-table .pricing-plan.is-success .plan-footer .button:focus, .classic-pricing .pricing-table .pricing-plan.is-success .plan-footer .button.is-focused {
        border-color: transparent;
        box-shadow: 0 0 0.5em rgba(0, 178, 137, 0.25);
        color: #fff; }
      .classic-pricing .pricing-table .pricing-plan.is-success .plan-footer .button:active, .classic-pricing .pricing-table .pricing-plan.is-success .plan-footer .button.is-active {
        background-color: #009975;
        border-color: transparent;
        color: #fff; }
      .classic-pricing .pricing-table .pricing-plan.is-success .plan-footer .button[disabled] {
        background-color: #00b289;
        border-color: transparent; }
    .classic-pricing .pricing-table .pricing-plan.is-warning .plan-header {
      color: #eda514; }
    .classic-pricing .pricing-table .pricing-plan.is-warning .plan-price .plan-price-amount {
      color: #eda514; }
    .classic-pricing .pricing-table .pricing-plan.is-warning .plan-price .plan-price-currency {
      color: #eda514; }
    .classic-pricing .pricing-table .pricing-plan.is-warning .plan-footer .button {
      background-color: #eda514;
      border-color: transparent;
      color: #fff; }
      .classic-pricing .pricing-table .pricing-plan.is-warning .plan-footer .button:hover, .classic-pricing .pricing-table .pricing-plan.is-warning .plan-footer .button.is-hovered {
        background-color: #e39d11;
        border-color: transparent;
        color: #fff; }
      .classic-pricing .pricing-table .pricing-plan.is-warning .plan-footer .button:focus, .classic-pricing .pricing-table .pricing-plan.is-warning .plan-footer .button.is-focused {
        border-color: transparent;
        box-shadow: 0 0 0.5em rgba(237, 165, 20, 0.25);
        color: #fff; }
      .classic-pricing .pricing-table .pricing-plan.is-warning .plan-footer .button:active, .classic-pricing .pricing-table .pricing-plan.is-warning .plan-footer .button.is-active {
        background-color: #d79510;
        border-color: transparent;
        color: #fff; }
      .classic-pricing .pricing-table .pricing-plan.is-warning .plan-footer .button[disabled] {
        background-color: #eda514;
        border-color: transparent; }
    .classic-pricing .pricing-table .pricing-plan.is-danger .plan-header {
      color: #FF7273; }
    .classic-pricing .pricing-table .pricing-plan.is-danger .plan-price .plan-price-amount {
      color: #FF7273; }
    .classic-pricing .pricing-table .pricing-plan.is-danger .plan-price .plan-price-currency {
      color: #FF7273; }
    .classic-pricing .pricing-table .pricing-plan.is-danger .plan-footer .button {
      background-color: #FF7273;
      border-color: transparent;
      color: #fff; }
      .classic-pricing .pricing-table .pricing-plan.is-danger .plan-footer .button:hover, .classic-pricing .pricing-table .pricing-plan.is-danger .plan-footer .button.is-hovered {
        background-color: #ff6566;
        border-color: transparent;
        color: #fff; }
      .classic-pricing .pricing-table .pricing-plan.is-danger .plan-footer .button:focus, .classic-pricing .pricing-table .pricing-plan.is-danger .plan-footer .button.is-focused {
        border-color: transparent;
        box-shadow: 0 0 0.5em rgba(255, 114, 115, 0.25);
        color: #fff; }
      .classic-pricing .pricing-table .pricing-plan.is-danger .plan-footer .button:active, .classic-pricing .pricing-table .pricing-plan.is-danger .plan-footer .button.is-active {
        background-color: #ff595a;
        border-color: transparent;
        color: #fff; }
      .classic-pricing .pricing-table .pricing-plan.is-danger .plan-footer .button[disabled] {
        background-color: #FF7273;
        border-color: transparent; }
    .classic-pricing .pricing-table .pricing-plan.is-info .plan-header {
      color: #039BE5; }
    .classic-pricing .pricing-table .pricing-plan.is-info .plan-price .plan-price-amount {
      color: #039BE5; }
    .classic-pricing .pricing-table .pricing-plan.is-info .plan-price .plan-price-currency {
      color: #039BE5; }
    .classic-pricing .pricing-table .pricing-plan.is-info .plan-footer .button {
      background-color: #039BE5;
      border-color: transparent;
      color: #fff; }
      .classic-pricing .pricing-table .pricing-plan.is-info .plan-footer .button:hover, .classic-pricing .pricing-table .pricing-plan.is-info .plan-footer .button.is-hovered {
        background-color: #0392d8;
        border-color: transparent;
        color: #fff; }
      .classic-pricing .pricing-table .pricing-plan.is-info .plan-footer .button:focus, .classic-pricing .pricing-table .pricing-plan.is-info .plan-footer .button.is-focused {
        border-color: transparent;
        box-shadow: 0 0 0.5em rgba(3, 155, 229, 0.25);
        color: #fff; }
      .classic-pricing .pricing-table .pricing-plan.is-info .plan-footer .button:active, .classic-pricing .pricing-table .pricing-plan.is-info .plan-footer .button.is-active {
        background-color: #038acc;
        border-color: transparent;
        color: #fff; }
      .classic-pricing .pricing-table .pricing-plan.is-info .plan-footer .button[disabled] {
        background-color: #039BE5;
        border-color: transparent; }
    .classic-pricing .pricing-table .pricing-plan.is-active {
      box-shadow: inset rgba(143, 160, 241, 0.2) 0 0 0 1px, rgba(213, 220, 247, 0.59) 0 10px 20px;
      transform: scale(1.05); }

@media (min-width: 768px) and (max-width: 1024px) {
  .classic-pricing .pricing-table.is-comparative {
    margin: 0.5rem; }
    .classic-pricing .pricing-table.is-comparative.is-features {
      display: none; }
    .classic-pricing .pricing-table.is-comparative .plan-item::before {
      content: attr("data-feature"); }
  .classic-pricing .pricing-table.is-horizontal .pricing-plan {
    display: flex;
    flex-direction: row;
    flex-basis: 100%; }
    .classic-pricing .pricing-table.is-horizontal .pricing-plan .plan-header {
      width: 50%;
      display: flex;
      flex-direction: column;
      justify-content: center; }
    .classic-pricing .pricing-table.is-horizontal .pricing-plan .plan-price {
      width: 100%;
      display: flex;
      flex-direction: row;
      justify-content: center; }
    .classic-pricing .pricing-table.is-horizontal .pricing-plan .plan-items {
      width: 100%;
      background-color: #fcfcfc;
      columns: 2;
      -webkit-columns: 2;
      -moz-columns: 2;
      column-gap: 0.1rem; }
    .classic-pricing .pricing-table.is-horizontal .pricing-plan .plan-footer {
      width: 50%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      margin: auto; } }

@media (max-width: 767px) {
  .classic-pricing .pricing-table.is-comparative .pricing-plan {
    width: 100% !important;
    margin: 0.5rem; }
    .classic-pricing .pricing-table.is-comparative .pricing-plan.is-features {
      display: none; }
    .classic-pricing .pricing-table.is-comparative .pricing-plan .plan-item::before {
      content: attr(data-feature);
      display: block;
      font-weight: 600;
      font-size: 0.8rem;
      color: #EFF4F7; }
  .classic-pricing .pricing-table.is-horizontal .plan-items {
    display: none; }
  .classic-pricing .pricing-plan.is-mobile {
    min-width: 100% !important;
    display: block !important; } }

/* ==========================================================================
1. Minimal pricing
========================================================================== */
.minimal-pricing {
  border: 2px solid #444F60;
  border-radius: 2px; }
  .minimal-pricing.wide-box {
    max-width: 100%;
    margin: 0 10px 0 10px;
    padding: 20px 0 20px 0; }
  .minimal-pricing.featured {
    border: 2px solid #235390; }
    .minimal-pricing.featured .plan-name {
      color: #235390; }
    .minimal-pricing.featured .price .price-number {
      color: #235390; }
    .minimal-pricing.featured .price .price-currency {
      color: #235390; }
  .minimal-pricing.bg-secondary {
    background-color: #78c800;
    border: 2px solid #78c800; }
    .minimal-pricing.bg-secondary .plan-name {
      color: #fff; }
    .minimal-pricing.bg-secondary .price .price-number {
      color: #fff; }
    .minimal-pricing.bg-secondary .price .price-currency {
      color: #fff; }
    .minimal-pricing.bg-secondary .price .price-period {
      color: #fff; }
    .minimal-pricing.bg-secondary .plan-features {
      color: #fff; }
  .minimal-pricing .plan-name {
    color: #444F60;
    font-size: 1.3rem;
    font-weight: 500; }
  .minimal-pricing .price {
    margin-bottom: 20px; }
    .minimal-pricing .price .price-currency {
      font-weight: bold;
      font-size: 1.2rem;
      margin-right: 15px; }
    .minimal-pricing .price .price-number {
      font-size: 6rem;
      font-weight: bold; }
  .minimal-pricing .plan-features {
    margin-bottom: 30px; }
    .minimal-pricing .plan-features ul li {
      padding: 5px 10px 5px 10px; }

.minimal-pricing.wide-box {
  background-image: url(https://via.placeholder.com/1280x720);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%; }

/* ==========================================================================
2. Clean pricing
========================================================================== */
.plan-controls {
  padding: 10px 0; }
  .plan-controls span {
    margin: 0 5px 0 5px;
    padding: 10px 20px;
    font-size: 16px;
    cursor: pointer; }
    .plan-controls span.is-active {
      border: 1px solid #235390;
      border-radius: 4px;
      color: #235390; }

.period-select {
  padding: 20px 0;
  max-width: 245px; }
  .period-select span {
    padding: 8px 20px;
    font-size: 14px;
    cursor: pointer;
    color: #444F60;
    border: 1px solid #444F60; }
    .period-select span:first-child {
      border-right: 1px solid #444F60;
      border-top-left-radius: 50px;
      border-bottom-left-radius: 50px; }
    .period-select span:last-child {
      border-top-right-radius: 50px;
      border-bottom-right-radius: 50px; }
    .period-select span.is-active {
      background: #444F60;
      color: #fff; }

.side-pricing .pricing-card {
  display: inline-block;
  position: relative;
  width: 100%;
  margin-bottom: 30px;
  border: 1px solid #ededed;
  border-radius: 6px;
  color: rgba(0, 0, 0, 0.87);
  background: #fff;
  transition: all 0.5s; }
  .side-pricing .pricing-card .popular {
    position: absolute;
    top: 15px;
    right: 25px; }
    .side-pricing .pricing-card .popular i {
      font-size: 26px;
      color: #235390; }
  .side-pricing .pricing-card .inner {
    padding: 15px; }
    .side-pricing .pricing-card .inner .plan-name {
      font-size: 0.9em;
      text-transform: uppercase;
      font-weight: 500;
      color: #999; }
    .side-pricing .pricing-card .inner .plan-price {
      color: #444F60;
      font-weight: bolder;
      font-size: 3.8em;
      line-height: 1.15em;
      position: relative; }
      .side-pricing .pricing-card .inner .plan-price small.currency {
        position: relative;
        top: 38px;
        left: -90px;
        font-size: 26px; }
      .side-pricing .pricing-card .inner .plan-price small:last-child {
        font-size: 12px;
        font-weight: 400; }
    .side-pricing .pricing-card .inner ul {
      list-style: none;
      padding: 0;
      max-width: 240px;
      margin: 10px auto; }
      .side-pricing .pricing-card .inner ul li {
        color: #999;
        text-align: center;
        padding: 12px 0;
        border-bottom: 1px solid rgba(153, 153, 153, 0.3); }
        .side-pricing .pricing-card .inner ul li b {
          color: #3C4858; }
    .side-pricing .pricing-card .inner a {
      margin: 10px 0; }
  .side-pricing .pricing-card.transparent {
    background: transparent !important;
    box-shadow: none !important; }
  .side-pricing .pricing-card.card-raised:hover {
    box-shadow: inset rgba(143, 160, 241, 0.2) 0 0 0 1px, rgba(213, 220, 247, 0.59) 0 10px 20px !important; }

/* ==========================================================================
3. Fancy pricing
========================================================================== */
.fancy-pricing .fancy-pricing-card {
  padding: 20px;
  text-align: center;
  border-radius: 15px 15px 0 15px;
  transition: all 0.3s; }
  .fancy-pricing .fancy-pricing-card:hover {
    transform: translateY(-20px); }
    .fancy-pricing .fancy-pricing-card:hover .plan-icon i {
      box-shadow: inset rgba(143, 160, 241, 0.2) 0 0 0 1px, rgba(213, 220, 247, 0.59) 0 10px 20px; }
  .fancy-pricing .fancy-pricing-card .plan-name {
    text-transform: uppercase;
    font-size: 1.2rem;
    font-weight: 500;
    padding: 10px 0; }
  .fancy-pricing .fancy-pricing-card .plan-icon {
    padding: 20px 0; }
    .fancy-pricing .fancy-pricing-card .plan-icon i {
      font-size: 3rem;
      padding: 20px;
      border: 1px solid #ededed;
      color: #fff;
      border-radius: 200px;
      transition: all 0.5s; }
  .fancy-pricing .fancy-pricing-card .plan-price {
    font-size: 3rem;
    padding: 30px 20px;
    color: #444F60;
    font-weight: bolder; }
    .fancy-pricing .fancy-pricing-card .plan-price small:first-child {
      font-size: 1.4rem;
      position: relative;
      top: -20px; }
    .fancy-pricing .fancy-pricing-card .plan-price small:last-child {
      font-size: 1rem;
      font-weight: 400; }
  .fancy-pricing .fancy-pricing-card .plan-features {
    text-align: left;
    padding: 10px 0; }
    .fancy-pricing .fancy-pricing-card .plan-features li {
      margin: 10px 40px;
      display: flex;
      justify-content: center;
      align-items: center;
      align-content: center; }
      .fancy-pricing .fancy-pricing-card .plan-features li .feature-count.unlimited {
        font-size: 1rem;
        font-weight: 500; }
      .fancy-pricing .fancy-pricing-card .plan-features li .feature-count-text {
        color: #999; }
  .fancy-pricing .fancy-pricing-card.streched {
    display: flex;
    justify-content: space-around;
    align-content: center;
    align-items: center;
    padding: 20px 40px; }
    .fancy-pricing .fancy-pricing-card.streched .plan-name {
      font-family: 'Nexa Bold', sans-serif;
      margin-bottom: 0;
      margin-right: 25px; }
    .fancy-pricing .fancy-pricing-card.streched .plan-price {
      margin-top: 0;
      font-size: 2rem; }
      .fancy-pricing .fancy-pricing-card.streched .plan-price small:first-child {
        position: static !important; }
    .fancy-pricing .fancy-pricing-card.streched .large-count {
      font-size: 1.3rem;
      font-weight: 500; }
  .fancy-pricing .fancy-pricing-card.primary .plan-name {
    color: #235390; }
  .fancy-pricing .fancy-pricing-card.primary .plan-icon i {
    color: #235390; }
  .fancy-pricing .fancy-pricing-card.primary .plan-features li .large-count {
    color: #235390; }
  .fancy-pricing .fancy-pricing-card.secondary .plan-name {
    color: #78c800; }
  .fancy-pricing .fancy-pricing-card.secondary .plan-icon i {
    color: #78c800; }
  .fancy-pricing .fancy-pricing-card.secondary .plan-features li .large-count {
    color: #78c800; }
  .fancy-pricing .fancy-pricing-card.accent .plan-name {
    color: #ebf2fa; }
  .fancy-pricing .fancy-pricing-card.accent .plan-icon i {
    color: #ebf2fa; }
  .fancy-pricing .fancy-pricing-card.accent .plan-features li .large-count {
    color: #ebf2fa; }

/* ==========================================================================
4. Colored headers pricing
========================================================================== */
.header-pricing .header-pricing-card {
  text-align: center;
  border-radius: 15px 15px 0 15px;
  transition: all 0.3s; }
  .header-pricing .header-pricing-card .plan-name {
    text-transform: uppercase;
    font-size: 1.2rem;
    font-weight: 500;
    color: #fff;
    background: #999;
    padding: 20px; }
  .header-pricing .header-pricing-card .pricing-card-body {
    border: 1px solid #ededed;
    border-top-color: transparent; }
    .header-pricing .header-pricing-card .pricing-card-body .plan-price {
      font-size: 3rem;
      padding: 40px 20px;
      color: #444F60;
      font-weight: bolder; }
      .header-pricing .header-pricing-card .pricing-card-body .plan-price small:first-child {
        font-size: 1.4rem;
        position: relative;
        top: -20px; }
      .header-pricing .header-pricing-card .pricing-card-body .plan-price small:last-child {
        font-size: 1rem;
        font-weight: 400; }
    .header-pricing .header-pricing-card .pricing-card-body ul {
      list-style: none;
      padding: 0;
      max-width: 240px;
      margin: 10px auto; }
      .header-pricing .header-pricing-card .pricing-card-body ul li {
        color: #999;
        text-align: center;
        padding: 12px 0;
        border-bottom: 1px solid rgba(153, 153, 153, 0.3); }
        .header-pricing .header-pricing-card .pricing-card-body ul li b {
          color: #3C4858; }
  .header-pricing .header-pricing-card.primary .plan-name {
    background: #235390; }
  .header-pricing .header-pricing-card.secondary .plan-name {
    background: #78c800; }
  .header-pricing .header-pricing-card.accent .plan-name {
    background: #ebf2fa; }

/*! _dropdowns.scss | Bulkit | CSS Ninja */
/* ==========================================================================
Dropdown styles
========================================================================== */
/***
TABLE OF CONTENTS
=============================================================================
0. Hover dropdowns
1. jQuery Dropdowns
2. Megamenu
=============================================================================
***/
/* ==========================================================================
0. Hover dropdowns
========================================================================== */
.is-drop {
  position: relative;
  cursor: pointer; }
  .is-drop i.sl-icon-arrow-down {
    font-size: 8px !important;
    top: 2px !important; }
  .is-drop .drop-caret {
    position: relative;
    top: 5px; }
  .is-drop .dropContain {
    width: 220px;
    position: absolute;
    z-index: 3;
    left: 50%;
    margin-left: -165px;
    /* 3/4 of width */
    top: -500vh; }
    .is-drop .dropContain .dropOut {
      width: 220px;
      background: #fff;
      float: left;
      position: relative;
      margin-top: 15px;
      opacity: 0;
      border: 1px solid #ededed;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px;
      -webkit-box-shadow: 0 3px 10px 4px rgba(0, 0, 0, 0.04);
      -moz-box-shadow: 0 3px 10px 4px rgba(0, 0, 0, 0.04);
      box-shadow: 0 3px 10px 4px rgba(0, 0, 0, 0.04);
      -webkit-transition: all .5s ease-out;
      -moz-transition: all .5s ease-out;
      -ms-transition: all .5s ease-out;
      -o-transition: all .5s ease-out;
      transition: all .5s ease-out; }
    .is-drop .dropContain .dropOut .triangle {
      width: 0;
      height: 0;
      position: absolute;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      border-bottom: 8px solid #fff;
      top: -8px;
      left: 50%;
      margin-left: -8px; }
    .is-drop .dropContain .dropOut ul li {
      text-align: left;
      float: left;
      width: 200px;
      padding: 12px 0 10px 15px;
      margin: 3px 10px;
      color: #777;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px;
      -webkit-transition: background .2s ease-out;
      -moz-transition: background .2s ease-out;
      -ms-transition: background .2s ease-out;
      -o-transition: background .2s ease-out;
      transition: background .2s ease-out; }
      .is-drop .dropContain .dropOut ul li:hover {
        background: #EFF4F7;
        cursor: pointer; }
      .is-drop .dropContain .dropOut ul li i.drop-icon {
        position: relative;
        top: 4px;
        margin-right: 15px; }
      .is-drop .dropContain .dropOut ul li i.drop-icon.sl {
        position: relative;
        top: 0;
        margin-right: 15px; }
    .is-drop .dropContain .dropOut ul {
      float: left;
      padding: 10px 0;
      list-style: none; }
      .is-drop .dropContain .dropOut ul.big-icons li {
        padding: 2px 0 10px 15px;
        color: #A9ABAC; }
      .is-drop .dropContain .dropOut ul.big-icons i.im {
        font-size: 18px;
        color: #A9ABAC;
        margin-right: 10px;
        position: relative;
        top: 1px; }
      .is-drop .dropContain .dropOut ul li.dropdown-divider {
        padding: 0 !important;
        border-radius: 0 !important;
        height: 5px;
        border-bottom: 1px solid #f2f2f2; }
        .is-drop .dropContain .dropOut ul li.dropdown-divider:hover {
          background-color: #fff; }
    .is-drop .dropContain .dropOut.is-primary ul li:hover {
      background: #235390;
      color: #fff; }
    .is-drop .dropContain .dropOut.is-secondary ul li:hover {
      background: #78c800;
      color: #fff; }
    .is-drop .dropContain .dropOut.is-accent ul li:hover {
      background: #ebf2fa;
      color: #fff; }
  .is-drop:hover .dropContain {
    top: 30px !important; }
  .is-drop:hover .dropContain .dropOut {
    animation: fadeInUp 0.27s ease-out;
    opacity: 1; }
  .is-drop.drop-sm:hover .dropContain {
    top: 15px !important; }
  .is-drop.is-centered .dropContain {
    margin-left: -110px;
    /* half of width */ }
  .is-drop.is-right .dropContain {
    margin-left: -55px;
    /* quarter of width */ }

button i.sl-icon-arrow-down {
  font-size: 8px !important;
  top: 2px !important;
  padding-left: 8px !important; }

/* ==========================================================================
1. jQuery Dropdowns
========================================================================== */
.jq-dropdown {
  position: absolute;
  top: 5px;
  z-index: 1039;
  display: none;
  animation-name: fadeInUp;
  animation-duration: 0.27s;
  animation-timing-function: ease; }
  .jq-dropdown .jq-dropdown-menu, .jq-dropdown .jq-dropdown-panel {
    min-width: 220px;
    max-width: 360px;
    list-style: none;
    background: white;
    border: solid 1px #ddd;
    border-radius: 4px;
    -webkit-box-shadow: 0 3px 10px 4px rgba(0, 0, 0, 0.04);
    -moz-box-shadow: 0 3px 10px 4px rgba(0, 0, 0, 0.04);
    box-shadow: 0 3px 10px 4px rgba(0, 0, 0, 0.04);
    overflow: visible;
    padding: 4px 0;
    margin: 0; }
  .jq-dropdown .jq-dropdown-panel {
    padding: 20px; }
  .jq-dropdown.jq-dropdown-tip {
    margin-top: 8px; }
    .jq-dropdown.jq-dropdown-tip:before {
      position: absolute;
      top: -6px;
      left: 9px;
      content: "";
      border-left: 7px solid transparent;
      border-right: 7px solid transparent;
      border-bottom: 7px solid #ddd;
      display: inline-block; }
    .jq-dropdown.jq-dropdown-tip:after {
      position: absolute;
      top: -5px;
      left: 10px;
      content: "";
      border-left: 6px solid transparent;
      border-right: 6px solid transparent;
      border-bottom: 6px solid white;
      display: inline-block; }
    .jq-dropdown.jq-dropdown-tip.jq-dropdown-anchor-right:before {
      left: auto;
      right: 9px; }
    .jq-dropdown.jq-dropdown-tip.jq-dropdown-anchor-right:after {
      left: auto;
      right: 10px; }
  .jq-dropdown.jq-dropdown-scroll .jq-dropdown-menu, .jq-dropdown.jq-dropdown-scroll .jq-dropdown-panel {
    max-height: 180px;
    overflow: auto; }
  .jq-dropdown.jq-dropdown-scroll .jq-dropdown-menu::-webkit-scrollbar {
    width: 10px; }
  .jq-dropdown.jq-dropdown-scroll .jq-dropdown-menu::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: rgba(0, 0, 0, 0.2); }
  .jq-dropdown li {
    list-style: none;
    padding: 0 3px;
    text-indent: 0;
    margin: 0;
    line-height: 18px; }
  .jq-dropdown li > a, .jq-dropdown label {
    display: block;
    color: inherit;
    text-decoration: none;
    line-height: 18px;
    padding: 10px 15px;
    margin: 0;
    white-space: nowrap; }
    .jq-dropdown li > a:hover, .jq-dropdown label:hover {
      background-color: #EFF4F7;
      color: inherit;
      cursor: pointer; }
  .jq-dropdown .jq-dropdown-divider {
    font-size: 1px;
    border-top: solid 1px #e5e5e5;
    padding: 0;
    margin: 5px 0; }

.jq-dropdown .jq-dropdown-menu li > a:hover, .jq-dropdown .jq-dropdown .jq-dropdown-menu label:hover {
  background-color: #EFF4F7;
  color: inherit; }

.jq-dropdown.is-primary .jq-dropdown-menu li > a:hover, .jq-dropdown.is-primary .jq-dropdown .jq-dropdown-menu label:hover {
  background-color: #235390;
  color: #fff; }

.jq-dropdown.is-secondary .jq-dropdown-menu li > a:hover, .jq-dropdown.is-secondary .jq-dropdown .jq-dropdown-menu label:hover {
  background-color: #78c800;
  color: #fff; }

.jq-dropdown.is-accent .jq-dropdown-menu li > a:hover, .jq-dropdown.is-accent .jq-dropdown .jq-dropdown-menu label:hover {
  background-color: #ebf2fa;
  color: #fff; }

/* ==========================================================================
2. Megamenu
========================================================================== */
.is-megamenu {
  padding: 0 !important; }
  .is-megamenu .mega-inner {
    position: relative;
    padding: 0.5rem 0; }
    .is-megamenu .mega-inner .container {
      padding: 1rem; }
    .is-megamenu .mega-inner .column {
      padding-left: 0;
      padding-right: 0; }
    .is-megamenu .mega-inner .navbar-item.is-flex {
      display: flex;
      justify-content: flex-start;
      align-items: center; }
      .is-megamenu .mega-inner .navbar-item.is-flex i {
        font-size: 2.2rem;
        font-weight: 500;
        color: #cecece;
        transition: all .3s; }
      .is-megamenu .mega-inner .navbar-item.is-flex div {
        margin: 0 10px; }
      .is-megamenu .mega-inner .navbar-item.is-flex:hover {
        background-color: #f5f5f5; }
        .is-megamenu .mega-inner .navbar-item.is-flex:hover i {
          color: #78c800; }
  .is-megamenu .menu-image {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 0;
    height: 220px; }
    .is-megamenu .menu-image img {
      height: 220px;
      max-height: none !important; }
  .is-megamenu .is-footer {
    padding: 0.375rem 1rem;
    position: relative;
    z-index: 2; }
  .is-megamenu p.is-cta {
    padding: 0.5rem 1rem;
    font-size: 1rem; }
  .is-megamenu .mega-btn.primary-btn {
    background: #235390 !important;
    color: #fff; }
  .is-megamenu .mega-btn.secondary-btn {
    background: #78c800 !important;
    color: #fff; }
  .is-megamenu .mega-btn.accent-btn {
    background: #ebf2fa !important;
    color: #fff; }
  .is-megamenu .level-left .level-item {
    text-transform: uppercase; }
  .is-megamenu .social-link {
    color: #fff;
    margin: 0 5px; }
    .is-megamenu .social-link i {
      font-size: 1rem; }

@media (max-width: 768px) {
  .is-mega .navbar-link {
    display: none; }
  .navbar-item.is-flex {
    flex-direction: column; } }

/*! _checkboxes.scss | Bulkit | CSS Ninja */
/* ==========================================================================
Checkbox extension 
========================================================================== */
/***
TABLE OF CONTENTS
=============================================================================
0. Charset
1. Colored checkboxes styles
=============================================================================
***/
/* ==========================================================================
0. Charset
========================================================================== */
/* ==========================================================================
1. Colored checkboxes styles
========================================================================== */
.b-checkbox {
  position: relative; }
  .b-checkbox label {
    padding-left: 5px;
    cursor: pointer;
    font-size: 1rem;
    line-height: 1; }
  .b-checkbox label::before {
    content: "";
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    top: 1px;
    border: 1px solid #dbdbdb;
    border-radius: 3px;
    background-color: #fff;
    transition: background .1s ease-in-out; }
  .b-checkbox label::after {
    position: absolute;
    width: 16px;
    height: 16px;
    left: 3px;
    top: 3px;
    font-size: 12px;
    color: #363636; }
  .b-checkbox input[type="checkbox"],
  .b-checkbox input[type="radio"] {
    opacity: 0;
    z-index: 1;
    cursor: pointer; }
  .b-checkbox input[type="checkbox"]:checked + label::after,
  .b-checkbox input[type="radio"]:checked + label::after {
    font-family: "FontAwesome";
    content: "\F00C"; }
  .b-checkbox input[type="checkbox"]:disabled,
  .b-checkbox input[type="radio"]:disabled {
    cursor: not-allowed; }
  .b-checkbox input[type="checkbox"]:disabled + label,
  .b-checkbox input[type="radio"]:disabled + label {
    opacity: 0.65; }
  .b-checkbox input[type="checkbox"]:disabled + label::before,
  .b-checkbox input[type="radio"]:disabled + label::before {
    background-color: whitesmoke;
    cursor: not-allowed; }
  .b-checkbox.is-circular label::before {
    border-radius: 50%; }
  .b-checkbox.is-inline {
    display: inline-block;
    font-weight: normal; }
  .b-checkbox.is-inline + .is-inline {
    margin-left: 10px; }
  .b-checkbox.is-primary input[type="checkbox"]:checked + label::before {
    background-color: #235390;
    border-color: #235390; }
  .b-checkbox.is-primary input[type="checkbox"]:checked + label::after {
    color: #fff; }
  .b-checkbox.is-secondary input[type="checkbox"]:checked + label::before {
    background-color: #78c800;
    border-color: #78c800; }
  .b-checkbox.is-secondary input[type="checkbox"]:checked + label::after {
    color: #fff; }
  .b-checkbox.is-accent input[type="checkbox"]:checked + label::before {
    background-color: #ebf2fa;
    border-color: #ebf2fa; }
  .b-checkbox.is-accent input[type="checkbox"]:checked + label::after {
    color: #fff; }
  .b-checkbox.is-danger input[type="checkbox"]:checked + label::before {
    background-color: #FF7273;
    border-color: #FF7273; }
  .b-checkbox.is-danger input[type="checkbox"]:checked + label::after {
    color: #fff; }
  .b-checkbox.is-info input[type="checkbox"]:checked + label::before {
    background-color: #039BE5;
    border-color: #039BE5; }
  .b-checkbox.is-info input[type="checkbox"]:checked + label::after {
    color: #fff; }
  .b-checkbox.is-warning input[type="checkbox"]:checked + label::before {
    background-color: #eda514;
    border-color: #eda514; }
  .b-checkbox.is-warning input[type="checkbox"]:checked + label::after {
    color: #fff; }
  .b-checkbox.is-success input[type="checkbox"]:checked + label::before {
    background-color: #00b289;
    border-color: #00b289; }
  .b-checkbox.is-success input[type="checkbox"]:checked + label::after {
    color: #fff; }
  .b-checkbox.is-dark input[type="checkbox"]:checked + label::before {
    background-color: #444444;
    border-color: #444444; }
  .b-checkbox.is-dark input[type="checkbox"]:checked + label::after {
    color: #fff; }
  .b-checkbox input[type="checkbox"].styled:checked + label:after {
    font-family: "FontAwesome";
    content: "\F00C"; }
  .b-checkbox input[type="checkbox"] .styled:checked + label::before {
    color: #fff; }
  .b-checkbox input[type="checkbox"] .styled:checked + label::after {
    color: #fff; }

/*! _badge.scss | Bulkit | CSS Ninja */
/* ==========================================================================
Badges extension 
========================================================================== */
/***
TABLE OF CONTENTS
=============================================================================
0. Variables
1. Badge Mixin
2. Main styles
=============================================================================
***/
/* ==========================================================================
0. Variables
========================================================================== */
/* ==========================================================================
1. Badge Mixin
========================================================================== */
/* ==========================================================================
2. Main styles
========================================================================== */
.badge {
  position: relative;
  white-space: nowrap;
  position: relative; }
  .badge[data-badge]::after {
    position: absolute;
    left: 100%;
    z-index: 99;
    margin: 0;
    background: #444F60;
    background-clip: padding-box;
    border-radius: 1rem;
    box-shadow: 0 0 0 0.1rem #fff;
    color: #fff;
    content: attr(data-badge);
    display: inline-block; }
    .badge[data-badge]::after.is-badge-outlined {
      background: #fff;
      border: 1px solid #444F60;
      color: #444F60; }
  .badge:not([data-badge=""])::after {
    padding: 0.3rem 0.5rem;
    text-align: center;
    white-space: nowrap; }
  .badge[data-badge=""]::after {
    display: inline-block;
    vertical-align: inherit; }
  .badge.is-badge-outlined[data-badge]::after {
    background-color: #fff;
    box-shadow: none;
    border: 0.1rem solid #444F60;
    color: #444F60; }
  .badge.is-badge-outlined.badge-primary::after {
    background: #fff;
    border: 0.1rem solid #235390;
    color: #235390; }
  .badge.is-badge-outlined.badge-secondary::after {
    background: #fff;
    border: 0.1rem solid #78c800;
    color: #78c800; }
  .badge.is-badge-outlined.badge-accent::after {
    background: #fff;
    border: 0.1rem solid #ebf2fa;
    color: #ebf2fa; }
  .badge.is-badge-outlined.badge-success::after {
    background: #fff;
    border: 0.1rem solid #00b289;
    color: #00b289; }
  .badge.is-badge-outlined.badge-warning::after {
    background: #fff;
    border: 0.1rem solid #eda514;
    color: #eda514; }
  .badge.is-badge-outlined.badge-danger::after {
    background: #fff;
    border: 0.1rem solid #FF7273;
    color: #FF7273; }
  .badge.is-badge-outlined.badge-info::after {
    background: #fff;
    border: 0.1rem solid #039BE5;
    color: #039BE5; }
  .badge[data-badge]::after {
    top: calc(0px - ( 1rem / 2 ));
    left: calc(100% - ( 1rem / 2 ));
    min-height: 1rem;
    min-width: 1rem; }
  .badge:not([data-badge=""])::after {
    font-size: 0.75rem;
    line-height: 0.5rem; }
  .badge[data-badge=""]::after {
    width: 1rem; }
  .badge.is-badge-left::after {
    left: calc(0px - ( 1rem / 2 )); }
  .badge.is-badge-bottom::after {
    top: calc(100% - ( 1rem / 2 )); }
  .badge.is-badge-bottom-left::after {
    left: calc(0px - ( 1rem / 2 ));
    top: calc(100% - ( 1rem / 2 )); }
  .badge.is-badge-small[data-badge]::after {
    top: calc(0px - ( 0.75rem / 2 ));
    left: calc(100% - ( 0.75rem / 2 ));
    min-height: 0.75rem;
    min-width: 0.75rem; }
  .badge.is-badge-small:not([data-badge=""])::after {
    font-size: 0.5625rem;
    line-height: 0.375rem; }
  .badge.is-badge-small[data-badge=""]::after {
    width: 0.75rem; }
  .badge.is-badge-small.is-badge-left::after {
    left: calc(0px - ( 0.75rem / 2 )); }
  .badge.is-badge-small.is-badge-bottom::after {
    top: calc(100% - ( 0.75rem / 2 )); }
  .badge.is-badge-small.is-badge-bottom-left::after {
    left: calc(0px - ( 0.75rem / 2 ));
    top: calc(100% - ( 0.75rem / 2 )); }
  .badge.is-badge-medium[data-badge]::after {
    top: calc(0px - ( 1.25rem / 2 ));
    left: calc(100% - ( 1.25rem / 2 ));
    min-height: 1.25rem;
    min-width: 1.25rem; }
  .badge.is-badge-medium:not([data-badge=""])::after {
    font-size: 0.9375rem;
    line-height: 0.625rem; }
  .badge.is-badge-medium[data-badge=""]::after {
    width: 1.25rem; }
  .badge.is-badge-medium.is-badge-left::after {
    left: calc(0px - ( 1.25rem / 2 )); }
  .badge.is-badge-medium.is-badge-bottom::after {
    top: calc(100% - ( 1.25rem / 2 )); }
  .badge.is-badge-medium.is-badge-bottom-left::after {
    left: calc(0px - ( 1.25rem / 2 ));
    top: calc(100% - ( 1.25rem / 2 )); }
  .badge.is-badge-large[data-badge]::after {
    top: calc(0px - ( 1.5rem / 2 ));
    left: calc(100% - ( 1.5rem / 2 ));
    min-height: 1.5rem;
    min-width: 1.5rem; }
  .badge.is-badge-large:not([data-badge=""])::after {
    font-size: 1.125rem;
    line-height: 0.75rem; }
  .badge.is-badge-large[data-badge=""]::after {
    width: 1.5rem; }
  .badge.is-badge-large.is-badge-left::after {
    left: calc(0px - ( 1.5rem / 2 )); }
  .badge.is-badge-large.is-badge-bottom::after {
    top: calc(100% - ( 1.5rem / 2 )); }
  .badge.is-badge-large.is-badge-bottom-left::after {
    left: calc(0px - ( 1.5rem / 2 ));
    top: calc(100% - ( 1.5rem / 2 )); }
  .badge.badge-primary::after {
    background: #235390; }
  .badge.badge-secondary::after {
    background: #78c800; }
  .badge.badge-accent::after {
    background: #ebf2fa; }
  .badge.badge-success::after {
    background: #00b289; }
  .badge.badge-warning::after {
    background: #eda514; }
  .badge.badge-danger::after {
    background: #FF7273; }
  .badge.badge-info::after {
    background: #039BE5; }

/*! _range.scss | Bulkit | CSS Ninja */
/* ==========================================================================
Range inputs extension 
========================================================================== */
/***
TABLE OF CONTENTS
=============================================================================
0. Variables
1. Slider Mixin
2. Range input
=============================================================================
***/
/* ==========================================================================
0. Variables
========================================================================== */
/* ==========================================================================
1. Slider Mixin
========================================================================== */
/* ==========================================================================
2. Range input
========================================================================== */
input[type=range].slider {
  -webkit-appearance: none;
  appearance: none;
  margin: 1rem 0;
  background: transparent; }
  input[type=range].slider.is-fullwidth {
    display: block;
    width: 100%; }
  input[type=range].slider:focus {
    outline: none; }
  input[type=range].slider:not([orient="vertical"])::-webkit-slider-runnable-track {
    width: 100%; }
  input[type=range].slider:not([orient="vertical"])::-moz-range-track {
    width: 100%; }
  input[type=range].slider:not([orient="vertical"])::-ms-track {
    width: 100%; }
  input[type=range].slider:not([orient="vertical"]).has-output + output, input[type=range].slider:not([orient="vertical"]).has-output-tooltip + output {
    width: 3.1rem;
    background: #878787;
    border-radius: 3px;
    padding: 0.4rem 0.8rem;
    font-size: 0.9rem;
    line-height: 1rem;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #fff;
    overflow: hidden;
    pointer-events: none;
    z-index: 1; }
  input[type=range].slider:not([orient="vertical"]).has-output {
    display: inline-block;
    width: calc(100% - ( $slider-output-width + 1rem )); }
    input[type=range].slider:not([orient="vertical"]).has-output + output {
      display: inline-block;
      position: relative;
      margin-left: 0.75rem;
      top: -0.75rem; }
  input[type=range].slider:not([orient="vertical"]).has-output-tooltip {
    display: block; }
    input[type=range].slider:not([orient="vertical"]).has-output-tooltip + output {
      position: absolute;
      left: 0;
      top: 2rem; }
  input[type=range].slider[orient="vertical"] {
    -webkit-appearance: slider-vertical;
    writing-mode: bt-lr; }
    input[type=range].slider[orient="vertical"]::-webkit-slider-runnable-track {
      height: 100%; }
    input[type=range].slider[orient="vertical"]::-moz-range-track {
      height: 100%; }
    input[type=range].slider[orient="vertical"]::-ms-track {
      height: 100%; }
    input[type=range].slider[orient="vertical"]::-webkit-slider-thumb {
      position: relative;
      left: -2px;
      height: 2rem;
      width: 2rem;
      border-radius: 100px; }
  input[type=range].slider::-webkit-slider-runnable-track {
    cursor: pointer;
    animate: 0.2s;
    box-shadow: 0px 0px 0px #666;
    background: #cecece;
    border-radius: 50px;
    border: 0px solid #666; }
  input[type=range].slider::-moz-range-track {
    cursor: pointer;
    animate: 0.2s;
    box-shadow: 0px 0px 0px #666;
    background: #cecece;
    border-radius: 50px;
    border: 0px solid #666; }
  input[type=range].slider::-ms-track {
    cursor: pointer;
    animate: 0.2s;
    box-shadow: 0px 0px 0px #666;
    background: #cecece;
    border-radius: 50px;
    border: 0px solid #666; }
  input[type=range].slider::-ms-fill-lower {
    background: #235390; }
  input[type=range].slider::-ms-fill-upper {
    background: #EFF4F7; }
  input[type=range].slider::-webkit-slider-thumb {
    box-shadow: none;
    border: 1px solid #c1c1c1;
    border-radius: 50px;
    background: #fff;
    cursor: pointer;
    -webkit-appearance: none;
    transition: transform 0.2s ease, -webkit-transform 0.2s ease;
    transition: transform 0.2s ease;
    transition: -webkit-transform 0.2s ease; }
  input[type=range].slider::-moz-range-thumb {
    box-shadow: none;
    border: 1px solid #c1c1c1;
    background: #fff;
    border-radius: 50px;
    cursor: pointer;
    transition: transform 0.2s ease, -webkit-transform 0.2s ease;
    transition: transform 0.2s ease;
    transition: -webkit-transform 0.2s ease; }
  input[type=range].slider::-ms-thumb {
    box-shadow: none;
    border: 1px solid #c1c1c1;
    background: #fff;
    border-radius: 50px;
    cursor: pointer;
    transition: transform 0.2s ease, -webkit-transform 0.2s ease;
    transition: transform 0.2s ease;
    transition: -webkit-transform 0.2s ease; }
  input[type=range].slider::-webkit-slider-thumb {
    -webkit-appearance: none; }
  input[type=range].slider:active::-webkit-slider-thumb {
    -webkit-transform: scale(1.25);
    transform: scale(1.25); }
  input[type=range].slider:active::-moz-range-thumb {
    transform: scale(1.25); }
  input[type=range].slider:active::-ms-thumb {
    -ms-transform: scale(1.25);
    transform: scale(1.25); }
  input[type=range].slider:disabled {
    opacity: 0.5;
    cursor: not-allowed; }
    input[type=range].slider:disabled::-webkit-slider-thumb {
      cursor: not-allowed;
      -webkit-transform: scale(1);
      transform: scale(1); }
    input[type=range].slider:disabled::-moz-range-thumb {
      cursor: not-allowed;
      transform: scale(1); }
    input[type=range].slider:disabled::-ms-thumb {
      cursor: not-allowed;
      -ms-transform: scale(1);
      transform: scale(1); }
  input[type=range].slider:not([orient="vertical"])::-webkit-slider-runnable-track {
    height: 0.6rem; }
  input[type=range].slider:not([orient="vertical"])::-moz-range-track {
    height: 0.6rem; }
  input[type=range].slider:not([orient="vertical"])::-ms-track {
    height: 0.6rem; }
  input[type=range].slider[orient="vertical"]::-webkit-slider-runnable-track {
    width: 0.6rem; }
  input[type=range].slider[orient="vertical"]::-moz-range-track {
    width: 0.6rem; }
  input[type=range].slider[orient="vertical"]::-ms-track {
    width: 0.6rem; }
  input[type=range].slider::-webkit-slider-thumb {
    height: 1.2rem;
    width: 1.2rem;
    margin-top: -0.3rem; }
  input[type=range].slider::-moz-range-thumb {
    height: 1.2rem;
    width: 1.2rem; }
  input[type=range].slider::-ms-thumb {
    height: 1.2rem;
    width: 1.2rem; }
  input[type=range].slider[orient="vertical"]::-webkit-slider-thumb {
    margin-top: auto;
    margin-left: -0.3rem; }
  input[type=range].slider.is-small:not([orient="vertical"])::-webkit-slider-runnable-track {
    height: 0.5rem; }
  input[type=range].slider.is-small:not([orient="vertical"])::-moz-range-track {
    height: 0.5rem; }
  input[type=range].slider.is-small:not([orient="vertical"])::-ms-track {
    height: 0.5rem; }
  input[type=range].slider.is-small[orient="vertical"]::-webkit-slider-runnable-track {
    width: 0.5rem; }
  input[type=range].slider.is-small[orient="vertical"]::-moz-range-track {
    width: 0.5rem; }
  input[type=range].slider.is-small[orient="vertical"]::-ms-track {
    width: 0.5rem; }
  input[type=range].slider.is-small::-webkit-slider-thumb {
    height: 1rem;
    width: 1rem;
    margin-top: -0.25rem; }
  input[type=range].slider.is-small::-moz-range-thumb {
    height: 1rem;
    width: 1rem; }
  input[type=range].slider.is-small::-ms-thumb {
    height: 1rem;
    width: 1rem; }
  input[type=range].slider.is-small[orient="vertical"]::-webkit-slider-thumb {
    margin-top: auto;
    margin-left: -0.25rem; }
  input[type=range].slider.is-medium:not([orient="vertical"])::-webkit-slider-runnable-track {
    height: 0.75rem; }
  input[type=range].slider.is-medium:not([orient="vertical"])::-moz-range-track {
    height: 0.75rem; }
  input[type=range].slider.is-medium:not([orient="vertical"])::-ms-track {
    height: 0.75rem; }
  input[type=range].slider.is-medium[orient="vertical"]::-webkit-slider-runnable-track {
    width: 0.75rem; }
  input[type=range].slider.is-medium[orient="vertical"]::-moz-range-track {
    width: 0.75rem; }
  input[type=range].slider.is-medium[orient="vertical"]::-ms-track {
    width: 0.75rem; }
  input[type=range].slider.is-medium::-webkit-slider-thumb {
    height: 1.5rem;
    width: 1.5rem;
    margin-top: -0.375rem; }
  input[type=range].slider.is-medium::-moz-range-thumb {
    height: 1.5rem;
    width: 1.5rem; }
  input[type=range].slider.is-medium::-ms-thumb {
    height: 1.5rem;
    width: 1.5rem; }
  input[type=range].slider.is-medium[orient="vertical"]::-webkit-slider-thumb {
    margin-top: auto;
    margin-left: -0.375rem; }
  input[type=range].slider.is-large:not([orient="vertical"])::-webkit-slider-runnable-track {
    height: 0.9rem; }
  input[type=range].slider.is-large:not([orient="vertical"])::-moz-range-track {
    height: 0.9rem; }
  input[type=range].slider.is-large:not([orient="vertical"])::-ms-track {
    height: 0.9rem; }
  input[type=range].slider.is-large[orient="vertical"]::-webkit-slider-runnable-track {
    width: 0.9rem; }
  input[type=range].slider.is-large[orient="vertical"]::-moz-range-track {
    width: 0.9rem; }
  input[type=range].slider.is-large[orient="vertical"]::-ms-track {
    width: 0.9rem; }
  input[type=range].slider.is-large::-webkit-slider-thumb {
    height: 1.8rem;
    width: 1.8rem;
    margin-top: -0.45rem; }
  input[type=range].slider.is-large::-moz-range-thumb {
    height: 1.8rem;
    width: 1.8rem; }
  input[type=range].slider.is-large::-ms-thumb {
    height: 1.8rem;
    width: 1.8rem; }
  input[type=range].slider.is-large[orient="vertical"]::-webkit-slider-thumb {
    margin-top: auto;
    margin-left: -0.45rem; }
  input[type=range].slider.is-primary::-webkit-slider-runnable-track {
    background: #235390; }
  input[type=range].slider.is-primary::-moz-range-track {
    background: #235390; }
  input[type=range].slider.is-primary::-ms-track {
    background: #235390; }
  input[type=range].slider.is-secondary::-webkit-slider-runnable-track {
    background: #78c800; }
  input[type=range].slider.is-secondary::-moz-range-track {
    background: #78c800; }
  input[type=range].slider.is-secondary::-ms-track {
    background: #78c800; }
  input[type=range].slider.is-accent::-webkit-slider-runnable-track {
    background: #ebf2fa; }
  input[type=range].slider.is-accent::-moz-range-track {
    background: #ebf2fa; }
  input[type=range].slider.is-accent::-ms-track {
    background: #ebf2fa; }
  input[type=range].slider.is-info::-webkit-slider-runnable-track {
    background: #039BE5; }
  input[type=range].slider.is-info::-moz-range-track {
    background: #039BE5; }
  input[type=range].slider.is-info::-ms-track {
    background: #039BE5; }
  input[type=range].slider.is-success::-webkit-slider-runnable-track {
    background: #00b289; }
  input[type=range].slider.is-success::-moz-range-track {
    background: #00b289; }
  input[type=range].slider.is-success::-ms-track {
    background: #00b289; }
  input[type=range].slider.is-warning::-webkit-slider-runnable-track {
    background: #eda514; }
  input[type=range].slider.is-warning::-moz-range-track {
    background: #eda514; }
  input[type=range].slider.is-warning::-ms-track {
    background: #eda514; }
  input[type=range].slider.is-danger::-webkit-slider-runnable-track {
    background: #FF7273; }
  input[type=range].slider.is-danger::-moz-range-track {
    background: #FF7273; }
  input[type=range].slider.is-danger::-ms-track {
    background: #FF7273; }

/*! _ribbon.scss | Bulkit | CSS Ninja */
/* ==========================================================================
Box ribbon extension 
========================================================================== */
/***
TABLE OF CONTENTS
=============================================================================
0. Variables
1. Ribbon Mixins
2. Ribbon position
3. Ribbon styles
=============================================================================
***/
/* ==========================================================================
0. Variables
========================================================================== */
/* ==========================================================================
1. Ribbon Mixins
========================================================================== */
/* ==========================================================================
2. Ribbon position
========================================================================== */
.has-ribbon {
  position: relative; }

.has-ribbon-left {
  position: relative; }
  .has-ribbon-left .ribbon {
    right: auto;
    left: 0;
    border-left: none;
    border-right: 0.1rem solid #ededed; }

.has-ribbon-bottom {
  position: relative; }
  .has-ribbon-bottom .ribbon {
    top: auto;
    bottom: 0.5em; }

/* ==========================================================================
3. Ribbon styles
========================================================================== */
.ribbon {
  background-color: #fff;
  border: 0.1rem solid #ededed;
  border-right: none;
  color: #999;
  font-size: 1rem !important;
  justify-content: center;
  padding-left: 0.75em;
  padding-right: 0.75em;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
  text-align: center;
  white-space: nowrap;
  position: absolute;
  top: 0.5em;
  right: 0;
  font-weight: 400;
  z-index: 2; }
  .ribbon.is-primary {
    background-color: #235390;
    color: #fff;
    border-color: #235390; }
  .ribbon.is-secondary {
    background-color: #78c800;
    color: #fff;
    border-color: #78c800; }
  .ribbon.is-accent {
    background-color: #ebf2fa;
    color: #fff;
    border-color: #ebf2fa; }
  .ribbon.is-success {
    background-color: #00b289;
    color: #fff;
    border-color: #00b289; }
  .ribbon.is-warning {
    background-color: #eda514;
    color: #fff;
    border-color: #eda514; }
  .ribbon.is-danger {
    background-color: #FF7273;
    color: #fff;
    border-color: #FF7273; }
  .ribbon.is-info {
    background-color: #039BE5;
    color: #fff;
    border-color: #039BE5; }
  .ribbon.is-small {
    font-size: 0.8rem !important; }
  .ribbon.is-medium {
    font-size: 1.3rem !important; }
  .ribbon.is-large {
    font-size: 1.6rem !important; }
  .ribbon.is-outlined {
    background-color: transparent; }

/*! _slider.scss | Bulkit | CSS Ninja */
/* ==========================================================================
Range slider extension 
========================================================================== */
/***
TABLE OF CONTENTS
=============================================================================
0. Variables
1. Mixins
2. Bubble
3. Range input
4. Bubble label
5. Input box
=============================================================================
***/
/* ==========================================================================
0. Variables
========================================================================== */
/* ==========================================================================
1. Mixins
========================================================================== */
/* ==========================================================================
2. Bubble
========================================================================== */
.bubble-range {
  -webkit-appearance: none;
  margin: 12.5px 0;
  width: 100%; }
  .bubble-range:focus {
    outline: none; }
  .bubble-range::-webkit-slider-thumb {
    position: relative;
    border: 5px solid rgba(255, 255, 255, 0.5);
    height: 25px;
    width: 25px;
    border-radius: 100%;
    background: #01c9ca;
    cursor: pointer;
    z-index: 1;
    -webkit-appearance: none;
    margin-top: -10px; }
  .bubble-range:focus::-webkit-slider-runnable-track {
    background: #cecece; }
  .bubble-range::-moz-range-thumb {
    position: relative;
    border: 5px solid rgba(255, 255, 255, 0.5);
    height: 25px;
    width: 25px;
    border-radius: 100%;
    background: #01c9ca;
    cursor: pointer;
    z-index: 1; }
  .bubble-range::-ms-thumb {
    position: relative;
    border: 5px solid rgba(255, 255, 255, 0.5);
    height: 25px;
    width: 25px;
    border-radius: 100%;
    background: #01c9ca;
    cursor: pointer;
    z-index: 1; }
  .bubble-range:focus::-ms-fill-lower {
    background: #cecece; }
  .bubble-range:focus::-ms-fill-upper {
    background: #cecece; }
  .bubble-range::-webkit-slider-runnable-track {
    width: 100%;
    height: 5px;
    cursor: pointer;
    transition: all 0.2s ease;
    background: #cecece;
    border: 0px solid #000;
    border-radius: 0px; }
  .bubble-range::-moz-range-track {
    width: 100%;
    height: 5px;
    cursor: pointer;
    transition: all 0.2s ease;
    background: #cecece;
    border: 0px solid #000;
    border-radius: 0px; }
  .bubble-range::-ms-track {
    width: 100%;
    height: 5px;
    cursor: pointer;
    transition: all 0.2s ease;
    background: transparent;
    border-color: transparent;
    border-width: 25px 0;
    color: transparent; }
  .bubble-range::-ms-fill-lower {
    background: #cecece;
    border: 0px solid #000;
    border-radius: 0px; }
  .bubble-range::-ms-fill-upper {
    background: #cecece;
    border: 0px solid #000;
    border-radius: 0px; }

/* ==========================================================================
3. Range input
========================================================================== */
.range {
  box-sizing: border-box;
  position: relative;
  padding: 0 50px;
  width: 100%; }
  .range[data-value='0'] .bubble-label {
    left: 0%; }
  .range[data-value='1'] .bubble-label {
    left: 1%; }
  .range[data-value='2'] .bubble-label {
    left: 2%; }
  .range[data-value='3'] .bubble-label {
    left: 3%; }
  .range[data-value='4'] .bubble-label {
    left: 4%; }
  .range[data-value='5'] .bubble-label {
    left: 5%; }
  .range[data-value='6'] .bubble-label {
    left: 6%; }
  .range[data-value='7'] .bubble-label {
    left: 7%; }
  .range[data-value='8'] .bubble-label {
    left: 8%; }
  .range[data-value='9'] .bubble-label {
    left: 9%; }
  .range[data-value='10'] .bubble-label {
    left: 10%; }
  .range[data-value='11'] .bubble-label {
    left: 11%; }
  .range[data-value='12'] .bubble-label {
    left: 12%; }
  .range[data-value='13'] .bubble-label {
    left: 13%; }
  .range[data-value='14'] .bubble-label {
    left: 14%; }
  .range[data-value='15'] .bubble-label {
    left: 15%; }
  .range[data-value='16'] .bubble-label {
    left: 16%; }
  .range[data-value='17'] .bubble-label {
    left: 17%; }
  .range[data-value='18'] .bubble-label {
    left: 18%; }
  .range[data-value='19'] .bubble-label {
    left: 19%; }
  .range[data-value='20'] .bubble-label {
    left: 20%; }
  .range[data-value='21'] .bubble-label {
    left: 21%; }
  .range[data-value='22'] .bubble-label {
    left: 22%; }
  .range[data-value='23'] .bubble-label {
    left: 23%; }
  .range[data-value='24'] .bubble-label {
    left: 24%; }
  .range[data-value='25'] .bubble-label {
    left: 25%; }
  .range[data-value='26'] .bubble-label {
    left: 26%; }
  .range[data-value='27'] .bubble-label {
    left: 27%; }
  .range[data-value='28'] .bubble-label {
    left: 28%; }
  .range[data-value='29'] .bubble-label {
    left: 29%; }
  .range[data-value='30'] .bubble-label {
    left: 30%; }
  .range[data-value='31'] .bubble-label {
    left: 31%; }
  .range[data-value='32'] .bubble-label {
    left: 32%; }
  .range[data-value='33'] .bubble-label {
    left: 33%; }
  .range[data-value='34'] .bubble-label {
    left: 34%; }
  .range[data-value='35'] .bubble-label {
    left: 35%; }
  .range[data-value='36'] .bubble-label {
    left: 36%; }
  .range[data-value='37'] .bubble-label {
    left: 37%; }
  .range[data-value='38'] .bubble-label {
    left: 38%; }
  .range[data-value='39'] .bubble-label {
    left: 39%; }
  .range[data-value='40'] .bubble-label {
    left: 40%; }
  .range[data-value='41'] .bubble-label {
    left: 41%; }
  .range[data-value='42'] .bubble-label {
    left: 42%; }
  .range[data-value='43'] .bubble-label {
    left: 43%; }
  .range[data-value='44'] .bubble-label {
    left: 44%; }
  .range[data-value='45'] .bubble-label {
    left: 45%; }
  .range[data-value='46'] .bubble-label {
    left: 46%; }
  .range[data-value='47'] .bubble-label {
    left: 47%; }
  .range[data-value='48'] .bubble-label {
    left: 48%; }
  .range[data-value='49'] .bubble-label {
    left: 49%; }
  .range[data-value='50'] .bubble-label {
    left: 50%; }
  .range[data-value='51'] .bubble-label {
    left: 51%; }
  .range[data-value='52'] .bubble-label {
    left: 52%; }
  .range[data-value='53'] .bubble-label {
    left: 53%; }
  .range[data-value='54'] .bubble-label {
    left: 54%; }
  .range[data-value='55'] .bubble-label {
    left: 55%; }
  .range[data-value='56'] .bubble-label {
    left: 56%; }
  .range[data-value='57'] .bubble-label {
    left: 57%; }
  .range[data-value='58'] .bubble-label {
    left: 58%; }
  .range[data-value='59'] .bubble-label {
    left: 59%; }
  .range[data-value='60'] .bubble-label {
    left: 60%; }
  .range[data-value='61'] .bubble-label {
    left: 61%; }
  .range[data-value='62'] .bubble-label {
    left: 62%; }
  .range[data-value='63'] .bubble-label {
    left: 63%; }
  .range[data-value='64'] .bubble-label {
    left: 64%; }
  .range[data-value='65'] .bubble-label {
    left: 65%; }
  .range[data-value='66'] .bubble-label {
    left: 66%; }
  .range[data-value='67'] .bubble-label {
    left: 67%; }
  .range[data-value='68'] .bubble-label {
    left: 68%; }
  .range[data-value='69'] .bubble-label {
    left: 69%; }
  .range[data-value='70'] .bubble-label {
    left: 70%; }
  .range[data-value='71'] .bubble-label {
    left: 71%; }
  .range[data-value='72'] .bubble-label {
    left: 72%; }
  .range[data-value='73'] .bubble-label {
    left: 73%; }
  .range[data-value='74'] .bubble-label {
    left: 74%; }
  .range[data-value='75'] .bubble-label {
    left: 75%; }
  .range[data-value='76'] .bubble-label {
    left: 76%; }
  .range[data-value='77'] .bubble-label {
    left: 77%; }
  .range[data-value='78'] .bubble-label {
    left: 78%; }
  .range[data-value='79'] .bubble-label {
    left: 79%; }
  .range[data-value='80'] .bubble-label {
    left: 80%; }
  .range[data-value='81'] .bubble-label {
    left: 81%; }
  .range[data-value='82'] .bubble-label {
    left: 82%; }
  .range[data-value='83'] .bubble-label {
    left: 83%; }
  .range[data-value='84'] .bubble-label {
    left: 84%; }
  .range[data-value='85'] .bubble-label {
    left: 85%; }
  .range[data-value='86'] .bubble-label {
    left: 86%; }
  .range[data-value='87'] .bubble-label {
    left: 87%; }
  .range[data-value='88'] .bubble-label {
    left: 88%; }
  .range[data-value='89'] .bubble-label {
    left: 89%; }
  .range[data-value='90'] .bubble-label {
    left: 90%; }
  .range[data-value='91'] .bubble-label {
    left: 91%; }
  .range[data-value='92'] .bubble-label {
    left: 92%; }
  .range[data-value='93'] .bubble-label {
    left: 93%; }
  .range[data-value='94'] .bubble-label {
    left: 94%; }
  .range[data-value='95'] .bubble-label {
    left: 95%; }
  .range[data-value='96'] .bubble-label {
    left: 96%; }
  .range[data-value='97'] .bubble-label {
    left: 97%; }
  .range[data-value='98'] .bubble-label {
    left: 98%; }
  .range[data-value='99'] .bubble-label {
    left: 99%; }
  .range[data-value='100'] .bubble-label {
    left: 100%; }
  .range.is-primary .bubble-label .drop {
    background: #235390 !important; }
  .range.is-primary .bubble-range::-webkit-slider-thumb {
    position: relative;
    border: 5px solid #4784d2;
    height: 25px;
    width: 25px;
    border-radius: 100%;
    background: #235390;
    cursor: pointer;
    z-index: 1;
    -webkit-appearance: none;
    margin-top: -10px; }
  .range.is-primary .bubble-range::-moz-range-thumb {
    position: relative;
    border: 5px solid #4784d2;
    height: 25px;
    width: 25px;
    border-radius: 100%;
    background: #235390;
    cursor: pointer;
    z-index: 1; }
  .range.is-primary .bubble-range::-ms-thumb {
    position: relative;
    border: 5px solid #4784d2;
    height: 25px;
    width: 25px;
    border-radius: 100%;
    background: #235390;
    cursor: pointer;
    z-index: 1; }
  .range.is-secondary .bubble-label .drop {
    background: #78c800 !important; }
  .range.is-secondary .bubble-range::-webkit-slider-thumb {
    position: relative;
    border: 5px solid #acff2f;
    height: 25px;
    width: 25px;
    border-radius: 100%;
    background: #78c800;
    cursor: pointer;
    z-index: 1;
    -webkit-appearance: none;
    margin-top: -10px; }
  .range.is-secondary .bubble-range::-moz-range-thumb {
    position: relative;
    border: 5px solid #acff2f;
    height: 25px;
    width: 25px;
    border-radius: 100%;
    background: #78c800;
    cursor: pointer;
    z-index: 1; }
  .range.is-secondary .bubble-range::-ms-thumb {
    position: relative;
    border: 5px solid #acff2f;
    height: 25px;
    width: 25px;
    border-radius: 100%;
    background: #78c800;
    cursor: pointer;
    z-index: 1; }
  .range.is-accent .bubble-label .drop {
    background: #ebf2fa !important; }
  .range.is-accent .bubble-range::-webkit-slider-thumb {
    position: relative;
    border: 5px solid white;
    height: 25px;
    width: 25px;
    border-radius: 100%;
    background: #ebf2fa;
    cursor: pointer;
    z-index: 1;
    -webkit-appearance: none;
    margin-top: -10px; }
  .range.is-accent .bubble-range::-moz-range-thumb {
    position: relative;
    border: 5px solid white;
    height: 25px;
    width: 25px;
    border-radius: 100%;
    background: #ebf2fa;
    cursor: pointer;
    z-index: 1; }
  .range.is-accent .bubble-range::-ms-thumb {
    position: relative;
    border: 5px solid white;
    height: 25px;
    width: 25px;
    border-radius: 100%;
    background: #ebf2fa;
    cursor: pointer;
    z-index: 1; }

/* ==========================================================================
4. Bubble label
========================================================================== */
.bubble-label {
  position: relative;
  top: 0;
  margin-left: -40px;
  margin-bottom: 20px;
  width: 80px;
  transform: scale(0.8); }
  .bubble-label .value {
    position: absolute;
    top: 30px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    z-index: 1; }
  .bubble-label .drop {
    box-sizing: content-box !important;
    width: 80px;
    height: 80px;
    border-radius: 80% 0 55% 50% / 55% 0 80% 50%;
    background: #01c9ca;
    -webkit-transform: rotateZ(135deg);
    transform: rotateZ(135deg); }

/* ==========================================================================
5. Input box
========================================================================== */
.input-box {
  position: relative;
  margin: 0 -12.5px;
  height: 60px; }
  .input-box input[type="range"] {
    display: block;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 60px;
    background: transparent; }
  .input-box .bar {
    position: absolute;
    bottom: 50%;
    left: 0;
    margin: 0 0 -2.5px;
    height: 5px;
    background: #01c9ca;
    z-index: 0; }
  .input-box[data-value='0'] .bar {
    margin-right: 25px;
    width: calc(0% - 25px / (100/0)); }
  .input-box[data-value='1'] .bar {
    margin-right: 25px;
    width: calc(1% - 25px / (100/1)); }
  .input-box[data-value='2'] .bar {
    margin-right: 25px;
    width: calc(2% - 25px / (100/2)); }
  .input-box[data-value='3'] .bar {
    margin-right: 25px;
    width: calc(3% - 25px / (100/3)); }
  .input-box[data-value='4'] .bar {
    margin-right: 25px;
    width: calc(4% - 25px / (100/4)); }
  .input-box[data-value='5'] .bar {
    margin-right: 25px;
    width: calc(5% - 25px / (100/5)); }
  .input-box[data-value='6'] .bar {
    margin-right: 25px;
    width: calc(6% - 25px / (100/6)); }
  .input-box[data-value='7'] .bar {
    margin-right: 25px;
    width: calc(7% - 25px / (100/7)); }
  .input-box[data-value='8'] .bar {
    margin-right: 25px;
    width: calc(8% - 25px / (100/8)); }
  .input-box[data-value='9'] .bar {
    margin-right: 25px;
    width: calc(9% - 25px / (100/9)); }
  .input-box[data-value='10'] .bar {
    margin-right: 25px;
    width: calc(10% - 25px / (100/10)); }
  .input-box[data-value='11'] .bar {
    margin-right: 25px;
    width: calc(11% - 25px / (100/11)); }
  .input-box[data-value='12'] .bar {
    margin-right: 25px;
    width: calc(12% - 25px / (100/12)); }
  .input-box[data-value='13'] .bar {
    margin-right: 25px;
    width: calc(13% - 25px / (100/13)); }
  .input-box[data-value='14'] .bar {
    margin-right: 25px;
    width: calc(14% - 25px / (100/14)); }
  .input-box[data-value='15'] .bar {
    margin-right: 25px;
    width: calc(15% - 25px / (100/15)); }
  .input-box[data-value='16'] .bar {
    margin-right: 25px;
    width: calc(16% - 25px / (100/16)); }
  .input-box[data-value='17'] .bar {
    margin-right: 25px;
    width: calc(17% - 25px / (100/17)); }
  .input-box[data-value='18'] .bar {
    margin-right: 25px;
    width: calc(18% - 25px / (100/18)); }
  .input-box[data-value='19'] .bar {
    margin-right: 25px;
    width: calc(19% - 25px / (100/19)); }
  .input-box[data-value='20'] .bar {
    margin-right: 25px;
    width: calc(20% - 25px / (100/20)); }
  .input-box[data-value='21'] .bar {
    margin-right: 25px;
    width: calc(21% - 25px / (100/21)); }
  .input-box[data-value='22'] .bar {
    margin-right: 25px;
    width: calc(22% - 25px / (100/22)); }
  .input-box[data-value='23'] .bar {
    margin-right: 25px;
    width: calc(23% - 25px / (100/23)); }
  .input-box[data-value='24'] .bar {
    margin-right: 25px;
    width: calc(24% - 25px / (100/24)); }
  .input-box[data-value='25'] .bar {
    margin-right: 25px;
    width: calc(25% - 25px / (100/25)); }
  .input-box[data-value='26'] .bar {
    margin-right: 25px;
    width: calc(26% - 25px / (100/26)); }
  .input-box[data-value='27'] .bar {
    margin-right: 25px;
    width: calc(27% - 25px / (100/27)); }
  .input-box[data-value='28'] .bar {
    margin-right: 25px;
    width: calc(28% - 25px / (100/28)); }
  .input-box[data-value='29'] .bar {
    margin-right: 25px;
    width: calc(29% - 25px / (100/29)); }
  .input-box[data-value='30'] .bar {
    margin-right: 25px;
    width: calc(30% - 25px / (100/30)); }
  .input-box[data-value='31'] .bar {
    margin-right: 25px;
    width: calc(31% - 25px / (100/31)); }
  .input-box[data-value='32'] .bar {
    margin-right: 25px;
    width: calc(32% - 25px / (100/32)); }
  .input-box[data-value='33'] .bar {
    margin-right: 25px;
    width: calc(33% - 25px / (100/33)); }
  .input-box[data-value='34'] .bar {
    margin-right: 25px;
    width: calc(34% - 25px / (100/34)); }
  .input-box[data-value='35'] .bar {
    margin-right: 25px;
    width: calc(35% - 25px / (100/35)); }
  .input-box[data-value='36'] .bar {
    margin-right: 25px;
    width: calc(36% - 25px / (100/36)); }
  .input-box[data-value='37'] .bar {
    margin-right: 25px;
    width: calc(37% - 25px / (100/37)); }
  .input-box[data-value='38'] .bar {
    margin-right: 25px;
    width: calc(38% - 25px / (100/38)); }
  .input-box[data-value='39'] .bar {
    margin-right: 25px;
    width: calc(39% - 25px / (100/39)); }
  .input-box[data-value='40'] .bar {
    margin-right: 25px;
    width: calc(40% - 25px / (100/40)); }
  .input-box[data-value='41'] .bar {
    margin-right: 25px;
    width: calc(41% - 25px / (100/41)); }
  .input-box[data-value='42'] .bar {
    margin-right: 25px;
    width: calc(42% - 25px / (100/42)); }
  .input-box[data-value='43'] .bar {
    margin-right: 25px;
    width: calc(43% - 25px / (100/43)); }
  .input-box[data-value='44'] .bar {
    margin-right: 25px;
    width: calc(44% - 25px / (100/44)); }
  .input-box[data-value='45'] .bar {
    margin-right: 25px;
    width: calc(45% - 25px / (100/45)); }
  .input-box[data-value='46'] .bar {
    margin-right: 25px;
    width: calc(46% - 25px / (100/46)); }
  .input-box[data-value='47'] .bar {
    margin-right: 25px;
    width: calc(47% - 25px / (100/47)); }
  .input-box[data-value='48'] .bar {
    margin-right: 25px;
    width: calc(48% - 25px / (100/48)); }
  .input-box[data-value='49'] .bar {
    margin-right: 25px;
    width: calc(49% - 25px / (100/49)); }
  .input-box[data-value='50'] .bar {
    margin-right: 25px;
    width: calc(50% - 25px / (100/50)); }
  .input-box[data-value='51'] .bar {
    margin-right: 25px;
    width: calc(51% - 25px / (100/51)); }
  .input-box[data-value='52'] .bar {
    margin-right: 25px;
    width: calc(52% - 25px / (100/52)); }
  .input-box[data-value='53'] .bar {
    margin-right: 25px;
    width: calc(53% - 25px / (100/53)); }
  .input-box[data-value='54'] .bar {
    margin-right: 25px;
    width: calc(54% - 25px / (100/54)); }
  .input-box[data-value='55'] .bar {
    margin-right: 25px;
    width: calc(55% - 25px / (100/55)); }
  .input-box[data-value='56'] .bar {
    margin-right: 25px;
    width: calc(56% - 25px / (100/56)); }
  .input-box[data-value='57'] .bar {
    margin-right: 25px;
    width: calc(57% - 25px / (100/57)); }
  .input-box[data-value='58'] .bar {
    margin-right: 25px;
    width: calc(58% - 25px / (100/58)); }
  .input-box[data-value='59'] .bar {
    margin-right: 25px;
    width: calc(59% - 25px / (100/59)); }
  .input-box[data-value='60'] .bar {
    margin-right: 25px;
    width: calc(60% - 25px / (100/60)); }
  .input-box[data-value='61'] .bar {
    margin-right: 25px;
    width: calc(61% - 25px / (100/61)); }
  .input-box[data-value='62'] .bar {
    margin-right: 25px;
    width: calc(62% - 25px / (100/62)); }
  .input-box[data-value='63'] .bar {
    margin-right: 25px;
    width: calc(63% - 25px / (100/63)); }
  .input-box[data-value='64'] .bar {
    margin-right: 25px;
    width: calc(64% - 25px / (100/64)); }
  .input-box[data-value='65'] .bar {
    margin-right: 25px;
    width: calc(65% - 25px / (100/65)); }
  .input-box[data-value='66'] .bar {
    margin-right: 25px;
    width: calc(66% - 25px / (100/66)); }
  .input-box[data-value='67'] .bar {
    margin-right: 25px;
    width: calc(67% - 25px / (100/67)); }
  .input-box[data-value='68'] .bar {
    margin-right: 25px;
    width: calc(68% - 25px / (100/68)); }
  .input-box[data-value='69'] .bar {
    margin-right: 25px;
    width: calc(69% - 25px / (100/69)); }
  .input-box[data-value='70'] .bar {
    margin-right: 25px;
    width: calc(70% - 25px / (100/70)); }
  .input-box[data-value='71'] .bar {
    margin-right: 25px;
    width: calc(71% - 25px / (100/71)); }
  .input-box[data-value='72'] .bar {
    margin-right: 25px;
    width: calc(72% - 25px / (100/72)); }
  .input-box[data-value='73'] .bar {
    margin-right: 25px;
    width: calc(73% - 25px / (100/73)); }
  .input-box[data-value='74'] .bar {
    margin-right: 25px;
    width: calc(74% - 25px / (100/74)); }
  .input-box[data-value='75'] .bar {
    margin-right: 25px;
    width: calc(75% - 25px / (100/75)); }
  .input-box[data-value='76'] .bar {
    margin-right: 25px;
    width: calc(76% - 25px / (100/76)); }
  .input-box[data-value='77'] .bar {
    margin-right: 25px;
    width: calc(77% - 25px / (100/77)); }
  .input-box[data-value='78'] .bar {
    margin-right: 25px;
    width: calc(78% - 25px / (100/78)); }
  .input-box[data-value='79'] .bar {
    margin-right: 25px;
    width: calc(79% - 25px / (100/79)); }
  .input-box[data-value='80'] .bar {
    margin-right: 25px;
    width: calc(80% - 25px / (100/80)); }
  .input-box[data-value='81'] .bar {
    margin-right: 25px;
    width: calc(81% - 25px / (100/81)); }
  .input-box[data-value='82'] .bar {
    margin-right: 25px;
    width: calc(82% - 25px / (100/82)); }
  .input-box[data-value='83'] .bar {
    margin-right: 25px;
    width: calc(83% - 25px / (100/83)); }
  .input-box[data-value='84'] .bar {
    margin-right: 25px;
    width: calc(84% - 25px / (100/84)); }
  .input-box[data-value='85'] .bar {
    margin-right: 25px;
    width: calc(85% - 25px / (100/85)); }
  .input-box[data-value='86'] .bar {
    margin-right: 25px;
    width: calc(86% - 25px / (100/86)); }
  .input-box[data-value='87'] .bar {
    margin-right: 25px;
    width: calc(87% - 25px / (100/87)); }
  .input-box[data-value='88'] .bar {
    margin-right: 25px;
    width: calc(88% - 25px / (100/88)); }
  .input-box[data-value='89'] .bar {
    margin-right: 25px;
    width: calc(89% - 25px / (100/89)); }
  .input-box[data-value='90'] .bar {
    margin-right: 25px;
    width: calc(90% - 25px / (100/90)); }
  .input-box[data-value='91'] .bar {
    margin-right: 25px;
    width: calc(91% - 25px / (100/91)); }
  .input-box[data-value='92'] .bar {
    margin-right: 25px;
    width: calc(92% - 25px / (100/92)); }
  .input-box[data-value='93'] .bar {
    margin-right: 25px;
    width: calc(93% - 25px / (100/93)); }
  .input-box[data-value='94'] .bar {
    margin-right: 25px;
    width: calc(94% - 25px / (100/94)); }
  .input-box[data-value='95'] .bar {
    margin-right: 25px;
    width: calc(95% - 25px / (100/95)); }
  .input-box[data-value='96'] .bar {
    margin-right: 25px;
    width: calc(96% - 25px / (100/96)); }
  .input-box[data-value='97'] .bar {
    margin-right: 25px;
    width: calc(97% - 25px / (100/97)); }
  .input-box[data-value='98'] .bar {
    margin-right: 25px;
    width: calc(98% - 25px / (100/98)); }
  .input-box[data-value='99'] .bar {
    margin-right: 25px;
    width: calc(99% - 25px / (100/99)); }
  .input-box[data-value='100'] .bar {
    margin-right: 25px;
    width: calc(100% - 25px / (100/100)); }

/*! _switch.scss | Bulkit | CSS Ninja */
/* ==========================================================================
Switches extension 
========================================================================== */
/***
TABLE OF CONTENTS
=============================================================================
0. Variables
1. Switch mixin
2. Switch styles
=============================================================================
***/
/* ==========================================================================
0. Variables
========================================================================== */
/* ==========================================================================
1. Switch mixin
========================================================================== */
/* ==========================================================================
2. Switch styles
========================================================================== */
.switch[type="checkbox"] {
  outline: 0;
  user-select: none;
  display: none;
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%; }
  .switch[type="checkbox"][disabled] {
    cursor: not-allowed; }
    .switch[type="checkbox"][disabled] + label {
      opacity: 0.5; }
      .switch[type="checkbox"][disabled] + label::before {
        opactiy: 0.5; }
      .switch[type="checkbox"][disabled] + label::after {
        opactiy: 0.5; }
      .switch[type="checkbox"][disabled] + label:hover, .switch[type="checkbox"][disabled] + label.is-hovered {
        cursor: not-allowed; }
  .switch[type="checkbox"] + label {
    position: relative;
    display: initial;
    font-size: 1.2rem;
    line-height: initial;
    padding-left: 4.1rem;
    padding-top: 0.2rem;
    cursor: pointer; }
    .switch[type="checkbox"] + label::before {
      position: absolute;
      display: block;
      top: 0;
      left: 0;
      width: 3.6rem;
      height: 1.8rem;
      border: 0.1rem solid transparent;
      border-radius: 100px;
      background: #ededed;
      content: ""; }
    .switch[type="checkbox"] + label::after {
      display: block;
      position: absolute;
      top: 0.25rem;
      left: 0.25rem;
      width: 1.3rem;
      height: 1.3rem;
      transform: translate3d(0, 0, 0);
      border-radius: 100px;
      background: #fff;
      transition: all 0.25s ease-out;
      content: ""; }
  .switch[type="checkbox"].is-rtl + label {
    padding-left: 0;
    padding-right: 4.1rem; }
    .switch[type="checkbox"].is-rtl + label::before {
      left: auto;
      right: 0; }
    .switch[type="checkbox"].is-rtl + label::after {
      left: auto;
      right: 0.25rem; }
  .switch[type="checkbox"]:focus:not(:active) + label::before {
    box-shadow: 0 0 0 0.125em rgba(237, 237, 237, 0.25); }
  .switch[type="checkbox"]:hover + label::before {
    background: #e7e7e7; }
  .switch[type="checkbox"]:active + label::before {
    background: #e0e0e0; }
  .switch[type="checkbox"]:checked + label::before {
    background: #878787; }
  .switch[type="checkbox"]:checked + label::after {
    left: 1.925rem; }
  .switch[type="checkbox"]:checked.is-rtl + label::after {
    left: auto;
    right: 1.925rem; }
  .switch[type="checkbox"]:checked:focus:not(:active) + label::before {
    box-shadow: 0 0 0 0.125em rgba(135, 135, 135, 0.25); }
  .switch[type="checkbox"]:checked:hover + label::before {
    background: #818181; }
  .switch[type="checkbox"]:checked:active + label::before {
    background: #7a7a7a; }
  .switch[type="checkbox"].is-outlined + label::before {
    background-color: transparent;
    border-color: #ededed; }
  .switch[type="checkbox"].is-outlined + label::after {
    background: #ededed; }
  .switch[type="checkbox"].is-outlined:hover + label::before {
    border-color: #e7e7e7; }
  .switch[type="checkbox"].is-outlined:hover + label::after {
    background: #e7e7e7; }
  .switch[type="checkbox"].is-outlined:active + label::before {
    border-color: #e7e7e7; }
  .switch[type="checkbox"].is-outlined:active + label::after {
    background: #e0e0e0; }
  .switch[type="checkbox"].is-outlined:checked + label::before {
    background-color: transparent;
    border-color: #878787; }
  .switch[type="checkbox"].is-outlined:checked + label::after {
    background: #878787; }
  .switch[type="checkbox"].is-outlined:checked:hover + label::before {
    border-color: #818181; }
  .switch[type="checkbox"].is-outlined:checked:hover + label::after {
    background: #818181; }
  .switch[type="checkbox"].is-outlined:checked:active + label::before {
    border-color: #818181; }
  .switch[type="checkbox"].is-outlined:checked:active + label::after {
    background: #7a7a7a; }
  .switch[type="checkbox"].is-thin + label::before {
    top: 0.65455rem;
    height: 0.45rem; }
  .switch[type="checkbox"].is-thin + label::after {
    box-shadow: 0px 0px 3px #878787; }
  .switch[type="checkbox"].is-small + label {
    position: relative;
    display: initial;
    font-size: 1rem;
    line-height: initial;
    padding-left: 3.5rem;
    padding-top: 0.2rem;
    cursor: pointer; }
    .switch[type="checkbox"].is-small + label::before {
      position: absolute;
      display: block;
      top: 0;
      left: 0;
      width: 3rem;
      height: 1.5rem;
      border: 0.1rem solid transparent;
      border-radius: 100px;
      background: #ededed;
      content: ""; }
    .switch[type="checkbox"].is-small + label::after {
      display: block;
      position: absolute;
      top: 0.25rem;
      left: 0.25rem;
      width: 1rem;
      height: 1rem;
      transform: translate3d(0, 0, 0);
      border-radius: 100px;
      background: #fff;
      transition: all 0.25s ease-out;
      content: ""; }
  .switch[type="checkbox"].is-small.is-rtl + label {
    padding-left: 0;
    padding-right: 3.5rem; }
    .switch[type="checkbox"].is-small.is-rtl + label::before {
      left: auto;
      right: 0; }
    .switch[type="checkbox"].is-small.is-rtl + label::after {
      left: auto;
      right: 0.25rem; }
  .switch[type="checkbox"].is-small:focus:not(:active) + label::before {
    box-shadow: 0 0 0 0.125em rgba(237, 237, 237, 0.25); }
  .switch[type="checkbox"].is-small:hover + label::before {
    background: #e7e7e7; }
  .switch[type="checkbox"].is-small:active + label::before {
    background: #e0e0e0; }
  .switch[type="checkbox"].is-small:checked + label::before {
    background: #878787; }
  .switch[type="checkbox"].is-small:checked + label::after {
    left: 1.625rem; }
  .switch[type="checkbox"].is-small:checked.is-rtl + label::after {
    left: auto;
    right: 1.625rem; }
  .switch[type="checkbox"].is-small:checked:focus:not(:active) + label::before {
    box-shadow: 0 0 0 0.125em rgba(135, 135, 135, 0.25); }
  .switch[type="checkbox"].is-small:checked:hover + label::before {
    background: #818181; }
  .switch[type="checkbox"].is-small:checked:active + label::before {
    background: #7a7a7a; }
  .switch[type="checkbox"].is-small.is-outlined + label::before {
    background-color: transparent;
    border-color: #ededed; }
  .switch[type="checkbox"].is-small.is-outlined + label::after {
    background: #ededed; }
  .switch[type="checkbox"].is-small.is-outlined:hover + label::before {
    border-color: #e7e7e7; }
  .switch[type="checkbox"].is-small.is-outlined:hover + label::after {
    background: #e7e7e7; }
  .switch[type="checkbox"].is-small.is-outlined:active + label::before {
    border-color: #e7e7e7; }
  .switch[type="checkbox"].is-small.is-outlined:active + label::after {
    background: #e0e0e0; }
  .switch[type="checkbox"].is-small.is-outlined:checked + label::before {
    background-color: transparent;
    border-color: #878787; }
  .switch[type="checkbox"].is-small.is-outlined:checked + label::after {
    background: #878787; }
  .switch[type="checkbox"].is-small.is-outlined:checked:hover + label::before {
    border-color: #818181; }
  .switch[type="checkbox"].is-small.is-outlined:checked:hover + label::after {
    background: #818181; }
  .switch[type="checkbox"].is-small.is-outlined:checked:active + label::before {
    border-color: #818181; }
  .switch[type="checkbox"].is-small.is-outlined:checked:active + label::after {
    background: #7a7a7a; }
  .switch[type="checkbox"].is-small.is-thin + label::before {
    top: 0.54545rem;
    height: 0.375rem; }
  .switch[type="checkbox"].is-small.is-thin + label::after {
    box-shadow: 0px 0px 3px #878787; }
  .switch[type="checkbox"].is-medium + label {
    position: relative;
    display: initial;
    font-size: 1.5rem;
    line-height: initial;
    padding-left: 5rem;
    padding-top: 0.2rem;
    cursor: pointer; }
    .switch[type="checkbox"].is-medium + label::before {
      position: absolute;
      display: block;
      top: 0;
      left: 0;
      width: 4.5rem;
      height: 2.25rem;
      border: 0.1rem solid transparent;
      border-radius: 100px;
      background: #ededed;
      content: ""; }
    .switch[type="checkbox"].is-medium + label::after {
      display: block;
      position: absolute;
      top: 0.25rem;
      left: 0.25rem;
      width: 1.75rem;
      height: 1.75rem;
      transform: translate3d(0, 0, 0);
      border-radius: 100px;
      background: #fff;
      transition: all 0.25s ease-out;
      content: ""; }
  .switch[type="checkbox"].is-medium.is-rtl + label {
    padding-left: 0;
    padding-right: 5rem; }
    .switch[type="checkbox"].is-medium.is-rtl + label::before {
      left: auto;
      right: 0; }
    .switch[type="checkbox"].is-medium.is-rtl + label::after {
      left: auto;
      right: 0.25rem; }
  .switch[type="checkbox"].is-medium:focus:not(:active) + label::before {
    box-shadow: 0 0 0 0.125em rgba(237, 237, 237, 0.25); }
  .switch[type="checkbox"].is-medium:hover + label::before {
    background: #e7e7e7; }
  .switch[type="checkbox"].is-medium:active + label::before {
    background: #e0e0e0; }
  .switch[type="checkbox"].is-medium:checked + label::before {
    background: #878787; }
  .switch[type="checkbox"].is-medium:checked + label::after {
    left: 2.375rem; }
  .switch[type="checkbox"].is-medium:checked.is-rtl + label::after {
    left: auto;
    right: 2.375rem; }
  .switch[type="checkbox"].is-medium:checked:focus:not(:active) + label::before {
    box-shadow: 0 0 0 0.125em rgba(135, 135, 135, 0.25); }
  .switch[type="checkbox"].is-medium:checked:hover + label::before {
    background: #818181; }
  .switch[type="checkbox"].is-medium:checked:active + label::before {
    background: #7a7a7a; }
  .switch[type="checkbox"].is-medium.is-outlined + label::before {
    background-color: transparent;
    border-color: #ededed; }
  .switch[type="checkbox"].is-medium.is-outlined + label::after {
    background: #ededed; }
  .switch[type="checkbox"].is-medium.is-outlined:hover + label::before {
    border-color: #e7e7e7; }
  .switch[type="checkbox"].is-medium.is-outlined:hover + label::after {
    background: #e7e7e7; }
  .switch[type="checkbox"].is-medium.is-outlined:active + label::before {
    border-color: #e7e7e7; }
  .switch[type="checkbox"].is-medium.is-outlined:active + label::after {
    background: #e0e0e0; }
  .switch[type="checkbox"].is-medium.is-outlined:checked + label::before {
    background-color: transparent;
    border-color: #878787; }
  .switch[type="checkbox"].is-medium.is-outlined:checked + label::after {
    background: #878787; }
  .switch[type="checkbox"].is-medium.is-outlined:checked:hover + label::before {
    border-color: #818181; }
  .switch[type="checkbox"].is-medium.is-outlined:checked:hover + label::after {
    background: #818181; }
  .switch[type="checkbox"].is-medium.is-outlined:checked:active + label::before {
    border-color: #818181; }
  .switch[type="checkbox"].is-medium.is-outlined:checked:active + label::after {
    background: #7a7a7a; }
  .switch[type="checkbox"].is-medium.is-thin + label::before {
    top: 0.81818rem;
    height: 0.5625rem; }
  .switch[type="checkbox"].is-medium.is-thin + label::after {
    box-shadow: 0px 0px 3px #878787; }
  .switch[type="checkbox"].is-large + label {
    position: relative;
    display: initial;
    font-size: 1.8rem;
    line-height: initial;
    padding-left: 5.9rem;
    padding-top: 0.2rem;
    cursor: pointer; }
    .switch[type="checkbox"].is-large + label::before {
      position: absolute;
      display: block;
      top: 0;
      left: 0;
      width: 5.4rem;
      height: 2.7rem;
      border: 0.1rem solid transparent;
      border-radius: 100px;
      background: #ededed;
      content: ""; }
    .switch[type="checkbox"].is-large + label::after {
      display: block;
      position: absolute;
      top: 0.25rem;
      left: 0.25rem;
      width: 2.2rem;
      height: 2.2rem;
      transform: translate3d(0, 0, 0);
      border-radius: 100px;
      background: #fff;
      transition: all 0.25s ease-out;
      content: ""; }
  .switch[type="checkbox"].is-large.is-rtl + label {
    padding-left: 0;
    padding-right: 5.9rem; }
    .switch[type="checkbox"].is-large.is-rtl + label::before {
      left: auto;
      right: 0; }
    .switch[type="checkbox"].is-large.is-rtl + label::after {
      left: auto;
      right: 0.25rem; }
  .switch[type="checkbox"].is-large:focus:not(:active) + label::before {
    box-shadow: 0 0 0 0.125em rgba(237, 237, 237, 0.25); }
  .switch[type="checkbox"].is-large:hover + label::before {
    background: #e7e7e7; }
  .switch[type="checkbox"].is-large:active + label::before {
    background: #e0e0e0; }
  .switch[type="checkbox"].is-large:checked + label::before {
    background: #878787; }
  .switch[type="checkbox"].is-large:checked + label::after {
    left: 2.825rem; }
  .switch[type="checkbox"].is-large:checked.is-rtl + label::after {
    left: auto;
    right: 2.825rem; }
  .switch[type="checkbox"].is-large:checked:focus:not(:active) + label::before {
    box-shadow: 0 0 0 0.125em rgba(135, 135, 135, 0.25); }
  .switch[type="checkbox"].is-large:checked:hover + label::before {
    background: #818181; }
  .switch[type="checkbox"].is-large:checked:active + label::before {
    background: #7a7a7a; }
  .switch[type="checkbox"].is-large.is-outlined + label::before {
    background-color: transparent;
    border-color: #ededed; }
  .switch[type="checkbox"].is-large.is-outlined + label::after {
    background: #ededed; }
  .switch[type="checkbox"].is-large.is-outlined:hover + label::before {
    border-color: #e7e7e7; }
  .switch[type="checkbox"].is-large.is-outlined:hover + label::after {
    background: #e7e7e7; }
  .switch[type="checkbox"].is-large.is-outlined:active + label::before {
    border-color: #e7e7e7; }
  .switch[type="checkbox"].is-large.is-outlined:active + label::after {
    background: #e0e0e0; }
  .switch[type="checkbox"].is-large.is-outlined:checked + label::before {
    background-color: transparent;
    border-color: #878787; }
  .switch[type="checkbox"].is-large.is-outlined:checked + label::after {
    background: #878787; }
  .switch[type="checkbox"].is-large.is-outlined:checked:hover + label::before {
    border-color: #818181; }
  .switch[type="checkbox"].is-large.is-outlined:checked:hover + label::after {
    background: #818181; }
  .switch[type="checkbox"].is-large.is-outlined:checked:active + label::before {
    border-color: #818181; }
  .switch[type="checkbox"].is-large.is-outlined:checked:active + label::after {
    background: #7a7a7a; }
  .switch[type="checkbox"].is-large.is-thin + label::before {
    top: 0.98182rem;
    height: 0.675rem; }
  .switch[type="checkbox"].is-large.is-thin + label::after {
    box-shadow: 0px 0px 3px #878787; }
  .switch[type="checkbox"].is-primary:checked + label::before {
    background: #235390; }
  .switch[type="checkbox"].is-primary:checked:focus:not(:active) + label::before {
    box-shadow: 0 0 0 0.125em rgba(35, 83, 144, 0.25); }
  .switch[type="checkbox"].is-primary:checked:hover + label::before {
    background: #214d86; }
  .switch[type="checkbox"].is-primary:checked:active + label::before {
    background: #1e477b; }
  .switch[type="checkbox"].is-primary.is-outlined:checked + label::before {
    background-color: transparent;
    border-color: #235390; }
  .switch[type="checkbox"].is-primary.is-outlined:checked + label::after {
    background: #235390; }
  .switch[type="checkbox"].is-primary.is-outlined:checked:hover + label::before {
    border-color: #214d86; }
  .switch[type="checkbox"].is-primary.is-outlined:checked:hover + label::after {
    background: #214d86; }
  .switch[type="checkbox"].is-primary.is-outlined:checked:active + label::before {
    border-color: #214d86; }
  .switch[type="checkbox"].is-primary.is-outlined:checked:active + label::after {
    background: #1e477b; }
  .switch[type="checkbox"].is-primary.is-thin.is-outlined + label::after {
    box-shadow: none; }
  .switch[type="checkbox"].is-secondary:checked + label::before {
    background: #78c800; }
  .switch[type="checkbox"].is-secondary:checked:focus:not(:active) + label::before {
    box-shadow: 0 0 0 0.125em rgba(120, 200, 0, 0.25); }
  .switch[type="checkbox"].is-secondary:checked:hover + label::before {
    background: #70bb00; }
  .switch[type="checkbox"].is-secondary:checked:active + label::before {
    background: #69af00; }
  .switch[type="checkbox"].is-secondary.is-outlined:checked + label::before {
    background-color: transparent;
    border-color: #78c800; }
  .switch[type="checkbox"].is-secondary.is-outlined:checked + label::after {
    background: #78c800; }
  .switch[type="checkbox"].is-secondary.is-outlined:checked:hover + label::before {
    border-color: #70bb00; }
  .switch[type="checkbox"].is-secondary.is-outlined:checked:hover + label::after {
    background: #70bb00; }
  .switch[type="checkbox"].is-secondary.is-outlined:checked:active + label::before {
    border-color: #70bb00; }
  .switch[type="checkbox"].is-secondary.is-outlined:checked:active + label::after {
    background: #69af00; }
  .switch[type="checkbox"].is-secondary.is-thin.is-outlined + label::after {
    box-shadow: none; }
  .switch[type="checkbox"].is-accent:checked + label::before {
    background: #ebf2fa; }
  .switch[type="checkbox"].is-accent:checked:focus:not(:active) + label::before {
    box-shadow: 0 0 0 0.125em rgba(235, 242, 250, 0.25); }
  .switch[type="checkbox"].is-accent:checked:hover + label::before {
    background: #e1ebf7; }
  .switch[type="checkbox"].is-accent:checked:active + label::before {
    background: #d7e5f5; }
  .switch[type="checkbox"].is-accent.is-outlined:checked + label::before {
    background-color: transparent;
    border-color: #ebf2fa; }
  .switch[type="checkbox"].is-accent.is-outlined:checked + label::after {
    background: #ebf2fa; }
  .switch[type="checkbox"].is-accent.is-outlined:checked:hover + label::before {
    border-color: #e1ebf7; }
  .switch[type="checkbox"].is-accent.is-outlined:checked:hover + label::after {
    background: #e1ebf7; }
  .switch[type="checkbox"].is-accent.is-outlined:checked:active + label::before {
    border-color: #e1ebf7; }
  .switch[type="checkbox"].is-accent.is-outlined:checked:active + label::after {
    background: #d7e5f5; }
  .switch[type="checkbox"].is-accent.is-thin.is-outlined + label::after {
    box-shadow: none; }
  .switch[type="checkbox"].is-info:checked + label::before {
    background: #039BE5; }
  .switch[type="checkbox"].is-info:checked:focus:not(:active) + label::before {
    box-shadow: 0 0 0 0.125em rgba(3, 155, 229, 0.25); }
  .switch[type="checkbox"].is-info:checked:hover + label::before {
    background: #0392d8; }
  .switch[type="checkbox"].is-info:checked:active + label::before {
    background: #038acc; }
  .switch[type="checkbox"].is-info.is-outlined:checked + label::before {
    background-color: transparent;
    border-color: #039BE5; }
  .switch[type="checkbox"].is-info.is-outlined:checked + label::after {
    background: #039BE5; }
  .switch[type="checkbox"].is-info.is-outlined:checked:hover + label::before {
    border-color: #0392d8; }
  .switch[type="checkbox"].is-info.is-outlined:checked:hover + label::after {
    background: #0392d8; }
  .switch[type="checkbox"].is-info.is-outlined:checked:active + label::before {
    border-color: #0392d8; }
  .switch[type="checkbox"].is-info.is-outlined:checked:active + label::after {
    background: #038acc; }
  .switch[type="checkbox"].is-info.is-thin.is-outlined + label::after {
    box-shadow: none; }
  .switch[type="checkbox"].is-success:checked + label::before {
    background: #00b289; }
  .switch[type="checkbox"].is-success:checked:focus:not(:active) + label::before {
    box-shadow: 0 0 0 0.125em rgba(0, 178, 137, 0.25); }
  .switch[type="checkbox"].is-success:checked:hover + label::before {
    background: #00a57f; }
  .switch[type="checkbox"].is-success:checked:active + label::before {
    background: #009975; }
  .switch[type="checkbox"].is-success.is-outlined:checked + label::before {
    background-color: transparent;
    border-color: #00b289; }
  .switch[type="checkbox"].is-success.is-outlined:checked + label::after {
    background: #00b289; }
  .switch[type="checkbox"].is-success.is-outlined:checked:hover + label::before {
    border-color: #00a57f; }
  .switch[type="checkbox"].is-success.is-outlined:checked:hover + label::after {
    background: #00a57f; }
  .switch[type="checkbox"].is-success.is-outlined:checked:active + label::before {
    border-color: #00a57f; }
  .switch[type="checkbox"].is-success.is-outlined:checked:active + label::after {
    background: #009975; }
  .switch[type="checkbox"].is-success.is-thin.is-outlined + label::after {
    box-shadow: none; }
  .switch[type="checkbox"].is-warning:checked + label::before {
    background: #eda514; }
  .switch[type="checkbox"].is-warning:checked:focus:not(:active) + label::before {
    box-shadow: 0 0 0 0.125em rgba(237, 165, 20, 0.25); }
  .switch[type="checkbox"].is-warning:checked:hover + label::before {
    background: #e39d11; }
  .switch[type="checkbox"].is-warning:checked:active + label::before {
    background: #d79510; }
  .switch[type="checkbox"].is-warning.is-outlined:checked + label::before {
    background-color: transparent;
    border-color: #eda514; }
  .switch[type="checkbox"].is-warning.is-outlined:checked + label::after {
    background: #eda514; }
  .switch[type="checkbox"].is-warning.is-outlined:checked:hover + label::before {
    border-color: #e39d11; }
  .switch[type="checkbox"].is-warning.is-outlined:checked:hover + label::after {
    background: #e39d11; }
  .switch[type="checkbox"].is-warning.is-outlined:checked:active + label::before {
    border-color: #e39d11; }
  .switch[type="checkbox"].is-warning.is-outlined:checked:active + label::after {
    background: #d79510; }
  .switch[type="checkbox"].is-warning.is-thin.is-outlined + label::after {
    box-shadow: none; }
  .switch[type="checkbox"].is-danger:checked + label::before {
    background: #FF7273; }
  .switch[type="checkbox"].is-danger:checked:focus:not(:active) + label::before {
    box-shadow: 0 0 0 0.125em rgba(255, 114, 115, 0.25); }
  .switch[type="checkbox"].is-danger:checked:hover + label::before {
    background: #ff6566; }
  .switch[type="checkbox"].is-danger:checked:active + label::before {
    background: #ff595a; }
  .switch[type="checkbox"].is-danger.is-outlined:checked + label::before {
    background-color: transparent;
    border-color: #FF7273; }
  .switch[type="checkbox"].is-danger.is-outlined:checked + label::after {
    background: #FF7273; }
  .switch[type="checkbox"].is-danger.is-outlined:checked:hover + label::before {
    border-color: #ff6566; }
  .switch[type="checkbox"].is-danger.is-outlined:checked:hover + label::after {
    background: #ff6566; }
  .switch[type="checkbox"].is-danger.is-outlined:checked:active + label::before {
    border-color: #ff6566; }
  .switch[type="checkbox"].is-danger.is-outlined:checked:active + label::after {
    background: #ff595a; }
  .switch[type="checkbox"].is-danger.is-thin.is-outlined + label::after {
    box-shadow: none; }

/*! _timeline.scss | Bulkit | CSS Ninja */
/* ==========================================================================
Timeline extension 
========================================================================== */
/***
TABLE OF CONTENTS
=============================================================================
0. Variables
1. Timeline
2. Responsive styles
3. Activity feed
=============================================================================
***/
/* ==========================================================================
0. Variables
========================================================================== */
/* ==========================================================================
1. Timeline
========================================================================== */
.timeline {
  width: 100%;
  margin: 30px auto;
  position: relative;
  padding: 0 10px;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  transition: all 0.4s ease; }
  .timeline *, .timeline *:before, .timeline *:after {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box; }
  .timeline .timeline-item:after, .timeline .timeline-item:before {
    content: '';
    display: block;
    width: 100%;
    clear: both; }
  .timeline:before {
    content: "";
    width: 3px;
    height: 100%;
    background: #ededed;
    left: 50%;
    top: 0;
    position: absolute; }
  .timeline:after {
    content: "";
    clear: both;
    display: table;
    width: 100%; }
  .timeline .timeline-item {
    margin-bottom: 50px;
    position: relative; }
    .timeline .timeline-item .timeline-icon {
      background: #ebf2fa;
      width: 50px;
      height: 50px;
      position: absolute;
      top: 0;
      left: 50%;
      overflow: hidden;
      margin-left: -23px;
      cursor: pointer;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      border-radius: 50%;
      -webkit-box-shadow: 0px 5px 43px rgba(0, 0, 0, 0.18);
      -moz-box-shadow: 0px 5px 43px rgba(0, 0, 0, 0.18);
      -ms-box-shadow: 0px 5px 43px rgba(0, 0, 0, 0.18);
      box-shadow: 0px 5px 43px rgba(0, 0, 0, 0.18); }
      .timeline .timeline-item .timeline-icon i {
        position: relative;
        font-size: 1.6rem;
        top: 12px;
        left: 13px;
        color: #fff; }
      .timeline .timeline-item .timeline-icon svg {
        position: relative;
        top: 14px;
        left: 14px; }
    .timeline .timeline-item .timeline-content {
      width: 45%;
      background: #fff;
      padding: 20px;
      -webkit-box-shadow: 0px 5px 43px rgba(0, 0, 0, 0.18);
      -moz-box-shadow: 0px 5px 43px rgba(0, 0, 0, 0.18);
      -ms-box-shadow: 0px 5px 43px rgba(0, 0, 0, 0.18);
      box-shadow: 0px 5px 43px rgba(0, 0, 0, 0.18);
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      border-radius: 5px;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      .timeline .timeline-item .timeline-content .content-header {
        padding: 10px;
        background: #fff;
        color: #444F60;
        margin: -20px -20px 0 -20px;
        font-weight: 300;
        -webkit-border-radius: 3px 3px 0 0;
        -moz-border-radius: 3px 3px 0 0;
        -ms-border-radius: 3px 3px 0 0;
        border-radius: 3px 3px 0 0; }
        .timeline .timeline-item .timeline-content .content-header .timestamp {
          font-size: 0.9rem;
          color: #999; }
      .timeline .timeline-item .timeline-content .content-body {
        position: relative;
        display: flex;
        width: 100%; }
        .timeline .timeline-item .timeline-content .content-body .timeline-avatar {
          height: 40px;
          -webkit-border-radius: 100px;
          -moz-border-radius: 100px;
          -ms-border-radius: 100px;
          border-radius: 100px; }
        .timeline .timeline-item .timeline-content .content-body .timeline-text {
          margin: 0 10px; }
          .timeline .timeline-item .timeline-content .content-body .timeline-text div:first-child {
            font-family: 'Nexa Bold', sans-serif;
            font-weight: 500;
            color: #444F60; }
          .timeline .timeline-item .timeline-content .content-body .timeline-text div:last-child {
            color: #999; }
          .timeline .timeline-item .timeline-content .content-body .timeline-text .timestamp {
            font-size: 0.9rem;
            color: #999; }
      .timeline .timeline-item .timeline-content:before {
        content: '';
        position: absolute;
        left: 45%;
        top: 20px;
        width: 0;
        height: 0;
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent;
        border-left: 7px solid #fff; }
      .timeline .timeline-item .timeline-content.right {
        float: right; }
        .timeline .timeline-item .timeline-content.right:before {
          content: '';
          right: 45%;
          left: inherit;
          border-left: 0;
          border-right: 7px solid #fff; }
  .timeline.doted .timeline-icon {
    background: white;
    border: 2px solid #ededed;
    width: 14px;
    height: 14px;
    position: absolute;
    top: 22%;
    overflow: hidden;
    margin: -5px;
    cursor: pointer;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0px 5px 43px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 0px 5px 43px rgba(0, 0, 0, 0.18);
    -ms-box-shadow: 0px 5px 43px rgba(0, 0, 0, 0.18);
    box-shadow: 0px 5px 43px rgba(0, 0, 0, 0.18); }

/* ==========================================================================
2. Responsive styles
========================================================================== */
@media screen and (max-width: 768px) {
  .timeline {
    margin: 10px;
    padding: 0px;
    width: 100%; }
    .timeline:before {
      left: 0; }
    .timeline .timeline-item .timeline-content {
      width: 90%;
      float: right; }
      .timeline .timeline-item .timeline-content:before, .timeline .timeline-item .timeline-content.right:before {
        left: 10%;
        margin-left: -6px;
        border-left: 0;
        border-right: 7px solid #fff; }
    .timeline .timeline-item .timeline-icon {
      left: 0; }
    .timeline.doted .timeline-icon {
      left: 0; } }

/* ==========================================================================
3. Activity feed
========================================================================== */
.simple-feed {
  padding: 15px;
  list-style: none; }
  .simple-feed a {
    color: #ebf2fa; }
  .simple-feed .feed-item {
    position: relative;
    top: -10px;
    padding-bottom: 40px;
    padding-left: 30px;
    border-left: 2px solid #ededed;
    display: flex;
    align-items: center; }
    .simple-feed .feed-item .name {
      font-weight: 600;
      color: #444F60; }
    .simple-feed .feed-item img {
      border-radius: 100px;
      width: 45px;
      height: 45px; }
    .simple-feed .feed-item .feed-item-text {
      margin-left: 15px; }
    .simple-feed .feed-item::after {
      content: "";
      display: block;
      position: absolute;
      top: 20%;
      left: -8px;
      width: 14px;
      height: 14px;
      border-radius: 100px;
      background: #fff;
      border: 2px solid #ededed; }
    .simple-feed .feed-item .date {
      display: block;
      position: relative;
      top: -5px;
      color: #999;
      text-transform: none;
      font-size: 13px; }
    .simple-feed .feed-item .text {
      position: relative;
      top: -3px; }

/*! _uploader.scss | Bulkit | CSS Ninja */
/* ==========================================================================
File uploader extension 
========================================================================== */
/***
TABLE OF CONTENTS
=============================================================================
0. One button theme
1. Thumbnails theme
2. Drag and drop theme
=============================================================================
***/
/* ==========================================================================
0. One button theme
========================================================================== */
.fileuploader-theme-onebutton .fileuploader-input {
  display: inline-block; }

.fileuploader-theme-onebutton .fileuploader-input .fileuploader-input-caption {
  display: none; }

/* ==========================================================================
1. Thumbnails theme
========================================================================== */
.fileuploader-theme-thumbnails .fileuploader-thumbnails-input, .fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item {
  display: inline-block;
  width: 25%;
  height: 115px;
  line-height: 95px;
  padding: 10px;
  vertical-align: top; }

.fileuploader-theme-thumbnails .fileuploader-thumbnails-input-inner {
  width: 100%;
  max-width: 95px;
  height: 100%;
  border: 2px dashed #c2cdda;
  border-radius: 4px;
  text-align: center;
  font-size: 30px;
  color: #acb9c7;
  vertical-align: top;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.1s ease;
  transition: all 0.1s ease; }
  .fileuploader-theme-thumbnails .fileuploader-thumbnails-input-inner span {
    position: relative;
    top: -5px; }

.fileuploader-theme-thumbnails .fileuploader-thumbnails-input-inner:hover, .fileuploader-theme-thumbnails .fileuploader-thumbnails-input-inner:active {
  border-color: #92a7bf;
  color: #899baf; }

.fileuploader-theme-thumbnails .fileuploader-dragging .fileuploader-thumbnails-input-inner {
  background: #fff; }

.fileuploader-theme-thumbnails .fileuploader-items-list {
  margin: -5px -10px; }

.fileuploader-theme-thumbnails .fileuploader-item {
  -webkit-animation: fileuploaderScaleIn 0.2s ease;
  animation: fileuploaderScaleIn 0.2s ease;
  border-bottom: 0; }

.fileuploader-theme-thumbnails .fileuploader-item-inner {
  position: relative;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.6);
  overflow: hidden;
  z-index: 1; }

.fileuploader-theme-thumbnails .fileuploader-item-inner, .fileuploader-theme-thumbnails fileuploader-item-inner .thumbnail-holder, .fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item-image {
  width: 100%;
  height: 100%; }

.fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item-image {
  position: relative;
  text-align: center;
  overflow: hidden; }

.fileuploader-theme-thumbnails .fileuploader-item .fileuploader-item-image img,
.fileuploader-theme-thumbnails .fileuploader-item .fileuploader-item-image canvas {
  border-radius: 0; }

.fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item-image img {
  max-height: 100%;
  min-height: 100%;
  max-width: none; }

.fileuploader-theme-thumbnails .fileuploader-item .fileuploader-item-image.fileuploader-loading:after {
  top: 50%;
  left: 50%;
  width: 30px;
  height: 30px;
  margin-left: -15px;
  margin-top: -15px;
  opacity: 0.2; }

.fileuploader-theme-thumbnails .fileuploader-items-list .actions-holder {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  background: rgba(33, 33, 33, 0.55);
  text-align: right;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  opacity: 0;
  z-index: 3; }

.fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item:hover .actions-holder {
  opacity: 1; }

.fileuploader-theme-thumbnails .fileuploader-action {
  background: none;
  border: 0;
  width: 24px;
  height: 24px;
  margin: 3px 3px 0 0;
  z-index: 2; }

.fileuploader-theme-thumbnails .fileuploader-action-remove i:before,
.fileuploader-theme-thumbnails .fileuploader-action-remove i:after {
  top: 4px;
  left: 10px;
  height: 14px;
  width: 3px;
  background: #fff; }

.fileuploader-theme-thumbnails .fileuploader-action-sort i {
  top: 10px;
  width: 12px; }

.fileuploader-theme-thumbnails .fileuploader-action-sort i:before {
  top: -4px; }

.fileuploader-theme-thumbnails .fileuploader-action-sort i:after {
  top: 4px; }

.fileuploader-theme-thumbnails .fileuploader-action-popup {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  z-index: 1; }

.fileuploader-theme-thumbnails .fileuploader-item.upload-failed {
  background: none; }

.fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item.upload-failed .fileuploader-item-icon {
  display: block !important;
  background: #db6868 !important;
  color: #fff; }

.fileuploader-theme-thumbnails .fileuploader-item.upload-pending .fileuploader-action-remove:after {
  right: 0;
  margin-top: -14px; }

.fileuploader-theme-thumbnails .fileuploader-item .progress-holder {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.fileuploader-theme-thumbnails .fileuploader-item .progress-holder .fileuploader-progressbar {
  position: relative;
  top: 50%;
  width: 80%;
  height: 6px;
  margin: 0 auto;
  background: #dde4f6; }

.fileuploader-theme-thumbnails .fileuploader-item.sorting {
  -webkit-animation: none;
  animation: none; }

.fileuploader-theme-thumbnails .fileuploader-sorter-placeholder {
  background: none; }

.fileuploader-theme-thumbnails .fileuploader-sorter-placeholder div {
  background: #fff; }

/* ==========================================================================
2. Drag and drop theme
========================================================================== */
.fileuploader-theme-dragdrop .fileuploader-input {
  display: block;
  padding: 60px 0;
  background: #fff;
  border: 2px dashed #c2cdda;
  border-radius: 3px;
  text-align: center;
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease; }

.fileuploader-theme-dragdrop .fileuploader-input .fileuploader-input-inner {
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease; }

.fileuploader-theme-dragdrop .fileuploader-input.fileuploader-dragging .fileuploader-input-inner {
  opacity: 0.4; }

.fileuploader-theme-dragdrop .fileuploader-input.fileuploader-dragging img {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }

.fileuploader-theme-dragdrop .fileuploader-input img {
  display: block;
  max-width: 64px;
  margin: 0 auto;
  margin-bottom: 30px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease; }

.fileuploader-theme-dragdrop .fileuploader-input h3 {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  font-size: 18px;
  line-height: 23px;
  font-weight: bold;
  color: #555a6b;
  white-space: normal; }

.fileuploader-theme-dragdrop .fileuploader-input p {
  color: #74809d; }

.fileuploader-theme-dragdrop.fileuploader-is-uploading .fileuploader-input-caption:after {
  display: none; }

.fileuploader-theme-dragdrop .fileuploader-pending-loader .right-half,
.fileuploader-theme-dragdrop .fileuploader-pending-loader .spinner {
  background: #687ddb; }

.fileuploader-theme-dragdrop .fileuploader-input p {
  margin: 10px 0; }

/*! _details.scss | Bulkit | CSS Ninja */
/* ==========================================================================
Miscellaneous styles
========================================================================== */
/***
TABLE OF CONTENTS
=============================================================================
0. Video embed
1. Image hover effects setup
2. Hover effects and team hover effects
3. Material design box shadow helpers
4. Dashboard login style switcher
=============================================================================
***/
/* ==========================================================================
0. Video embed
========================================================================== */
.side-block {
  width: 100%;
  height: 100%;
  position: relative;
  background-color: transparent;
  overflow: visible;
  z-index: 2; }
  .side-block .background-wrapper {
    background-color: #344258;
    border-radius: 10px;
    overflow: visible; }
    .side-block .background-wrapper .video-wrapper {
      position: relative;
      height: 0;
      max-width: 100%;
      padding-bottom: 56.25%;
      margin-bottom: 0;
      overflow: hidden;
      cursor: pointer;
      display: block; }
      .side-block .background-wrapper .video-wrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        border-radius: 10px;
        overflow: hidden; }
      .side-block .background-wrapper .video-wrapper .video-overlay {
        position: absolute;
        /*height: 100%;*/
        width: 100%;
        background-size: cover;
        filter: alpha(opacity=35);
        opacity: 0.2; }
      .side-block .background-wrapper .video-wrapper .playbutton {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -40px;
        margin-top: -63px;
        cursor: pointer; }
        .side-block .background-wrapper .video-wrapper .playbutton .icon-play i {
          font-size: 6rem;
          color: #235390;
          transition: all 0.5s; }
          .side-block .background-wrapper .video-wrapper .playbutton .icon-play i:hover {
            color: #78c800; }

/* ==========================================================================
1. Image hover effects setup
========================================================================== */
.image-grid .image-title {
  font-size: 1.1rem;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 2rem;
  color: #444F60; }

.image-grid figure {
  position: relative;
  overflow: hidden;
  background: transparent;
  text-align: center;
  cursor: pointer;
  box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.18); }
  .image-grid figure img {
    position: relative;
    display: block;
    min-height: 100%;
    max-width: 100%;
    opacity: 0.8; }
  .image-grid figure figcaption {
    padding: 2em;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    .image-grid figure figcaption:before, .image-grid figure figcaption:after {
      pointer-events: none; }
    .image-grid figure figcaption a {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 1000;
      text-indent: 200%;
      white-space: nowrap;
      font-size: 0;
      opacity: 0; }
  .image-grid figure h2 {
    word-spacing: -0.15em;
    font-weight: 300;
    margin: 0; }
    .image-grid figure h2 span {
      font-weight: 800; }
  .image-grid figure p {
    margin: 0;
    letter-spacing: 1px;
    font-size: 68.5%; }
    .image-grid figure p span {
      font-size: 75% !important;
      color: #fff; }

/* ==========================================================================
2. Hover effects and team hover effects
========================================================================== */
figure.round-corner {
  background: -webkit-linear-gradient(-45deg, #000 0%, #fff 100%);
  background: linear-gradient(-45deg, #000 0%, #fff 100%);
  border-radius: 5px;
  box-shadow: 0 3px 10px 4px rgba(0, 0, 0, 0.04); }
  figure.round-corner img {
    margin: -10px 0 0 -10px;
    max-width: none;
    width: -webkit-calc(100% + 10px);
    width: calc(100% + 10px);
    opacity: 0.9;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(10px, 10px, 0);
    transform: translate3d(10px, 10px, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
  figure.round-corner figcaption:before {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    position: absolute;
    right: -100px;
    bottom: -100px;
    width: 300px;
    height: 300px;
    border: 2px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 900px rgba(255, 255, 255, 0.2);
    content: '';
    opacity: 0;
    -webkit-transform: scale3d(0.5, 0.5, 1);
    transform: scale3d(0.5, 0.5, 1);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%; }
  figure.round-corner p {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 0 1.5em 1.5em 0;
    width: 140px;
    text-align: right;
    opacity: 0;
    -webkit-transform: translate3d(20px, 20px, 0);
    transform: translate3d(20px, 20px, 0); }
  figure.round-corner:hover img {
    opacity: 0.6;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  figure.round-corner:hover figcaption::before {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  figure.round-corner:hover h2, figure.round-corner:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  figure.round-corner h2 {
    text-align: left;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(5px, 5px, 0);
    transform: translate3d(5px, 5px, 0); }

figure.cornered img {
  max-width: none;
  width: -webkit-calc(100% + 60px);
  width: calc(100% + 60px);
  opacity: 1;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(-30px, 0, 0) scale(1.12);
  transform: translate3d(-30px, 0, 0) scale(1.12);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

figure.cornered h2 {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 1em 1.2em; }

figure.cornered:hover img {
  opacity: 0.5;
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1); }

figure.cornered:hover p {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

figure.cornered p {
  padding: 0 10px 0 0;
  width: 50%;
  border-right: 1px solid #fff;
  text-align: right;
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(-40px, 0, 0);
  transform: translate3d(-40px, 0, 0); }

figure.team-hover figcaption {
  top: auto;
  bottom: 0;
  padding: 1em;
  height: 3.75em;
  background: #fff;
  color: #3c4a50;
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0); }

figure.team-hover h2 {
  float: left;
  display: inline-block; }

figure.team-hover p.icon-links a {
  float: right !important;
  color: #3c4a50;
  font-size: 1.4em; }
  figure.team-hover p.icon-links a:hover span::before {
    color: #235390; }

figure.team-hover p.description {
  position: absolute;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.3);
  bottom: 65px;
  padding: 1em;
  color: #fff;
  text-transform: none;
  font-size: 90%;
  opacity: 0;
  -webkit-backface-visibility: hidden;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
  -webkit-backface-visibility: hidden; }

figure.team-hover h2, figure.team-hover p.icon-links a {
  position: static;
  width: auto;
  height: auto;
  z-index: 1000;
  text-indent: 0 !important;
  white-space: nowrap;
  opacity: inherit;
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(0, 200%, 0);
  transform: translate3d(0, 200%, 0); }

figure.team-hover p.icon-links a span::before {
  display: inline-block;
  font-size: 1.2rem;
  margin-top: -5px;
  padding: 8px 10px;
  font-family: 'FontAwesome';
  color: #444F60;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

figure.team-hover .icon-twitter::before {
  content: '\F099'; }

figure.team-hover .icon-linkedin::before {
  content: '\F0E1'; }

figure.team-hover .icon-dribbble::before {
  content: '\F17D'; }

figure.team-hover:hover p.icon-links a:hover, figure.team-hover:hover p.icon-links a:focus {
  color: #252d31; }

figure.team-hover:hover p.description {
  opacity: 1; }

figure.team-hover:hover figcaption, figure.team-hover:hover h2, figure.team-hover:hover p.icon-links a {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

figure.team-hover:hover h2 {
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s; }

figure.team-hover:hover p.icon-links a:nth-child(3) {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s; }

figure.team-hover:hover p.icon-links a:nth-child(2) {
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s; }

figure.team-hover:hover p.icon-links a:first-child {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s; }

figure.team-slanted {
  background: #162633;
  text-align: left; }
  figure.team-slanted img {
    -webkit-transition: opacity 0.45s;
    transition: opacity 0.45s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
  figure.team-slanted figcaption::before {
    position: absolute;
    top: 95%;
    left: 10%;
    width: 200%;
    height: 100%;
    opacity: 0;
    background: rgba(255, 255, 255, 0.8) no-repeat center center;
    background-size: 100% 100%;
    content: '';
    -webkit-transition: opacity 0.45s, -webkit-transform 0.45s;
    transition: opacity 0.45s, transform 0.45s;
    -webkit-transform: rotate3d(0, 0, 1, 0);
    transform: rotate3d(0, 0, 1, 0);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%; }
  figure.team-slanted .member-position {
    position: static !important;
    font-size: 0.9rem;
    opacity: 0;
    transition: all 0.5s; }
  figure.team-slanted h2 {
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  figure.team-slanted p {
    position: absolute;
    right: 0;
    bottom: -5px;
    padding: 0 1.5em 7% 0; }
  figure.team-slanted a {
    margin: 0 10px;
    color: #5d504f;
    font-size: 170% !important;
    position: static !important;
    width: auto;
    height: auto;
    text-indent: 0 !important;
    white-space: nowrap;
    opacity: 1 !important; }
    figure.team-slanted a:hover, figure.team-slanted a:focus {
      color: #235390; }
  figure.team-slanted p a i {
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0); }
  figure.team-slanted:hover img {
    opacity: 0.6; }
  figure.team-slanted:hover h2 {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  figure.team-slanted:hover figcaption::before {
    opacity: 0.9;
    transform: rotate(-15deg); }
  figure.team-slanted:hover p i {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  figure.team-slanted:hover p a:nth-child(3) i {
    -webkit-transition-delay: 0.05s;
    transition-delay: 0.05s; }
  figure.team-slanted:hover p a:nth-child(2) i {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s; }
  figure.team-slanted:hover p a:first-child i {
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s; }
  figure.team-slanted:hover .member-position {
    opacity: 1; }

/* ==========================================================================
3. Material design box shadow helpers
========================================================================== */
.shadow-z-1 {
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37); }

.shadow-z-2 {
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.3), 0 2px 2px 0 rgba(0, 0, 0, 0.2); }

.shadow-z-3 {
  box-shadow: 0 13px 25px 0 rgba(0, 0, 0, 0.3), 0 7px 7px 0 rgba(0, 0, 0, 0.19); }

.shadow-z-4 {
  box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.3), 0 14px 12px 0 rgba(0, 0, 0, 0.17); }

.shadow-z-5 {
  box-shadow: 0 27px 55px 0 rgba(0, 0, 0, 0.3), 0 17px 17px 0 rgba(0, 0, 0, 0.15); }

/* ==========================================================================
4. Dashboard login style switcher
========================================================================== */
.switcher .switcher-block {
  width: 48px;
  height: 48px;
  background-color: #999;
  position: fixed;
  top: 20px;
  left: 20px;
  border-radius: 4px;
  transition: all 0.5s;
  cursor: pointer;
  overflow: visible; }
  .switcher .switcher-block.is-primary {
    background-color: #235390; }
  .switcher .switcher-block.is-secondary {
    background-color: #78c800; }
  .switcher .switcher-block.is-accent {
    background-color: #ebf2fa; }
  .switcher .switcher-block:hover {
    width: 200px; }
    .switcher .switcher-block:hover .button-text {
      display: block; }
  .switcher .switcher-block i {
    position: relative;
    top: 15px;
    left: 15px;
    color: #fff;
    font-size: 1.3rem; }
  .switcher .switcher-block .button-text {
    position: absolute;
    top: 13px;
    left: 35%;
    color: #fff;
    display: none; }

/*! _auth.scss | Bulkit | CSS Ninja */
/* ==========================================================================
Login and Sign up shared styles 
========================================================================== */
/***
TABLE OF CONTENTS
=============================================================================
0. Logo section
1. Layout
2. Hero sections
3. Links
4. Miscellaneous
=============================================================================
***/
/* ==========================================================================
0. Logo section
========================================================================== */
.top-logo {
  height: 40px; }

.intro-section .intro-text .intro-title {
  margin: 15px 0;
  font-size: 18px;
  color: #235390; }

.intro-section .intro-text .intro-sub {
  padding: 20px 30px;
  font-size: 14px;
  color: #A9ABAC; }

/* ==========================================================================
1. Layout
========================================================================== */
.login {
  padding: 10px 0; }

.column.login-column {
  padding: 0 !important; }

.login-wrapper {
  overflow: hidden !important;
  height: 100%;
  padding: 0;
  margin: 0; }
  .login-wrapper.is-gapless:not(:last-child) {
    margin-bottom: 0 !important; }

.hero.login-hero, .hero.signup-hero {
  background-position: center;
  background-size: auto; }

#signup-banner .hero {
  background: url("https://source.unsplash.com/DWui9DmfCXA/");
  background-position: center;
  background-size: cover;
  background-blend-mode: screen; }

/* ==========================================================================
2. Hero sections
========================================================================== */
.hero-banner .title {
  padding: 25px;
  padding-top: 25%; }

.hero-banner .subtitle {
  padding: 0 30px; }

.hero-banner img.login-city {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 0; }

.hero-banner .button {
  position: relative;
  z-index: 2; }

.signup-hero .title {
  padding: 25px;
  padding-top: 15%; }

.signup-hero .subtitle {
  padding: 0 22%; }

.signup-hero img.mockup {
  position: absolute;
  bottom: -15%;
  left: 0;
  right: 0;
  z-index: 0; }

.signup-hero .already {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 20px; }
  .signup-hero .already span {
    margin-right: 15px;
    color: #fff; }
  .signup-hero .already a {
    min-width: 80px; }

/* ==========================================================================
3. Links
========================================================================== */
.forgot, .no-account, .return {
  color: #A9ABAC !important;
  transition: opacity 0.5s; }
  .forgot:hover, .no-account:hover, .return:hover {
    opacity: 0.8;
    color: #235390 !important; }
  .forgot.is-secondary, .no-account.is-secondary, .return.is-secondary {
    color: #78c800 !important; }
  .forgot.is-accent, .no-account.is-accent, .return.is-accent {
    color: #ebf2fa !important; }

.forgot-password a {
  color: #95A5A6;
  font-weight: normal;
  padding-right: 20px;
  transition: all 0.6s; }
  .forgot-password a:hover {
    color: #235390; }

.no-account-link a {
  color: #A9ABAC;
  font-weight: 500; }
  .no-account-link a:hover {
    color: #235390; }

/* ==========================================================================
4. Miscellaneous
========================================================================== */
.icon.user,
.icon.password {
  margin: 5px 10px 0 0; }

.checkbox-wrap {
  color: #A9ABAC;
  margin-bottom: 10px; }
  .checkbox-wrap span {
    position: relative;
    top: -2px; }

/*! _startup.scss | Bulkit | CSS Ninja */
/* ==========================================================================
Startup Kit SCSS file
========================================================================== */
/***
TABLE OF CONTENTS
=============================================================================
0. Wallop fullscreen slider
1. Section title
2. Icon box
3. Images
4. Pulsating dots and custom tooltips
5. Product page
6. Cards
7. Team section
8. Parallax counters
9. Pricing
=============================================================================
***/
/* ==========================================================================
0. Wallop fullscreen slider
========================================================================== */
.Wallop {
  top: -65px;
  /* Pagination */ }
  .Wallop .Wallop-list {
    width: 100%;
    height: 100%; }
  .Wallop .Wallop-item {
    width: 100%;
    height: 100%;
    min-height: 100vh;
    background-size: cover;
    background-repeat: no-repeat; }
  .Wallop .Wallop-buttonPrevious, .Wallop .Wallop-buttonNext {
    position: absolute;
    top: 48%;
    background: none;
    border: none;
    cursor: pointer;
    z-index: 6; }
    .Wallop .Wallop-buttonPrevious:hover i, .Wallop .Wallop-buttonNext:hover i {
      opacity: 0.8;
      transform: scale(1.05); }
    .Wallop .Wallop-buttonPrevious i, .Wallop .Wallop-buttonNext i {
      font-size: 3.5rem;
      color: #fff;
      transition: all .4s; }
    .Wallop .Wallop-buttonPrevious:active, .Wallop .Wallop-buttonPrevious:focus, .Wallop .Wallop-buttonNext:active, .Wallop .Wallop-buttonNext:focus {
      outline: none !important; }
  .Wallop .Wallop-buttonPrevious {
    left: 20px; }
  .Wallop .Wallop-buttonNext {
    right: 20px; }
  .Wallop .Wallop-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.3);
    z-index: 1; }
  .Wallop .Wallop-pagination {
    text-align: center;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 40px;
    z-index: 100; }
  .Wallop .Wallop-dot {
    text-indent: -9999px;
    border: 0;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    padding: 0;
    margin: 5px;
    background-color: #ccc;
    cursor: pointer;
    -webkit-appearance: none; }
    .Wallop .Wallop-dot:active, .Wallop .Wallop-dot:focus {
      outline: none !important; }
  .Wallop .Wallop-dot--current {
    background-color: #235390; }
  .Wallop .Wallop-caption-wrapper {
    align-items: center;
    min-height: 100vh;
    position: relative;
    z-index: 99; }
    .Wallop .Wallop-caption-wrapper .container {
      position: relative;
      min-height: 500px;
      height: 100vh;
      display: flex; }
      .Wallop .Wallop-caption-wrapper .container .caption-inner {
        /*position: absolute;
                top: calc(50% - 135px);
                left: 20px;
                max-width: 40%;*/ }
        .Wallop .Wallop-caption-wrapper .container .caption-inner h1 {
          font-family: 'Nexa Bold', sans-serif;
          font-weight: 700;
          font-size: 3.8rem;
          line-height: 3.8rem;
          color: #fff; }
        .Wallop .Wallop-caption-wrapper .container .caption-inner .caption-divider {
          width: 30%;
          height: 3px;
          background: #fff;
          margin: 10px 0; }
        .Wallop .Wallop-caption-wrapper .container .caption-inner .caption-text {
          color: #fff;
          font-size: 1.05rem;
          font-weight: 400; }
          .Wallop .Wallop-caption-wrapper .container .caption-inner .caption-text .action {
            padding: 20px 0; }

.hero-foot.is-pulled {
  margin-top: -65px; }

@media (max-width: 767px) {
  .caption-inner {
    max-width: 100% !important;
    top: 30% !important;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center; }
    .caption-inner .caption-divider {
      height: 3px !important;
      margin: 10px auto !important; }
    .caption-inner h1 {
      font-size: 3.2rem !important; }
    .caption-inner .caption-text span {
      margin: 0 20px;
      display: block; } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .caption-inner {
    text-align: center;
    position: relative;
    top: 40vh !important; }
    .caption-inner .caption-divider {
      margin: 10px auto !important;
      height: 3px !important; }
    .caption-inner .caption-text {
      padding: 0 15%; }
  .is-tablet-padded {
    padding: 0 20% !important; } }

/* ==========================================================================
1. Section title
========================================================================== */
.title.main-title {
  font-family: 'Nexa Bold', sans-serif;
  margin-bottom: 0;
  padding: 20px 0; }

.section-title-wrapper .section-title {
  font-family: 'Nexa Bold', sans-serif;
  margin-bottom: 0;
  padding: 10px 0; }

.section-title-wrapper .subtitle {
  font-family: 'Nexa Light', sans-serif;
  font-size: 1.2rem;
  line-height: 30px;
  font-weight: 400;
  padding: 20px 25%;
  color: #A9ABAC; }

.section-subtitle, .title.feature-title {
  font-family: 'Nexa Bold', sans-serif !important;
  font-weight: 500 !important;
  font-size: 2rem !important;
  margin-bottom: 0 !important;
  padding: 5px 0 !important; }

@media (max-width: 767px) {
  .section-title-wrapper .subtitle {
    font-size: 1.1rem;
    line-height: 22px;
    padding: 30px 0; } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .section-title-wrapper .subtitle {
    padding: 20px 10% !important; } }

.parallax-title {
  font-family: 'Nexa Bold', sans-serif;
  font-weight: 600 !important;
  font-size: 2.4rem !important;
  margin-bottom: 0 !important;
  padding: 10px 0; }

/* ==========================================================================
2. Icon box
========================================================================== */
.startup-icon-box {
  padding: 20px 0; }
  .startup-icon-box i {
    font-size: 3.8rem;
    font-weight: normal;
    color: #235390; }
  .startup-icon-box .box-title {
    font-family: 'Nexa Light', sans-serif;
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    color: #444F60;
    padding: 5px 0; }
  .startup-icon-box .box-content {
    color: #999; }

/* ==========================================================================
3. Images
========================================================================== */
.featured-svg {
  max-width: 450px; }

@media (max-width: 767px) {
  .featured-svg {
    max-width: 100% !important; } }

/* ==========================================================================
4. Pulsating dots and custom tooltips
========================================================================== */
.mockup-dots .dot {
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: block;
  background-color: #235390;
  z-index: 5; }
  .mockup-dots .dot:before {
    position: absolute;
    background: #235390;
    content: '';
    top: 0;
    left: 0;
    border: 0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    animation: dotPulse 2s ease-out infinite; }
  .mockup-dots .dot.first {
    top: 42%;
    left: 20%; }
    .mockup-dots .dot.first:hover + .dot-tip.tip-first {
      display: block; }
  .mockup-dots .dot.second {
    top: 65%;
    left: 20%; }
    .mockup-dots .dot.second:hover + .dot-tip.tip-second {
      display: block; }
  .mockup-dots .dot.third {
    top: 55%;
    right: 20%; }
    .mockup-dots .dot.third:hover + .dot-tip.tip-third {
      display: block; }

.mockup-dots .dot-tip {
  padding: 15px 20px;
  background-color: #235390;
  color: #fff;
  border-radius: 10px 10px 0 10px;
  font-size: 13px;
  display: none;
  z-index: 4; }
  .mockup-dots .dot-tip.tip-first {
    position: absolute;
    top: 38%;
    left: 0; }
  .mockup-dots .dot-tip.tip-second {
    position: absolute;
    top: 60%;
    left: 0; }
  .mockup-dots .dot-tip.tip-third {
    position: absolute;
    top: 50%;
    right: 24%; }

/* ==========================================================================
5. Product page
========================================================================== */
.signup-block .product-hero {
  background-position-x: center !important; }

.signup-block .control {
  position: relative;
  width: 80%; }
  .signup-block .control .input {
    height: 50px;
    padding-left: 10px;
    padding-right: 140px;
    font-size: 1rem; }
    .signup-block .control .input::placeholder {
      color: #cecece; }
  .signup-block .control button {
    position: absolute;
    top: 4px;
    right: 5px;
    height: 42px;
    width: 120px;
    font-weight: 600; }

@media (max-width: 768px) {
  .signup-column {
    margin-top: 0 !important;
    text-align: center !important; }
  .signup-block .control {
    width: 100%; } }

/* ==========================================================================
6. Cards
========================================================================== */
.feature-card.is-startup {
  padding: 20px; }
  .feature-card.is-startup img {
    margin: 0; }

.integration-cards .feature-card {
  padding: 50px 20px;
  margin-bottom: 20px; }

.integration-cards .brand-logo {
  padding: 10px 0; }
  .integration-cards .brand-logo img {
    max-height: 60px;
    max-width: 120px; }

.integration-cards .card-title {
  padding: 10px 0; }

.integration-cards .card-feature-description {
  padding: 0 !important; }

.integration-cards a {
  margin: 20px 0; }

.cta-text {
  font-family: 'Nexa Bold', sans-serif;
  font-size: 1.5rem;
  font-weight: 700; }

.values-cards .feature-card {
  height: 310px; }

.values-cards .card-feature-description {
  font-size: 95%; }

.values-cards .card-icon {
  padding-top: 50px; }
  .values-cards .card-icon i {
    font-size: 5rem;
    color: #235390; }

.values-cards.is-minimal {
  padding: 0 8%; }
  .values-cards.is-minimal i {
    color: #444F60;
    font-size: 4.5rem; }
  .values-cards.is-minimal .feature-card:hover i {
    color: #235390; }

@media (max-width: 768px) {
  .values-cards.is-minimal {
    padding: 0 !important; } }

.contact-card {
  display: flex;
  align-content: center;
  align-items: center; }
  .contact-card .icon i {
    font-size: 26px;
    color: #ebf2fa;
    position: relative; }
  .contact-card .contact-info {
    margin: 0 30px; }
    .contact-card .contact-info .contact-name {
      color: #cecece; }
    .contact-card .contact-info .contact-details .details-text {
      font-size: 16px;
      color: #444F60 !important; }

/* ==========================================================================
7. Team section
========================================================================== */
.modern-team.startup-team .modern-team-item {
  padding: 0 5px;
  width: 33%; }
  .modern-team.startup-team .modern-team-item .item-wrapper {
    border: 1px solid #ededed;
    box-shadow: 0 3px 10px 4px rgba(0, 0, 0, 0.04); }
  .modern-team.startup-team .modern-team-item .item-img:before {
    content: "";
    background-color: rgba(79, 193, 234, 0.8); }
  .modern-team.startup-team .modern-team-item img {
    border-radius: 10px; }
  .modern-team.startup-team .modern-team-item:hover .item-img {
    border-radius: 10px; }
  .modern-team.startup-team .modern-team-item a i {
    color: #235390; }
  .modern-team.startup-team .modern-team-item a:hover i {
    color: #444F60; }

@media (max-width: 767px) {
  .modern-team-item {
    width: auto !important; }
  #google-map {
    min-height: 50vh; } }

/* ==========================================================================
8. Parallax counters
========================================================================== */
.parallax-counter.is-primary i {
  color: #235390 !important; }

/* ==========================================================================
9. Pricing
========================================================================== */
.pricing-plan .plan-header {
  text-transform: uppercase;
  font-weight: 400 !important;
  font-family: 'Nexa Bold', sans-serif;
  color: #999; }

/*! _demo.scss | Bulkit | CSS Ninja */
/* ==========================================================================
Demo styles SCSS file (Theme index and components section, please avoid using this in production)
========================================================================== */
/***
TABLE OF CONTENTS
=============================================================================
0. Index styles
1. Component pages layout and elements
2. Flex card demo styles
3. Forms
4. Code accordion
5. Media elements
6. Demo Icons
7. Video Background
8. Navbar styles switcher
9. Bulkit color cards
10. Toast messages
11. Grid system demo
12. Parallax
13. Tags
14. Footer
15. Code Highlight
16. Iconpicker
17. Calendar
18. Media queries
=============================================================================
***/
/* ==========================================================================
0. Index styles
========================================================================== */
.hero.is-slanted:before {
  background: transparent url(/static/assets/images/bg/shapes/slant.png) no-repeat scroll 0 bottom/100% auto;
  content: "";
  height: 270px;
  width: 100%;
  z-index: 1 !important;
  position: absolute;
  bottom: 0;
  left: 0; }

.section.footer-chart:before {
  background: transparent url(/static/assets/images/bg/shapes/footer-chart.svg) no-repeat scroll 0 bottom/100% auto;
  content: "";
  height: 340px;
  width: 1600px;
  width: 100%;
  position: absolute;
  bottom: -1px;
  left: -1px;
  right: -1px;
  z-index: 0 !important; }

#main-landing-mockup {
  margin-top: -34rem; }

#main-landing-title {
  position: relative;
  top: -110px;
  font-family: 'Nexa Bold', sans-serif !important;
  color: #fff; }
  #main-landing-title h1 {
    position: relative;
    margin-bottom: 0 !important;
    font-weight: 600;
    text-transform: uppercase; }
    #main-landing-title h1:after {
      content: '2.2';
      position: absolute;
      top: -8px;
      right: 40px;
      font-weight: 600;
      font-size: 1.5rem; }

.translated {
  margin-top: -4.6rem;
  transform: translate3d(0, 100%, 0); }

#demo-canvas {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%; }

.made-with-wrapper {
  width: 100%; }
  .made-with-wrapper .made-with-title {
    font-size: 1.8rem;
    color: #A9ABAC;
    font-family: 'Nexa Light', sans-serif;
    max-width: 350px;
    margin: 0 auto;
    text-align: center;
    padding: 20px 0; }
  .made-with-wrapper .made-with {
    max-width: 350px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .made-with-wrapper .made-with img {
      max-height: 65px;
      padding: 0 10px; }

.hero.is-gradient {
  background: #4776E6;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #8E54E9, #7F00FF);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #8E54E9, #7F00FF);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ }

#demo-tabs ul li {
  font-size: 1rem; }
  #demo-tabs ul li.is-active a {
    color: #78c800;
    border-color: #78c800; }

.demo-wrap .demo-wrapper {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2); }
  .demo-wrap .demo-wrapper:hover .circle-overlay {
    transform: scale(35); }
  .demo-wrap .demo-wrapper:hover .demo-title {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0 !important; }
  .demo-wrap .demo-wrapper:hover .demo-link {
    color: #fff;
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0 !important; }
  .demo-wrap .demo-wrapper img {
    border-radius: 10px;
    display: block; }
  .demo-wrap .demo-wrapper .circle-overlay {
    position: absolute;
    top: -60px;
    left: -60px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #235390;
    transform: scale(1);
    transition: all 0.5s;
    z-index: 1; }
    .demo-wrap .demo-wrapper .circle-overlay.is-landing {
      background: #78c800; }
    .demo-wrap .demo-wrapper .circle-overlay.is-landing-v1 {
      background: #00b289; }
    .demo-wrap .demo-wrapper .circle-overlay.is-landing-v2 {
      background: #0082c8; }
    .demo-wrap .demo-wrapper .circle-overlay.is-landing-v3, .demo-wrap .demo-wrapper .circle-overlay.is-landing-v5 {
      background: #039BE5; }
    .demo-wrap .demo-wrapper .circle-overlay.is-landing-v6 {
      background: #0f7cff; }
    .demo-wrap .demo-wrapper .circle-overlay.is-agency, .demo-wrap .demo-wrapper .circle-overlay.is-dashboard {
      background: #00D1B2; }
  .demo-wrap .demo-wrapper .demo-info {
    position: absolute;
    margin: 0 auto;
    top: 35%;
    left: 0;
    right: 0;
    z-index: 2;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center; }
  .demo-wrap .demo-wrapper .demo-title {
    color: #fff;
    font-family: 'Nexa Bold', sans-serif;
    font-size: 2.2rem;
    font-weight: 600;
    padding-bottom: 0;
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.3s;
    transition-delay: 0.1s; }
  .demo-wrap .demo-wrapper .demo-link {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.3s;
    transition-delay: 0.2s; }
    .demo-wrap .demo-wrapper .demo-link a {
      color: #fff;
      font-size: 1.2rem; }
      .demo-wrap .demo-wrapper .demo-link a i {
        position: relative;
        top: 8px;
        opacity: 0;
        transform: translateX(0);
        transition: all 0.3s ease-out; }
      .demo-wrap .demo-wrapper .demo-link a:hover i {
        opacity: 1;
        transform: translateX(10px); }

.component-box {
  text-align: center;
  margin-bottom: 20px; }
  .component-box .component img {
    max-height: 100px; }
  .component-box .component-title {
    font-size: 1.2rem;
    font-weight: 500;
    color: #444F60; }
    .component-box .component-title a {
      color: #78c800; }
      .component-box .component-title a:hover {
        color: #235390; }

.browsers .browser-block {
  text-align: center;
  max-width: 150px;
  margin: 0 auto; }
  .browsers .browser-block .browser-icon {
    height: 56px !important;
    margin: 10px 0; }
  .browsers .browser-block .browser-name {
    background: #fff;
    color: #999;
    font-weight: 500;
    padding: 10px 15px;
    margin: 0;
    border-radius: 8px;
    border: 1px solid #ededed; }

.footer-light.is-tainted {
  background: #78c800;
  color: #fff;
  position: relative; }
  .footer-light.is-tainted .columns {
    margin-top: 35px; }
  .footer-light.is-tainted .footer-logo img {
    height: 25px; }
  .footer-light.is-tainted .footer-column .footer-header h3 {
    font-weight: 400;
    font-size: 1.1rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 10px;
    color: #fff; }
  .footer-light.is-tainted .footer-column ul.link-list {
    line-height: 30px;
    font-size: 1rem; }
    .footer-light.is-tainted .footer-column ul.link-list a {
      color: #fff;
      font-weight: 400;
      transition: all 0.5s; }
    .footer-light.is-tainted .footer-column ul.link-list :hover {
      color: #fff; }
  .footer-light.is-tainted .footer-column .level-item .icon {
    color: #fff;
    transition: all 0.5s; }
    .footer-light.is-tainted .footer-column .level-item .icon :hover {
      color: #fff;
      opacity: 0.8; }
  .footer-light.is-tainted .made-with-logo {
    margin: 10px 0; }
    .footer-light.is-tainted .made-with-logo img {
      max-height: 32px; }

.tag {
  line-height: 0 !important; }
  .tag.no-margin {
    margin: 0 !important; }

/* ==========================================================================
1. Component pages layout and elements
========================================================================== */
.components-title, .handwritten-title, .handwritten-text {
  font-family: 'Nexa Bold', cursive; }
  .components-title.is-cta, .handwritten-title.is-cta, .handwritten-text.is-cta {
    font-size: 3.4rem !important; }

.components-title {
  margin-bottom: 0 !important;
  padding: 10px 0; }

.components-subtitle {
  margin-bottom: 0 !important;
  padding: 20px 0;
  font-family: 'Nexa Light', sans-serif; }

.info-block {
  margin: 1rem; }
  .info-block h4 {
    font-size: 1.4rem;
    padding: 15px 0;
    color: #444F60;
    font-family: 'Nexa Bold', sans-serif; }
  .info-block p {
    padding: 10px 0; }

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

.hero-heading {
  font-size: 3rem !important;
  font-family: Open Sans, sans-serif !important; }
  .hero-heading + h2 {
    padding: 0;
    margin-bottom: 0 !important; }

.section-title {
  font-family: 'Open Sans', sans-serif; }

.section-title.is-demo {
  font-weight: 700;
  font-size: 2rem !important; }

.vivus-svg {
  max-height: 450px;
  width: 450px; }

.feature-icon {
  height: 140px !important; }

.feature-icon-md {
  height: 110px !important; }

.feature-icon-sm {
  height: 90px !important; }

.feature-description {
  font-size: 1.2rem;
  color: #A9ABAC; }
  .feature-description span {
    display: block; }
    .feature-description span.feature-key {
      font-size: 1.2rem;
      font-weight: 600;
      color: #78c800;
      font-family: 'Nexa Light', sans-serif; }

.highlight {
  padding: 1.4rem;
  overflow: auto;
  background: #444F60;
  margin-top: 2.8rem;
  margin-bottom: 2.8rem;
  border-radius: 4px; }

.highlight::-webkit-scrollbar {
  width: 10px; }

.highlight::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.2); }

code.hljs span {
  font-family: Inconsolata, monospace !important; }

@media (max-width: 767px) {
  .components-title, .components-subtitle, .components-cta {
    text-align: center !important; } }

/* ==========================================================================
2. Flex card demo styles
========================================================================== */
.flex-card.is-active .name {
  color: #235390 !important; }

.flex-card .card-avatar img {
  width: 45px;
  border-radius: 100px; }

.flex-card .card-name {
  margin-left: 15px; }
  .flex-card .card-name .name {
    color: #444F60; }
  .flex-card .card-name .position {
    font-size: 0.9rem;
    color: #A9ABAC; }

.flex-card .card-select i {
  color: #cecece;
  border: 2px dashed #cecece;
  border-radius: 100px;
  padding: 6px;
  font-size: 20px;
  transition: all 0.5s; }
  .flex-card .card-select i:hover, .flex-card .card-select i.is-active {
    color: #235390;
    border: 2px solid #235390; }

.flex-card .title-bold {
  font-family: 'Nexa Bold', sans-serif; }

.flex-card .title-light {
  font-family: 'Nexa Light', sans-serif; }

.feature-card {
  padding: 20px !important; }
  .feature-card img {
    margin: 0 !important; }

/* ==========================================================================
3. Forms
========================================================================== */
form {
  width: 100%; }

.input.demo-input, .control.demo-input {
  width: 80%; }

.field.has-addons {
  display: flex; }
  .field.has-addons input {
    height: 32px;
    margin-right: 5px; }

/* ==========================================================================
4. Code accordion
========================================================================== */
.accordion-wrapper .toggle-wrap {
  border-bottom: 1px solid #e0e0e0; }
  .accordion-wrapper .toggle-wrap .trigger a {
    display: block;
    cursor: pointer;
    position: relative;
    padding: 0;
    line-height: 26px;
    outline: none;
    color: #444F60;
    font-size: 14px;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    transition: background-color 0.2s, color 0.2s;
    padding: 16px 27px;
    margin: -1px 0 0 0; }
    .accordion-wrapper .toggle-wrap .trigger a i {
      padding-right: 6px;
      margin: 0 4px 0 0;
      transition: all 0.3s; }
    .accordion-wrapper .toggle-wrap .trigger a .im-icon-Add {
      position: absolute;
      right: 0;
      top: 55%;
      font-size: 24px;
      transform: translate3d(0, -50%, 0) rotate(0);
      transition: 0.2s; }
    .accordion-wrapper .toggle-wrap .trigger a .im-icon-Coding {
      position: relative;
      top: 7px; }
  .accordion-wrapper .toggle-wrap .trigger a {
    text-transform: none;
    border: none;
    margin: 0;
    padding: 15px 0;
    text-transform: none;
    font-size: 11px;
    font-weight: 500;
    background-color: transparent;
    color: #ebf2fa;
    padding-right: 60px;
    font-weight: 400; }
  .accordion-wrapper .toggle-wrap .trigger.active .im-icon-Add {
    margin-top: 2px;
    transform: translate3d(0, -50%, 0) rotate(45deg);
    color: #ebf2fa; }
  .accordion-wrapper .toggle-wrap .toggle-container {
    padding: 0px 0 30px 0;
    border: none; }

/* ==========================================================================
5. Media elements
========================================================================== */
.media.media-notification {
  align-content: center;
  cursor: pointer; }
  .media.media-notification:hover .notification-title {
    color: #235390; }
  .media.media-notification .timestamp {
    color: #A9ABAC;
    position: relative;
    top: 3px;
    font-size: 0.7rem; }
  .media.media-notification .notification-title {
    font-weight: 600; }
  .media.media-notification .notification-text {
    font-size: 0.9rem !important;
    color: #878787; }

.see-all {
  margin-top: 20px;
  font-size: 0.7rem;
  text-transform: uppercase; }

.media.icon-media {
  align-content: center;
  align-items: center;
  cursor: pointer; }
  .media.icon-media .media-left i {
    font-size: 2.6rem;
    color: #A9ABAC; }
  .media.icon-media .timestamp {
    color: #A9ABAC;
    position: relative;
    top: 3px;
    font-size: 0.7rem; }
  .media.icon-media .notification-title {
    font-weight: 600; }
  .media.icon-media .notification-text {
    font-size: 0.9rem !important;
    color: #878787; }

/* ==========================================================================
6. Demo Icons
========================================================================== */
.demo-im-block:hover {
  background: #EFF4F7; }
  .demo-im-block:hover .demo-im i {
    transform: scale(1.1);
    color: #ebf2fa; }

.demo-im-block .demo-im i {
  font-size: 2.6rem;
  margin: 0 15px 0 10px;
  color: #878787;
  transition: all 0.4s; }

.demo-im-block .im-code {
  font-size: 1rem; }
  .demo-im-block .im-code code {
    color: #878787; }

.demo-fa-block {
  padding: 10px 5px; }
  .demo-fa-block:hover {
    background: #EFF4F7; }
    .demo-fa-block:hover .demo-fa i {
      transform: scale(1.1);
      color: #ebf2fa; }
  .demo-fa-block .demo-fa i {
    font-size: 1.6rem;
    margin: 0 15px 0 10px;
    color: #878787;
    transition: all 0.4s; }
  .demo-fa-block .fa-embed-code {
    font-size: 1rem; }
    .demo-fa-block .fa-embed-code code {
      color: #878787; }

.demo-sl-block {
  padding: 10px 5px; }
  .demo-sl-block:hover {
    background: #EFF4F7; }
    .demo-sl-block:hover .demo-sl i {
      transform: scale(1.1);
      color: #ebf2fa; }
  .demo-sl-block .demo-sl i {
    font-size: 1.6rem;
    margin: 0 15px 0 10px;
    color: #878787;
    transition: all 0.4s; }
  .demo-sl-block .sl-embed-code {
    font-size: 1rem; }
    .demo-sl-block .sl-embed-code code {
      color: #878787; }

/* ==========================================================================
7. Video Background
========================================================================== */
.covervid-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }
  .covervid-wrapper .videobg-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(35, 83, 144, 0.5);
    z-index: 1; }
  .covervid-wrapper .video-caption {
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    z-index: 3; }
    .covervid-wrapper .video-caption .content {
      position: relative;
      top: 35%; }
    .covervid-wrapper .video-caption h1 {
      font-family: 'Nexa Bold', sans-serif;
      font-size: 3.5rem;
      font-weight: 600;
      margin-bottom: 10px; }
    .covervid-wrapper .video-caption p {
      font-size: 1.5rem;
      font-family: 'Nexa Light', sans-serif; }
  .covervid-wrapper video {
    display: inline-block;
    max-width: none !important; }

/* ==========================================================================
8. Navbar styles switcher
========================================================================== */
.nav-switch {
  padding: 20px;
  position: fixed;
  right: 40px;
  bottom: 40px;
  background: #3d4e68;
  border: 1px solid #ededed;
  border-radius: 4px;
  min-width: 220px; }
  .nav-switch .panel-title {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .nav-switch .panel-title h3 {
      text-transform: uppercase;
      color: #fff; }
  .nav-switch .panel-body {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0; }
    .nav-switch .panel-body .color-dot {
      width: 32px;
      height: 32px;
      border-radius: 50%;
      border: 1px solid #ededed;
      margin-top: 10px;
      cursor: pointer; }
      .nav-switch .panel-body .color-dot.is-white {
        background: #fff; }
      .nav-switch .panel-body .color-dot.is-blue {
        background: #039BE5; }
      .nav-switch .panel-body .color-dot.is-purple {
        background: #78c800; }
      .nav-switch .panel-body .color-dot.is-red {
        background: #FF7273; }
      .nav-switch .panel-body .color-dot.is-reverse {
        background: #344258; }

/* ==========================================================================
9. Bulkit color cards
========================================================================== */
.flex-card.color-card .color-item {
  display: flex;
  align-items: center; }
  .flex-card.color-card .color-item .color-spot {
    display: block;
    width: 40px !important;
    height: 40px !important;
    border: 1px solid #ededed;
    border-radius: 100px; }
    .flex-card.color-card .color-item .color-spot.is-white {
      background: #fff; }
    .flex-card.color-card .color-item .color-spot.is-smoke-white {
      background: #fcfcfc; }
    .flex-card.color-card .color-item .color-spot.is-grey-white {
      background: #f2f2f2; }
    .flex-card.color-card .color-item .color-spot.is-grey-white-accent {
      background: #e2e2e2; }
    .flex-card.color-card .color-item .color-spot.is-light-grey {
      background: #EFF4F7; }
    .flex-card.color-card .color-item .color-spot.is-ultra-light-grey {
      background: #f7fcff; }
    .flex-card.color-card .color-item .color-spot.is-title-grey {
      background: #A9ABAC; }
    .flex-card.color-card .color-item .color-spot.is-blue-grey {
      background: #444F60; }
    .flex-card.color-card .color-item .color-spot.is-light-blue-grey {
      background: #98a9c3; }
    .flex-card.color-card .color-item .color-spot.is-medium-grey {
      background: #66676b; }
    .flex-card.color-card .color-item .color-spot.is-basaltic-grey {
      background: #878787; }
    .flex-card.color-card .color-item .color-spot.is-muted-grey {
      background: #999; }
    .flex-card.color-card .color-item .color-spot.is-section-grey {
      background: #fbfbfb; }
    .flex-card.color-card .color-item .color-spot.is-section-grey-accent {
      background: #efefef; }
    .flex-card.color-card .color-item .color-spot.is-header-grey {
      background: #F5F9FC; }
    .flex-card.color-card .color-item .color-spot.is-default-input {
      background: #ccc; }
    .flex-card.color-card .color-item .color-spot.is-placeholder {
      background: #cecece; }
    .flex-card.color-card .color-item .color-spot.is-fade-grey {
      background: #ededed; }
    .flex-card.color-card .color-item .color-spot.is-sidebar {
      background: #344258; }
    .flex-card.color-card .color-item .color-spot.is-coal {
      background: #444444; }
    .flex-card.color-card .color-item .color-spot.is-grey-3 {
      background: #333; }
    .flex-card.color-card .color-item .color-spot.is-grey-5 {
      background: #555; }
    .flex-card.color-card .color-item .color-spot.is-grey-6 {
      background: #666; }
    .flex-card.color-card .color-item .color-spot.is-cream-grey {
      background: #f6f4ff; }
    .flex-card.color-card .color-item .color-spot.is-icon-grey {
      background: #818a97; }
    .flex-card.color-card .color-item .color-spot.is-blue {
      background: #039BE5; }
    .flex-card.color-card .color-item .color-spot.is-green {
      background: #00b289; }
    .flex-card.color-card .color-item .color-spot.is-orange {
      background: #eda514; }
    .flex-card.color-card .color-item .color-spot.is-red {
      background: #FF7273; }
    .flex-card.color-card .color-item .color-spot.is-facebook {
      background: #3B5998; }
    .flex-card.color-card .color-item .color-spot.is-twitter {
      background: #1dcaff; }
    .flex-card.color-card .color-item .color-spot.is-linkedin {
      background: #007bb6; }
    .flex-card.color-card .color-item .color-spot.is-tumblr {
      background: #35465c; }
    .flex-card.color-card .color-item .color-spot.is-reddit {
      background: #ff4500; }
    .flex-card.color-card .color-item .color-spot.is-github {
      background: #444; }
    .flex-card.color-card .color-item .color-spot.is-dribbble {
      background: #ea4c89; }
    .flex-card.color-card .color-item .color-spot.is-youtube {
      background: #cc181e; }
    .flex-card.color-card .color-item .color-spot.is-google-plus {
      background: #d34836; }
    .flex-card.color-card .color-item .color-spot.is-primary {
      background: #235390; }
    .flex-card.color-card .color-item .color-spot.is-secondary {
      background: #78c800; }
    .flex-card.color-card .color-item .color-spot.is-accent {
      background: #ebf2fa; }
    .flex-card.color-card .color-item .color-spot.is-green-accent {
      background: #06f4b6; }
    .flex-card.color-card .color-item .color-spot.is-deep-primary {
      background: #0082c8; }
    .flex-card.color-card .color-item .color-spot.is-deep-secondary {
      background: #7c4dff; }
    .flex-card.color-card .color-item .color-spot.is-deep-accent {
      background: #00b289; }
    .flex-card.color-card .color-item .color-spot.is-lemonade-primary {
      background: #039BE5; }
    .flex-card.color-card .color-item .color-spot.is-lemonade-secondary {
      background: #0084c4; }
    .flex-card.color-card .color-item .color-spot.is-lemonade-accent {
      background: #00D1B2; }
    .flex-card.color-card .color-item .color-spot.is-dashboard-primary {
      background: #00D1B2; }
    .flex-card.color-card .color-item .color-spot.is-dashboard-secondary {
      background: #7F00FF; }
    .flex-card.color-card .color-item .color-spot.is-dashboard-accent {
      background: #536dfe; }
  .flex-card.color-card .color-item .color-values {
    margin: 0 20px; }
    .flex-card.color-card .color-item .color-values .hex-value {
      color: #999; }
      .flex-card.color-card .color-item .color-values .hex-value span {
        font-weight: 600;
        color: #444F60; }
    .flex-card.color-card .color-item .color-values .variable-value span {
      color: #ebf2fa;
      font-weight: 600; }

/* ==========================================================================
10. Toast messages
========================================================================== */
.iziToast-cover {
  width: 60px !important;
  background-size: cover !important; }

/* ==========================================================================
11. Grid system demo
========================================================================== */
.grid-system .columns .column p {
  padding: 40px;
  font-size: 1.2rem;
  font-weight: 600;
  color: #fff;
  text-align: center;
  border-radius: 4px; }
  .grid-system .columns .column p.is-blue {
    background: #039BE5; }
  .grid-system .columns .column p.is-green {
    background: #00b289; }
  .grid-system .columns .column p.is-orange {
    background: #eda514; }
  .grid-system .columns .column p.is-red {
    background: #FF7273; }

.grid-system.is-medium .column p {
  padding: 25px; }

/* ==========================================================================
12. Parallax
========================================================================== */
.parallax-hero-title {
  font-size: 6rem !important;
  font-family: 'Nexa Bold', cursive  !important; }
  .parallax-hero-title + h2 {
    padding: 0 20%;
    margin-bottom: 0 !important; }

/* ==========================================================================
13. Tags
========================================================================== */
.tag.is-bold {
  border-width: 2px !important;
  font-weight: 700 !important; }

/* ==========================================================================
14. Footer
========================================================================== */
.small-footer-logo {
  height: 38px; }

span.more-info {
  font-size: 22px; }

span.more-info-email {
  font-size: 26px;
  margin-top: 20px;
  color: #235390; }

/* ==========================================================================
15. Code highlight
========================================================================== */
pre {
  background-color: transparent !important;
  color: unset;
  font-size: 0.875em;
  overflow-x: auto;
  padding: 0 !important;
  white-space: pre;
  word-wrap: normal; }

.hljs {
  display: block;
  overflow-x: auto;
  padding: 1.5em;
  background: #444F60;
  color: white; }

.hljs-name,
.hljs-strong {
  font-weight: bold;
  color: #4FC1EA; }

.hljs-code,
.hljs-emphasis {
  font-style: italic; }

.hljs-tag {
  color: #909090; }

.hljs-variable,
.hljs-template-variable,
.hljs-selector-id,
.hljs-selector-class {
  color: #ade5fc; }

.hljs-string,
.hljs-bullet {
  color: #F39200 !important; }

.hljs-type,
.hljs-title,
.hljs-section,
.hljs-attribute,
.hljs-quote,
.hljs-built_in,
.hljs-builtin-name {
  color: #ffa; }

.hljs-attr {
  color: #68BB88; }

.hljs-number,
.hljs-symbol,
.hljs-bullet {
  color: #d36363; }

.hljs-keyword,
.hljs-selector-tag,
.hljs-literal {
  color: #fcc28c; }

.hljs-comment,
.hljs-deletion,
.hljs-code {
  color: #888; }

.hljs-regexp,
.hljs-link {
  color: #c6b4f0; }

.hljs-meta {
  color: #fc9b9b; }

.hljs-deletion {
  background-color: #fc9b9b;
  color: #333; }

.hljs-addition {
  background-color: #a2fca2;
  color: #333; }

.hljs a {
  color: inherit; }

.hljs a:focus,
.hljs a:hover {
  color: inherit;
  text-decoration: underline; }

/* ==========================================================================
16. Icon Picker
========================================================================== */
.iconpicker-wrapper {
  padding: 20px;
  text-align: center;
  max-width: 300px;
  margin: 0 auto;
  border: 2px solid transparent;
  border-radius: 4px;
  transition: all .3s; }
  .iconpicker-wrapper .help {
    padding-top: 10px;
    font-weight: 500; }
  .iconpicker-wrapper .iconpicker-preview {
    background: #039BE5;
    transition: all .3s; }
    .iconpicker-wrapper .iconpicker-preview i {
      color: #fff; }
    .iconpicker-wrapper .iconpicker-preview:hover {
      background: #78c800; }
  .iconpicker-wrapper:hover {
    border: 2px solid #78c800; }

.iconpicker-modal .iconpicker-icons a {
  color: #999; }
  .iconpicker-modal .iconpicker-icons a:hover {
    color: #78c800; }
  .iconpicker-modal .iconpicker-icons a:before {
    content: '' !important; }

.iconpicker-modal.is-active .modal-background {
  display: block !important;
  width: 100vw !important;
  height: 100vh !important;
  min-width: 100vw !important;
  min-height: 100vh !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  background: rgba(0, 0, 0, 0.8) !important;
  transform: scale(1) !important;
  border-radius: 0 !important; }

.iconpicker-modal.is-active .modal-card {
  z-index: 99 !important; }
  .iconpicker-modal.is-active .modal-card .modal-card-head {
    background: #039BE5; }
    .iconpicker-modal.is-active .modal-card .modal-card-head .modal-card-title {
      color: #fff;
      font-weight: 500; }
    .iconpicker-modal.is-active .modal-card .modal-card-head .iconpicker-search {
      background: #fff;
      color: #444F60;
      transition: all .3s; }
      .iconpicker-modal.is-active .modal-card .modal-card-head .iconpicker-search:focus {
        outline: none !important; }
    .iconpicker-modal.is-active .modal-card .modal-card-head .delete:before, .iconpicker-modal.is-active .modal-card .modal-card-head .delete:after {
      background: #fff !important; }
  .iconpicker-modal.is-active .modal-card .iconpicker-sets.tabs ul li a {
    border-radius: 0 !important; }
  .iconpicker-modal.is-active .modal-card .iconpicker-sets.tabs ul li.is-active a {
    color: #78c800;
    border-bottom: 1.4px solid #78c800; }

/* ==========================================================================
17. Calendar
========================================================================== */
.calendar.is-centered {
  margin: 0 auto; }

.calendar.is-large .calendar-range:before {
  top: 1.6rem !important; }

.calendar.is-custom {
  border: 1px solid #ededed;
  border-radius: 3px; }
  .calendar.is-custom .calendar-nav {
    background: #78c800; }
  .calendar.is-custom .calendar-nav-previous-month button, .calendar.is-custom .calendar-nav-next-month button {
    text-decoration: none !important; }
    .calendar.is-custom .calendar-nav-previous-month button i, .calendar.is-custom .calendar-nav-next-month button i {
      color: #fff !important; }
    .calendar.is-custom .calendar-nav-previous-month button:hover, .calendar.is-custom .calendar-nav-next-month button:hover {
      background: transparent !important; }
  .calendar.is-custom .calendar-body .date-item.is-today {
    border-color: #78c800;
    color: #78c800; }
  .calendar.is-custom .calendar-body .date-item.is-active {
    background: #78c800;
    color: #fff !important;
    border-color: #78c800; }
  .calendar.is-custom .calendar-body .calendar-range .date-item {
    color: #78c800; }
  .calendar.is-custom .calendar-body .calendar-range:before {
    background: #d5ff95; }
  .calendar.is-custom button:focus, .calendar.is-custom button:active {
    background: transparent !important;
    border-color: transparent !important; }

.calendar .calendar-event {
  background: #999;
  padding: .6rem .4rem !important; }
  .calendar .calendar-event.is-primary {
    background: #235390 !important; }
  .calendar .calendar-event.is-secondary {
    background: #78c800 !important; }
  .calendar .calendar-event.is-accent {
    background: #ebf2fa !important; }
  .calendar .calendar-event.is-success {
    background: #00b289 !important; }
  .calendar .calendar-event.is-warning {
    background: #eda514 !important;
    color: #fff !important; }
  .calendar .calendar-event.is-danger {
    background: #FF7273 !important; }

.datepicker.modal.is-active .modal-background, .datepicker.is-active .modal-background {
  display: block !important;
  width: 100vw !important;
  height: 100vh !important;
  min-width: 100vw !important;
  min-height: 100vh !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  background: rgba(0, 0, 0, 0.8) !important;
  transform: scale(1) !important;
  border-radius: 0 !important; }

.datepicker.modal.is-active .calendar, .datepicker.is-active .calendar {
  z-index: 99 !important; }
  .datepicker.modal.is-active .calendar .calendar-nav, .datepicker.is-active .calendar .calendar-nav {
    background: #78c800; }
    .datepicker.modal.is-active .calendar .calendar-nav button:focus, .datepicker.modal.is-active .calendar .calendar-nav button:active, .datepicker.is-active .calendar .calendar-nav button:focus, .datepicker.is-active .calendar .calendar-nav button:active {
      background: transparent !important;
      border-color: transparent !important; }
  .datepicker.modal.is-active .calendar .calendar-body, .datepicker.is-active .calendar .calendar-body {
    min-height: 266px !important; }
    .datepicker.modal.is-active .calendar .calendar-body .date-item.is-active, .datepicker.is-active .calendar .calendar-body .date-item.is-active {
      background: #78c800;
      border-color: #78c800;
      color: #fff; }

.datepicker .calendar {
  border: 1px solid #ededed; }

/* ==========================================================================
18. Media queries
========================================================================== */
@media (max-width: 767px) {
  #main-landing-title {
    top: -60px; }
    #main-landing-title h1:after {
      right: 3px; }
  #main-landing-mockup {
    margin-top: -16rem; }
  .parallax-hero-title {
    font-size: 4rem !important; }
    .parallax-hero-title + h2 {
      padding: 0 8%;
      margin-bottom: 0 !important; } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  #main-landing-mockup {
    margin-top: -28rem; } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  #main-landing-title h1:after {
    right: 3px; } }

/*! _landing.scss | Bulkit | CSS Ninja */
/* ==========================================================================
Landing kit v1 SCSS file
========================================================================== */
/***
TABLE OF CONTENTS
=============================================================================
0. Animated Hero background
1. Hero Header styles
2. Landing page styles
3. Video embed
4. Pricing page
5. Footer styles
6. Login and Sign up
7. Tablet media queries (portrait orientation)
=============================================================================
***/
/* ==========================================================================
0. Animated Hero background
========================================================================== */
#landing-hero {
  background: #78c800 url(/static/assets/images/bg/shapes/icon-bg.png) repeat 0 0;
  -webkit-animation: 18s linear 0s normal none infinite animate;
  -moz-animation: 18s linear 0s normal none infinite animate;
  -ms-animation: 18s linear 0s normal none infinite animate;
  -o-animation: 18s linear 0s normal none infinite animate;
  animation: 18s linear 0s normal none infinite animate; }

@-webkit-keyframes animate {
  from {
    background-position: 0 0; }
  to {
    background-position: 0 -1450px; } }

@-moz-keyframes animate {
  from {
    background-position: 0 0; }
  to {
    background-position: 0 -1450px; } }

@-ms-keyframes animate {
  from {
    background-position: 0 0; }
  to {
    background-position: 0 -1450px; } }

@-o-keyframes animate {
  from {
    background-position: 0 0; }
  to {
    background-position: 0 -1450px; } }

@keyframes animate {
  from {
    background-position: 0 0; }
  to {
    background-position: 0 -1450px; } }

/* ==========================================================================
1. Hero Header styles
========================================================================== */
.hero.hero-waves:before {
  background: transparent url(/static/assets/images/bg/shapes/wavy.png) no-repeat scroll 0 bottom/100% auto;
  content: "";
  height: 321px;
  width: 100%;
  z-index: 0 !important;
  position: absolute;
  bottom: -1px;
  left: 0; }

.header-caption {
  margin-top: -80px;
  padding: 0 20px;
  text-align: left; }
  .header-caption .landing-title {
    font-family: 'Nexa Bold', sans-serif;
    font-size: 3.4rem;
    font-weight: 900 !important;
    margin-bottom: 0 !important;
    color: #fff; }
    .header-caption .landing-title.is-big {
      font-size: 4rem; }
  .header-caption .subtitle {
    margin-bottom: 0;
    padding: 10px 0; }
  .header-caption.is-centered {
    text-align: center !important; }

@media (max-width: 767px) {
  .header-caption {
    text-align: center;
    padding: 40px 10px; }
    .header-caption .landing-title {
      font-size: 2.5rem; } }

@media (max-width: 768px) {
  .header-caption {
    margin-top: 0 !important; } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .header-caption {
    text-align: center; } }

/* ==========================================================================
2. Landing page styles
========================================================================== */
.section-title-wrapper .section-title-landing {
  font-family: 'Nexa Bold', sans-serif;
  font-size: 2.6rem;
  color: #444F60;
  padding: 10px 0; }

.section-title-wrapper h4 {
  padding: 20px 40px;
  font-family: 'Nexa Light', sans-serif;
  font-weight: 300;
  font-size: 1.2rem;
  color: #999; }

.half-mockup {
  position: absolute;
  bottom: 0;
  max-height: 550px; }

.phone-slide {
  background-position: center left;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: 50% 50%;
  vertical-align: top;
  padding: 800px 30px 30px 30px; }
  .phone-slide.is-first {
    background-image: url(/static/assets/images/illustrations/mockups/startup/phone-slide-1.png); }
  .phone-slide.is-second {
    background-image: url(/static/assets/images/illustrations/mockups/startup/phone-slide-2.png); }
  .phone-slide.is-third {
    background-image: url(/static/assets/images/illustrations/mockups/startup/phone-slide-3.png); }
  .phone-slide.is-fourth {
    background-image: url(/static/assets/images/illustrations/mockups/startup/phone-slide-4.png); }

.featured-svg-lg {
  max-width: 550px;
  max-height: 550px; }

.wavy-icon-box i {
  font-size: 3.8rem;
  font-weight: normal;
  color: #78c800; }

.wavy-icon-box .box-title {
  font-family: 'Nexa Light', sans-serif;
  padding: 5px 0;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  color: #78c800; }

.wavy-icon-box .box-content {
  color: #999; }

.square-icon-box.is-landing .box-title {
  font-family: 'Nexa Light', sans-serif;
  font-size: 1.2rem;
  font-weight: 700;
  color: #444F60; }

.square-icon-box.is-landing .box-text {
  font-size: 14px; }

.quick-feature.is-handwritten {
  font-size: 2.1rem !important;
  font-family: 'Nexa Bold', sans-serif;
  font-weight: 400 !important;
  margin-bottom: 0.8rem !important; }
  .quick-feature.is-handwritten .bg-number {
    padding-right: 10px !important;
    font-family: 'Roboto' !important; }

.event-card.is-wavy h2.text-title {
  font-family: 'Nexa Bold', sans-serif;
  text-transform: none;
  font-size: 1.35em; }

.event-card.is-wavy p.text-subtitle {
  font-family: 'Nexa Light', sans-serif;
  font-size: 0.9rem; }

.testimonials.is-wavy .testimonial-name h3 {
  font-family: 'Nexa Bold', sans-serif; }

@media (max-width: 768px) {
  .testimonial-item {
    margin: 40px 15px !important; }
    .testimonial-item .testimonial-content p {
      padding: 20px !important; } }

.bottom-spacer {
  margin-bottom: 80px;
  min-height: 100px; }

.small-feature {
  padding: 5px 0;
  font-family: 'Nexa Bold', sans-serif;
  font-size: 1.3rem; }

/* ==========================================================================
3. Video embed
========================================================================== */
#features-video {
  margin-top: -35%; }

#header-pricing {
  margin-top: -20%; }

@media (max-width: 768px) {
  #features-video {
    margin-top: 0 !important; } }

/* ==========================================================================
4. Pricing page
========================================================================== */
.pricing-picker span {
  color: #fff;
  font-family: 'Nexa Light', sans-serif;
  margin: 0 5px 0 5px;
  padding: 10px 20px 13px 20px;
  border: 1px solid transparent;
  border-radius: 4px;
  cursor: pointer; }
  .pricing-picker span.is-active {
    border: 1px solid #fff; }

.header-pricing.is-wavy .flex-card {
  border: none !important; }
  .header-pricing.is-wavy .flex-card .plan-name {
    font-family: 'Nexa Bold', sans-serif;
    text-transform: none;
    font-size: 1.4rem; }

.giant-input-wrapper.is-wavy {
  padding: 30px 40px;
  background: #efefef; }
  .giant-input-wrapper.is-wavy .giant-input {
    position: relative;
    min-width: 300px;
    max-width: 100%; }
    .giant-input-wrapper.is-wavy .giant-input input {
      padding: 20px 165px 20px 20px;
      width: 100%;
      background: #fff;
      color: #999;
      border: none;
      height: 60px;
      line-height: 60px;
      transition: all 0.5s;
      border: 1px solid rgba(213, 220, 247, 0.59);
      border-radius: 100px; }
      .giant-input-wrapper.is-wavy .giant-input input:focus {
        outline: none !important;
        box-shadow: 0px 5px 43px rgba(0, 0, 0, 0.18) !important; }
    .giant-input-wrapper.is-wavy .giant-input button.inner {
      position: absolute;
      right: 7px;
      top: 7px; }

/* ==========================================================================
5. Footer styles
========================================================================== */
.section.footer-waves:after {
  background: transparent url(/static/assets/images/bg/shapes/wavy-dark.png) no-repeat scroll 0 bottom/100% auto;
  content: "";
  height: 321px;
  width: 100%;
  z-index: 0 !important;
  position: absolute;
  bottom: -1px;
  left: 0; }

/* ==========================================================================
6. Login and Sign up
========================================================================== */
.hero.hero-waves-dark:before {
  background: transparent url(/static/assets/images/bg/shapes/wavy-dark.png) no-repeat scroll 0 bottom/100% auto;
  content: "";
  height: 321px;
  width: 100%;
  z-index: 0 !important;
  position: absolute;
  bottom: -1px;
  left: 0; }

.wavy-login-card, .wavy-signup-card {
  padding: 40px;
  border-radius: 6px;
  max-width: 400px;
  margin: auto;
  background-color: white;
  border: 1px solid #ecf0f1;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05); }
  .wavy-login-card h2, .wavy-signup-card h2 {
    font-size: 22px;
    margin-bottom: 40px;
    font-weight: 700 !important;
    font-family: 'Nexa Light', sans-serif; }

/* ==========================================================================
7. Tablet media queries (portrait orientation)
========================================================================== */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  #landing-hero figure img {
    left: 25%;
    top: 20%; }
  p.is-tablet-padded {
    padding: 0 10%; }
  .column.slide-description {
    padding: 40px 0 !important; }
  .event-card.is-wavy .text-title {
    font-size: 1.5rem !important; } }

/*! _landing-v1.scss | Bulkit | CSS Ninja */
/* ==========================================================================
Landing kit v2 SCSS file
========================================================================== */
/***
TABLE OF CONTENTS
=============================================================================
0. Hero styles
1. Section title
2. Font settings
3. Icon boxes
4. Pricing tables
5. Login and sign up pages
6. Footer
7. Media queries
=============================================================================
***/
/* ==========================================================================
0. Hero styles
========================================================================== */
.hero-body.is-clean {
  padding-top: 0 !important; }

.clean-title {
  font-family: 'Nexa Bold', sans-serif;
  font-weight: 700;
  font-size: 3.4rem;
  color: #444F60;
  padding: 0; }

.clean-hero-mockup {
  margin-top: 80px;
  z-index: 2; }

.cta-wrapper {
  padding: 20px 0; }

.pricing-hero {
  padding: 120px 0; }

@media (max-width: 768px) {
  .column.caption-column .clean-title, .column.caption-column .subtitle, .column.caption-column .cta-wrapper {
    text-align: center !important; } }

/* ==========================================================================
1. Section title
========================================================================== */
.section-title-wrapper .clean-bg-symbol {
  position: absolute;
  font-weight: bolder;
  top: -25px;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  font-size: 10rem;
  z-index: 0;
  opacity: 0.1;
  color: #999;
  width: 150px; }
  .section-title-wrapper .clean-bg-symbol i {
    font-weight: 900; }

.section-title-wrapper .subtitle {
  font-family: 'Nexa Light', sans-serif;
  color: #A9ABAC; }

.clean-section-title {
  font-family: 'Nexa Bold', sans-serif;
  font-size: 2.6rem;
  color: #444F60; }
  .clean-section-title:before {
    content: "";
    border-top: 3px solid #ededed;
    position: absolute;
    width: 100px;
    top: 40%;
    left: 15%;
    z-index: -999; }
  .clean-section-title:after {
    content: "";
    border-top: 3px solid #ededed;
    position: absolute;
    width: 100px;
    top: 40%;
    right: 15%;
    z-index: -999; }

@media (max-width: 768px) {
  .clean-section-title:after, .clean-section-title:before {
    display: none !important; } }

.bg-number.is-fat {
  font-weight: 900 !important; }

/* ==========================================================================
2. Font settings
========================================================================== */
.feature-headline.is-clean, .card-title.is-clean {
  font-family: 'Nexa Bold', sans-serif; }

.clean-text {
  font-family: 'Nexa Light', sans-serif; }

/* ==========================================================================
3. Icon boxes
========================================================================== */
.icon-box .box-icon {
  margin-bottom: 0; }

.icon-box .box-title {
  margin: 0;
  padding: 5px 0;
  font-weight: 700; }

/* ==========================================================================
4. Pricing tables
========================================================================== */
.clean-pricing {
  padding-top: 80px !important; }

/* ==========================================================================
5. Login and sign up pages
========================================================================== */
.clean-login-card, .clean-signup-card {
  padding: 40px;
  border-radius: 6px;
  max-width: 400px;
  margin: auto;
  background-color: #fff;
  border: 1px solid #ecf0f1;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05); }
  .clean-login-card h2, .clean-signup-card h2 {
    font-size: 24px;
    padding: 20px 0;
    font-family: 'Nexa Bold', sans-serif; }

.clean-signup-info {
  padding: 40px 40px 40px 40px; }
  .clean-signup-info h2 {
    font-size: 25px;
    margin-bottom: 20px;
    font-weight: 300; }
  .clean-signup-info .feature {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 30px; }
    .clean-signup-info .feature img {
      height: 60px !important;
      width: 60px !important; }
    .clean-signup-info .feature .feature-text {
      margin-left: 20px;
      color: #999; }

/* ==========================================================================
6. Footer
========================================================================== */
.small-footer-logo {
  height: 38px; }

/* ==========================================================================
7. Media queries
========================================================================== */
@media (max-width: 767px) {
  .icon-card-hover {
    padding: 20px 20px 10px 100px !important; }
    .icon-card-hover .card-description {
      font-size: 14px; } }

@media (max-width: 768px) {
  .hero-body.is-clean {
    padding-top: 3rem !important; }
  .clean-pricing .column.is-5 {
    text-align: center !important; }
  .clean-pricing .period-select {
    margin: 0 auto; } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .is-tablet-padded {
    padding: 0 20%; } }

/*! _landing-v2.scss | Bulkit | CSS Ninja */
/* ==========================================================================
Landing kit v3 SCSS file
========================================================================== */
/***
TABLE OF CONTENTS
=============================================================================
0. Hero styles
1. Floating chat bubbles
2. Section title
3. Icon box
4. Font
5. Images
6. testimonials
7. Wavy footer
8. Pricing page
10. Chat widget trigger button
11. Chat widget
12. Tablet media queries (portrait orientation)
=============================================================================
***/
/* ==========================================================================
0. Hero styles
========================================================================== */
.hero.hero-wavy:before {
  background: transparent url(/static/assets/images/bg/shapes/wavy-alt.png) no-repeat scroll 0 bottom/100% auto;
  content: "";
  height: 321px;
  width: 100%;
  z-index: 1 !important;
  position: absolute;
  bottom: -1px;
  left: 0; }

.hero-caption {
  text-align: left; }
  .hero-caption .title.big-landing-title {
    color: #fff;
    z-index: 999;
    font-size: 2.8rem;
    font-family: 'Nexa Bold', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    padding: 10px 0; }
  .hero-caption .subtitle {
    margin-bottom: 0; }

@media (max-width: 767px) {
  .hero-caption {
    text-align: center !important; }
    .hero-caption h1, .hero-caption h2 {
      padding-right: 0; } }

#canvas {
  margin: 0;
  padding: 0;
  width: 100%;
  overflow: visible;
  position: absolute;
  top: 10%; }

.floating-avatars .avatar {
  height: 60px;
  border-radius: 100px;
  position: absolute; }
  .floating-avatars .avatar.avatar-1st {
    left: 50%;
    top: 64%; }
  .floating-avatars .avatar.avatar-2nd {
    height: 40px;
    left: 80%;
    top: 45%; }
  .floating-avatars .avatar.avatar-3rd {
    height: 50px;
    left: 68%;
    top: 60%; }
  .floating-avatars .avatar.avatar-4th {
    left: 90%;
    top: 75%; }
  .floating-avatars .avatar.avatar-5th {
    height: 50px;
    left: 33%;
    top: 55%; }
  .floating-avatars .avatar.avatar-6th {
    left: 20%;
    top: 69%;
    z-index: 2; }
  .floating-avatars .avatar.avatar-7th {
    height: 40px;
    left: 8%;
    top: 45%; }

.pricing-hero {
  padding: 120px 0;
  min-height: 70vh; }

/* ==========================================================================
1. Floating chat bubbles
========================================================================== */
.floating-bubbles .bubble img {
  height: 100px;
  position: absolute; }
  .floating-bubbles .bubble img.bubble-1st {
    left: 20%;
    top: -5%;
    animation-delay: .5s; }
  .floating-bubbles .bubble img.bubble-2nd {
    left: 50%;
    top: 25%;
    animation-delay: 1.5s; }
  .floating-bubbles .bubble img.bubble-3rd {
    left: 15%;
    top: 75%;
    animation-delay: 2.5s; }
  .floating-bubbles .bubble img.bubble-4th {
    right: 15%;
    top: -15%;
    animation-delay: 4.5s; }
  .floating-bubbles .bubble img.bubble-5th {
    right: 15%;
    top: -15%;
    animation-delay: 3.5s; }
  .floating-bubbles .bubble img.bubble-6th {
    right: 50%;
    top: 20%;
    animation-delay: 2s; }
  .floating-bubbles .bubble img.bubble-7th {
    right: 10%;
    top: -80%;
    animation-delay: 1.7s;
    transform: rotate(-60deg); }
  .floating-bubbles .bubble img.bubble-8th {
    left: 10%;
    top: -7%;
    animation-delay: 5.3s; }
  .floating-bubbles .bubble img.bubble-9th {
    left: 30%;
    top: 80%;
    animation-delay: 5.3s; }

/* ==========================================================================
2. Section title
========================================================================== */
.subtitle:not(:last-child), .title:not(:last-child), .content h5 {
  margin-bottom: 0 !important; }

.section-title-wrapper .section-title-landing {
  font-family: 'Nexa Bold', sans-serif;
  font-size: 2.7rem;
  color: #444F60;
  padding: 20px 0; }

.section-title-wrapper h4 {
  font-family: 'Nexa Light', sans-serif;
  font-weight: 300;
  font-size: 1.2rem;
  color: #999; }

.title-wrapper .top-subtitle {
  text-transform: uppercase;
  color: #999;
  font-family: 'Nexa Light', sans-serif;
  font-weight: 700;
  font-size: 1.05rem; }

.title-wrapper h2 {
  font-size: 2rem !important; }

.quick-feature {
  font-family: 'Nexa Light';
  font-size: 2.2rem;
  font-weight: 700; }

.title.is-landing {
  font-family: 'Nexa Bold', sans-serif; }

.title.is-landing-light {
  font-family: 'Nexa Light', sans-serif; }

/* ==========================================================================
3. Icon box
========================================================================== */
.chat-icon-box i {
  font-size: 3.8rem;
  font-weight: normal;
  color: #235390; }

.chat-icon-box .box-title {
  font-family: 'Nexa Light', sans-serif;
  padding: 5px 0;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  color: #235390; }

.square-icon-box .box-title {
  font-family: 'Nexa Light';
  font-size: 1.1rem;
  font-weight: 700; }

.square-icon-box .box-text {
  font-size: 14px; }

/* ==========================================================================
4. Font
========================================================================== */
.is-landing {
  font-family: 'Nexa Light', sans-serif !important;
  font-weight: 700; }

/* ==========================================================================
5. Images
========================================================================== */
.vivus-svg {
  max-height: 450px;
  width: 450px; }

.featured-svg {
  max-width: 450px; }
  .featured-svg.is-large {
    max-width: 540px; }

/* ==========================================================================
6. testimonials
========================================================================== */
.flat-testimonial-item .company {
  max-width: 100px;
  margin-right: 0 !important; }

/* ==========================================================================
7. Wavy footer
========================================================================== */
.section.footer-wavy:before {
  background: transparent url(/static/assets/images/bg/shapes/wavy-alt.png) no-repeat scroll 0 bottom/100% auto;
  content: "";
  height: 321px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1 !important; }

@media (max-width: 768px) {
  .footer-logo {
    padding-top: 20px; } }

/* ==========================================================================
8. Pricing page
========================================================================== */
#fancy-pricing {
  margin-top: -20%; }

.contact-material .material-input {
  color: #fff !important; }

.giant-input-wrapper {
  padding: 30px 40px;
  background: #efefef; }
  .giant-input-wrapper .giant-input {
    position: relative;
    min-width: 300px;
    max-width: 100%; }
    .giant-input-wrapper .giant-input input {
      padding: 20px 165px 20px 20px;
      width: 100%;
      background: #fff;
      color: #999;
      border: none;
      height: 60px;
      line-height: 60px;
      transition: all 0.5s;
      border: 1px solid rgba(213, 220, 247, 0.59); }
      .giant-input-wrapper .giant-input input:focus {
        outline: none !important;
        box-shadow: 0px 5px 43px rgba(0, 0, 0, 0.18) !important; }
    .giant-input-wrapper .giant-input button.inner {
      position: absolute;
      right: 7px;
      top: 7px; }

/* ==========================================================================
9. Login and Sign up pages
========================================================================== */
.clean-login-card, .clean-signup-card {
  padding: 40px;
  border-radius: 6px;
  max-width: 400px;
  margin: auto;
  background-color: #fff;
  border: 1px solid #ecf0f1;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05); }
  .clean-login-card h2, .clean-signup-card h2 {
    font-size: 24px;
    padding: 20px 0;
    font-weight: 700 !important;
    font-family: 'Nexa Light', sans-serif; }

.signup-context {
  border: none !important;
  border-radius: 6px; }
  .signup-context .argument {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-align: left;
    padding-top: 30px; }
    .signup-context .argument .icon i {
      font-size: 2.4rem;
      color: #fff; }
    .signup-context .argument .argument-text {
      margin-left: 22px;
      color: #fff; }

/* ==========================================================================
10. Chat widget trigger button
========================================================================== */
#bulchat {
  position: fixed;
  right: 0;
  opacity: 0;
  visibility: hidden;
  bottom: 85px;
  margin: 0 25px 0 0;
  z-index: 9999;
  transition: 0.35s;
  transform: scale(0.7);
  transition: all 0.5s;
  animation: gelatine; }

#bulchat.visible {
  opacity: 1;
  visibility: visible;
  transform: scale(1); }

#bulchat.visible div {
  outline: none;
  opacity: 1;
  background: #78c800;
  cursor: pointer; }
  #bulchat.visible div:hover {
    opacity: 0.8; }

#bulchat div {
  outline: none;
  text-decoration: none;
  border: 0 none;
  display: block;
  width: 46px;
  height: 46px;
  background-color: #66676b;
  opacity: 1;
  transition: all 0.3s;
  border-radius: 50% 50% 50% 0;
  text-align: center;
  font-size: 26px; }

body #bulchat div {
  outline: none;
  color: #fff; }

#bulchat div:after {
  outline: none;
  content: url(/static/assets/images/illustrations/icons/landing-v2/smile.svg);
  font-family: "FontAwesome";
  position: relative;
  display: block;
  top: 50%;
  -webkit-transform: translateY(-55%);
  transform: translateY(-55%); }

#bulchat.visible.close {
  transform: rotate(90deg); }

#bulchat div.close:after {
  outline: none;
  content: url(/static/assets/images/illustrations/icons/landing-v2/close.svg);
  font-family: "FontAwesome";
  position: relative;
  display: block;
  top: 50%;
  -webkit-transform: translateY(-55%);
  transform: translateY(-55%);
  transition: all 0.5s ease; }

/* ==========================================================================
11. Chat widget
========================================================================== */
#chat-widget {
  display: none; }
  #chat-widget .chat-widget-body {
    background-color: #fff;
    position: fixed;
    bottom: 85px;
    right: 85px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    width: 370px;
    height: 550px;
    border-radius: 10px 10px 0;
    box-shadow: 0 24px 25px rgba(0, 0, 0, 0.1);
    transition: all 0.5s ease;
    box-sizing: border-box;
    z-index: 999; }
    #chat-widget .chat-widget-body.is-closed {
      -webkit-animation-name: fadeOutUp;
      -webkit-animation-duration: .5s;
      animation-name: fadeOutUp;
      animation-duration: .5s; }
    #chat-widget .chat-widget-body.is-opened {
      -webkit-animation-name: fadeInDown;
      -webkit-animation-duration: .5s;
      animation-name: fadeInDown;
      animation-duration: .5s; }
    #chat-widget .chat-widget-body .chat-header {
      padding: 20px 20px 10px 20px;
      background-color: #78c800; }
      #chat-widget .chat-widget-body .chat-header .close-chat img {
        height: 10px; }
      #chat-widget .chat-widget-body .chat-header .chat-title {
        text-align: center;
        color: #fff;
        font-size: 17px;
        font-weight: 400;
        margin-bottom: 20px; }
      #chat-widget .chat-widget-body .chat-header .chat-team {
        display: flex;
        justify-content: center;
        align-items: center; }
        #chat-widget .chat-widget-body .chat-header .chat-team .team-member {
          margin: 0 5px 0 5px; }
          #chat-widget .chat-widget-body .chat-header .chat-team .team-member img {
            height: 50px;
            border-radius: 100px; }
          #chat-widget .chat-widget-body .chat-header .chat-team .team-member div {
            color: #fff; }
      #chat-widget .chat-widget-body .chat-header .response-delay {
        color: #fff;
        margin-top: 20px;
        font-size: 12px; }
    #chat-widget .chat-widget-body .message-container {
      position: relative;
      overflow-x: hidden;
      overflow-y: scroll;
      height: 100%;
      padding-bottom: 100px; }
      #chat-widget .chat-widget-body .message-container .chat-message {
        padding: 20px;
        display: flex;
        justify-content: flex-start;
        align-items: center; }
        #chat-widget .chat-widget-body .message-container .chat-message img {
          height: 35px;
          border-radius: 100px; }
        #chat-widget .chat-widget-body .message-container .chat-message .bubble-wrapper {
          width: 100%; }
          #chat-widget .chat-widget-body .message-container .chat-message .bubble-wrapper .chat-bubble {
            padding: 10px 20px 10px 20px;
            font-size: 12px;
            border: 1px solid #ededed;
            position: relative;
            top: 30px; }
          #chat-widget .chat-widget-body .message-container .chat-message .bubble-wrapper .timestamp {
            position: relative;
            top: 8px;
            font-size: 11px;
            font-weight: 500;
            color: #999; }
        #chat-widget .chat-widget-body .message-container .chat-message.from .chat-bubble {
          margin-left: 20px;
          color: #fff;
          background: #78c800;
          border-radius: 0 15px 15px 15px; }
        #chat-widget .chat-widget-body .message-container .chat-message.from .timestamp {
          right: 10px;
          float: right; }
        #chat-widget .chat-widget-body .message-container .chat-message.to .chat-bubble {
          margin-right: 20px;
          color: #fff;
          background: #78c800;
          border: 1px solid #ededed;
          border-radius: 15px 0 15px 15px;
          text-align: left !important; }
        #chat-widget .chat-widget-body .message-container .chat-message.to .timestamp {
          left: 0;
          top: 23px; }
    #chat-widget .chat-widget-body .message-container::-webkit-scrollbar {
      width: 10px; }
    #chat-widget .chat-widget-body .message-container::-webkit-scrollbar-thumb {
      border-radius: 5px;
      background: rgba(0, 0, 0, 0.2); }
    #chat-widget .chat-widget-body .message-input {
      position: absolute;
      bottom: -5px !important;
      width: 100%; }
      #chat-widget .chat-widget-body .message-input textarea {
        box-sizing: border-box;
        padding: 18px;
        padding-right: 100px;
        padding-left: 30px;
        width: 100%;
        height: 100%;
        font-family: "intercom-font", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 15px;
        font-weight: 400;
        line-height: 1.33;
        white-space: pre;
        white-space: pre-wrap;
        word-wrap: break-word;
        border: none !important;
        resize: none;
        background-color: #fcfcfc; }
        #chat-widget .chat-widget-body .message-input textarea:focus {
          outline: none !important; }
      #chat-widget .chat-widget-body .message-input .message-options {
        position: absolute;
        right: 30px;
        top: 0; }
        #chat-widget .chat-widget-body .message-input .message-options .emoji-button {
          position: relative;
          float: left;
          display: inline-block;
          cursor: pointer;
          opacity: .7;
          height: 55px;
          width: 30px; }
          #chat-widget .chat-widget-body .message-input .message-options .emoji-button:before {
            background-image: url(https://image.ibb.co/gH13KQ/emoji_icon.png);
            background-size: 18px 18px;
            background-repeat: no-repeat;
            content: " ";
            width: 18px;
            height: 18px;
            left: 5px;
            border-radius: 50%;
            position: absolute;
            top: 20px;
            background-position: 50%; }
        #chat-widget .chat-widget-body .message-input .message-options .attach-button {
          position: relative;
          float: left;
          display: inline-block;
          cursor: pointer;
          opacity: .7;
          height: 55px;
          width: 30px; }
          #chat-widget .chat-widget-body .message-input .message-options .attach-button:before {
            background-image: url(https://image.ibb.co/hSE165/attach_icon.png);
            background-size: 16px 18px;
            background-repeat: no-repeat;
            content: " ";
            width: 16px;
            height: 18px;
            left: 5px;
            position: absolute;
            top: 20px;
            background-position: 50%; }

@media (max-width: 767px) {
  .chat-widget-body {
    height: 100% !important;
    width: 100% !important;
    top: 0 !important;
    left: 0 !important;
    border-radius: 0 !important;
    z-index: 99999 !important; }
  #bulchat.visible.close {
    transform: rotate(90deg);
    visibility: hidden; } }

/* ==========================================================================
12. Tablet media queries (portrait orientation)
========================================================================== */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .is-tablet-padded {
    padding: 0 10%; }
  .is-tablet-padded-lg {
    padding: 0 20%; } }

/*! _landing-v3.scss | Bulkit | CSS Ninja */
/* ==========================================================================
Landing kit v4 SCSS file
========================================================================== */
/***
TABLE OF CONTENTS
=============================================================================
0. Hero styles
1. Landing page 
2. Pricing page
3. Help center
4. Help category
5. Help article 
6. Media queries
=============================================================================
***/
/* ==========================================================================
0. Hero styles
========================================================================== */
.big-title {
  font-family: 'Nexa Bold', sans-serif;
  margin-bottom: 0 !important;
  padding: 10px 0; }

.light-subtitle {
  font-size: 1.5rem;
  padding: 2% 10% 2% 10%;
  margin-bottom: 0 !important; }

.video-link {
  padding: 10px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer; }
  .video-link span {
    color: #444F60; }
  .video-link i {
    position: relative;
    top: 2px;
    padding-right: 10px;
    color: #444444;
    transition: all 0.4s; }
  .video-link:hover i, .video-link:hover span {
    color: #235390; }

.mockup-section {
  padding: 5rem 1.5rem !important; }
  .mockup-section .app-mockup {
    position: relative;
    padding-top: 5%;
    z-index: 2; }
  .mockup-section .hr-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    max-width: 1096px;
    width: 100%;
    z-index: 0; }

/* ==========================================================================
1. Landing page styles
========================================================================== */
.minimal-feature .minimal-title {
  font-family: 'Nexa Bold', sans-serif;
  font-size: 2rem;
  font-weight: 500;
  color: #444F60;
  padding: 10px 0;
  margin-bottom: 0 !important; }

.minimal-feature-image {
  position: relative; }
  .minimal-feature-image .main-image {
    position: relative;
    z-index: 2; }
  .minimal-feature-image .image-bg {
    position: absolute;
    top: 10%;
    left: -20%;
    right: 0;
    margin: 0 auto;
    max-width: 1096px;
    width: 120%;
    z-index: 0; }

.city-container img {
  display: block; }

.conditions {
  position: relative;
  top: 12px;
  font-size: 85%;
  margin-left: 15px;
  color: #fff; }

/* ==========================================================================
2. Pricing page
========================================================================== */
.billing-switcher-wrapper {
  padding-top: 40px;
  max-width: 200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative; }
  .billing-switcher-wrapper .by-month {
    padding-right: 20px; }
  .billing-switcher-wrapper .by-year {
    padding-left: 10px; }
  .billing-switcher-wrapper .by-month, .billing-switcher-wrapper .by-year {
    color: #A9ABAC; }
    .billing-switcher-wrapper .by-month.is-active, .billing-switcher-wrapper .by-year.is-active {
      color: #235390; }
  .billing-switcher-wrapper .discount {
    position: absolute;
    top: -10px;
    right: -100px; }
    .billing-switcher-wrapper .discount img {
      max-height: 70px;
      height: 70px; }

.pricing-wrapper {
  position: relative; }
  .pricing-wrapper .hr-bg {
    position: absolute;
    top: -50px;
    left: 0;
    right: 0;
    margin: 0 auto;
    max-width: 1096px;
    width: 100%;
    z-index: 0; }
  .pricing-wrapper .flex-card {
    z-index: 2; }
    .pricing-wrapper .flex-card .condensed-plan {
      padding: 20px;
      text-align: center;
      border-right: 1px solid #ededed; }
      .pricing-wrapper .flex-card .condensed-plan.is-last {
        border-right: none; }
      .pricing-wrapper .flex-card .condensed-plan.is-switched .monthly-price {
        display: none !important; }
      .pricing-wrapper .flex-card .condensed-plan.is-switched .yearly-price {
        display: block !important; }
      .pricing-wrapper .flex-card .condensed-plan.is-switched .yearly-billed {
        visibility: visible !important; }
      .pricing-wrapper .flex-card .condensed-plan .plan-header {
        font-size: 1.2rem;
        font-weight: 500;
        padding-bottom: 20px; }
      .pricing-wrapper .flex-card .condensed-plan .plan-description {
        color: #A9ABAC;
        padding-bottom: 20px; }
        .pricing-wrapper .flex-card .condensed-plan .plan-description span {
          font-weight: 500;
          color: #235390; }
      .pricing-wrapper .flex-card .condensed-plan .plan-price {
        font-size: 6rem;
        font-weight: 400;
        padding-bottom: 2rem;
        border-bottom: 1px dashed #A9ABAC; }
        .pricing-wrapper .flex-card .condensed-plan .plan-price span:after {
          content: "PER MONTH";
          display: block;
          margin-top: -8px;
          font-size: 0.8rem;
          line-height: 1rem;
          font-family: inherit;
          font-weight: 300;
          color: #748088; }
        .pricing-wrapper .flex-card .condensed-plan .plan-price span:before {
          content: "$";
          display: inline-block;
          font-weight: 700;
          line-height: 4rem;
          font-size: 1rem;
          padding-top: 1rem;
          margin-right: 0;
          vertical-align: text-top; }
        .pricing-wrapper .flex-card .condensed-plan .plan-price .monthly-price {
          display: block; }
        .pricing-wrapper .flex-card .condensed-plan .plan-price .yearly-price {
          display: none; }
        .pricing-wrapper .flex-card .condensed-plan .plan-price .yearly-billed {
          padding-top: 2rem;
          font-size: 0.9rem;
          color: #235390;
          visibility: hidden; }
      .pricing-wrapper .flex-card .condensed-plan .plan-features {
        padding-top: 3rem; }
        .pricing-wrapper .flex-card .condensed-plan .plan-features li {
          padding-bottom: 20px; }

/* ==========================================================================
3. Help center
========================================================================== */
.help-header {
  display: flex;
  justify-content: flex-start;
  align-items: center; }
  .help-header img {
    max-height: 45px;
    max-width: 45px;
    padding-right: 20px;
    border-right: 1px solid #fff; }
  .help-header .title {
    color: #fff;
    padding-left: 20px;
    position: relative;
    top: -2px; }

.help-subheader {
  padding: 20px 0 30px 0; }

.help-search-wrapper {
  position: relative;
  width: 100%; }
  .help-search-wrapper input {
    width: 100%;
    padding: 20px 32px 21px 59px;
    background: rgba(255, 255, 255, 0.2);
    border: none;
    outline: none;
    color: rgba(255, 255, 255, 0.7);
    font-size: 18px;
    border-radius: 4px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.03);
    -webkit-transition: background .4s, box-shadow .2s;
    transition: background .4s, box-shadow .2s; }
    .help-search-wrapper input::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      color: rgba(255, 255, 255, 0.7) !important; }
    .help-search-wrapper input::-moz-placeholder {
      /* Firefox 19+ */
      color: rgba(255, 255, 255, 0.7) !important; }
    .help-search-wrapper input:-ms-input-placeholder {
      /* IE 10+ */
      color: rgba(255, 255, 255, 0.7) !important; }
    .help-search-wrapper input:-moz-placeholder {
      /* Firefox 18- */
      color: rgba(255, 255, 255, 0.7) !important; }
    .help-search-wrapper input:focus {
      box-shadow: 0 10px 20px rgba(0, 0, 0, 0.14);
      background: #fff;
      color: #444F60; }
      .help-search-wrapper input:focus + i {
        color: #999; }
      .help-search-wrapper input:focus::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        color: #cecece !important; }
      .help-search-wrapper input:focus::-moz-placeholder {
        /* Firefox 19+ */
        color: #cecece !important; }
      .help-search-wrapper input:focus:-ms-input-placeholder {
        /* IE 10+ */
        color: #cecece !important; }
      .help-search-wrapper input:focus:-moz-placeholder {
        /* Firefox 18- */
        color: #cecece !important; }
  .help-search-wrapper i {
    font-size: 2rem;
    color: rgba(255, 255, 255, 0.7);
    position: absolute;
    top: 18px;
    left: 18px; }

.section.help-section {
  background: #f3f5f7; }
  .section.help-section .category-card {
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.03); }
    .section.help-section .category-card .card-body a {
      display: flex;
      justify-content: flex-start;
      align-items: center; }
      .section.help-section .category-card .card-body a .icon {
        width: 110px;
        height: 110px;
        display: flex;
        align-items: center;
        justify-content: center; }
        .section.help-section .category-card .card-body a .icon i {
          font-size: 3.5rem;
          color: #818a97 !important; }
      .section.help-section .category-card .card-body a .inner-content {
        padding-left: 25px; }
        .section.help-section .category-card .card-body a .inner-content .title {
          margin-bottom: 10px !important;
          font-weight: 400;
          color: #235390; }
        .section.help-section .category-card .card-body a .inner-content .inner-text {
          color: #999 !important; }
        .section.help-section .category-card .card-body a .inner-content .card-meta {
          display: flex;
          align-items: center;
          justify-content: flex-start;
          margin-top: 12px; }
          .section.help-section .category-card .card-body a .inner-content .card-meta .small-avatar {
            height: 34px;
            width: 34px;
            border-radius: 50%;
            margin-right: 10px;
            border: 2px solid #fff;
            position: relative; }
            .section.help-section .category-card .card-body a .inner-content .card-meta .small-avatar:not(:first-child) {
              margin-left: -19px; }
            .section.help-section .category-card .card-body a .inner-content .card-meta .small-avatar:first-child {
              z-index: 3; }
            .section.help-section .category-card .card-body a .inner-content .card-meta .small-avatar:nth-child(2) {
              z-index: 2; }
            .section.help-section .category-card .card-body a .inner-content .card-meta .small-avatar:nth-child(3) {
              z-index: 1; }
            .section.help-section .category-card .card-body a .inner-content .card-meta .small-avatar:nth-child(4) {
              z-index: 0; }
            .section.help-section .category-card .card-body a .inner-content .card-meta .small-avatar.is-more {
              display: flex;
              justify-content: center;
              align-items: center;
              color: #fff;
              background: #999;
              font-weight: 500;
              font-size: 13px; }
              .section.help-section .category-card .card-body a .inner-content .card-meta .small-avatar.is-more span {
                position: relative;
                top: -2px;
                left: -1px; }
          .section.help-section .category-card .card-body a .inner-content .card-meta .meta-info {
            color: #999 !important; }
            .section.help-section .category-card .card-body a .inner-content .card-meta .meta-info .articles-number {
              font-size: 13px; }
            .section.help-section .category-card .card-body a .inner-content .card-meta .meta-info .authors {
              font-size: 13px; }
              .section.help-section .category-card .card-body a .inner-content .card-meta .meta-info .authors span {
                color: #039BE5; }

.breadcrumbs {
  position: relative;
  font-size: 14px;
  font-weight: 400;
  color: #999; }
  .breadcrumbs ul {
    margin: 0 !important; }
    .breadcrumbs ul li {
      display: inline-block;
      list-style: none;
      margin: 0 0 0 10px; }
      .breadcrumbs ul li:first-child:before {
        content: '';
        margin-left: -20px; }
      .breadcrumbs ul li:before {
        content: "\F105";
        font-family: "FontAwesome";
        color: #a0a0a0;
        font-size: 14px;
        margin-right: 15px; }
  .breadcrumbs a {
    font-weight: 500;
    color: #235390; }

/* ==========================================================================
5. Help category
========================================================================== */
.help-container {
  position: relative; }
  .help-container .shadow-bg {
    width: 100%; }
    .help-container .shadow-bg:before {
      content: ' ';
      position: absolute;
      display: block;
      top: 50px;
      left: 0;
      bottom: 0;
      right: 0;
      background: #ebeef1;
      border-radius: 4px;
      -webkit-transition: background .3s;
      transition: background .3s;
      z-index: 0;
      margin: 0 10px; }
  .help-container .category-header {
    padding: 30px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    top: 20px;
    z-index: 2; }
    .help-container .category-header .icon {
      width: 110px;
      height: 110px;
      display: flex;
      align-items: center;
      justify-content: center; }
      .help-container .category-header .icon i {
        font-size: 3.5rem;
        color: #818a97 !important; }
    .help-container .category-header .inner-content {
      padding-left: 25px; }
      .help-container .category-header .inner-content .title {
        margin-bottom: 10px !important;
        font-weight: 400;
        color: #235390; }
      .help-container .category-header .inner-content .inner-text {
        color: #999 !important; }
      .help-container .category-header .inner-content .card-meta {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        margin-top: 12px; }
        .help-container .category-header .inner-content .card-meta .small-avatar {
          height: 34px;
          width: 34px;
          border-radius: 50%;
          margin-right: 10px;
          border: 2px solid #fff; }
          .help-container .category-header .inner-content .card-meta .small-avatar:not(:first-child) {
            margin-left: -19px; }
          .help-container .category-header .inner-content .card-meta .small-avatar:first-child {
            z-index: 3; }
          .help-container .category-header .inner-content .card-meta .small-avatar:nth-child(2) {
            z-index: 2; }
          .help-container .category-header .inner-content .card-meta .small-avatar:nth-child(3) {
            z-index: 1; }
          .help-container .category-header .inner-content .card-meta .small-avatar:nth-child(4) {
            z-index: 0; }
          .help-container .category-header .inner-content .card-meta .small-avatar.is-more {
            display: flex;
            justify-content: center;
            align-items: center;
            color: #fff;
            background: #999;
            font-weight: 500;
            font-size: 13px; }
            .help-container .category-header .inner-content .card-meta .small-avatar.is-more span {
              position: relative;
              top: -2px;
              left: -1px; }
        .help-container .category-header .inner-content .card-meta .meta-info {
          color: #999 !important; }
          .help-container .category-header .inner-content .card-meta .meta-info .articles-number {
            font-size: 13px; }
          .help-container .category-header .inner-content .card-meta .meta-info .authors {
            font-size: 13px; }
            .help-container .category-header .inner-content .card-meta .meta-info .authors span {
              color: #235390; }
  .help-container .articles-list {
    position: relative;
    margin: 30px;
    background: #fff;
    width: calc(100% - 60px);
    border-radius: 4px;
    border: 1px solid #d4dadf;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.05); }
    .help-container .articles-list .help-article {
      padding: 30px; }
      .help-container .articles-list .help-article a {
        display: flex;
        justify-content: flex-start;
        align-items: center; }
        .help-container .articles-list .help-article a .inner-content .title {
          margin-bottom: 10px !important;
          font-weight: 400;
          color: #235390; }
        .help-container .articles-list .help-article a .inner-content .inner-text {
          color: #999 !important; }
        .help-container .articles-list .help-article a .inner-content .card-meta {
          display: flex;
          align-items: center;
          justify-content: flex-start;
          margin-top: 12px; }
          .help-container .articles-list .help-article a .inner-content .card-meta .small-avatar {
            height: 34px;
            width: 34px;
            border-radius: 50%;
            margin-right: 10px;
            border: 2px solid #fff;
            position: relative; }
          .help-container .articles-list .help-article a .inner-content .card-meta .meta-info {
            color: #999 !important;
            line-height: 1.1rem; }
            .help-container .articles-list .help-article a .inner-content .card-meta .meta-info .author {
              font-size: 13px; }
              .help-container .articles-list .help-article a .inner-content .card-meta .meta-info .author span {
                color: #039BE5; }
            .help-container .articles-list .help-article a .inner-content .card-meta .meta-info .status {
              font-size: 12px;
              color: #A9ABAC; }
      .help-container .articles-list .help-article:not(:last-child) {
        border-bottom: 1px solid #d4dadf; }

/* ==========================================================================
5. Help article
========================================================================== */
.single-help-article {
  border-radius: 4px;
  border: 1px solid #d4dadf;
  margin-top: 20px;
  padding: 60px; }
  .single-help-article .article-inner {
    max-width: 640px;
    margin: 0 auto; }
    .single-help-article .article-inner h2 {
      font-weight: 500; }
    .single-help-article .article-inner h3 {
      padding-top: 20px;
      color: #999;
      font-weight: 500;
      margin-bottom: 1rem; }
    .single-help-article .article-inner .article-meta {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      color: #999 !important;
      line-height: 1.1rem; }
      .single-help-article .article-inner .article-meta .small-avatar {
        width: 32px;
        height: 32px;
        border-radius: 50%; }
      .single-help-article .article-inner .article-meta .meta-info {
        color: #999 !important;
        line-height: 1.1rem;
        margin-left: 15px; }
        .single-help-article .article-inner .article-meta .meta-info .author {
          font-size: 13px; }
          .single-help-article .article-inner .article-meta .meta-info .author span {
            color: #039BE5; }
        .single-help-article .article-inner .article-meta .meta-info .status {
          font-size: 12px;
          color: #A9ABAC; }
    .single-help-article .article-inner .content {
      padding-top: 30px; }
      .single-help-article .article-inner .content p {
        font-size: 16px;
        color: #444F60; }
      .single-help-article .article-inner .content h4 {
        padding-top: 10px;
        font-weight: 500; }
      .single-help-article .article-inner .content ul {
        font-size: 16px; }
    .single-help-article .article-inner .rating-section {
      width: 100%;
      text-align: center; }
      .single-help-article .article-inner .rating-section .question {
        padding-top: 25px;
        font-size: 1.1rem;
        font-weight: 500;
        color: #A9ABAC; }
      .single-help-article .article-inner .rating-section .rating-buttons {
        position: relative;
        top: 18px; }
      .single-help-article .article-inner .rating-section .rating-button {
        max-width: 60px;
        max-height: 60px;
        cursor: pointer; }
        .single-help-article .article-inner .rating-section .rating-button i {
          font-size: 50px;
          font-weight: 200;
          color: #A9ABAC;
          transition: all 0.3s; }
        .single-help-article .article-inner .rating-section .rating-button:hover i {
          color: #235390;
          transform: scale(1.1); }

/* ==========================================================================
6. Media queries
========================================================================== */
@media (max-width: 768px) {
  .category-card .card-body {
    padding: 30px 20px !important; }
    .category-card .card-body a {
      flex-direction: column !important; }
    .category-card .card-body .inner-content {
      padding-left: 0 !important; }
    .category-card .card-body .icon {
      width: 100% !important;
      height: 60px !important;
      display: flex;
      justify-content: flex-start !important; }
      .category-card .card-body .icon i {
        font-size: 2.8rem !important; }
  .category-header {
    padding: 30px 20px !important;
    flex-direction: column !important; }
    .category-header .inner-content {
      padding-left: 0 !important; }
    .category-header .icon {
      width: 100% !important;
      height: 60px !important;
      display: flex;
      justify-content: flex-start !important; }
      .category-header .icon i {
        font-size: 2.8rem !important; }
  .small-avatar:nth-child(2), .small-avatar:nth-child(3), .small-avatar:nth-child(4), .small-avatar.is-more {
    display: none !important; }
  .help-article {
    padding: 30px 20px !important; }
  .articles-list {
    margin: 20px;
    width: calc(100% - 40px); }
  .single-help-article {
    padding: 25px 20px; } }

/*! _helpers.scss | Bulkit | CSS Ninja */
/* ==========================================================================
Helper classes (must always be at the end of the core imports)
========================================================================== */
/***
TABLE OF CONTENTS
=============================================================================
0. Color helpers
1. Typography helpers
2. Display helpers
3. Padding helpers
4. Margin helpers
5. Sizing helpers
6. Position helpers
7. States helpers
8. Overflow helpers
9. Icon helpers
10. Image helpers
11. Responsive helpers
=============================================================================
***/
/* ==========================================================================
0. Color helpers
========================================================================== */
.color-primary {
  color: #235390 !important; }

.color-secondary {
  color: #78c800 !important; }

.color-accent {
  color: #ebf2fa !important; }

.color-red {
  color: #FF7273 !important; }

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

.dark-text {
  color: #444F60 !important; }

.light-text {
  color: #fff !important; }

.primary-text {
  color: #235390 !important; }

.secondary-text {
  color: #78c800 !important; }

.accent-text {
  color: #ebf2fa !important; }

.info-text {
  color: #039BE5 !important; }

.success-text {
  color: #00b289 !important; }

.warning-text {
  color: #eda514 !important; }

.danger-text {
  color: #FF7273 !important; }

.dark-bg {
  background: #444444 !important; }

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

/* ==========================================================================
1. Typography helpers
========================================================================== */
.font-w-400 {
  font-weight: 400 !important; }

.font-w-500 {
  font-weight: 500 !important; }

.font-w-600 {
  font-weight: 600 !important; }

.text-decoration-none {
  text-decoration: none !important; }

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

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

.text-bolder {
  font-weight: 700 !important; }

.font-size-normal {
  font-size: 1rem; }

.font-size-2x {
  font-size: 2rem; }

.is-size-1 {
  font-size: 3rem; }

.is-size-2 {
  font-size: 2.5rem; }

.is-size-3 {
  font-size: 2rem; }

.is-size-4 {
  font-size: 1.5rem; }

.is-size-5 {
  font-size: 1.25rem; }

.is-size-6 {
  font-size: 1rem; }

.is-size-7 {
  font-size: 0.75rem; }

.is-size-8 {
  font-size: 0.65rem; }

.is-size-9 {
  font-size: 0.6rem; }

/* ==========================================================================
2. Display helpers
========================================================================== */
.is-flex {
  display: flex; }
  .is-flex.is-start {
    justify-content: flex-start; }
  .is-flex.is-center {
    justify-content: center; }
  .is-flex.is-end {
    justify-content: flex-end; }
  .is-flex.is-vcenter {
    align-items: center;
    align-content: center; }

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

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

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

.has-slimscroll::-webkit-scrollbar {
  width: 6px !important; }

.has-slimscroll::-webkit-scrollbar-thumb {
  border-radius: 10px !important;
  background: rgba(0, 0, 0, 0.2) !important; }

.has-slimscroll-xs::-webkit-scrollbar {
  width: 3px !important; }

.has-slimscroll-xs::-webkit-scrollbar-thumb {
  border-radius: 10px !important;
  background: rgba(0, 0, 0, 0.2) !important; }

.has-slimscroll-xs-h::-webkit-scrollbar {
  height: 6px !important; }

.has-slimscroll-xs-h::-webkit-scrollbar-thumb {
  border-radius: 10px !important;
  background: rgba(0, 0, 0, 0.2) !important; }

/* ==========================================================================
3. Padding helpers
========================================================================== */
.no-padding {
  padding: 0 !important; }

.no-padding-top {
  padding-top: 0 !important; }

.no-padding-bottom {
  padding-bottom: 0 !important; }

.no-padding-right {
  padding-right: 0 !important; }

.no-padding-left {
  padding-left: 0 !important; }

.padding-10 {
  padding: 10px; }

.padding-15 {
  padding: 15px; }

.padding-20 {
  padding: 20px; }

.padding-25 {
  padding: 25px; }

.padding-30 {
  padding: 30px; }

.padding-40 {
  padding: 40px; }

.padding-50 {
  padding: 50px; }

.padding-60 {
  padding: 60px; }

.padding-70 {
  padding: 70px; }

.padding-80 {
  padding: 80px; }

.padding-90 {
  padding: 90px; }

.padding-100 {
  padding: 100px; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.huge-pt {
  padding-top: 100px; }

.huge-pb {
  padding-bottom: 100px; }

.giant-pb {
  padding-bottom: 150px; }

/* ==========================================================================
4. Margin helpers
========================================================================== */
.no-margin {
  margin: 0 !important; }

.no-margin-left {
  margin-left: 0 !important; }

.no-margin-right {
  margin-right: 0 !important; }

.no-margin-top {
  margin-top: 0 !important; }

.no-margin-bottom {
  margin-bottom: 0 !important; }

.margin-x-auto {
  margin: 0 auto !important; }

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

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

.margin-10 {
  margin: 10px; }

.margin-20 {
  margin: 20px; }

.margin-25 {
  margin: 25px; }

.margin-30 {
  margin: 30px; }

.margin-40 {
  margin: 40px; }

.margin-50 {
  margin: 50px; }

.margin-60 {
  margin: 60px; }

.margin-70 {
  margin: 70px; }

.margin-80 {
  margin: 80px; }

.margin-90 {
  margin: 90px; }

.margin-100 {
  margin: 100px; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* ==========================================================================
5. Sizing helpers
========================================================================== */
.width-40 {
  width: 40px !important; }

.width-100 {
  width: 100px !important; }

.width-250 {
  width: 250px !important; }

.height-30 {
  height: 30px !important; }

.height-60 {
  height: 60px !important; }

.height-60 {
  height: 60px !important; }

.height-70 {
  height: 60px !important; }

.height-80 {
  height: 60px !important; }

.height-90 {
  height: 60px !important; }

/* ==========================================================================
6. Position helpers
========================================================================== */
.pull-right {
  float: right; }

.pull-left {
  float: left; }

.is-fixed {
  position: fixed;
  top: 0;
  left: 0; }

/* ==========================================================================
7. States helpers
========================================================================== */
.is-hidden {
  display: none !important; }

.is-vhidden {
  visibility: hidden !important; }

.is-disabled {
  pointer-events: none;
  opacity: 0.4;
  cursor: default !important; }

.stuck {
  position: fixed !important;
  top: 0 !important;
  z-index: 999 !important;
  animation-name: translateDown;
  animation-duration: 0.4s; }

/* ==========================================================================
8. Overflow helpers
========================================================================== */
.overflow-auto {
  overflow: auto !important; }

/* ==========================================================================
9. Icon helpers
========================================================================== */
.im.is-icon-xs, .sl.is-icon-xs, .material-icons.is-icon-xs {
  font-size: 0.8rem !important; }

.im.is-icon-md, .sl.is-icon-md, .material-icons.is-icon-md {
  font-size: 1.5rem !important; }

.im.is-icon-2x, .sl.is-icon-2x, .material-icons.is-icon-2x {
  font-size: 2rem; }

.im.is-icon-3x, .sl.is-icon-3x, .material-icons.is-icon-3x {
  font-size: 3rem; }

.im.is-icon-4x, .sl.is-icon-4x, .material-icons.is-icon-4x {
  font-size: 4rem; }

.im.is-gigantic, .sl.is-gigantic, .material-icons.is-gigantic {
  font-size: 12rem; }

/* ==========================================================================
10. Image helpers
========================================================================== */
.img-circle {
  border-radius: 1000px; }

/* ==========================================================================
11. Responsive helpers
========================================================================== */
@media (max-width: 767px) {
  .mobile-padding-20 {
    padding: 20px 30px; }
  .mobile-padding-40 {
    padding: 40px; }
  .has-text-centered-mobile {
    text-align: center !important; } }

/*! _responsive.scss | Bulkit | CSS Ninja */
/* ==========================================================================
General responsive styles
========================================================================== */
/***
TABLE OF CONTENTS
=============================================================================
0. max-width 767px
1. max-width 768px
2. Between 768px and 1024px portrait orientation
3. max-width 1007px
=============================================================================
***/
/* ==========================================================================
0. max-width 767px
========================================================================== */
@media (max-width: 767px) {
  .section-title-wrapper {
    padding: 40px 0 !important; }
  .content-wrapper {
    padding-top: 40px !important; } }

/* ==========================================================================
1. max-width 768px
========================================================================== */
@media (max-width: 768px) {
  .nav-item.is-tab {
    padding-top: 8px;
    padding-bottom: 8px; }
  .nav .nav-item.is-tab.is-active, .nav-menu.is-active .nav-item.is-tab.is-active {
    border-bottom: none !important;
    color: #235390 !important; }
  .nav-item.nav-inner {
    padding-top: 15px !important;
    padding-bottom: 15px !important; }
  a.nav-item.is-not-mobile {
    display: none !important; }
  .nav-item.is-menu-mobile {
    display: block !important;
    color: #7a7a7a !important; }
  .navbar.navbar-light.is-dark-mobile {
    background: #344258; }
    .navbar.navbar-light.is-dark-mobile .navbar-menu {
      background: #344258; }
      .navbar.navbar-light.is-dark-mobile .navbar-menu a {
        color: #fff; }
      .navbar.navbar-light.is-dark-mobile .navbar-menu .mobile-drop.is-active .mobile-drop-trigger {
        opacity: .9; }
        .navbar.navbar-light.is-dark-mobile .navbar-menu .mobile-drop.is-active .mobile-drop-trigger i {
          transform: rotate(90deg); }
      .navbar.navbar-light.is-dark-mobile .navbar-menu .mobile-drop .mobile-drop-trigger {
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        padding: 10px;
        transition: all .3s; }
        .navbar.navbar-light.is-dark-mobile .navbar-menu .mobile-drop .mobile-drop-trigger i {
          position: relative;
          top: 2px;
          font-size: 16px;
          margin-left: 4px;
          transition: all .3s; }
      .navbar.navbar-light.is-dark-mobile .navbar-menu .mobile-drop .child-menu {
        display: none;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff; }
        .navbar.navbar-light.is-dark-mobile .navbar-menu .mobile-drop .child-menu ul li a {
          display: block;
          width: 100%;
          padding: 10px;
          font-size: .9rem;
          text-align: center;
          color: #d9d9d9; }
  .navbar .navbar-menu .navbar-link, .navbar .navbar-menu .navbar-item, .navbar .navbar-menu .navbar-dropdown {
    width: 100%;
    text-align: center; }
  .navbar .navbar-menu .navbar-link:after {
    display: block !important;
    right: 43%; }
  .navbar .navbar-menu .button {
    width: 100%; }
  .navbar .navbar-menu .mobile-drop.is-active .mobile-drop-trigger {
    opacity: .9; }
    .navbar .navbar-menu .mobile-drop.is-active .mobile-drop-trigger i {
      transform: rotate(90deg); }
  .navbar .navbar-menu .mobile-drop .mobile-drop-trigger {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #333;
    padding: 10px;
    transition: all .3s; }
    .navbar .navbar-menu .mobile-drop .mobile-drop-trigger i {
      position: relative;
      top: 2px;
      font-size: 16px;
      margin-left: 4px;
      transition: all .3s; }
  .navbar .navbar-menu .mobile-drop .child-menu {
    display: none;
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed; }
    .navbar .navbar-menu .mobile-drop .child-menu ul li a {
      display: block;
      width: 100%;
      padding: 10px;
      font-size: .9rem;
      text-align: center;
      color: #999; }
  .navbar-brand {
    min-height: 4.6rem; }
  .custom-burger {
    display: flex !important; }
  .navbar-burger {
    height: 4.6rem;
    width: 4.6rem; }
  .level-left.level-social {
    display: flex;
    justify-content: flex-start; }
    .level-left.level-social .level-item:last-child .icon i {
      position: relative !important; }
  #main-hero {
    max-height: 100vh;
    background-position-x: 55% !important; }
  /*.title.main-title {
    margin-top: 45px;
}*/
  .parallax-overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0 !important; }
  .title.section-title {
    font-size: 2rem !important; }
  .hero.is-fullheight.is-halfed-mobile {
    height: 35vh !important; }
  .three-grid .column, .four-grid .column, .five-grid .column {
    border: none !important; }
  .three-grid .is-separator, .four-grid .is-separator, .five-grid .is-separator {
    border: none !important; }
  .single-image-carousel .image-wrapper img {
    min-height: 50px !important; }
  .single-image-carousel .image-wrapper .caption {
    display: none; }
  .video-caption {
    left: 5%; }
  #navigation-trigger, .navigation-close {
    opacity: 1 !important; }
  .navbar-wrapper.navbar-fade.navbar-light.mobile-menu-dark {
    background-color: #344258 !important; }
    .navbar-wrapper.navbar-fade.navbar-light.mobile-menu-dark .nav-menu.is-active {
      background-color: #344258 !important; }
      .navbar-wrapper.navbar-fade.navbar-light.mobile-menu-dark .nav-menu.is-active .nav-inner.is-menu-mobile {
        color: #fff !important; }
        .navbar-wrapper.navbar-fade.navbar-light.mobile-menu-dark .nav-menu.is-active .nav-inner.is-menu-mobile.is-active {
          color: #235390 !important; }
  .navbar-wrapper.navbar-fade.mobile-menu-dark {
    background-color: #fff !important; } }

/* ==========================================================================
1. Between 768px and 1024px portrait orientation
========================================================================== */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .columns {
    padding: 0 10%; }
    .columns.is-tablet-portrait {
      padding: 10%; }
    .columns.is-not-tablet-portrait {
      padding: 0 !important; }
  .content-wrapper {
    padding-top: 0 !important; } }

/* ==========================================================================
2. max-width 1007px
========================================================================== */
@media (max-width: 1007px) {
  .column.slide-description {
    padding: 20px 0 !important; }
  .account {
    display: none; }
  .media-card {
    min-height: 300px !important; }
  .column.is-4.media-stretch {
    width: 100% !important; }
    .column.is-4.media-stretch .media-card-image {
      min-height: 150px; }
  .mcard-controls {
    position: relative !important; } }

/* ==========================================================================
4. Tablet Landscape
========================================================================== */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .navbar-brand {
    min-height: 4.6rem;
    height: 4.6rem; }
    .navbar-brand .custom-burger {
      display: flex; }
  .navbar-wrapper.navbar-fade.navbar-light.mobile-menu-dark {
    background-color: #344258 !important; }
    .navbar-wrapper.navbar-fade.navbar-light.mobile-menu-dark .nav-menu.is-active {
      background-color: #344258 !important; }
      .navbar-wrapper.navbar-fade.navbar-light.mobile-menu-dark .nav-menu.is-active .nav-inner.is-menu-mobile {
        color: #fff !important; }
        .navbar-wrapper.navbar-fade.navbar-light.mobile-menu-dark .nav-menu.is-active .nav-inner.is-menu-mobile.is-active {
          color: #235390 !important; }
  .navbar-wrapper.navbar-fade.mobile-menu-dark {
    background-color: #fff !important; }
  .navbar.navbar-light.is-dark-mobile {
    background: #344258; }
    .navbar.navbar-light.is-dark-mobile .navbar-menu {
      background: #344258; }
      .navbar.navbar-light.is-dark-mobile .navbar-menu a {
        color: #fff; }
  .navbar .navbar-menu .navbar-link, .navbar .navbar-menu .navbar-item, .navbar .navbar-menu .navbar-dropdown {
    width: 100%;
    text-align: center; }
  .navbar .navbar-menu .navbar-link:after {
    display: block !important;
    right: 43%; }
  .navbar .navbar-menu .button {
    width: 100%; }
  .navbar .navbar-menu #signup-btn, .navbar .navbar-menu #signup-btn-alt {
    width: 30% !important; } }

/*!
 * Font Awesome Free 5.10.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
.fa,
.fas,
.user,
.far,
.fal,
.fad,
.fab,
.twitter {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1; }

.user, .twitter {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1; }

.fa-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -.0667em; }

.fa-xs {
  font-size: .75em; }

.fa-sm {
  font-size: .875em; }

.fa-1x {
  font-size: 1em; }

.fa-2x {
  font-size: 2em; }

.fa-3x {
  font-size: 3em; }

.fa-4x {
  font-size: 4em; }

.fa-5x {
  font-size: 5em; }

.fa-6x {
  font-size: 6em; }

.fa-7x {
  font-size: 7em; }

.fa-8x {
  font-size: 8em; }

.fa-9x {
  font-size: 9em; }

.fa-10x {
  font-size: 10em; }

.fa-fw {
  text-align: center;
  width: 1.25em; }

.fa-ul {
  list-style-type: none;
  margin-left: 2.5em;
  padding-left: 0; }
  .fa-ul > li {
    position: relative; }

.fa-li {
  left: -2em;
  position: absolute;
  text-align: center;
  width: 2em;
  line-height: inherit; }

.fa-border {
  border: solid 0.08em #eee;
  border-radius: .1em;
  padding: .2em .25em .15em; }

.fa-pull-left {
  float: left; }

.fa-pull-right {
  float: right; }

.fa.fa-pull-left,
.fas.fa-pull-left,
.fa-pull-left.user,
.far.fa-pull-left,
.fal.fa-pull-left,
.fab.fa-pull-left,
.fa-pull-left.twitter {
  margin-right: .3em; }

.fa.fa-pull-right,
.fas.fa-pull-right,
.fa-pull-right.user,
.far.fa-pull-right,
.fal.fa-pull-right,
.fab.fa-pull-right,
.fa-pull-right.twitter {
  margin-left: .3em; }

.fa-spin {
  animation: fa-spin 2s infinite linear; }

.fa-pulse {
  animation: fa-spin 1s infinite steps(8); }

@keyframes fa-spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  transform: rotate(90deg); }

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  transform: rotate(180deg); }

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  transform: rotate(270deg); }

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  transform: scale(-1, 1); }

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  transform: scale(1, -1); }

.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  transform: scale(-1, -1); }

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-flip-both {
  filter: none; }

.fa-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2.5em; }

.fa-stack-1x,
.fa-stack-2x {
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%; }

.fa-stack-1x {
  line-height: inherit; }

.fa-stack-2x {
  font-size: 2em; }

.fa-inverse {
  color: #fff; }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-500px:before {
  content: "\F26E"; }

.fa-accessible-icon:before {
  content: "\F368"; }

.fa-accusoft:before {
  content: "\F369"; }

.fa-acquisitions-incorporated:before {
  content: "\F6AF"; }

.fa-ad:before {
  content: "\F641"; }

.fa-address-book:before {
  content: "\F2B9"; }

.fa-address-card:before {
  content: "\F2BB"; }

.fa-adjust:before {
  content: "\F042"; }

.fa-adn:before {
  content: "\F170"; }

.fa-adobe:before {
  content: "\F778"; }

.fa-adversal:before {
  content: "\F36A"; }

.fa-affiliatetheme:before {
  content: "\F36B"; }

.fa-air-freshener:before {
  content: "\F5D0"; }

.fa-airbnb:before {
  content: "\F834"; }

.fa-algolia:before {
  content: "\F36C"; }

.fa-align-center:before {
  content: "\F037"; }

.fa-align-justify:before {
  content: "\F039"; }

.fa-align-left:before {
  content: "\F036"; }

.fa-align-right:before {
  content: "\F038"; }

.fa-alipay:before {
  content: "\F642"; }

.fa-allergies:before {
  content: "\F461"; }

.fa-amazon:before {
  content: "\F270"; }

.fa-amazon-pay:before {
  content: "\F42C"; }

.fa-ambulance:before {
  content: "\F0F9"; }

.fa-american-sign-language-interpreting:before {
  content: "\F2A3"; }

.fa-amilia:before {
  content: "\F36D"; }

.fa-anchor:before {
  content: "\F13D"; }

.fa-android:before {
  content: "\F17B"; }

.fa-angellist:before {
  content: "\F209"; }

.fa-angle-double-down:before {
  content: "\F103"; }

.fa-angle-double-left:before {
  content: "\F100"; }

.fa-angle-double-right:before {
  content: "\F101"; }

.fa-angle-double-up:before {
  content: "\F102"; }

.fa-angle-down:before {
  content: "\F107"; }

.fa-angle-left:before {
  content: "\F104"; }

.fa-angle-right:before {
  content: "\F105"; }

.fa-angle-up:before {
  content: "\F106"; }

.fa-angry:before {
  content: "\F556"; }

.fa-angrycreative:before {
  content: "\F36E"; }

.fa-angular:before {
  content: "\F420"; }

.fa-ankh:before {
  content: "\F644"; }

.fa-app-store:before {
  content: "\F36F"; }

.fa-app-store-ios:before {
  content: "\F370"; }

.fa-apper:before {
  content: "\F371"; }

.fa-apple:before {
  content: "\F179"; }

.fa-apple-alt:before {
  content: "\F5D1"; }

.fa-apple-pay:before {
  content: "\F415"; }

.fa-archive:before {
  content: "\F187"; }

.fa-archway:before {
  content: "\F557"; }

.fa-arrow-alt-circle-down:before {
  content: "\F358"; }

.fa-arrow-alt-circle-left:before {
  content: "\F359"; }

.fa-arrow-alt-circle-right:before {
  content: "\F35A"; }

.fa-arrow-alt-circle-up:before {
  content: "\F35B"; }

.fa-arrow-circle-down:before {
  content: "\F0AB"; }

.fa-arrow-circle-left:before {
  content: "\F0A8"; }

.fa-arrow-circle-right:before {
  content: "\F0A9"; }

.fa-arrow-circle-up:before {
  content: "\F0AA"; }

.fa-arrow-down:before {
  content: "\F063"; }

.fa-arrow-left:before {
  content: "\F060"; }

.fa-arrow-right:before {
  content: "\F061"; }

.fa-arrow-up:before {
  content: "\F062"; }

.fa-arrows-alt:before {
  content: "\F0B2"; }

.fa-arrows-alt-h:before {
  content: "\F337"; }

.fa-arrows-alt-v:before {
  content: "\F338"; }

.fa-artstation:before {
  content: "\F77A"; }

.fa-assistive-listening-systems:before {
  content: "\F2A2"; }

.fa-asterisk:before {
  content: "\F069"; }

.fa-asymmetrik:before {
  content: "\F372"; }

.fa-at:before {
  content: "\F1FA"; }

.fa-atlas:before {
  content: "\F558"; }

.fa-atlassian:before {
  content: "\F77B"; }

.fa-atom:before {
  content: "\F5D2"; }

.fa-audible:before {
  content: "\F373"; }

.fa-audio-description:before {
  content: "\F29E"; }

.fa-autoprefixer:before {
  content: "\F41C"; }

.fa-avianex:before {
  content: "\F374"; }

.fa-aviato:before {
  content: "\F421"; }

.fa-award:before {
  content: "\F559"; }

.fa-aws:before {
  content: "\F375"; }

.fa-baby:before {
  content: "\F77C"; }

.fa-baby-carriage:before {
  content: "\F77D"; }

.fa-backspace:before {
  content: "\F55A"; }

.fa-backward:before {
  content: "\F04A"; }

.fa-bacon:before {
  content: "\F7E5"; }

.fa-balance-scale:before {
  content: "\F24E"; }

.fa-balance-scale-left:before {
  content: "\F515"; }

.fa-balance-scale-right:before {
  content: "\F516"; }

.fa-ban:before {
  content: "\F05E"; }

.fa-band-aid:before {
  content: "\F462"; }

.fa-bandcamp:before {
  content: "\F2D5"; }

.fa-barcode:before {
  content: "\F02A"; }

.fa-bars:before {
  content: "\F0C9"; }

.fa-baseball-ball:before {
  content: "\F433"; }

.fa-basketball-ball:before {
  content: "\F434"; }

.fa-bath:before {
  content: "\F2CD"; }

.fa-battery-empty:before {
  content: "\F244"; }

.fa-battery-full:before {
  content: "\F240"; }

.fa-battery-half:before {
  content: "\F242"; }

.fa-battery-quarter:before {
  content: "\F243"; }

.fa-battery-three-quarters:before {
  content: "\F241"; }

.fa-battle-net:before {
  content: "\F835"; }

.fa-bed:before {
  content: "\F236"; }

.fa-beer:before {
  content: "\F0FC"; }

.fa-behance:before {
  content: "\F1B4"; }

.fa-behance-square:before {
  content: "\F1B5"; }

.fa-bell:before {
  content: "\F0F3"; }

.fa-bell-slash:before {
  content: "\F1F6"; }

.fa-bezier-curve:before {
  content: "\F55B"; }

.fa-bible:before {
  content: "\F647"; }

.fa-bicycle:before {
  content: "\F206"; }

.fa-biking:before {
  content: "\F84A"; }

.fa-bimobject:before {
  content: "\F378"; }

.fa-binoculars:before {
  content: "\F1E5"; }

.fa-biohazard:before {
  content: "\F780"; }

.fa-birthday-cake:before {
  content: "\F1FD"; }

.fa-bitbucket:before {
  content: "\F171"; }

.fa-bitcoin:before {
  content: "\F379"; }

.fa-bity:before {
  content: "\F37A"; }

.fa-black-tie:before {
  content: "\F27E"; }

.fa-blackberry:before {
  content: "\F37B"; }

.fa-blender:before {
  content: "\F517"; }

.fa-blender-phone:before {
  content: "\F6B6"; }

.fa-blind:before {
  content: "\F29D"; }

.fa-blog:before {
  content: "\F781"; }

.fa-blogger:before {
  content: "\F37C"; }

.fa-blogger-b:before {
  content: "\F37D"; }

.fa-bluetooth:before {
  content: "\F293"; }

.fa-bluetooth-b:before {
  content: "\F294"; }

.fa-bold:before {
  content: "\F032"; }

.fa-bolt:before {
  content: "\F0E7"; }

.fa-bomb:before {
  content: "\F1E2"; }

.fa-bone:before {
  content: "\F5D7"; }

.fa-bong:before {
  content: "\F55C"; }

.fa-book:before {
  content: "\F02D"; }

.fa-book-dead:before {
  content: "\F6B7"; }

.fa-book-medical:before {
  content: "\F7E6"; }

.fa-book-open:before {
  content: "\F518"; }

.fa-book-reader:before {
  content: "\F5DA"; }

.fa-bookmark:before {
  content: "\F02E"; }

.fa-bootstrap:before {
  content: "\F836"; }

.fa-border-all:before {
  content: "\F84C"; }

.fa-border-none:before {
  content: "\F850"; }

.fa-border-style:before {
  content: "\F853"; }

.fa-bowling-ball:before {
  content: "\F436"; }

.fa-box:before {
  content: "\F466"; }

.fa-box-open:before {
  content: "\F49E"; }

.fa-boxes:before {
  content: "\F468"; }

.fa-braille:before {
  content: "\F2A1"; }

.fa-brain:before {
  content: "\F5DC"; }

.fa-bread-slice:before {
  content: "\F7EC"; }

.fa-briefcase:before {
  content: "\F0B1"; }

.fa-briefcase-medical:before {
  content: "\F469"; }

.fa-broadcast-tower:before {
  content: "\F519"; }

.fa-broom:before {
  content: "\F51A"; }

.fa-brush:before {
  content: "\F55D"; }

.fa-btc:before {
  content: "\F15A"; }

.fa-buffer:before {
  content: "\F837"; }

.fa-bug:before {
  content: "\F188"; }

.fa-building:before {
  content: "\F1AD"; }

.fa-bullhorn:before {
  content: "\F0A1"; }

.fa-bullseye:before {
  content: "\F140"; }

.fa-burn:before {
  content: "\F46A"; }

.fa-buromobelexperte:before {
  content: "\F37F"; }

.fa-bus:before {
  content: "\F207"; }

.fa-bus-alt:before {
  content: "\F55E"; }

.fa-business-time:before {
  content: "\F64A"; }

.fa-buysellads:before {
  content: "\F20D"; }

.fa-calculator:before {
  content: "\F1EC"; }

.fa-calendar:before {
  content: "\F133"; }

.fa-calendar-alt:before {
  content: "\F073"; }

.fa-calendar-check:before {
  content: "\F274"; }

.fa-calendar-day:before {
  content: "\F783"; }

.fa-calendar-minus:before {
  content: "\F272"; }

.fa-calendar-plus:before {
  content: "\F271"; }

.fa-calendar-times:before {
  content: "\F273"; }

.fa-calendar-week:before {
  content: "\F784"; }

.fa-camera:before {
  content: "\F030"; }

.fa-camera-retro:before {
  content: "\F083"; }

.fa-campground:before {
  content: "\F6BB"; }

.fa-canadian-maple-leaf:before {
  content: "\F785"; }

.fa-candy-cane:before {
  content: "\F786"; }

.fa-cannabis:before {
  content: "\F55F"; }

.fa-capsules:before {
  content: "\F46B"; }

.fa-car:before {
  content: "\F1B9"; }

.fa-car-alt:before {
  content: "\F5DE"; }

.fa-car-battery:before {
  content: "\F5DF"; }

.fa-car-crash:before {
  content: "\F5E1"; }

.fa-car-side:before {
  content: "\F5E4"; }

.fa-caret-down:before {
  content: "\F0D7"; }

.fa-caret-left:before {
  content: "\F0D9"; }

.fa-caret-right:before {
  content: "\F0DA"; }

.fa-caret-square-down:before {
  content: "\F150"; }

.fa-caret-square-left:before {
  content: "\F191"; }

.fa-caret-square-right:before {
  content: "\F152"; }

.fa-caret-square-up:before {
  content: "\F151"; }

.fa-caret-up:before {
  content: "\F0D8"; }

.fa-carrot:before {
  content: "\F787"; }

.fa-cart-arrow-down:before {
  content: "\F218"; }

.fa-cart-plus:before {
  content: "\F217"; }

.fa-cash-register:before {
  content: "\F788"; }

.fa-cat:before {
  content: "\F6BE"; }

.fa-cc-amazon-pay:before {
  content: "\F42D"; }

.fa-cc-amex:before {
  content: "\F1F3"; }

.fa-cc-apple-pay:before {
  content: "\F416"; }

.fa-cc-diners-club:before {
  content: "\F24C"; }

.fa-cc-discover:before {
  content: "\F1F2"; }

.fa-cc-jcb:before {
  content: "\F24B"; }

.fa-cc-mastercard:before {
  content: "\F1F1"; }

.fa-cc-paypal:before {
  content: "\F1F4"; }

.fa-cc-stripe:before {
  content: "\F1F5"; }

.fa-cc-visa:before {
  content: "\F1F0"; }

.fa-centercode:before {
  content: "\F380"; }

.fa-centos:before {
  content: "\F789"; }

.fa-certificate:before {
  content: "\F0A3"; }

.fa-chair:before {
  content: "\F6C0"; }

.fa-chalkboard:before {
  content: "\F51B"; }

.fa-chalkboard-teacher:before {
  content: "\F51C"; }

.fa-charging-station:before {
  content: "\F5E7"; }

.fa-chart-area:before {
  content: "\F1FE"; }

.fa-chart-bar:before {
  content: "\F080"; }

.fa-chart-line:before {
  content: "\F201"; }

.fa-chart-pie:before {
  content: "\F200"; }

.fa-check:before {
  content: "\F00C"; }

.fa-check-circle:before {
  content: "\F058"; }

.fa-check-double:before {
  content: "\F560"; }

.fa-check-square:before {
  content: "\F14A"; }

.fa-cheese:before {
  content: "\F7EF"; }

.fa-chess:before {
  content: "\F439"; }

.fa-chess-bishop:before {
  content: "\F43A"; }

.fa-chess-board:before {
  content: "\F43C"; }

.fa-chess-king:before {
  content: "\F43F"; }

.fa-chess-knight:before {
  content: "\F441"; }

.fa-chess-pawn:before {
  content: "\F443"; }

.fa-chess-queen:before {
  content: "\F445"; }

.fa-chess-rook:before {
  content: "\F447"; }

.fa-chevron-circle-down:before {
  content: "\F13A"; }

.fa-chevron-circle-left:before {
  content: "\F137"; }

.fa-chevron-circle-right:before {
  content: "\F138"; }

.fa-chevron-circle-up:before {
  content: "\F139"; }

.fa-chevron-down:before {
  content: "\F078"; }

.fa-chevron-left:before {
  content: "\F053"; }

.fa-chevron-right:before {
  content: "\F054"; }

.fa-chevron-up:before {
  content: "\F077"; }

.fa-child:before {
  content: "\F1AE"; }

.fa-chrome:before {
  content: "\F268"; }

.fa-chromecast:before {
  content: "\F838"; }

.fa-church:before {
  content: "\F51D"; }

.fa-circle:before {
  content: "\F111"; }

.fa-circle-notch:before {
  content: "\F1CE"; }

.fa-city:before {
  content: "\F64F"; }

.fa-clinic-medical:before {
  content: "\F7F2"; }

.fa-clipboard:before {
  content: "\F328"; }

.fa-clipboard-check:before {
  content: "\F46C"; }

.fa-clipboard-list:before {
  content: "\F46D"; }

.fa-clock:before {
  content: "\F017"; }

.fa-clone:before {
  content: "\F24D"; }

.fa-closed-captioning:before {
  content: "\F20A"; }

.fa-cloud:before {
  content: "\F0C2"; }

.fa-cloud-download-alt:before {
  content: "\F381"; }

.fa-cloud-meatball:before {
  content: "\F73B"; }

.fa-cloud-moon:before {
  content: "\F6C3"; }

.fa-cloud-moon-rain:before {
  content: "\F73C"; }

.fa-cloud-rain:before {
  content: "\F73D"; }

.fa-cloud-showers-heavy:before {
  content: "\F740"; }

.fa-cloud-sun:before {
  content: "\F6C4"; }

.fa-cloud-sun-rain:before {
  content: "\F743"; }

.fa-cloud-upload-alt:before {
  content: "\F382"; }

.fa-cloudscale:before {
  content: "\F383"; }

.fa-cloudsmith:before {
  content: "\F384"; }

.fa-cloudversify:before {
  content: "\F385"; }

.fa-cocktail:before {
  content: "\F561"; }

.fa-code:before {
  content: "\F121"; }

.fa-code-branch:before {
  content: "\F126"; }

.fa-codepen:before {
  content: "\F1CB"; }

.fa-codiepie:before {
  content: "\F284"; }

.fa-coffee:before {
  content: "\F0F4"; }

.fa-cog:before {
  content: "\F013"; }

.fa-cogs:before {
  content: "\F085"; }

.fa-coins:before {
  content: "\F51E"; }

.fa-columns:before {
  content: "\F0DB"; }

.fa-comment:before {
  content: "\F075"; }

.fa-comment-alt:before {
  content: "\F27A"; }

.fa-comment-dollar:before {
  content: "\F651"; }

.fa-comment-dots:before {
  content: "\F4AD"; }

.fa-comment-medical:before {
  content: "\F7F5"; }

.fa-comment-slash:before {
  content: "\F4B3"; }

.fa-comments:before {
  content: "\F086"; }

.fa-comments-dollar:before {
  content: "\F653"; }

.fa-compact-disc:before {
  content: "\F51F"; }

.fa-compass:before {
  content: "\F14E"; }

.fa-compress:before {
  content: "\F066"; }

.fa-compress-arrows-alt:before {
  content: "\F78C"; }

.fa-concierge-bell:before {
  content: "\F562"; }

.fa-confluence:before {
  content: "\F78D"; }

.fa-connectdevelop:before {
  content: "\F20E"; }

.fa-contao:before {
  content: "\F26D"; }

.fa-cookie:before {
  content: "\F563"; }

.fa-cookie-bite:before {
  content: "\F564"; }

.fa-copy:before {
  content: "\F0C5"; }

.fa-copyright:before {
  content: "\F1F9"; }

.fa-cotton-bureau:before {
  content: "\F89E"; }

.fa-couch:before {
  content: "\F4B8"; }

.fa-cpanel:before {
  content: "\F388"; }

.fa-creative-commons:before {
  content: "\F25E"; }

.fa-creative-commons-by:before {
  content: "\F4E7"; }

.fa-creative-commons-nc:before {
  content: "\F4E8"; }

.fa-creative-commons-nc-eu:before {
  content: "\F4E9"; }

.fa-creative-commons-nc-jp:before {
  content: "\F4EA"; }

.fa-creative-commons-nd:before {
  content: "\F4EB"; }

.fa-creative-commons-pd:before {
  content: "\F4EC"; }

.fa-creative-commons-pd-alt:before {
  content: "\F4ED"; }

.fa-creative-commons-remix:before {
  content: "\F4EE"; }

.fa-creative-commons-sa:before {
  content: "\F4EF"; }

.fa-creative-commons-sampling:before {
  content: "\F4F0"; }

.fa-creative-commons-sampling-plus:before {
  content: "\F4F1"; }

.fa-creative-commons-share:before {
  content: "\F4F2"; }

.fa-creative-commons-zero:before {
  content: "\F4F3"; }

.fa-credit-card:before {
  content: "\F09D"; }

.fa-critical-role:before {
  content: "\F6C9"; }

.fa-crop:before {
  content: "\F125"; }

.fa-crop-alt:before {
  content: "\F565"; }

.fa-cross:before {
  content: "\F654"; }

.fa-crosshairs:before {
  content: "\F05B"; }

.fa-crow:before {
  content: "\F520"; }

.fa-crown:before {
  content: "\F521"; }

.fa-crutch:before {
  content: "\F7F7"; }

.fa-css3:before {
  content: "\F13C"; }

.fa-css3-alt:before {
  content: "\F38B"; }

.fa-cube:before {
  content: "\F1B2"; }

.fa-cubes:before {
  content: "\F1B3"; }

.fa-cut:before {
  content: "\F0C4"; }

.fa-cuttlefish:before {
  content: "\F38C"; }

.fa-d-and-d:before {
  content: "\F38D"; }

.fa-d-and-d-beyond:before {
  content: "\F6CA"; }

.fa-dashcube:before {
  content: "\F210"; }

.fa-database:before {
  content: "\F1C0"; }

.fa-deaf:before {
  content: "\F2A4"; }

.fa-delicious:before {
  content: "\F1A5"; }

.fa-democrat:before {
  content: "\F747"; }

.fa-deploydog:before {
  content: "\F38E"; }

.fa-deskpro:before {
  content: "\F38F"; }

.fa-desktop:before {
  content: "\F108"; }

.fa-dev:before {
  content: "\F6CC"; }

.fa-deviantart:before {
  content: "\F1BD"; }

.fa-dharmachakra:before {
  content: "\F655"; }

.fa-dhl:before {
  content: "\F790"; }

.fa-diagnoses:before {
  content: "\F470"; }

.fa-diaspora:before {
  content: "\F791"; }

.fa-dice:before {
  content: "\F522"; }

.fa-dice-d20:before {
  content: "\F6CF"; }

.fa-dice-d6:before {
  content: "\F6D1"; }

.fa-dice-five:before {
  content: "\F523"; }

.fa-dice-four:before {
  content: "\F524"; }

.fa-dice-one:before {
  content: "\F525"; }

.fa-dice-six:before {
  content: "\F526"; }

.fa-dice-three:before {
  content: "\F527"; }

.fa-dice-two:before {
  content: "\F528"; }

.fa-digg:before {
  content: "\F1A6"; }

.fa-digital-ocean:before {
  content: "\F391"; }

.fa-digital-tachograph:before {
  content: "\F566"; }

.fa-directions:before {
  content: "\F5EB"; }

.fa-discord:before {
  content: "\F392"; }

.fa-discourse:before {
  content: "\F393"; }

.fa-divide:before {
  content: "\F529"; }

.fa-dizzy:before {
  content: "\F567"; }

.fa-dna:before {
  content: "\F471"; }

.fa-dochub:before {
  content: "\F394"; }

.fa-docker:before {
  content: "\F395"; }

.fa-dog:before {
  content: "\F6D3"; }

.fa-dollar-sign:before {
  content: "\F155"; }

.fa-dolly:before {
  content: "\F472"; }

.fa-dolly-flatbed:before {
  content: "\F474"; }

.fa-donate:before {
  content: "\F4B9"; }

.fa-door-closed:before {
  content: "\F52A"; }

.fa-door-open:before {
  content: "\F52B"; }

.fa-dot-circle:before {
  content: "\F192"; }

.fa-dove:before {
  content: "\F4BA"; }

.fa-download:before {
  content: "\F019"; }

.fa-draft2digital:before {
  content: "\F396"; }

.fa-drafting-compass:before {
  content: "\F568"; }

.fa-dragon:before {
  content: "\F6D5"; }

.fa-draw-polygon:before {
  content: "\F5EE"; }

.fa-dribbble:before {
  content: "\F17D"; }

.fa-dribbble-square:before {
  content: "\F397"; }

.fa-dropbox:before {
  content: "\F16B"; }

.fa-drum:before {
  content: "\F569"; }

.fa-drum-steelpan:before {
  content: "\F56A"; }

.fa-drumstick-bite:before {
  content: "\F6D7"; }

.fa-drupal:before {
  content: "\F1A9"; }

.fa-dumbbell:before {
  content: "\F44B"; }

.fa-dumpster:before {
  content: "\F793"; }

.fa-dumpster-fire:before {
  content: "\F794"; }

.fa-dungeon:before {
  content: "\F6D9"; }

.fa-dyalog:before {
  content: "\F399"; }

.fa-earlybirds:before {
  content: "\F39A"; }

.fa-ebay:before {
  content: "\F4F4"; }

.fa-edge:before {
  content: "\F282"; }

.fa-edit:before {
  content: "\F044"; }

.fa-egg:before {
  content: "\F7FB"; }

.fa-eject:before {
  content: "\F052"; }

.fa-elementor:before {
  content: "\F430"; }

.fa-ellipsis-h:before {
  content: "\F141"; }

.fa-ellipsis-v:before {
  content: "\F142"; }

.fa-ello:before {
  content: "\F5F1"; }

.fa-ember:before {
  content: "\F423"; }

.fa-empire:before {
  content: "\F1D1"; }

.fa-envelope:before {
  content: "\F0E0"; }

.fa-envelope-open:before {
  content: "\F2B6"; }

.fa-envelope-open-text:before {
  content: "\F658"; }

.fa-envelope-square:before {
  content: "\F199"; }

.fa-envira:before {
  content: "\F299"; }

.fa-equals:before {
  content: "\F52C"; }

.fa-eraser:before {
  content: "\F12D"; }

.fa-erlang:before {
  content: "\F39D"; }

.fa-ethereum:before {
  content: "\F42E"; }

.fa-ethernet:before {
  content: "\F796"; }

.fa-etsy:before {
  content: "\F2D7"; }

.fa-euro-sign:before {
  content: "\F153"; }

.fa-evernote:before {
  content: "\F839"; }

.fa-exchange-alt:before {
  content: "\F362"; }

.fa-exclamation:before {
  content: "\F12A"; }

.fa-exclamation-circle:before {
  content: "\F06A"; }

.fa-exclamation-triangle:before {
  content: "\F071"; }

.fa-expand:before {
  content: "\F065"; }

.fa-expand-arrows-alt:before {
  content: "\F31E"; }

.fa-expeditedssl:before {
  content: "\F23E"; }

.fa-external-link-alt:before {
  content: "\F35D"; }

.fa-external-link-square-alt:before {
  content: "\F360"; }

.fa-eye:before {
  content: "\F06E"; }

.fa-eye-dropper:before {
  content: "\F1FB"; }

.fa-eye-slash:before {
  content: "\F070"; }

.fa-facebook:before {
  content: "\F09A"; }

.fa-facebook-f:before {
  content: "\F39E"; }

.fa-facebook-messenger:before {
  content: "\F39F"; }

.fa-facebook-square:before {
  content: "\F082"; }

.fa-fan:before {
  content: "\F863"; }

.fa-fantasy-flight-games:before {
  content: "\F6DC"; }

.fa-fast-backward:before {
  content: "\F049"; }

.fa-fast-forward:before {
  content: "\F050"; }

.fa-fax:before {
  content: "\F1AC"; }

.fa-feather:before {
  content: "\F52D"; }

.fa-feather-alt:before {
  content: "\F56B"; }

.fa-fedex:before {
  content: "\F797"; }

.fa-fedora:before {
  content: "\F798"; }

.fa-female:before {
  content: "\F182"; }

.fa-fighter-jet:before {
  content: "\F0FB"; }

.fa-figma:before {
  content: "\F799"; }

.fa-file:before {
  content: "\F15B"; }

.fa-file-alt:before {
  content: "\F15C"; }

.fa-file-archive:before {
  content: "\F1C6"; }

.fa-file-audio:before {
  content: "\F1C7"; }

.fa-file-code:before {
  content: "\F1C9"; }

.fa-file-contract:before {
  content: "\F56C"; }

.fa-file-csv:before {
  content: "\F6DD"; }

.fa-file-download:before {
  content: "\F56D"; }

.fa-file-excel:before {
  content: "\F1C3"; }

.fa-file-export:before {
  content: "\F56E"; }

.fa-file-image:before {
  content: "\F1C5"; }

.fa-file-import:before {
  content: "\F56F"; }

.fa-file-invoice:before {
  content: "\F570"; }

.fa-file-invoice-dollar:before {
  content: "\F571"; }

.fa-file-medical:before {
  content: "\F477"; }

.fa-file-medical-alt:before {
  content: "\F478"; }

.fa-file-pdf:before {
  content: "\F1C1"; }

.fa-file-powerpoint:before {
  content: "\F1C4"; }

.fa-file-prescription:before {
  content: "\F572"; }

.fa-file-signature:before {
  content: "\F573"; }

.fa-file-upload:before {
  content: "\F574"; }

.fa-file-video:before {
  content: "\F1C8"; }

.fa-file-word:before {
  content: "\F1C2"; }

.fa-fill:before {
  content: "\F575"; }

.fa-fill-drip:before {
  content: "\F576"; }

.fa-film:before {
  content: "\F008"; }

.fa-filter:before {
  content: "\F0B0"; }

.fa-fingerprint:before {
  content: "\F577"; }

.fa-fire:before {
  content: "\F06D"; }

.fa-fire-alt:before {
  content: "\F7E4"; }

.fa-fire-extinguisher:before {
  content: "\F134"; }

.fa-firefox:before {
  content: "\F269"; }

.fa-first-aid:before {
  content: "\F479"; }

.fa-first-order:before {
  content: "\F2B0"; }

.fa-first-order-alt:before {
  content: "\F50A"; }

.fa-firstdraft:before {
  content: "\F3A1"; }

.fa-fish:before {
  content: "\F578"; }

.fa-fist-raised:before {
  content: "\F6DE"; }

.fa-flag:before {
  content: "\F024"; }

.fa-flag-checkered:before {
  content: "\F11E"; }

.fa-flag-usa:before {
  content: "\F74D"; }

.fa-flask:before {
  content: "\F0C3"; }

.fa-flickr:before {
  content: "\F16E"; }

.fa-flipboard:before {
  content: "\F44D"; }

.fa-flushed:before {
  content: "\F579"; }

.fa-fly:before {
  content: "\F417"; }

.fa-folder:before {
  content: "\F07B"; }

.fa-folder-minus:before {
  content: "\F65D"; }

.fa-folder-open:before {
  content: "\F07C"; }

.fa-folder-plus:before {
  content: "\F65E"; }

.fa-font:before {
  content: "\F031"; }

.fa-font-awesome:before {
  content: "\F2B4"; }

.fa-font-awesome-alt:before {
  content: "\F35C"; }

.fa-font-awesome-flag:before {
  content: "\F425"; }

.fa-font-awesome-logo-full:before {
  content: "\F4E6"; }

.fa-fonticons:before {
  content: "\F280"; }

.fa-fonticons-fi:before {
  content: "\F3A2"; }

.fa-football-ball:before {
  content: "\F44E"; }

.fa-fort-awesome:before {
  content: "\F286"; }

.fa-fort-awesome-alt:before {
  content: "\F3A3"; }

.fa-forumbee:before {
  content: "\F211"; }

.fa-forward:before {
  content: "\F04E"; }

.fa-foursquare:before {
  content: "\F180"; }

.fa-free-code-camp:before {
  content: "\F2C5"; }

.fa-freebsd:before {
  content: "\F3A4"; }

.fa-frog:before {
  content: "\F52E"; }

.fa-frown:before {
  content: "\F119"; }

.fa-frown-open:before {
  content: "\F57A"; }

.fa-fulcrum:before {
  content: "\F50B"; }

.fa-funnel-dollar:before {
  content: "\F662"; }

.fa-futbol:before {
  content: "\F1E3"; }

.fa-galactic-republic:before {
  content: "\F50C"; }

.fa-galactic-senate:before {
  content: "\F50D"; }

.fa-gamepad:before {
  content: "\F11B"; }

.fa-gas-pump:before {
  content: "\F52F"; }

.fa-gavel:before {
  content: "\F0E3"; }

.fa-gem:before {
  content: "\F3A5"; }

.fa-genderless:before {
  content: "\F22D"; }

.fa-get-pocket:before {
  content: "\F265"; }

.fa-gg:before {
  content: "\F260"; }

.fa-gg-circle:before {
  content: "\F261"; }

.fa-ghost:before {
  content: "\F6E2"; }

.fa-gift:before {
  content: "\F06B"; }

.fa-gifts:before {
  content: "\F79C"; }

.fa-git:before {
  content: "\F1D3"; }

.fa-git-alt:before {
  content: "\F841"; }

.fa-git-square:before {
  content: "\F1D2"; }

.fa-github:before {
  content: "\F09B"; }

.fa-github-alt:before {
  content: "\F113"; }

.fa-github-square:before {
  content: "\F092"; }

.fa-gitkraken:before {
  content: "\F3A6"; }

.fa-gitlab:before {
  content: "\F296"; }

.fa-gitter:before {
  content: "\F426"; }

.fa-glass-cheers:before {
  content: "\F79F"; }

.fa-glass-martini:before {
  content: "\F000"; }

.fa-glass-martini-alt:before {
  content: "\F57B"; }

.fa-glass-whiskey:before {
  content: "\F7A0"; }

.fa-glasses:before {
  content: "\F530"; }

.fa-glide:before {
  content: "\F2A5"; }

.fa-glide-g:before {
  content: "\F2A6"; }

.fa-globe:before {
  content: "\F0AC"; }

.fa-globe-africa:before {
  content: "\F57C"; }

.fa-globe-americas:before {
  content: "\F57D"; }

.fa-globe-asia:before {
  content: "\F57E"; }

.fa-globe-europe:before {
  content: "\F7A2"; }

.fa-gofore:before {
  content: "\F3A7"; }

.fa-golf-ball:before {
  content: "\F450"; }

.fa-goodreads:before {
  content: "\F3A8"; }

.fa-goodreads-g:before {
  content: "\F3A9"; }

.fa-google:before {
  content: "\F1A0"; }

.fa-google-drive:before {
  content: "\F3AA"; }

.fa-google-play:before {
  content: "\F3AB"; }

.fa-google-plus:before {
  content: "\F2B3"; }

.fa-google-plus-g:before {
  content: "\F0D5"; }

.fa-google-plus-square:before {
  content: "\F0D4"; }

.fa-google-wallet:before {
  content: "\F1EE"; }

.fa-gopuram:before {
  content: "\F664"; }

.fa-graduation-cap:before {
  content: "\F19D"; }

.fa-gratipay:before {
  content: "\F184"; }

.fa-grav:before {
  content: "\F2D6"; }

.fa-greater-than:before {
  content: "\F531"; }

.fa-greater-than-equal:before {
  content: "\F532"; }

.fa-grimace:before {
  content: "\F57F"; }

.fa-grin:before {
  content: "\F580"; }

.fa-grin-alt:before {
  content: "\F581"; }

.fa-grin-beam:before {
  content: "\F582"; }

.fa-grin-beam-sweat:before {
  content: "\F583"; }

.fa-grin-hearts:before {
  content: "\F584"; }

.fa-grin-squint:before {
  content: "\F585"; }

.fa-grin-squint-tears:before {
  content: "\F586"; }

.fa-grin-stars:before {
  content: "\F587"; }

.fa-grin-tears:before {
  content: "\F588"; }

.fa-grin-tongue:before {
  content: "\F589"; }

.fa-grin-tongue-squint:before {
  content: "\F58A"; }

.fa-grin-tongue-wink:before {
  content: "\F58B"; }

.fa-grin-wink:before {
  content: "\F58C"; }

.fa-grip-horizontal:before {
  content: "\F58D"; }

.fa-grip-lines:before {
  content: "\F7A4"; }

.fa-grip-lines-vertical:before {
  content: "\F7A5"; }

.fa-grip-vertical:before {
  content: "\F58E"; }

.fa-gripfire:before {
  content: "\F3AC"; }

.fa-grunt:before {
  content: "\F3AD"; }

.fa-guitar:before {
  content: "\F7A6"; }

.fa-gulp:before {
  content: "\F3AE"; }

.fa-h-square:before {
  content: "\F0FD"; }

.fa-hacker-news:before {
  content: "\F1D4"; }

.fa-hacker-news-square:before {
  content: "\F3AF"; }

.fa-hackerrank:before {
  content: "\F5F7"; }

.fa-hamburger:before {
  content: "\F805"; }

.fa-hammer:before {
  content: "\F6E3"; }

.fa-hamsa:before {
  content: "\F665"; }

.fa-hand-holding:before {
  content: "\F4BD"; }

.fa-hand-holding-heart:before {
  content: "\F4BE"; }

.fa-hand-holding-usd:before {
  content: "\F4C0"; }

.fa-hand-lizard:before {
  content: "\F258"; }

.fa-hand-middle-finger:before {
  content: "\F806"; }

.fa-hand-paper:before {
  content: "\F256"; }

.fa-hand-peace:before {
  content: "\F25B"; }

.fa-hand-point-down:before {
  content: "\F0A7"; }

.fa-hand-point-left:before {
  content: "\F0A5"; }

.fa-hand-point-right:before {
  content: "\F0A4"; }

.fa-hand-point-up:before {
  content: "\F0A6"; }

.fa-hand-pointer:before {
  content: "\F25A"; }

.fa-hand-rock:before {
  content: "\F255"; }

.fa-hand-scissors:before {
  content: "\F257"; }

.fa-hand-spock:before {
  content: "\F259"; }

.fa-hands:before {
  content: "\F4C2"; }

.fa-hands-helping:before {
  content: "\F4C4"; }

.fa-handshake:before {
  content: "\F2B5"; }

.fa-hanukiah:before {
  content: "\F6E6"; }

.fa-hard-hat:before {
  content: "\F807"; }

.fa-hashtag:before {
  content: "\F292"; }

.fa-hat-wizard:before {
  content: "\F6E8"; }

.fa-haykal:before {
  content: "\F666"; }

.fa-hdd:before {
  content: "\F0A0"; }

.fa-heading:before {
  content: "\F1DC"; }

.fa-headphones:before {
  content: "\F025"; }

.fa-headphones-alt:before {
  content: "\F58F"; }

.fa-headset:before {
  content: "\F590"; }

.fa-heart:before {
  content: "\F004"; }

.fa-heart-broken:before {
  content: "\F7A9"; }

.fa-heartbeat:before {
  content: "\F21E"; }

.fa-helicopter:before {
  content: "\F533"; }

.fa-highlighter:before {
  content: "\F591"; }

.fa-hiking:before {
  content: "\F6EC"; }

.fa-hippo:before {
  content: "\F6ED"; }

.fa-hips:before {
  content: "\F452"; }

.fa-hire-a-helper:before {
  content: "\F3B0"; }

.fa-history:before {
  content: "\F1DA"; }

.fa-hockey-puck:before {
  content: "\F453"; }

.fa-holly-berry:before {
  content: "\F7AA"; }

.fa-home:before {
  content: "\F015"; }

.fa-hooli:before {
  content: "\F427"; }

.fa-hornbill:before {
  content: "\F592"; }

.fa-horse:before {
  content: "\F6F0"; }

.fa-horse-head:before {
  content: "\F7AB"; }

.fa-hospital:before {
  content: "\F0F8"; }

.fa-hospital-alt:before {
  content: "\F47D"; }

.fa-hospital-symbol:before {
  content: "\F47E"; }

.fa-hot-tub:before {
  content: "\F593"; }

.fa-hotdog:before {
  content: "\F80F"; }

.fa-hotel:before {
  content: "\F594"; }

.fa-hotjar:before {
  content: "\F3B1"; }

.fa-hourglass:before {
  content: "\F254"; }

.fa-hourglass-end:before {
  content: "\F253"; }

.fa-hourglass-half:before {
  content: "\F252"; }

.fa-hourglass-start:before {
  content: "\F251"; }

.fa-house-damage:before {
  content: "\F6F1"; }

.fa-houzz:before {
  content: "\F27C"; }

.fa-hryvnia:before {
  content: "\F6F2"; }

.fa-html5:before {
  content: "\F13B"; }

.fa-hubspot:before {
  content: "\F3B2"; }

.fa-i-cursor:before {
  content: "\F246"; }

.fa-ice-cream:before {
  content: "\F810"; }

.fa-icicles:before {
  content: "\F7AD"; }

.fa-icons:before {
  content: "\F86D"; }

.fa-id-badge:before {
  content: "\F2C1"; }

.fa-id-card:before {
  content: "\F2C2"; }

.fa-id-card-alt:before {
  content: "\F47F"; }

.fa-igloo:before {
  content: "\F7AE"; }

.fa-image:before {
  content: "\F03E"; }

.fa-images:before {
  content: "\F302"; }

.fa-imdb:before {
  content: "\F2D8"; }

.fa-inbox:before {
  content: "\F01C"; }

.fa-indent:before {
  content: "\F03C"; }

.fa-industry:before {
  content: "\F275"; }

.fa-infinity:before {
  content: "\F534"; }

.fa-info:before {
  content: "\F129"; }

.fa-info-circle:before {
  content: "\F05A"; }

.fa-instagram:before {
  content: "\F16D"; }

.fa-intercom:before {
  content: "\F7AF"; }

.fa-internet-explorer:before {
  content: "\F26B"; }

.fa-invision:before {
  content: "\F7B0"; }

.fa-ioxhost:before {
  content: "\F208"; }

.fa-italic:before {
  content: "\F033"; }

.fa-itch-io:before {
  content: "\F83A"; }

.fa-itunes:before {
  content: "\F3B4"; }

.fa-itunes-note:before {
  content: "\F3B5"; }

.fa-java:before {
  content: "\F4E4"; }

.fa-jedi:before {
  content: "\F669"; }

.fa-jedi-order:before {
  content: "\F50E"; }

.fa-jenkins:before {
  content: "\F3B6"; }

.fa-jira:before {
  content: "\F7B1"; }

.fa-joget:before {
  content: "\F3B7"; }

.fa-joint:before {
  content: "\F595"; }

.fa-joomla:before {
  content: "\F1AA"; }

.fa-journal-whills:before {
  content: "\F66A"; }

.fa-js:before {
  content: "\F3B8"; }

.fa-js-square:before {
  content: "\F3B9"; }

.fa-jsfiddle:before {
  content: "\F1CC"; }

.fa-kaaba:before {
  content: "\F66B"; }

.fa-kaggle:before {
  content: "\F5FA"; }

.fa-key:before {
  content: "\F084"; }

.fa-keybase:before {
  content: "\F4F5"; }

.fa-keyboard:before {
  content: "\F11C"; }

.fa-keycdn:before {
  content: "\F3BA"; }

.fa-khanda:before {
  content: "\F66D"; }

.fa-kickstarter:before {
  content: "\F3BB"; }

.fa-kickstarter-k:before {
  content: "\F3BC"; }

.fa-kiss:before {
  content: "\F596"; }

.fa-kiss-beam:before {
  content: "\F597"; }

.fa-kiss-wink-heart:before {
  content: "\F598"; }

.fa-kiwi-bird:before {
  content: "\F535"; }

.fa-korvue:before {
  content: "\F42F"; }

.fa-landmark:before {
  content: "\F66F"; }

.fa-language:before {
  content: "\F1AB"; }

.fa-laptop:before {
  content: "\F109"; }

.fa-laptop-code:before {
  content: "\F5FC"; }

.fa-laptop-medical:before {
  content: "\F812"; }

.fa-laravel:before {
  content: "\F3BD"; }

.fa-lastfm:before {
  content: "\F202"; }

.fa-lastfm-square:before {
  content: "\F203"; }

.fa-laugh:before {
  content: "\F599"; }

.fa-laugh-beam:before {
  content: "\F59A"; }

.fa-laugh-squint:before {
  content: "\F59B"; }

.fa-laugh-wink:before {
  content: "\F59C"; }

.fa-layer-group:before {
  content: "\F5FD"; }

.fa-leaf:before {
  content: "\F06C"; }

.fa-leanpub:before {
  content: "\F212"; }

.fa-lemon:before {
  content: "\F094"; }

.fa-less:before {
  content: "\F41D"; }

.fa-less-than:before {
  content: "\F536"; }

.fa-less-than-equal:before {
  content: "\F537"; }

.fa-level-down-alt:before {
  content: "\F3BE"; }

.fa-level-up-alt:before {
  content: "\F3BF"; }

.fa-life-ring:before {
  content: "\F1CD"; }

.fa-lightbulb:before {
  content: "\F0EB"; }

.fa-line:before {
  content: "\F3C0"; }

.fa-link:before {
  content: "\F0C1"; }

.fa-linkedin:before {
  content: "\F08C"; }

.fa-linkedin-in:before {
  content: "\F0E1"; }

.fa-linode:before {
  content: "\F2B8"; }

.fa-linux:before {
  content: "\F17C"; }

.fa-lira-sign:before {
  content: "\F195"; }

.fa-list:before {
  content: "\F03A"; }

.fa-list-alt:before {
  content: "\F022"; }

.fa-list-ol:before {
  content: "\F0CB"; }

.fa-list-ul:before {
  content: "\F0CA"; }

.fa-location-arrow:before {
  content: "\F124"; }

.fa-lock:before {
  content: "\F023"; }

.fa-lock-open:before {
  content: "\F3C1"; }

.fa-long-arrow-alt-down:before {
  content: "\F309"; }

.fa-long-arrow-alt-left:before {
  content: "\F30A"; }

.fa-long-arrow-alt-right:before {
  content: "\F30B"; }

.fa-long-arrow-alt-up:before {
  content: "\F30C"; }

.fa-low-vision:before {
  content: "\F2A8"; }

.fa-luggage-cart:before {
  content: "\F59D"; }

.fa-lyft:before {
  content: "\F3C3"; }

.fa-magento:before {
  content: "\F3C4"; }

.fa-magic:before {
  content: "\F0D0"; }

.fa-magnet:before {
  content: "\F076"; }

.fa-mail-bulk:before {
  content: "\F674"; }

.fa-mailchimp:before {
  content: "\F59E"; }

.fa-male:before {
  content: "\F183"; }

.fa-mandalorian:before {
  content: "\F50F"; }

.fa-map:before {
  content: "\F279"; }

.fa-map-marked:before {
  content: "\F59F"; }

.fa-map-marked-alt:before {
  content: "\F5A0"; }

.fa-map-marker:before {
  content: "\F041"; }

.fa-map-marker-alt:before {
  content: "\F3C5"; }

.fa-map-pin:before {
  content: "\F276"; }

.fa-map-signs:before {
  content: "\F277"; }

.fa-markdown:before {
  content: "\F60F"; }

.fa-marker:before {
  content: "\F5A1"; }

.fa-mars:before {
  content: "\F222"; }

.fa-mars-double:before {
  content: "\F227"; }

.fa-mars-stroke:before {
  content: "\F229"; }

.fa-mars-stroke-h:before {
  content: "\F22B"; }

.fa-mars-stroke-v:before {
  content: "\F22A"; }

.fa-mask:before {
  content: "\F6FA"; }

.fa-mastodon:before {
  content: "\F4F6"; }

.fa-maxcdn:before {
  content: "\F136"; }

.fa-medal:before {
  content: "\F5A2"; }

.fa-medapps:before {
  content: "\F3C6"; }

.fa-medium:before {
  content: "\F23A"; }

.fa-medium-m:before {
  content: "\F3C7"; }

.fa-medkit:before {
  content: "\F0FA"; }

.fa-medrt:before {
  content: "\F3C8"; }

.fa-meetup:before {
  content: "\F2E0"; }

.fa-megaport:before {
  content: "\F5A3"; }

.fa-meh:before {
  content: "\F11A"; }

.fa-meh-blank:before {
  content: "\F5A4"; }

.fa-meh-rolling-eyes:before {
  content: "\F5A5"; }

.fa-memory:before {
  content: "\F538"; }

.fa-mendeley:before {
  content: "\F7B3"; }

.fa-menorah:before {
  content: "\F676"; }

.fa-mercury:before {
  content: "\F223"; }

.fa-meteor:before {
  content: "\F753"; }

.fa-microchip:before {
  content: "\F2DB"; }

.fa-microphone:before {
  content: "\F130"; }

.fa-microphone-alt:before {
  content: "\F3C9"; }

.fa-microphone-alt-slash:before {
  content: "\F539"; }

.fa-microphone-slash:before {
  content: "\F131"; }

.fa-microscope:before {
  content: "\F610"; }

.fa-microsoft:before {
  content: "\F3CA"; }

.fa-minus:before {
  content: "\F068"; }

.fa-minus-circle:before {
  content: "\F056"; }

.fa-minus-square:before {
  content: "\F146"; }

.fa-mitten:before {
  content: "\F7B5"; }

.fa-mix:before {
  content: "\F3CB"; }

.fa-mixcloud:before {
  content: "\F289"; }

.fa-mizuni:before {
  content: "\F3CC"; }

.fa-mobile:before {
  content: "\F10B"; }

.fa-mobile-alt:before {
  content: "\F3CD"; }

.fa-modx:before {
  content: "\F285"; }

.fa-monero:before {
  content: "\F3D0"; }

.fa-money-bill:before {
  content: "\F0D6"; }

.fa-money-bill-alt:before {
  content: "\F3D1"; }

.fa-money-bill-wave:before {
  content: "\F53A"; }

.fa-money-bill-wave-alt:before {
  content: "\F53B"; }

.fa-money-check:before {
  content: "\F53C"; }

.fa-money-check-alt:before {
  content: "\F53D"; }

.fa-monument:before {
  content: "\F5A6"; }

.fa-moon:before {
  content: "\F186"; }

.fa-mortar-pestle:before {
  content: "\F5A7"; }

.fa-mosque:before {
  content: "\F678"; }

.fa-motorcycle:before {
  content: "\F21C"; }

.fa-mountain:before {
  content: "\F6FC"; }

.fa-mouse-pointer:before {
  content: "\F245"; }

.fa-mug-hot:before {
  content: "\F7B6"; }

.fa-music:before {
  content: "\F001"; }

.fa-napster:before {
  content: "\F3D2"; }

.fa-neos:before {
  content: "\F612"; }

.fa-network-wired:before {
  content: "\F6FF"; }

.fa-neuter:before {
  content: "\F22C"; }

.fa-newspaper:before {
  content: "\F1EA"; }

.fa-nimblr:before {
  content: "\F5A8"; }

.fa-node:before {
  content: "\F419"; }

.fa-node-js:before {
  content: "\F3D3"; }

.fa-not-equal:before {
  content: "\F53E"; }

.fa-notes-medical:before {
  content: "\F481"; }

.fa-npm:before {
  content: "\F3D4"; }

.fa-ns8:before {
  content: "\F3D5"; }

.fa-nutritionix:before {
  content: "\F3D6"; }

.fa-object-group:before {
  content: "\F247"; }

.fa-object-ungroup:before {
  content: "\F248"; }

.fa-odnoklassniki:before {
  content: "\F263"; }

.fa-odnoklassniki-square:before {
  content: "\F264"; }

.fa-oil-can:before {
  content: "\F613"; }

.fa-old-republic:before {
  content: "\F510"; }

.fa-om:before {
  content: "\F679"; }

.fa-opencart:before {
  content: "\F23D"; }

.fa-openid:before {
  content: "\F19B"; }

.fa-opera:before {
  content: "\F26A"; }

.fa-optin-monster:before {
  content: "\F23C"; }

.fa-osi:before {
  content: "\F41A"; }

.fa-otter:before {
  content: "\F700"; }

.fa-outdent:before {
  content: "\F03B"; }

.fa-page4:before {
  content: "\F3D7"; }

.fa-pagelines:before {
  content: "\F18C"; }

.fa-pager:before {
  content: "\F815"; }

.fa-paint-brush:before {
  content: "\F1FC"; }

.fa-paint-roller:before {
  content: "\F5AA"; }

.fa-palette:before {
  content: "\F53F"; }

.fa-palfed:before {
  content: "\F3D8"; }

.fa-pallet:before {
  content: "\F482"; }

.fa-paper-plane:before {
  content: "\F1D8"; }

.fa-paperclip:before {
  content: "\F0C6"; }

.fa-parachute-box:before {
  content: "\F4CD"; }

.fa-paragraph:before {
  content: "\F1DD"; }

.fa-parking:before {
  content: "\F540"; }

.fa-passport:before {
  content: "\F5AB"; }

.fa-pastafarianism:before {
  content: "\F67B"; }

.fa-paste:before {
  content: "\F0EA"; }

.fa-patreon:before {
  content: "\F3D9"; }

.fa-pause:before {
  content: "\F04C"; }

.fa-pause-circle:before {
  content: "\F28B"; }

.fa-paw:before {
  content: "\F1B0"; }

.fa-paypal:before {
  content: "\F1ED"; }

.fa-peace:before {
  content: "\F67C"; }

.fa-pen:before {
  content: "\F304"; }

.fa-pen-alt:before {
  content: "\F305"; }

.fa-pen-fancy:before {
  content: "\F5AC"; }

.fa-pen-nib:before {
  content: "\F5AD"; }

.fa-pen-square:before {
  content: "\F14B"; }

.fa-pencil-alt:before {
  content: "\F303"; }

.fa-pencil-ruler:before {
  content: "\F5AE"; }

.fa-penny-arcade:before {
  content: "\F704"; }

.fa-people-carry:before {
  content: "\F4CE"; }

.fa-pepper-hot:before {
  content: "\F816"; }

.fa-percent:before {
  content: "\F295"; }

.fa-percentage:before {
  content: "\F541"; }

.fa-periscope:before {
  content: "\F3DA"; }

.fa-person-booth:before {
  content: "\F756"; }

.fa-phabricator:before {
  content: "\F3DB"; }

.fa-phoenix-framework:before {
  content: "\F3DC"; }

.fa-phoenix-squadron:before {
  content: "\F511"; }

.fa-phone:before {
  content: "\F095"; }

.fa-phone-alt:before {
  content: "\F879"; }

.fa-phone-slash:before {
  content: "\F3DD"; }

.fa-phone-square:before {
  content: "\F098"; }

.fa-phone-square-alt:before {
  content: "\F87B"; }

.fa-phone-volume:before {
  content: "\F2A0"; }

.fa-photo-video:before {
  content: "\F87C"; }

.fa-php:before {
  content: "\F457"; }

.fa-pied-piper:before {
  content: "\F2AE"; }

.fa-pied-piper-alt:before {
  content: "\F1A8"; }

.fa-pied-piper-hat:before {
  content: "\F4E5"; }

.fa-pied-piper-pp:before {
  content: "\F1A7"; }

.fa-piggy-bank:before {
  content: "\F4D3"; }

.fa-pills:before {
  content: "\F484"; }

.fa-pinterest:before {
  content: "\F0D2"; }

.fa-pinterest-p:before {
  content: "\F231"; }

.fa-pinterest-square:before {
  content: "\F0D3"; }

.fa-pizza-slice:before {
  content: "\F818"; }

.fa-place-of-worship:before {
  content: "\F67F"; }

.fa-plane:before {
  content: "\F072"; }

.fa-plane-arrival:before {
  content: "\F5AF"; }

.fa-plane-departure:before {
  content: "\F5B0"; }

.fa-play:before {
  content: "\F04B"; }

.fa-play-circle:before {
  content: "\F144"; }

.fa-playstation:before {
  content: "\F3DF"; }

.fa-plug:before {
  content: "\F1E6"; }

.fa-plus:before {
  content: "\F067"; }

.fa-plus-circle:before {
  content: "\F055"; }

.fa-plus-square:before {
  content: "\F0FE"; }

.fa-podcast:before {
  content: "\F2CE"; }

.fa-poll:before {
  content: "\F681"; }

.fa-poll-h:before {
  content: "\F682"; }

.fa-poo:before {
  content: "\F2FE"; }

.fa-poo-storm:before {
  content: "\F75A"; }

.fa-poop:before {
  content: "\F619"; }

.fa-portrait:before {
  content: "\F3E0"; }

.fa-pound-sign:before {
  content: "\F154"; }

.fa-power-off:before {
  content: "\F011"; }

.fa-pray:before {
  content: "\F683"; }

.fa-praying-hands:before {
  content: "\F684"; }

.fa-prescription:before {
  content: "\F5B1"; }

.fa-prescription-bottle:before {
  content: "\F485"; }

.fa-prescription-bottle-alt:before {
  content: "\F486"; }

.fa-print:before {
  content: "\F02F"; }

.fa-procedures:before {
  content: "\F487"; }

.fa-product-hunt:before {
  content: "\F288"; }

.fa-project-diagram:before {
  content: "\F542"; }

.fa-pushed:before {
  content: "\F3E1"; }

.fa-puzzle-piece:before {
  content: "\F12E"; }

.fa-python:before {
  content: "\F3E2"; }

.fa-qq:before {
  content: "\F1D6"; }

.fa-qrcode:before {
  content: "\F029"; }

.fa-question:before {
  content: "\F128"; }

.fa-question-circle:before {
  content: "\F059"; }

.fa-quidditch:before {
  content: "\F458"; }

.fa-quinscape:before {
  content: "\F459"; }

.fa-quora:before {
  content: "\F2C4"; }

.fa-quote-left:before {
  content: "\F10D"; }

.fa-quote-right:before {
  content: "\F10E"; }

.fa-quran:before {
  content: "\F687"; }

.fa-r-project:before {
  content: "\F4F7"; }

.fa-radiation:before {
  content: "\F7B9"; }

.fa-radiation-alt:before {
  content: "\F7BA"; }

.fa-rainbow:before {
  content: "\F75B"; }

.fa-random:before {
  content: "\F074"; }

.fa-raspberry-pi:before {
  content: "\F7BB"; }

.fa-ravelry:before {
  content: "\F2D9"; }

.fa-react:before {
  content: "\F41B"; }

.fa-reacteurope:before {
  content: "\F75D"; }

.fa-readme:before {
  content: "\F4D5"; }

.fa-rebel:before {
  content: "\F1D0"; }

.fa-receipt:before {
  content: "\F543"; }

.fa-recycle:before {
  content: "\F1B8"; }

.fa-red-river:before {
  content: "\F3E3"; }

.fa-reddit:before {
  content: "\F1A1"; }

.fa-reddit-alien:before {
  content: "\F281"; }

.fa-reddit-square:before {
  content: "\F1A2"; }

.fa-redhat:before {
  content: "\F7BC"; }

.fa-redo:before {
  content: "\F01E"; }

.fa-redo-alt:before {
  content: "\F2F9"; }

.fa-registered:before {
  content: "\F25D"; }

.fa-remove-format:before {
  content: "\F87D"; }

.fa-renren:before {
  content: "\F18B"; }

.fa-reply:before {
  content: "\F3E5"; }

.fa-reply-all:before {
  content: "\F122"; }

.fa-replyd:before {
  content: "\F3E6"; }

.fa-republican:before {
  content: "\F75E"; }

.fa-researchgate:before {
  content: "\F4F8"; }

.fa-resolving:before {
  content: "\F3E7"; }

.fa-restroom:before {
  content: "\F7BD"; }

.fa-retweet:before {
  content: "\F079"; }

.fa-rev:before {
  content: "\F5B2"; }

.fa-ribbon:before {
  content: "\F4D6"; }

.fa-ring:before {
  content: "\F70B"; }

.fa-road:before {
  content: "\F018"; }

.fa-robot:before {
  content: "\F544"; }

.fa-rocket:before {
  content: "\F135"; }

.fa-rocketchat:before {
  content: "\F3E8"; }

.fa-rockrms:before {
  content: "\F3E9"; }

.fa-route:before {
  content: "\F4D7"; }

.fa-rss:before {
  content: "\F09E"; }

.fa-rss-square:before {
  content: "\F143"; }

.fa-ruble-sign:before {
  content: "\F158"; }

.fa-ruler:before {
  content: "\F545"; }

.fa-ruler-combined:before {
  content: "\F546"; }

.fa-ruler-horizontal:before {
  content: "\F547"; }

.fa-ruler-vertical:before {
  content: "\F548"; }

.fa-running:before {
  content: "\F70C"; }

.fa-rupee-sign:before {
  content: "\F156"; }

.fa-sad-cry:before {
  content: "\F5B3"; }

.fa-sad-tear:before {
  content: "\F5B4"; }

.fa-safari:before {
  content: "\F267"; }

.fa-salesforce:before {
  content: "\F83B"; }

.fa-sass:before {
  content: "\F41E"; }

.fa-satellite:before {
  content: "\F7BF"; }

.fa-satellite-dish:before {
  content: "\F7C0"; }

.fa-save:before {
  content: "\F0C7"; }

.fa-schlix:before {
  content: "\F3EA"; }

.fa-school:before {
  content: "\F549"; }

.fa-screwdriver:before {
  content: "\F54A"; }

.fa-scribd:before {
  content: "\F28A"; }

.fa-scroll:before {
  content: "\F70E"; }

.fa-sd-card:before {
  content: "\F7C2"; }

.fa-search:before {
  content: "\F002"; }

.fa-search-dollar:before {
  content: "\F688"; }

.fa-search-location:before {
  content: "\F689"; }

.fa-search-minus:before {
  content: "\F010"; }

.fa-search-plus:before {
  content: "\F00E"; }

.fa-searchengin:before {
  content: "\F3EB"; }

.fa-seedling:before {
  content: "\F4D8"; }

.fa-sellcast:before {
  content: "\F2DA"; }

.fa-sellsy:before {
  content: "\F213"; }

.fa-server:before {
  content: "\F233"; }

.fa-servicestack:before {
  content: "\F3EC"; }

.fa-shapes:before {
  content: "\F61F"; }

.fa-share:before {
  content: "\F064"; }

.fa-share-alt:before {
  content: "\F1E0"; }

.fa-share-alt-square:before {
  content: "\F1E1"; }

.fa-share-square:before {
  content: "\F14D"; }

.fa-shekel-sign:before {
  content: "\F20B"; }

.fa-shield-alt:before {
  content: "\F3ED"; }

.fa-ship:before {
  content: "\F21A"; }

.fa-shipping-fast:before {
  content: "\F48B"; }

.fa-shirtsinbulk:before {
  content: "\F214"; }

.fa-shoe-prints:before {
  content: "\F54B"; }

.fa-shopping-bag:before {
  content: "\F290"; }

.fa-shopping-basket:before {
  content: "\F291"; }

.fa-shopping-cart:before {
  content: "\F07A"; }

.fa-shopware:before {
  content: "\F5B5"; }

.fa-shower:before {
  content: "\F2CC"; }

.fa-shuttle-van:before {
  content: "\F5B6"; }

.fa-sign:before {
  content: "\F4D9"; }

.fa-sign-in-alt:before {
  content: "\F2F6"; }

.fa-sign-language:before {
  content: "\F2A7"; }

.fa-sign-out-alt:before {
  content: "\F2F5"; }

.fa-signal:before {
  content: "\F012"; }

.fa-signature:before {
  content: "\F5B7"; }

.fa-sim-card:before {
  content: "\F7C4"; }

.fa-simplybuilt:before {
  content: "\F215"; }

.fa-sistrix:before {
  content: "\F3EE"; }

.fa-sitemap:before {
  content: "\F0E8"; }

.fa-sith:before {
  content: "\F512"; }

.fa-skating:before {
  content: "\F7C5"; }

.fa-sketch:before {
  content: "\F7C6"; }

.fa-skiing:before {
  content: "\F7C9"; }

.fa-skiing-nordic:before {
  content: "\F7CA"; }

.fa-skull:before {
  content: "\F54C"; }

.fa-skull-crossbones:before {
  content: "\F714"; }

.fa-skyatlas:before {
  content: "\F216"; }

.fa-skype:before {
  content: "\F17E"; }

.fa-slack:before {
  content: "\F198"; }

.fa-slack-hash:before {
  content: "\F3EF"; }

.fa-slash:before {
  content: "\F715"; }

.fa-sleigh:before {
  content: "\F7CC"; }

.fa-sliders-h:before {
  content: "\F1DE"; }

.fa-slideshare:before {
  content: "\F1E7"; }

.fa-smile:before {
  content: "\F118"; }

.fa-smile-beam:before {
  content: "\F5B8"; }

.fa-smile-wink:before {
  content: "\F4DA"; }

.fa-smog:before {
  content: "\F75F"; }

.fa-smoking:before {
  content: "\F48D"; }

.fa-smoking-ban:before {
  content: "\F54D"; }

.fa-sms:before {
  content: "\F7CD"; }

.fa-snapchat:before {
  content: "\F2AB"; }

.fa-snapchat-ghost:before {
  content: "\F2AC"; }

.fa-snapchat-square:before {
  content: "\F2AD"; }

.fa-snowboarding:before {
  content: "\F7CE"; }

.fa-snowflake:before {
  content: "\F2DC"; }

.fa-snowman:before {
  content: "\F7D0"; }

.fa-snowplow:before {
  content: "\F7D2"; }

.fa-socks:before {
  content: "\F696"; }

.fa-solar-panel:before {
  content: "\F5BA"; }

.fa-sort:before {
  content: "\F0DC"; }

.fa-sort-alpha-down:before {
  content: "\F15D"; }

.fa-sort-alpha-down-alt:before {
  content: "\F881"; }

.fa-sort-alpha-up:before {
  content: "\F15E"; }

.fa-sort-alpha-up-alt:before {
  content: "\F882"; }

.fa-sort-amount-down:before {
  content: "\F160"; }

.fa-sort-amount-down-alt:before {
  content: "\F884"; }

.fa-sort-amount-up:before {
  content: "\F161"; }

.fa-sort-amount-up-alt:before {
  content: "\F885"; }

.fa-sort-down:before {
  content: "\F0DD"; }

.fa-sort-numeric-down:before {
  content: "\F162"; }

.fa-sort-numeric-down-alt:before {
  content: "\F886"; }

.fa-sort-numeric-up:before {
  content: "\F163"; }

.fa-sort-numeric-up-alt:before {
  content: "\F887"; }

.fa-sort-up:before {
  content: "\F0DE"; }

.fa-soundcloud:before {
  content: "\F1BE"; }

.fa-sourcetree:before {
  content: "\F7D3"; }

.fa-spa:before {
  content: "\F5BB"; }

.fa-space-shuttle:before {
  content: "\F197"; }

.fa-speakap:before {
  content: "\F3F3"; }

.fa-speaker-deck:before {
  content: "\F83C"; }

.fa-spell-check:before {
  content: "\F891"; }

.fa-spider:before {
  content: "\F717"; }

.fa-spinner:before {
  content: "\F110"; }

.fa-splotch:before {
  content: "\F5BC"; }

.fa-spotify:before {
  content: "\F1BC"; }

.fa-spray-can:before {
  content: "\F5BD"; }

.fa-square:before {
  content: "\F0C8"; }

.fa-square-full:before {
  content: "\F45C"; }

.fa-square-root-alt:before {
  content: "\F698"; }

.fa-squarespace:before {
  content: "\F5BE"; }

.fa-stack-exchange:before {
  content: "\F18D"; }

.fa-stack-overflow:before {
  content: "\F16C"; }

.fa-stackpath:before {
  content: "\F842"; }

.fa-stamp:before {
  content: "\F5BF"; }

.fa-star:before {
  content: "\F005"; }

.fa-star-and-crescent:before {
  content: "\F699"; }

.fa-star-half:before {
  content: "\F089"; }

.fa-star-half-alt:before {
  content: "\F5C0"; }

.fa-star-of-david:before {
  content: "\F69A"; }

.fa-star-of-life:before {
  content: "\F621"; }

.fa-staylinked:before {
  content: "\F3F5"; }

.fa-steam:before {
  content: "\F1B6"; }

.fa-steam-square:before {
  content: "\F1B7"; }

.fa-steam-symbol:before {
  content: "\F3F6"; }

.fa-step-backward:before {
  content: "\F048"; }

.fa-step-forward:before {
  content: "\F051"; }

.fa-stethoscope:before {
  content: "\F0F1"; }

.fa-sticker-mule:before {
  content: "\F3F7"; }

.fa-sticky-note:before {
  content: "\F249"; }

.fa-stop:before {
  content: "\F04D"; }

.fa-stop-circle:before {
  content: "\F28D"; }

.fa-stopwatch:before {
  content: "\F2F2"; }

.fa-store:before {
  content: "\F54E"; }

.fa-store-alt:before {
  content: "\F54F"; }

.fa-strava:before {
  content: "\F428"; }

.fa-stream:before {
  content: "\F550"; }

.fa-street-view:before {
  content: "\F21D"; }

.fa-strikethrough:before {
  content: "\F0CC"; }

.fa-stripe:before {
  content: "\F429"; }

.fa-stripe-s:before {
  content: "\F42A"; }

.fa-stroopwafel:before {
  content: "\F551"; }

.fa-studiovinari:before {
  content: "\F3F8"; }

.fa-stumbleupon:before {
  content: "\F1A4"; }

.fa-stumbleupon-circle:before {
  content: "\F1A3"; }

.fa-subscript:before {
  content: "\F12C"; }

.fa-subway:before {
  content: "\F239"; }

.fa-suitcase:before {
  content: "\F0F2"; }

.fa-suitcase-rolling:before {
  content: "\F5C1"; }

.fa-sun:before {
  content: "\F185"; }

.fa-superpowers:before {
  content: "\F2DD"; }

.fa-superscript:before {
  content: "\F12B"; }

.fa-supple:before {
  content: "\F3F9"; }

.fa-surprise:before {
  content: "\F5C2"; }

.fa-suse:before {
  content: "\F7D6"; }

.fa-swatchbook:before {
  content: "\F5C3"; }

.fa-swimmer:before {
  content: "\F5C4"; }

.fa-swimming-pool:before {
  content: "\F5C5"; }

.fa-symfony:before {
  content: "\F83D"; }

.fa-synagogue:before {
  content: "\F69B"; }

.fa-sync:before {
  content: "\F021"; }

.fa-sync-alt:before {
  content: "\F2F1"; }

.fa-syringe:before {
  content: "\F48E"; }

.fa-table:before {
  content: "\F0CE"; }

.fa-table-tennis:before {
  content: "\F45D"; }

.fa-tablet:before {
  content: "\F10A"; }

.fa-tablet-alt:before {
  content: "\F3FA"; }

.fa-tablets:before {
  content: "\F490"; }

.fa-tachometer-alt:before {
  content: "\F3FD"; }

.fa-tag:before {
  content: "\F02B"; }

.fa-tags:before {
  content: "\F02C"; }

.fa-tape:before {
  content: "\F4DB"; }

.fa-tasks:before {
  content: "\F0AE"; }

.fa-taxi:before {
  content: "\F1BA"; }

.fa-teamspeak:before {
  content: "\F4F9"; }

.fa-teeth:before {
  content: "\F62E"; }

.fa-teeth-open:before {
  content: "\F62F"; }

.fa-telegram:before {
  content: "\F2C6"; }

.fa-telegram-plane:before {
  content: "\F3FE"; }

.fa-temperature-high:before {
  content: "\F769"; }

.fa-temperature-low:before {
  content: "\F76B"; }

.fa-tencent-weibo:before {
  content: "\F1D5"; }

.fa-tenge:before {
  content: "\F7D7"; }

.fa-terminal:before {
  content: "\F120"; }

.fa-text-height:before {
  content: "\F034"; }

.fa-text-width:before {
  content: "\F035"; }

.fa-th:before {
  content: "\F00A"; }

.fa-th-large:before {
  content: "\F009"; }

.fa-th-list:before {
  content: "\F00B"; }

.fa-the-red-yeti:before {
  content: "\F69D"; }

.fa-theater-masks:before {
  content: "\F630"; }

.fa-themeco:before {
  content: "\F5C6"; }

.fa-themeisle:before {
  content: "\F2B2"; }

.fa-thermometer:before {
  content: "\F491"; }

.fa-thermometer-empty:before {
  content: "\F2CB"; }

.fa-thermometer-full:before {
  content: "\F2C7"; }

.fa-thermometer-half:before {
  content: "\F2C9"; }

.fa-thermometer-quarter:before {
  content: "\F2CA"; }

.fa-thermometer-three-quarters:before {
  content: "\F2C8"; }

.fa-think-peaks:before {
  content: "\F731"; }

.fa-thumbs-down:before {
  content: "\F165"; }

.fa-thumbs-up:before {
  content: "\F164"; }

.fa-thumbtack:before {
  content: "\F08D"; }

.fa-ticket-alt:before {
  content: "\F3FF"; }

.fa-times:before {
  content: "\F00D"; }

.fa-times-circle:before {
  content: "\F057"; }

.fa-tint:before {
  content: "\F043"; }

.fa-tint-slash:before {
  content: "\F5C7"; }

.fa-tired:before {
  content: "\F5C8"; }

.fa-toggle-off:before {
  content: "\F204"; }

.fa-toggle-on:before {
  content: "\F205"; }

.fa-toilet:before {
  content: "\F7D8"; }

.fa-toilet-paper:before {
  content: "\F71E"; }

.fa-toolbox:before {
  content: "\F552"; }

.fa-tools:before {
  content: "\F7D9"; }

.fa-tooth:before {
  content: "\F5C9"; }

.fa-torah:before {
  content: "\F6A0"; }

.fa-torii-gate:before {
  content: "\F6A1"; }

.fa-tractor:before {
  content: "\F722"; }

.fa-trade-federation:before {
  content: "\F513"; }

.fa-trademark:before {
  content: "\F25C"; }

.fa-traffic-light:before {
  content: "\F637"; }

.fa-train:before {
  content: "\F238"; }

.fa-tram:before {
  content: "\F7DA"; }

.fa-transgender:before {
  content: "\F224"; }

.fa-transgender-alt:before {
  content: "\F225"; }

.fa-trash:before {
  content: "\F1F8"; }

.fa-trash-alt:before {
  content: "\F2ED"; }

.fa-trash-restore:before {
  content: "\F829"; }

.fa-trash-restore-alt:before {
  content: "\F82A"; }

.fa-tree:before {
  content: "\F1BB"; }

.fa-trello:before {
  content: "\F181"; }

.fa-tripadvisor:before {
  content: "\F262"; }

.fa-trophy:before {
  content: "\F091"; }

.fa-truck:before {
  content: "\F0D1"; }

.fa-truck-loading:before {
  content: "\F4DE"; }

.fa-truck-monster:before {
  content: "\F63B"; }

.fa-truck-moving:before {
  content: "\F4DF"; }

.fa-truck-pickup:before {
  content: "\F63C"; }

.fa-tshirt:before {
  content: "\F553"; }

.fa-tty:before {
  content: "\F1E4"; }

.fa-tumblr:before {
  content: "\F173"; }

.fa-tumblr-square:before {
  content: "\F174"; }

.fa-tv:before {
  content: "\F26C"; }

.fa-twitch:before {
  content: "\F1E8"; }

.fa-twitter:before {
  content: "\F099"; }

.fa-twitter-square:before {
  content: "\F081"; }

.fa-typo3:before {
  content: "\F42B"; }

.fa-uber:before {
  content: "\F402"; }

.fa-ubuntu:before {
  content: "\F7DF"; }

.fa-uikit:before {
  content: "\F403"; }

.fa-umbrella:before {
  content: "\F0E9"; }

.fa-umbrella-beach:before {
  content: "\F5CA"; }

.fa-underline:before {
  content: "\F0CD"; }

.fa-undo:before {
  content: "\F0E2"; }

.fa-undo-alt:before {
  content: "\F2EA"; }

.fa-uniregistry:before {
  content: "\F404"; }

.fa-universal-access:before {
  content: "\F29A"; }

.fa-university:before {
  content: "\F19C"; }

.fa-unlink:before {
  content: "\F127"; }

.fa-unlock:before {
  content: "\F09C"; }

.fa-unlock-alt:before {
  content: "\F13E"; }

.fa-untappd:before {
  content: "\F405"; }

.fa-upload:before {
  content: "\F093"; }

.fa-ups:before {
  content: "\F7E0"; }

.fa-usb:before {
  content: "\F287"; }

.fa-user:before {
  content: "\F007"; }

.fa-user-alt:before {
  content: "\F406"; }

.fa-user-alt-slash:before {
  content: "\F4FA"; }

.fa-user-astronaut:before {
  content: "\F4FB"; }

.fa-user-check:before {
  content: "\F4FC"; }

.fa-user-circle:before {
  content: "\F2BD"; }

.fa-user-clock:before {
  content: "\F4FD"; }

.fa-user-cog:before {
  content: "\F4FE"; }

.fa-user-edit:before {
  content: "\F4FF"; }

.fa-user-friends:before {
  content: "\F500"; }

.fa-user-graduate:before {
  content: "\F501"; }

.fa-user-injured:before {
  content: "\F728"; }

.fa-user-lock:before {
  content: "\F502"; }

.fa-user-md:before {
  content: "\F0F0"; }

.fa-user-minus:before {
  content: "\F503"; }

.fa-user-ninja:before {
  content: "\F504"; }

.fa-user-nurse:before {
  content: "\F82F"; }

.fa-user-plus:before {
  content: "\F234"; }

.fa-user-secret:before {
  content: "\F21B"; }

.fa-user-shield:before {
  content: "\F505"; }

.fa-user-slash:before {
  content: "\F506"; }

.fa-user-tag:before {
  content: "\F507"; }

.fa-user-tie:before {
  content: "\F508"; }

.fa-user-times:before {
  content: "\F235"; }

.fa-users:before {
  content: "\F0C0"; }

.fa-users-cog:before {
  content: "\F509"; }

.fa-usps:before {
  content: "\F7E1"; }

.fa-ussunnah:before {
  content: "\F407"; }

.fa-utensil-spoon:before {
  content: "\F2E5"; }

.fa-utensils:before {
  content: "\F2E7"; }

.fa-vaadin:before {
  content: "\F408"; }

.fa-vector-square:before {
  content: "\F5CB"; }

.fa-venus:before {
  content: "\F221"; }

.fa-venus-double:before {
  content: "\F226"; }

.fa-venus-mars:before {
  content: "\F228"; }

.fa-viacoin:before {
  content: "\F237"; }

.fa-viadeo:before {
  content: "\F2A9"; }

.fa-viadeo-square:before {
  content: "\F2AA"; }

.fa-vial:before {
  content: "\F492"; }

.fa-vials:before {
  content: "\F493"; }

.fa-viber:before {
  content: "\F409"; }

.fa-video:before {
  content: "\F03D"; }

.fa-video-slash:before {
  content: "\F4E2"; }

.fa-vihara:before {
  content: "\F6A7"; }

.fa-vimeo:before {
  content: "\F40A"; }

.fa-vimeo-square:before {
  content: "\F194"; }

.fa-vimeo-v:before {
  content: "\F27D"; }

.fa-vine:before {
  content: "\F1CA"; }

.fa-vk:before {
  content: "\F189"; }

.fa-vnv:before {
  content: "\F40B"; }

.fa-voicemail:before {
  content: "\F897"; }

.fa-volleyball-ball:before {
  content: "\F45F"; }

.fa-volume-down:before {
  content: "\F027"; }

.fa-volume-mute:before {
  content: "\F6A9"; }

.fa-volume-off:before {
  content: "\F026"; }

.fa-volume-up:before {
  content: "\F028"; }

.fa-vote-yea:before {
  content: "\F772"; }

.fa-vr-cardboard:before {
  content: "\F729"; }

.fa-vuejs:before {
  content: "\F41F"; }

.fa-walking:before {
  content: "\F554"; }

.fa-wallet:before {
  content: "\F555"; }

.fa-warehouse:before {
  content: "\F494"; }

.fa-water:before {
  content: "\F773"; }

.fa-wave-square:before {
  content: "\F83E"; }

.fa-waze:before {
  content: "\F83F"; }

.fa-weebly:before {
  content: "\F5CC"; }

.fa-weibo:before {
  content: "\F18A"; }

.fa-weight:before {
  content: "\F496"; }

.fa-weight-hanging:before {
  content: "\F5CD"; }

.fa-weixin:before {
  content: "\F1D7"; }

.fa-whatsapp:before {
  content: "\F232"; }

.fa-whatsapp-square:before {
  content: "\F40C"; }

.fa-wheelchair:before {
  content: "\F193"; }

.fa-whmcs:before {
  content: "\F40D"; }

.fa-wifi:before {
  content: "\F1EB"; }

.fa-wikipedia-w:before {
  content: "\F266"; }

.fa-wind:before {
  content: "\F72E"; }

.fa-window-close:before {
  content: "\F410"; }

.fa-window-maximize:before {
  content: "\F2D0"; }

.fa-window-minimize:before {
  content: "\F2D1"; }

.fa-window-restore:before {
  content: "\F2D2"; }

.fa-windows:before {
  content: "\F17A"; }

.fa-wine-bottle:before {
  content: "\F72F"; }

.fa-wine-glass:before {
  content: "\F4E3"; }

.fa-wine-glass-alt:before {
  content: "\F5CE"; }

.fa-wix:before {
  content: "\F5CF"; }

.fa-wizards-of-the-coast:before {
  content: "\F730"; }

.fa-wolf-pack-battalion:before {
  content: "\F514"; }

.fa-won-sign:before {
  content: "\F159"; }

.fa-wordpress:before {
  content: "\F19A"; }

.fa-wordpress-simple:before {
  content: "\F411"; }

.fa-wpbeginner:before {
  content: "\F297"; }

.fa-wpexplorer:before {
  content: "\F2DE"; }

.fa-wpforms:before {
  content: "\F298"; }

.fa-wpressr:before {
  content: "\F3E4"; }

.fa-wrench:before {
  content: "\F0AD"; }

.fa-x-ray:before {
  content: "\F497"; }

.fa-xbox:before {
  content: "\F412"; }

.fa-xing:before {
  content: "\F168"; }

.fa-xing-square:before {
  content: "\F169"; }

.fa-y-combinator:before {
  content: "\F23B"; }

.fa-yahoo:before {
  content: "\F19E"; }

.fa-yammer:before {
  content: "\F840"; }

.fa-yandex:before {
  content: "\F413"; }

.fa-yandex-international:before {
  content: "\F414"; }

.fa-yarn:before {
  content: "\F7E3"; }

.fa-yelp:before {
  content: "\F1E9"; }

.fa-yen-sign:before {
  content: "\F157"; }

.fa-yin-yang:before {
  content: "\F6AD"; }

.fa-yoast:before {
  content: "\F2B1"; }

.fa-youtube:before {
  content: "\F167"; }

.fa-youtube-square:before {
  content: "\F431"; }

.fa-zhihu:before {
  content: "\F63F"; }

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

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

/*!
 * Font Awesome Free 5.10.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
@font-face {
  font-family: 'fontAwesome';
  font-style: normal;
  font-weight: 900;
  font-display: auto;
  src: url("/css/font/fa-solid-900.eot");
  src: url("/css/font/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("/css/font/fa-solid-900.woff2") format("woff2"), url("/css/font/fa-solid-900.woff") format("woff"), url("/css/font/fa-solid-900.ttf") format("truetype"), url("/css/font/fa-solid-900.svg#fontawesome") format("svg"); }

.fa,
.fas,
.user {
  font-family: 'fontAwesome';
  font-weight: 900; }

/*!
 * Font Awesome Free 5.10.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  font-weight: normal;
  font-display: auto;
  src: url("/static/assets/webfonts/fa-brands-400.eot");
  src: url("/static/assets/webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("/static/assets/webfonts/fa-brands-400.woff2") format("woff2"), url("/static/assets/webfonts/fa-brands-400.woff") format("woff"), url("/static/assets/webfonts/fa-brands-400.ttf") format("truetype"), url("/static/assets/webfonts/fa-brands-400.svg#fontawesome") format("svg"); }


.fab,
.twitter {
  font-family: 'Font Awesome 5 Brands'; }

.user:before {
  content: "\F007"; }

.twitter:before {
  content: "\F099"; }

.fa-outlined {
  -webkit-text-stroke: 1px #000;
  -webkit-text-fill-color: transparent; }

@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  src: url(/css/icon/MaterialIcons-Regular.eot);
  /* For IE6-8 */
  src: local("Material Icons"), local("MaterialIcons-Regular"), url(/css/icon/MaterialIcons-Regular.woff2) format("woff2"), url(/css/icon/webfonts/MaterialIcons-Regular.woff) format("woff"), url(/static/assets/webfonts/MaterialIcons-Regular.ttf) format("truetype"); }

@font-face {
  font-family: 'Material Icons Outlined';
  font-style: normal;
  font-weight: 400;
  src: url(/css/icon/MaterialIcons-Outlined.woff2) format("woff2"); }

.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga"; }

/* Rules for sizing the icon. */
.material-icons.md-16 {
  font-size: 16px; }

.material-icons.md-18 {
  font-size: 18px; }

.material-icons.md-24 {
  font-size: 24px; }

.material-icons.md-36 {
  font-size: 36px; }

.material-icons.md-48 {
  font-size: 48px; }

.material-icons.md-64 {
  font-size: 64px; }

/* Rules for using icons as black on a light background. */
.material-icons.md-dark {
  color: rgba(0, 0, 0, 0.54); }

.material-icons.md-dark.md-inactive {
  color: rgba(0, 0, 0, 0.26); }

/* Rules for using icons as white on a dark background. */
.material-icons.md-light {
  color: white; }

.material-icons.md-light.md-inactive {
  color: rgba(255, 255, 255, 0.3); }

/* Added */
.material-icons.material-icons--outline {
  font-family: 'Material Icons Outlined';
  font-style: normal;
  font-weight: 400;
  src: url(/static/assets/webfonts/MaterialIcons-Outlined.woff2) format("woff2"); }

.vjs-modal-dialog .vjs-modal-dialog-content, .video-js .vjs-modal-dialog, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  text-align: center; }

@font-face {
  font-family: VideoJS;
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABDkAAsAAAAAG6gAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3hY21hcAAAAYQAAADaAAADPv749/pnbHlmAAACYAAAC3AAABHQZg6OcWhlYWQAAA3QAAAAKwAAADYZw251aGhlYQAADfwAAAAdAAAAJA+RCLFobXR4AAAOHAAAABMAAACM744AAGxvY2EAAA4wAAAASAAAAEhF6kqubWF4cAAADngAAAAfAAAAIAE0AIFuYW1lAAAOmAAAASUAAAIK1cf1oHBvc3QAAA/AAAABJAAAAdPExYuNeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGS7wTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGJHcRdyA4RZgQRADK3CxEAAHic7dFZbsMgAEXRS0ycyZnnOeG7y+qC8pU1dHusIOXxuoxaOlwZYWQB0Aea4quIEN4E9LzKbKjzDeM6H/mua6Lmc/p8yhg0lvdYx15ZG8uOLQOGjMp3EzqmzJizYMmKNRu27Nhz4MiJMxeu3Ljz4Ekqm7T8P52G8PP3lnTOVk++Z6iN6QZzNN1F7ptuN7eGOjDUoaGODHVsuvU8MdTO9Hd5aqgzQ50b6sJQl4a6MtS1oW4MdWuoO0PdG+rBUI+GejLUs6FeDPVqqDdDvRvqw1CfhpqM9At0iFLaAAB4nJ1YDXBTVRZ+5/22TUlJ8we0pHlJm7RJf5O8F2j6EymlSPkpxaL8U2xpa3DKj0CBhc2IW4eWKSokIoLsuMqssM64f+jA4HSdWXXXscBq67IOs3FXZ1ZYWVyRFdo899yXtIBQZ90k7717zz3v3HPPOfd854YCCj9cL9dL0RQFOqCbGJnrHb5EayiKIWN8iA/hWBblo6hUWm8TtCDwE80WMJus/irwyxOdxeB0MDb14VNJHnXYoLLSl6FfCUYO9nYPTA8Epg9090LprfbBbZ2hY0UlJUXHQp3/vtWkS6EBv8+rPMq5u9692f/dNxJNiqwC1xPE9TCUgCsSdQWgE3XQD25lkG4CN2xmTcOXWBOyser6RN6KnGbKSbmQ3+d0OI1m2W8QzLLkI2sykrWAgJJEtA8vGGW/2Q+CmT3n8zS9wZwu2DCvtuZKZN3xkrLh36yCZuUomQSqGpY8t/25VfHVhw8z4ebGBtfLb0ya9PCaDc+8dGTvk2dsh6z7WzvowlXKUSWo9MJ15a3KrEP2loOr2Ojhw6iW6hf2BDdEccQvZGpaAy7YovSwq8kr7HGllxpd71rkS6G0Sf11sl9OvMK1+jwPPODxjUwkOim9CU3ix1wNjXDfmJSEn618Bs6lpWwUpU+8PCqLMY650zjq8VhCIP17NEKTx3eaLL+s5Pi6yJWaWjTHLR1jYzPSV9VF/6Ojdb/1kO3Mk3uhHC0x6gc1BjlKQ+nQFxTYdaJkZ7ySVxLBbhR1dsboNXp1tCYKW2LRaEzpYcIx2BKNxaL0ZaUnSqfFoiNhHKR/GkX6PWUSAaJelQaqZL1EpoHNsajSEyPSoJ9IjhIxTdjHLmwZvhRDOiFTY/YeQnvrVZmiTQtGncECXtFTBZLOVwwMRgoXHAkXzMzPn1nAJJ8jYSbMDaqN2waGLzNhih/bZynUBMpIWSg7VYi7DRx2m8ALkIdRCJwI6ArJx2EI8kaDWeTQKeAFk9fjl/1AvwktjQ1P7NjyMGQyfd4vjipX6M/i52D7Cq80kqlcxEcGXRr/FEcgs0u5uGgB4VWuMFfpdn2Re6Hi3PqzmxWKsz6+ae2Pn9hXXw/fqM859UiGC0oKYYILJBqJrsn1Z1E5qOs9rQCiUQRREjm8yJcbHF5cUJufX1vAHlefw0XgUoboS3ETfQlTxBC4SOtuE8VPRJTBSCQSjZCpk7Gqzu+masaZ2y7Zjehho4F3g82BNDkAHpORG4+OCS+f6JTPmtRn/PH1kch6d04sp7AQb25aQ/pqUyXeQ8vrebG8OYQdXOQ+585u0sdW9rqalzRURiJ+9F4MweRFrKUjl1GUYhH1A27WOHw5cTFSFPMo9EeUIGnQTZHIaJ7AHLaOKsOODaNF9jkBjYG2QEsQ2xjMUAx2bBEbeTBWMHwskBjngq56S/yfgkBnWBa4K9sqKtq2t1UI8S9He5XuBRbawAdatrQEAi30Aks2+LM8WeCbalVZkWNylvJ+dqJnzVb+OHlSoKW8nPCP7Rd+CcZ2DdWAGqJ2CBFOphgywFFCFBNtfAbGtNPBCwxvygHeYMZMY9ZboBqwq/pVrsbgN5tkv152ODlbMfiqwGMBgxa4Exz3QhovRIUp6acqZmQzRq0ypDXS2TPLT02YIkQETnOE445oOGxOmXAqUJNNG7XgupMjPq2ua9asrj5yY/yuKteO1Kx0YNJTufrirLe1mZnat7OL6rnUdCWenpW6I8mAnbsY8KWs1PuSovCW9A/Z25PQ24a7cNOqgmTkLmBMgh4THgc4b9k2IVv1/g/F5nGljwPLfOgHAzJzh45V/4+WenTzmMtR5Z7us2Tys909UHqrPY7KbckoxRvRHhmVc3cJGE97uml0R1S0jdULVl7EvZtDFVBF35N9cEdjpgmAiOlFZ+Dtoh93+D3zzHr8RRNZQhnCNMNbcegOvpEwZoL+06cJQ07h+th3fZ/7PVbVC6ngTAV/KoLFuO6+2KFcU651gEb5ugPSIb1D+Xp8V4+k3sEIGnw5mYe4If4k1lFYr6SCzmM2EQ8iWtmwjnBI9kTwe1TlfAmXh7H02by9fW2gsjKwtv0aaURKil4OdV7rDL1MXIFNrhdxohcZXYTnq47WisrKitaObbf5+yvkLi5J6lCNZZ+B6GC38VNBZBDidSS/+mSvh6s+srgC8pyKMvDtt+de3c9fU76ZPfuM8ud4Kv0fyP/LqfepMT/3oZxSqpZaTa1DaQYLY8TFsHYbWYsPoRhRWfL5eSSQbhUGgGC3YLbVMk6PitTFNGpAsNrC6D1VNBKgBHMejaiuRWEWGgsSDBTJjqWIl8kJLlsaLJ2tXDr6xGfT85bM2Q06a46x2HTgvdnV8z5YDy/27J4zt6x2VtkzjoYpkq36kaBr4eQSg7tyiVweWubXZugtadl58ydapfbORfKsDTuZ0OBgx4cfdjCf5tbWNITnL120fdOi1RV1C3uKGzNdwYLcMvZ3BxoPyTOCD1XvXTp7U10gWCVmTV9b3r2z0SkGWovb2hp9I89O8a2smlyaO8muMU+dRmtzp60IzAoFpjLr1n388boLyf0dRvxhsHZ0qbWqDkwqvvpkj4l0fY6EIXRi5sQSrAvsVYwXRy4qJ2EVtD1AN7a0HWth9ymvL1xc3WTUKK/TAHA/bXDVtVWfOMfuGxGZv4Ln/jVr9jc3j1yMv0tndmyt9Vq88Y9gH1wtLX3KWjot5++jWHgAoZZkQ14wGQ20Fli71UmKJAy4xKMSTGbVdybW7FDDAut9XpD5AzWrYO7zQ8qffqF8+Ynd/clrHcdyxGy3a/3+mfNnzC/cBsveTjnTvXf1o6vzOlZw7WtqtdmPK/Errz/6NNtD72zmNOZfbmYdTGHfoofqI79Oc+R2n1lrnL6pOm0Up7kwxhTW12Amm7WYkXR2qYrF2AmgmbAsxZjwy1xpg/m1Je2vrp8v/nz2xpmlBg4E9hrMU341wVpTOh/OfmGvAnra8q6uctr60ZQHV3Q+WMQJykMj8ZsWn2QBOmmHMB+m5pDIpTFonYigiaKAhGEiAHF7EliVnQkjoLVIMPtJpBKHYd3A8GYH9jJzrWwmHx5Qjp7vDAX0suGRym1vtm/9W1/HyR8vczfMs6Sk8DSv855/5dlX9oQq52hT8syyp2rx5Id17IAyAM3wIjQPMOHzytEB64q6D5zT91yNbnx3V/nqnd017S9Y0605k3izoXLpsxde2n38yoOV9s1LcjwzNjbdX6asnBVaBj/6/DwKwPkpcqbDG7BnsXoSqWnUAmottYF6jMSdVyYZh3zVXCjwTiwwHH6sGuRiEHQGzuRX6whZkp123oy1BWE2mEfJ/tvIRtM4ZM5bDXiMsPMaAKOTyc5uL57rqyyc5y5JE5pm1i2S2iUX0CcaQ6lC6Zog7JqSqZmYlosl2K6pwNA84zRnQW6SaALYZQGW5lhCtU/W34N6o+bKfZ8cf3/Cl/+iTX3wBzpOY4mRkeNf3rptycGSshQWgGbYt5jFc2e0+DglIrwl6DVWQ7BuwaJ3Xk1J4VL5urnLl/Wf+gHU/hZoZdKNym6lG+I34FaNeZKcSpJIo2IeCVvpdsDGfKvzJnAwmeD37Ow65ZWwSowpgwX5T69s/rB55dP5BcpgDKFV8p7q2sn/1uc93bVzT/w6UrCqDTWvfCq/oCD/qZXNoUj8BL5Kp6GU017frfNXkAtiiyf/SOCEeLqnd8R/Ql9GlCRfctS6k5chvIBuQ1zCCjoCHL2DHNHIXxMJ3kQeO8lbsUXONeSfA5EjcG6/E+KdhN4bP04vBhdi883+BFBzQbxFbvZzQeY9LNBZc0FNfn5NwfDn6rCTnTw6R8o+gfpf5hCom33cRuiTlss3KHmZjD+BPN+5gXuA2ziS/Q73mLxUkpbKN/eqwz5uK0X9F3h2d1V4nGNgZGBgAOJd776+iue3+crAzc4AAje5Bfcg0xz9YHEOBiYQBQA8FQlFAHicY2BkYGBnAAGOPgaG//85+hkYGVCBMgBGGwNYAAAAeJxjYGBgYB8EmKOPgQEAQ04BfgAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhAi2COh4nGNgZGBgUGYoZWBnAAEmIOYCQgaG/2A+AwAYCQG2AHicXZBNaoNAGIZfE5PQCKFQ2lUps2oXBfOzzAESyDKBQJdGR2NQR3QSSE/QE/QEPUUPUHqsvsrXjTMw83zPvPMNCuAWP3DQDAejdm1GjzwS7pMmwi75XngAD4/CQ/oX4TFe4Qt7uMMbOzjuDc0EmXCP/C7cJ38Iu+RP4QEe8CU8pP8WHmOPX2EPz87TPo202ey2OjlnQSXV/6arOjWFmvszMWtd6CqwOlKHq6ovycLaWMWVydXKFFZnmVFlZU46tP7R2nI5ncbi/dDkfDtFBA2DDXbYkhKc+V0Bqs5Zt9JM1HQGBRTm/EezTmZNKtpcAMs9Yu6AK9caF76zoLWIWcfMGOSkVduvSWechqZsz040Ib2PY3urxBJTzriT95lipz+TN1fmAAAAeJxtkMl2wjAMRfOAhABlKm2h80C3+ajgCKKDY6cegP59TYBzukAL+z1Zsq8ctaJTTKPrsUQLbXQQI0EXKXroY4AbDDHCGBNMcYsZ7nCPB8yxwCOe8IwXvOIN7/jAJ76wxHfUqWX+OzgumWAjJMV17i0Ndlr6irLKO+qftdT7i6y4uFSUvCknay+lFYZIZaQcmfH/xIFdYn98bqhra1aKTM/6lWMnyaYirx1rFUQZFBkb2zJUtoXeJCeg0WnLtHeSFc3OtrnozNwqi0TkSpBMDB1nSde5oJXW23hTS2/T0LilglXX7dmFVxLnq5U0vYATHFk3zX3BOisoQHNDFDeZnqKDy9hRNawN7Vh727hFzcJ5c8TILrKZfH7tIPxAFP0BpLeJPA==) format("woff");
  font-weight: normal;
  font-style: normal; }

.vjs-icon-play {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.video-js .vjs-play-control .vjs-icon-placeholder, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

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

.video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  content: "\F101"; }

.vjs-icon-play-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-play-circle:before {
    content: "\F102"; }

.vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
  content: "\F103"; }

.vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
  content: "\F104"; }

.vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
  content: "\F105"; }

.vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
  content: "\F106"; }

.vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before {
  content: "\F107"; }

.vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\F108"; }

.vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\F109"; }

.vjs-icon-square {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-square:before {
    content: "\F10A"; }

.vjs-icon-spinner {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-spinner:before {
    content: "\F10B"; }

.vjs-icon-subtitles {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.video-js .vjs-subs-caps-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.video-js .vjs-subtitles-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-subtitles:before {
  content: "\F10C"; }

.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before {
  content: "\F10C"; }

.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before {
  content: "\F10C"; }

.video-js .vjs-subtitles-button .vjs-icon-placeholder:before {
  content: "\F10C"; }

.vjs-icon-captions {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-captions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-captions:before {
  content: "\F10D"; }

.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before {
  content: "\F10D"; }

.vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before {
  content: "\F10E"; }

.vjs-icon-share {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-share:before {
    content: "\F10F"; }

.vjs-icon-cog {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-cog:before {
    content: "\F110"; }

.vjs-icon-circle, .vjs-seek-to-live-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.video-js .vjs-volume-level, .video-js .vjs-play-progress {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-circle:before, .vjs-seek-to-live-control .vjs-icon-placeholder:before {
  content: "\F111"; }

.video-js .vjs-volume-level:before, .video-js .vjs-play-progress:before {
  content: "\F111"; }

.vjs-icon-circle-outline {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-circle-outline:before {
    content: "\F112"; }

.vjs-icon-circle-inner-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-circle-inner-circle:before {
    content: "\F113"; }

.vjs-icon-hd {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-hd:before {
    content: "\F114"; }

.vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
  content: "\F115"; }

.vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
  content: "\F116"; }

.vjs-icon-facebook {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-facebook:before {
    content: "\F117"; }

.vjs-icon-gplus {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-gplus:before {
    content: "\F118"; }

.vjs-icon-linkedin {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-linkedin:before {
    content: "\F119"; }

.vjs-icon-twitter {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-twitter:before {
    content: "\F11A"; }

.vjs-icon-tumblr {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-tumblr:before {
    content: "\F11B"; }

.vjs-icon-pinterest {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-pinterest:before {
    content: "\F11C"; }

.vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
  content: "\F11D"; }

.vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before {
  content: "\F11E"; }

.vjs-icon-next-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-next-item:before {
    content: "\F11F"; }

.vjs-icon-previous-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-previous-item:before {
    content: "\F120"; }

.vjs-icon-picture-in-picture-enter, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-picture-in-picture-enter:before, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
  content: "\F121"; }

.vjs-icon-picture-in-picture-exit, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-picture-in-picture-exit:before {
  content: "\F122"; }

.video-js {
  display: block;
  vertical-align: top;
  box-sizing: border-box;
  color: #fff;
  background-color: #000;
  position: relative;
  padding: 0;
  font-size: 10px;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  font-family: Arial, Helvetica, sans-serif;
  word-break: initial; }
  .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
    content: "\F122"; }
  .video-js:-moz-full-screen {
    position: absolute; }
  .video-js:-webkit-full-screen {
    width: 100% !important;
    height: 100% !important; }
  .video-js[tabindex="-1"] {
    outline: none; }
  .video-js * {
    box-sizing: inherit; }
    .video-js *:before, .video-js *:after {
      box-sizing: inherit; }
  .video-js ul {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    list-style-position: outside;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0; }
  .video-js.vjs-fluid, .video-js.vjs-16-9, .video-js.vjs-4-3 {
    width: 100%;
    max-width: 100%;
    height: 0; }
  .video-js.vjs-16-9 {
    padding-top: 56.25%; }
  .video-js.vjs-4-3 {
    padding-top: 75%; }
  .video-js.vjs-fill {
    width: 100%;
    height: 100%; }
  .video-js .vjs-tech {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%; }

.vjs-full-window .video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0; }

.video-js.vjs-fullscreen {
  width: 100% !important;
  height: 100% !important;
  padding-top: 0 !important; }
  .video-js.vjs-fullscreen.vjs-user-inactive {
    cursor: none; }

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

.vjs-disabled {
  opacity: 0.5;
  cursor: default; }

.video-js .vjs-offscreen {
  height: 1px;
  left: -9999px;
  position: absolute;
  top: 0;
  width: 1px; }

.vjs-lock-showing {
  display: block !important;
  opacity: 1;
  visibility: visible; }

.vjs-no-js {
  padding: 20px;
  color: #fff;
  background-color: #000;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0px auto; }
  .vjs-no-js a {
    color: #66A8CC; }
    .vjs-no-js a:visited {
      color: #66A8CC; }

.video-js .vjs-big-play-button {
  font-size: 3em;
  line-height: 1.5em;
  height: 1.63332em;
  width: 3em;
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 0;
  cursor: pointer;
  opacity: 1;
  border: 0.06666em solid #fff;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  border-radius: 0.3em;
  transition: all 0.4s; }

.vjs-big-play-centered .vjs-big-play-button {
  top: 50%;
  left: 50%;
  margin-top: -0.81666em;
  margin-left: -1.5em; }

.video-js:hover .vjs-big-play-button, .video-js .vjs-big-play-button:focus {
  border-color: #fff;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
  transition: all 0s; }

.vjs-controls-disabled .vjs-big-play-button, .vjs-has-started .vjs-big-play-button, .vjs-using-native-controls .vjs-big-play-button, .vjs-error .vjs-big-play-button {
  display: none; }

.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
  display: block; }

.video-js button {
  background: none;
  border: none;
  color: inherit;
  display: inline-block;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
  transition: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

.vjs-control .vjs-button {
  width: 100%;
  height: 100%; }

.video-js .vjs-control.vjs-close-button {
  cursor: pointer;
  height: 3em;
  position: absolute;
  right: 0;
  top: 0.5em;
  z-index: 2; }

.video-js .vjs-modal-dialog {
  background: rgba(0, 0, 0, 0.8);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
  overflow: auto; }
  .video-js .vjs-modal-dialog > * {
    box-sizing: border-box; }

.vjs-modal-dialog .vjs-modal-dialog-content {
  font-size: 1.2em;
  line-height: 1.5;
  padding: 20px 24px;
  z-index: 1; }

.vjs-menu-button {
  cursor: pointer; }
  .vjs-menu-button.vjs-disabled {
    cursor: default; }

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
  display: none; }

.vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  overflow: auto; }
  .vjs-menu .vjs-menu-content > * {
    box-sizing: border-box; }

.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
  display: none; }

.vjs-menu li {
  list-style: none;
  margin: 0;
  padding: 0.2em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase; }
  .vjs-menu li.vjs-menu-item:focus, .vjs-menu li.vjs-menu-item:hover {
    background-color: #73859f;
    background-color: rgba(115, 133, 159, 0.5); }

.js-focus-visible .vjs-menu li.vjs-menu-item:hover {
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5); }

.vjs-menu li.vjs-selected {
  background-color: #fff;
  color: #2B333F; }
  .vjs-menu li.vjs-selected:focus, .vjs-menu li.vjs-selected:hover {
    background-color: #fff;
    color: #2B333F; }

.js-focus-visible .vjs-menu li.vjs-selected:hover {
  background-color: #fff;
  color: #2B333F; }

.vjs-menu li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default; }

.vjs-menu-button-popup .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  width: 10em;
  left: -3em;
  height: 0em;
  margin-bottom: 1.5em;
  border-top-color: rgba(43, 51, 63, 0.7); }
  .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    background-color: #2B333F;
    background-color: rgba(43, 51, 63, 0.7);
    position: absolute;
    width: 100%;
    bottom: 1.5em;
    max-height: 15em; }

.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content, .vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 5em; }

.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 10em; }

.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 14em; }

.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content, .vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content, .vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 25em; }

.vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu, .vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
  display: block; }

.video-js .vjs-menu-button-inline {
  transition: all 0.4s;
  overflow: hidden; }
  .video-js .vjs-menu-button-inline:before {
    width: 2.222222222em; }
  .video-js .vjs-menu-button-inline:hover, .video-js .vjs-menu-button-inline:focus, .video-js .vjs-menu-button-inline.vjs-slider-active {
    width: 12em; }

.video-js.vjs-no-flex .vjs-menu-button-inline {
  width: 12em; }

.vjs-menu-button-inline .vjs-menu {
  opacity: 0;
  height: 100%;
  width: auto;
  position: absolute;
  left: 4em;
  top: 0;
  padding: 0;
  margin: 0;
  transition: all 0.4s; }

.vjs-menu-button-inline:hover .vjs-menu, .vjs-menu-button-inline:focus .vjs-menu, .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  display: block;
  opacity: 1; }

.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
  display: block;
  opacity: 1;
  position: relative;
  width: auto; }

.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu, .vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu, .vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  width: auto; }

.vjs-menu-button-inline .vjs-menu-content {
  width: auto;
  height: 100%;
  margin: 0;
  overflow: hidden; }

.video-js .vjs-control-bar {
  display: none;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7); }

.vjs-has-started .vjs-control-bar {
  display: flex;
  visibility: visible;
  opacity: 1;
  transition: visibility 0.1s, opacity 0.1s; }

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  visibility: visible;
  opacity: 0;
  transition: visibility 1s, opacity 1s; }

.vjs-controls-disabled .vjs-control-bar, .vjs-using-native-controls .vjs-control-bar, .vjs-error .vjs-control-bar {
  display: none !important; }

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  visibility: visible; }

.vjs-has-started.vjs-no-flex .vjs-control-bar {
  display: table; }

.video-js .vjs-control {
  position: relative;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 4em;
  flex: none; }

.vjs-button > .vjs-icon-placeholder:before {
  font-size: 1.8em;
  line-height: 1.67; }

.video-js .vjs-control:focus:before, .video-js .vjs-control:hover:before, .video-js .vjs-control:focus {
  text-shadow: 0em 0em 1em white; }

.video-js .vjs-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.vjs-no-flex .vjs-control {
  display: table-cell;
  vertical-align: middle; }

.video-js .vjs-custom-control-spacer {
  display: none; }

.video-js .vjs-progress-control {
  cursor: pointer;
  flex: auto;
  display: flex;
  align-items: center;
  min-width: 4em;
  touch-action: none; }
  .video-js .vjs-progress-control.disabled {
    cursor: default; }

.vjs-live .vjs-progress-control {
  display: none; }

.vjs-liveui .vjs-progress-control {
  display: flex;
  align-items: center; }

.vjs-no-flex .vjs-progress-control {
  width: auto; }

.video-js .vjs-progress-holder {
  flex: auto;
  transition: all 0.2s;
  height: 0.3em; }

.video-js .vjs-progress-control .vjs-progress-holder {
  margin: 0 10px; }

.video-js .vjs-progress-control:hover .vjs-progress-holder {
  font-size: 1.6666666667em; }
  .video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
    font-size: 1em; }

.video-js .vjs-progress-holder .vjs-play-progress {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 0; }

.video-js .vjs-progress-holder .vjs-load-progress {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 0; }
  .video-js .vjs-progress-holder .vjs-load-progress div {
    position: absolute;
    display: block;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 0; }

.video-js .vjs-play-progress {
  background-color: #fff; }
  .video-js .vjs-play-progress:before {
    font-size: 0.9em;
    position: absolute;
    right: -0.5em;
    top: -0.3333333333em;
    z-index: 1; }

.video-js .vjs-load-progress {
  background: rgba(115, 133, 159, 0.5); }
  .video-js .vjs-load-progress div {
    background: rgba(115, 133, 159, 0.75); }

.video-js .vjs-time-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1; }

.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
  display: none; }

.video-js .vjs-progress-control:hover .vjs-time-tooltip, .video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
  display: block;
  font-size: 0.6em;
  visibility: visible; }

.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
  font-size: 1em; }

.video-js .vjs-progress-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #000;
  z-index: 1; }

.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  z-index: 0; }

.video-js .vjs-progress-control:hover .vjs-mouse-display {
  display: block; }

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity 1s; }

.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  display: none; }

.vjs-mouse-display .vjs-time-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8); }

.video-js .vjs-slider {
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0 0.45em 0 0.45em;
  /* iOS Safari */
  -webkit-touch-callout: none;
  /* Safari */
  -webkit-user-select: none;
  /* Konqueror HTML */
  /* Firefox */
  -moz-user-select: none;
  /* Internet Explorer/Edge */
  -ms-user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
  user-select: none;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5); }
  .video-js .vjs-slider.disabled {
    cursor: default; }
  .video-js .vjs-slider:focus {
    text-shadow: 0em 0em 1em white;
    box-shadow: 0 0 1em #fff; }

.video-js .vjs-mute-control {
  cursor: pointer;
  flex: none; }

.video-js .vjs-volume-control {
  cursor: pointer;
  margin-right: 1em;
  display: flex; }
  .video-js .vjs-volume-control.vjs-volume-horizontal {
    width: 5em; }

.video-js .vjs-volume-panel {
  transition: width 1s; }
  .video-js .vjs-volume-panel .vjs-volume-control {
    visibility: visible;
    opacity: 0;
    width: 1px;
    height: 1px;
    margin-left: -1px; }
  .video-js .vjs-volume-panel:hover .vjs-volume-control, .video-js .vjs-volume-panel:active .vjs-volume-control, .video-js .vjs-volume-panel:focus .vjs-volume-control {
    visibility: visible;
    opacity: 1;
    position: relative;
    transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s; }
  .video-js .vjs-volume-panel .vjs-volume-control:hover, .video-js .vjs-volume-panel .vjs-volume-control:active {
    visibility: visible;
    opacity: 1;
    position: relative;
    transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s; }
  .video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
    visibility: visible;
    opacity: 1;
    position: relative;
    transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s; }
  .video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal {
    width: 5em;
    height: 3em; }
  .video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal {
    width: 5em;
    height: 3em; }
  .video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
    width: 5em;
    height: 3em; }
  .video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical {
    left: -3.5em; }
  .video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical {
    left: -3.5em; }
  .video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
    left: -3.5em; }
  .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
    width: 9em;
    transition: width 0.1s; }
  .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
    width: 4em; }
  .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
    height: 8em;
    width: 3em;
    left: -3000em;
    transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s; }
  .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
    transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s; }

.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  visibility: visible;
  opacity: 1;
  position: relative;
  transition: none; }

.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical, .video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  position: absolute;
  bottom: 3em;
  left: 0.5em; }

.video-js .vjs-volume-panel {
  display: flex; }

.video-js .vjs-volume-bar {
  margin: 1.35em 0.45em; }

.vjs-volume-bar.vjs-slider-horizontal {
  width: 5em;
  height: 0.3em; }

.vjs-volume-bar.vjs-slider-vertical {
  width: 0.3em;
  height: 5em;
  margin: 1.35em auto; }

.video-js .vjs-volume-level {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff; }
  .video-js .vjs-volume-level:before {
    position: absolute;
    font-size: 0.9em; }

.vjs-slider-vertical .vjs-volume-level {
  width: 0.3em; }
  .vjs-slider-vertical .vjs-volume-level:before {
    top: -0.5em;
    left: -0.3em; }

.vjs-slider-horizontal .vjs-volume-level {
  height: 0.3em; }
  .vjs-slider-horizontal .vjs-volume-level:before {
    top: -0.3em;
    right: -0.5em; }

.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
  width: 4em; }

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
  height: 100%; }

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
  width: 100%; }

.video-js .vjs-volume-vertical {
  width: 3em;
  height: 8em;
  bottom: 8em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7); }

.video-js .vjs-volume-horizontal .vjs-menu {
  left: -2em; }

.vjs-poster {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  background-color: #000000;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%; }

.vjs-has-started .vjs-poster {
  display: none; }

.vjs-audio.vjs-has-started .vjs-poster {
  display: block; }

.vjs-using-native-controls .vjs-poster {
  display: none; }

.video-js .vjs-live-control {
  display: flex;
  align-items: flex-start;
  flex: auto;
  font-size: 1em;
  line-height: 3em; }

.vjs-no-flex .vjs-live-control {
  display: table-cell;
  width: auto;
  text-align: left; }

.video-js:not(.vjs-live) .vjs-live-control, .video-js.vjs-liveui .vjs-live-control {
  display: none; }

.video-js .vjs-seek-to-live-control {
  cursor: pointer;
  flex: none;
  display: inline-flex;
  height: 100%;
  padding-left: 0.5em;
  padding-right: 0.5em;
  font-size: 1em;
  line-height: 3em;
  width: auto;
  min-width: 4em; }

.vjs-no-flex .vjs-seek-to-live-control {
  display: table-cell;
  width: auto;
  text-align: left; }

.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control, .video-js:not(.vjs-live) .vjs-seek-to-live-control {
  display: none; }

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
  cursor: auto; }

.vjs-seek-to-live-control .vjs-icon-placeholder {
  margin-right: 0.5em;
  color: #888; }

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
  color: red; }

.video-js .vjs-time-control {
  flex: none;
  font-size: 1em;
  line-height: 3em;
  min-width: 2em;
  width: auto;
  padding-left: 1em;
  padding-right: 1em; }

.vjs-live .vjs-time-control, .video-js .vjs-current-time, .vjs-no-flex .vjs-current-time, .video-js .vjs-duration, .vjs-no-flex .vjs-duration {
  display: none; }

.vjs-time-divider {
  display: none;
  line-height: 3em; }

.vjs-live .vjs-time-divider {
  display: none; }

.video-js .vjs-play-control {
  cursor: pointer; }
  .video-js .vjs-play-control .vjs-icon-placeholder {
    flex: none; }

.vjs-text-track-display {
  position: absolute;
  bottom: 3em;
  left: 0;
  right: 0;
  top: 0;
  pointer-events: none; }

.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em; }

.video-js .vjs-text-track {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em; }

.vjs-subtitles {
  color: #fff; }

.vjs-captions {
  color: #fc6; }

.vjs-tt-cue {
  display: block; }

video::-webkit-media-text-track-display {
  transform: translateY(-3em); }

.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
  transform: translateY(-1.5em); }

.video-js .vjs-picture-in-picture-control, .video-js .vjs-fullscreen-control {
  cursor: pointer;
  flex: none; }

.vjs-playback-rate > .vjs-menu-button {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.vjs-playback-rate .vjs-playback-rate-value {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  font-size: 1.5em;
  line-height: 2;
  text-align: center; }

.vjs-playback-rate .vjs-menu {
  width: 4em;
  left: 0em; }

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
  font-size: 1.4em;
  text-align: center; }

.vjs-error .vjs-error-display:before {
  color: #fff;
  content: "X";
  font-family: Arial, Helvetica, sans-serif;
  font-size: 4em;
  left: 0;
  line-height: 1;
  margin-top: -0.5em;
  position: absolute;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center;
  top: 50%;
  vertical-align: middle;
  width: 100%; }

.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: 0.85;
  text-align: left;
  border: 6px solid rgba(43, 51, 63, 0.7);
  box-sizing: border-box;
  background-clip: padding-box;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  visibility: hidden; }

.vjs-seeking .vjs-loading-spinner, .vjs-waiting .vjs-loading-spinner {
  display: block;
  -webkit-animation: vjs-spinner-show 0s linear 0.3s forwards;
  animation: vjs-spinner-show 0s linear 0.3s forwards; }

.vjs-loading-spinner:before, .vjs-loading-spinner:after {
  content: "";
  position: absolute;
  margin: -6px;
  box-sizing: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  opacity: 1;
  border: inherit;
  border-color: transparent;
  border-top-color: white; }

.vjs-seeking .vjs-loading-spinner:before, .vjs-seeking .vjs-loading-spinner:after {
  -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite; }

.vjs-waiting .vjs-loading-spinner:before, .vjs-waiting .vjs-loading-spinner:after {
  -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite; }

.vjs-seeking .vjs-loading-spinner:before, .vjs-waiting .vjs-loading-spinner:before {
  border-top-color: white; }

.vjs-seeking .vjs-loading-spinner:after, .vjs-waiting .vjs-loading-spinner:after {
  border-top-color: white;
  -webkit-animation-delay: 0.44s;
  animation-delay: 0.44s; }

@keyframes vjs-spinner-show {
  to {
    visibility: visible; } }

@-webkit-keyframes vjs-spinner-show {
  to {
    visibility: visible; } }

@keyframes vjs-spinner-spin {
  100% {
    transform: rotate(360deg); } }

@-webkit-keyframes vjs-spinner-spin {
  100% {
    -webkit-transform: rotate(360deg); } }

@keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f; }
  20% {
    border-top-color: #73859f; }
  35% {
    border-top-color: white; }
  60% {
    border-top-color: #73859f; }
  100% {
    border-top-color: #73859f; } }

@-webkit-keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f; }
  20% {
    border-top-color: #73859f; }
  35% {
    border-top-color: white; }
  60% {
    border-top-color: #73859f; }
  100% {
    border-top-color: #73859f; } }

.vjs-chapters-button .vjs-menu ul {
  width: 24em; }

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em; }
  .video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
    font-family: VideoJS;
    content: "\F10D";
    font-size: 1.5em;
    line-height: inherit; }

.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em; }
  .video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
    font-family: VideoJS;
    content: " \F11D";
    font-size: 1.5em;
    line-height: inherit; }

.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-current-time, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-time-divider, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-duration, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-remaining-time, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-playback-rate, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-chapters-button, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-descriptions-button, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-captions-button, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-subtitles-button, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-audio-button, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-control {
  display: none; }

.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-current-time, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-time-divider, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-duration, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-remaining-time, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-playback-rate, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-chapters-button, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-descriptions-button, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-captions-button, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-subtitles-button, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-audio-button, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-control {
  display: none; }

.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-current-time, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-time-divider, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-duration, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-remaining-time, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-playback-rate, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-chapters-button, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-descriptions-button, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-captions-button, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subtitles-button, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-audio-button, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-control {
  display: none; }

.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
  width: auto;
  width: initial; }

.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
  width: auto;
  width: initial; }

.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
  width: auto;
  width: initial; }

.video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-liveui) .vjs-subs-caps-button, .video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-live) .vjs-subs-caps-button {
  display: none; }

.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subs-caps-button {
  display: none; }

.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-custom-control-spacer, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-custom-control-spacer {
  flex: auto;
  display: block; }

.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui.vjs-no-flex .vjs-custom-control-spacer, .video-js:not(.vjs-fullscreen).vjs-layout-tiny.vjs-no-flex .vjs-custom-control-spacer {
  width: auto; }

.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-progress-control, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-progress-control {
  display: none; }

.vjs-modal-dialog.vjs-text-track-settings {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.75);
  color: #fff;
  height: 70%; }

.vjs-text-track-settings .vjs-modal-dialog-content {
  display: table; }

.vjs-text-track-settings .vjs-track-settings-colors, .vjs-text-track-settings .vjs-track-settings-font {
  display: table-cell; }

.vjs-text-track-settings .vjs-track-settings-controls {
  display: table-cell;
  text-align: right;
  vertical-align: bottom; }

@supports (display: grid) {
  .vjs-text-track-settings .vjs-modal-dialog-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    padding: 20px 24px 0px 24px; }
  .vjs-track-settings-controls .vjs-default-button {
    margin-bottom: 20px; }
  .vjs-text-track-settings .vjs-track-settings-controls {
    grid-column: 1/-1; }
  .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content, .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content, .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
    grid-template-columns: 1fr; } }

.vjs-track-setting > select {
  margin-right: 1em;
  margin-bottom: 0.5em; }

.vjs-text-track-settings fieldset {
  margin: 5px;
  padding: 3px;
  border: none; }
  .vjs-text-track-settings fieldset span {
    display: inline-block; }
    .vjs-text-track-settings fieldset span > select {
      max-width: 7.3em; }

.vjs-text-track-settings legend {
  color: #fff;
  margin: 0 0 5px 0; }

.vjs-text-track-settings .vjs-label {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  display: block;
  margin: 0 0 5px 0;
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden; }

.vjs-track-settings-controls button {
  background-color: #fff;
  background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
  color: #2B333F;
  cursor: pointer;
  border-radius: 2px; }
  .vjs-track-settings-controls button:focus, .vjs-track-settings-controls button:active {
    outline-style: solid;
    outline-width: medium;
    background-image: linear-gradient(0deg, #fff 88%, #73859f 100%); }
  .vjs-track-settings-controls button:hover {
    color: rgba(43, 51, 63, 0.75); }

.vjs-track-settings-controls .vjs-default-button {
  margin-right: 1em; }

@media print {
  .video-js > *:not(.vjs-tech):not(.vjs-poster) {
    visibility: hidden; } }

.vjs-resize-manager {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  z-index: -1000; }

.js-focus-visible .video-js *:focus:not(.focus-visible) {
  outline: none;
  background: none; }

.video-js *:focus:not(:focus-visible), .video-js .vjs-menu *:focus:not(:focus-visible) {
  outline: none;
  background: none; }

.vjs-playback-rate .vjs-menu {
  height: auto;
  width: 8em !important;
  left: unset !important; }

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 20em !important; }

/**
 * wallop--fade.css
 *
 * @fileoverview Fade animation for wallop
 *
 * @author Pedro Duarte
 * @author http://pedroduarte.me/wallop
 */
.Wallop--fade .Wallop-item--hidePrevious, .Wallop--fade .Wallop-item--hideNext {
  visibility: visible;
  -webkit-animation: fadeOut 450ms cubic-bezier(0.455, 0.03, 0.515, 0.955) both;
  -moz-animation: fadeOut 450ms cubic-bezier(0.455, 0.03, 0.515, 0.955) both;
  -ms-animation: fadeOut 450ms cubic-bezier(0.455, 0.03, 0.515, 0.955) both;
  animation: fadeOut 450ms cubic-bezier(0.455, 0.03, 0.515, 0.955) both; }

.Wallop--fade .Wallop-item--hidePrevious, .Wallop--fade .Wallop-item--hideNext {
  z-index: 2; }

.Wallop--fade .Wallop-item--showPrevious, .Wallop--fade .Wallop-item--showNext {
  z-index: 1; }

/*
    In order to fade out properly we need to make sure
    that the item that is going to be the previous one
    has a higer z-index that the next one
   */
/*==========  FADE ANIMATIONS  ==========*/
@-webkit-keyframes fadeOut {
  100% {
    opacity: 0;
    visibility: hidden; } }

@-moz-keyframes fadeOut {
  100% {
    opacity: 0;
    visibility: hidden; } }

@-ms-keyframes fadeOut {
  100% {
    opacity: 0;
    visibility: hidden; } }

@keyframes fadeOut {
  100% {
    opacity: 0;
    visibility: hidden; } }

/**
 * wallop.css
 *
 * @fileoverview Default styles for wallop – recommended
 *
 * @author Pedro Duarte
 * @author http://pedroduarte.me/wallop
 */
/*
  This is the top-level selector
  It should be relative positioned
  to allow the children to be positioned absolutely
  relative to this
 */
.Wallop {
  position: relative; }

/*
    This element groups all the items, but not the buttons
    It's a recommendation but it's very likely
    you'll want to hide any overflow from the items
    Especially when doing animations such as scale
   */
.Wallop-list {
  position: relative;
  overflow: hidden; }

/*
    This is the item element
    By default, they are all hidden and
    positioned absolute
    I recommend always having .Wallop-item--current
    in your markup by default (probably on the first element)
   */
.Wallop-item {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; }

/*
    This is the current item element
    All we do here, is make it visible again reset
    the position to static. Could also be relative
   */
.Wallop-item--current {
  visibility: visible;
  position: relative; }

.alice-carousel {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  margin: auto; }

.alice-carousel__wrapper {
  position: relative;
  width: 100%;
  height: auto;
  box-sizing: border-box;
  overflow: hidden; }

.alice-carousel__stage {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  box-sizing: border-box; }
  .alice-carousel__stage-item {
    width: 100%;
    height: 100%;
    position: relative;
    display: inline-block;
    vertical-align: top;
    white-space: normal;
    line-height: 0; }
    .alice-carousel__stage-item * {
      line-height: initial; }
    .alice-carousel__stage-item.__cloned {
      opacity: 0;
      visibility: hidden; }
  .alice-carousel__stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }

.alice-carousel__prev-btn,
.alice-carousel__next-btn {
  display: inline-block;
  width: 50%;
  padding: 15px 10px;
  box-sizing: border-box; }
  .alice-carousel__prev-btn [data-area]::after,
  .alice-carousel__next-btn [data-area]::after {
    content: attr(data-area);
    position: relative;
    text-transform: capitalize; }

.alice-carousel__prev-btn {
  text-align: right; }

.alice-carousel__prev-btn-item,
.alice-carousel__next-btn-item {
  display: inline-block;
  color: #465798;
  cursor: pointer; }
  .alice-carousel__prev-btn-item:hover,
  .alice-carousel__next-btn-item:hover {
    color: darkred; }
  .alice-carousel__prev-btn-item.__inactive,
  .alice-carousel__next-btn-item.__inactive {
    opacity: .4; }

.alice-carousel__play-btn {
  display: inline-block;
  position: absolute;
  top: 30px;
  left: 20px; }
  .alice-carousel__play-btn:hover {
    cursor: pointer; }
  .alice-carousel__play-btn-wrapper {
    position: relative;
    background-color: #fff;
    padding: 10px;
    width: 32px;
    height: 32px;
    border-radius: 50%; }

.alice-carousel__play-btn-item {
  cursor: pointer;
  position: absolute;
  background: transparent;
  width: 32px;
  height: 32px;
  outline: none;
  border: 0; }
  .alice-carousel__play-btn-item::before, .alice-carousel__play-btn-item::after {
    content: '';
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    border-style: solid;
    border-color: transparent;
    border-width: 8px 0 8px 15px;
    border-left-color: #465798;
    transition: all 0.3s linear; }
  .alice-carousel__play-btn-item::before {
    height: 14px;
    left: 5px; }
  .alice-carousel__play-btn-item::after {
    left: 18px;
    top: 7px; }
  .alice-carousel__play-btn-item.__pause::before, .alice-carousel__play-btn-item.__pause::after {
    border-width: 0 0 0 10px;
    height: 30px; }
  .alice-carousel__play-btn-item.__pause::after {
    left: 18px;
    top: 0; }

.alice-carousel__dots {
  margin: 30px 0 5px;
  text-align: center;
  list-style: none;
  padding: 0; }
  .alice-carousel__dots-item {
    display: inline-block;
    width: 8px;
    height: 8px;
    cursor: pointer;
    border-radius: 50%;
    background-color: #e0e4fb; }
    .alice-carousel__dots-item:not(:last-child) {
      margin-right: 15px; }
    .alice-carousel__dots-item:hover, .alice-carousel__dots-item.__active {
      background-color: #6e7ebc; }

.alice-carousel__slide-info {
  display: inline-block;
  position: absolute;
  right: 20px;
  top: 20px;
  padding: 5px 10px;
  color: #465798;
  border-radius: 5px;
  background-color: rgba(224, 228, 251, 0.6); }
  .alice-carousel__slide-info-item {
    line-height: 0;
    vertical-align: middle; }

.alice-carousel .animated {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.alice-carousel .animated-out {
  z-index: 1; }

.alice-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut; }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    visibility: hidden; } }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    visibility: hidden; } }

@font-face {
  font-family: "KLC";
  src: url("/static/assets/webfonts/KLC.eot?7klu13");
  src: url("/static/assets/webfonts/KLC.eot?7klu13#iefix") format("embedded-opentype"), url("/static/assets/webfonts/KLC.ttf?7klu13") format("truetype"), url("/static/assets/webfonts/KLC.woff?7klu13") format("woff"), url("/static/assets/webfonts/KLC.svg?7klu13#KLC") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block; }

.klc {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "KLC" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.klc-sdm:before {
  content: "\E900"; }

.klc-anggaran:before {
  content: "\E901"; }

.klc-kn:before {
  content: "\E902"; }

.klc-ku:before {
  content: "\E903"; }

.klc-pajak:before {
  content: "\E904"; }

.klc-perben:before {
  content: "\E905"; }

.klc-pk:before {
  content: "\E906"; }

.klc-bc:before {
  content: "\E907"; }

.klc-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -.0667em; }

.klc-xs {
  font-size: .75em; }

.klc-sm {
  font-size: .875em; }

.klc-1x {
  font-size: 1em; }

.klc-2x {
  font-size: 2em; }

.klc-3x {
  font-size: 3em; }

.klc-4x {
  font-size: 4em; }

.klc-5x {
  font-size: 5em; }

.klc-6x {
  font-size: 6em; }

.klc-7x {
  font-size: 7em; }

.klc-8x {
  font-size: 8em; }

.klc-9x {
  font-size: 9em; }

.klc-10x {
  font-size: 10em; }

[data-tooltip]:not(.is-loading), [data-tooltip]:not(.is-disabled), [data-tooltip]:not([disabled]) {
  cursor: pointer;
  overflow: visible;
  position: relative; }
  [data-tooltip]:not(.is-loading)::before, [data-tooltip]:not(.is-loading)::after, [data-tooltip]:not(.is-disabled)::before, [data-tooltip]:not(.is-disabled)::after, [data-tooltip]:not([disabled])::before, [data-tooltip]:not([disabled])::after {
    box-sizing: border-box;
    color: #fff;
    display: inline-block;
    font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 0.75rem;
    hyphens: auto;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    visibility: hidden;
    z-index: 1020; }
  [data-tooltip]:not(.is-loading)::after, [data-tooltip]:not(.is-disabled)::after, [data-tooltip]:not([disabled])::after {
    content: '';
    border-style: solid;
    border-width: 6px;
    border-color: rgba(74, 74, 74, 0.9) transparent transparent transparent;
    margin-bottom: -5px; }
  [data-tooltip]:not(.is-loading)::after, [data-tooltip]:not(.is-disabled)::after, [data-tooltip]:not([disabled])::after {
    top: 0;
    right: auto;
    bottom: auto;
    left: 50%;
    margin-top: -5px;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: -5px;
    border-color: rgba(74, 74, 74, 0.9) transparent transparent transparent; }
  [data-tooltip]:not(.is-loading)::before, [data-tooltip]:not(.is-disabled)::before, [data-tooltip]:not([disabled])::before {
    background: rgba(74, 74, 74, 0.9);
    border-radius: 2px;
    content: attr(data-tooltip);
    padding: 0.5rem 1rem;
    text-overflow: ellipsis;
    white-space: pre; }
  [data-tooltip]:not(.is-loading)::before, [data-tooltip]:not(.is-disabled)::before, [data-tooltip]:not([disabled])::before {
    top: 0;
    right: auto;
    bottom: auto;
    left: 50%;
    top: 0;
    margin-top: -5px;
    margin-bottom: auto;
    transform: translate(-50%, -100%); }
  [data-tooltip]:not(.is-loading).has-tooltip-bottom::after, [data-tooltip]:not(.is-disabled).has-tooltip-bottom::after, [data-tooltip]:not([disabled]).has-tooltip-bottom::after {
    top: auto;
    right: auto;
    bottom: 0;
    left: 50%;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: -5px;
    margin-left: -5px;
    border-color: transparent transparent rgba(74, 74, 74, 0.9) transparent; }
  [data-tooltip]:not(.is-loading).has-tooltip-bottom::before, [data-tooltip]:not(.is-disabled).has-tooltip-bottom::before, [data-tooltip]:not([disabled]).has-tooltip-bottom::before {
    top: auto;
    right: auto;
    bottom: 0;
    left: 50%;
    margin-top: auto;
    margin-bottom: -5px;
    transform: translate(-50%, 100%); }
  [data-tooltip]:not(.is-loading).has-tooltip-left::after, [data-tooltip]:not(.is-disabled).has-tooltip-left::after, [data-tooltip]:not([disabled]).has-tooltip-left::after {
    top: auto;
    right: auto;
    bottom: 50%;
    left: 0;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: -6px;
    margin-left: -11px;
    border-color: transparent transparent transparent rgba(74, 74, 74, 0.9); }
  [data-tooltip]:not(.is-loading).has-tooltip-left::before, [data-tooltip]:not(.is-disabled).has-tooltip-left::before, [data-tooltip]:not([disabled]).has-tooltip-left::before {
    top: auto;
    right: auto;
    bottom: 50%;
    left: -11px;
    transform: translate(-100%, 50%); }
  [data-tooltip]:not(.is-loading).has-tooltip-right::after, [data-tooltip]:not(.is-disabled).has-tooltip-right::after, [data-tooltip]:not([disabled]).has-tooltip-right::after {
    top: auto;
    right: 0;
    bottom: 50%;
    left: auto;
    margin-top: auto;
    margin-right: -11px;
    margin-bottom: -6px;
    margin-left: auto;
    border-color: transparent rgba(74, 74, 74, 0.9) transparent transparent; }
  [data-tooltip]:not(.is-loading).has-tooltip-right::before, [data-tooltip]:not(.is-disabled).has-tooltip-right::before, [data-tooltip]:not([disabled]).has-tooltip-right::before {
    top: auto;
    right: -11px;
    bottom: 50%;
    left: auto;
    margin-top: auto;
    transform: translate(100%, 50%); }
  [data-tooltip]:not(.is-loading).has-tooltip-multiline::before, [data-tooltip]:not(.is-disabled).has-tooltip-multiline::before, [data-tooltip]:not([disabled]).has-tooltip-multiline::before {
    height: auto;
    width: 15rem;
    max-width: 15rem;
    text-overflow: clip;
    white-space: normal;
    word-break: keep-all; }
  [data-tooltip]:not(.is-loading).has-tooltip-white.has-tooltip-bottom::after, [data-tooltip]:not(.is-disabled).has-tooltip-white.has-tooltip-bottom::after, [data-tooltip]:not([disabled]).has-tooltip-white.has-tooltip-bottom::after {
    border-color: transparent transparent rgba(255, 255, 255, 0.9) transparent; }
  [data-tooltip]:not(.is-loading).has-tooltip-white.has-tooltip-left::after, [data-tooltip]:not(.is-disabled).has-tooltip-white.has-tooltip-left::after, [data-tooltip]:not([disabled]).has-tooltip-white.has-tooltip-left::after {
    border-color: transparent transparent transparent rgba(255, 255, 255, 0.9); }
  [data-tooltip]:not(.is-loading).has-tooltip-white.has-tooltip-right::after, [data-tooltip]:not(.is-disabled).has-tooltip-white.has-tooltip-right::after, [data-tooltip]:not([disabled]).has-tooltip-white.has-tooltip-right::after {
    border-color: transparent rgba(255, 255, 255, 0.9) transparent transparent; }
  [data-tooltip]:not(.is-loading).has-tooltip-white:not(.has-tooltip-bottom)::after, [data-tooltip]:not(.is-loading).has-tooltip-white:not(.has-tooltip-left)::after, [data-tooltip]:not(.is-loading).has-tooltip-white:not(.has-tooltip-right)::after, [data-tooltip]:not(.is-disabled).has-tooltip-white:not(.has-tooltip-bottom)::after, [data-tooltip]:not(.is-disabled).has-tooltip-white:not(.has-tooltip-left)::after, [data-tooltip]:not(.is-disabled).has-tooltip-white:not(.has-tooltip-right)::after, [data-tooltip]:not([disabled]).has-tooltip-white:not(.has-tooltip-bottom)::after, [data-tooltip]:not([disabled]).has-tooltip-white:not(.has-tooltip-left)::after, [data-tooltip]:not([disabled]).has-tooltip-white:not(.has-tooltip-right)::after {
    border-color: rgba(255, 255, 255, 0.9) transparent transparent transparent; }
  [data-tooltip]:not(.is-loading).has-tooltip-white:before, [data-tooltip]:not(.is-disabled).has-tooltip-white:before, [data-tooltip]:not([disabled]).has-tooltip-white:before {
    background-color: rgba(255, 255, 255, 0.9);
    color: #0a0a0a; }
  [data-tooltip]:not(.is-loading).has-tooltip-black.has-tooltip-bottom::after, [data-tooltip]:not(.is-disabled).has-tooltip-black.has-tooltip-bottom::after, [data-tooltip]:not([disabled]).has-tooltip-black.has-tooltip-bottom::after {
    border-color: transparent transparent rgba(10, 10, 10, 0.9) transparent; }
  [data-tooltip]:not(.is-loading).has-tooltip-black.has-tooltip-left::after, [data-tooltip]:not(.is-disabled).has-tooltip-black.has-tooltip-left::after, [data-tooltip]:not([disabled]).has-tooltip-black.has-tooltip-left::after {
    border-color: transparent transparent transparent rgba(10, 10, 10, 0.9); }
  [data-tooltip]:not(.is-loading).has-tooltip-black.has-tooltip-right::after, [data-tooltip]:not(.is-disabled).has-tooltip-black.has-tooltip-right::after, [data-tooltip]:not([disabled]).has-tooltip-black.has-tooltip-right::after {
    border-color: transparent rgba(10, 10, 10, 0.9) transparent transparent; }
  [data-tooltip]:not(.is-loading).has-tooltip-black:not(.has-tooltip-bottom)::after, [data-tooltip]:not(.is-loading).has-tooltip-black:not(.has-tooltip-left)::after, [data-tooltip]:not(.is-loading).has-tooltip-black:not(.has-tooltip-right)::after, [data-tooltip]:not(.is-disabled).has-tooltip-black:not(.has-tooltip-bottom)::after, [data-tooltip]:not(.is-disabled).has-tooltip-black:not(.has-tooltip-left)::after, [data-tooltip]:not(.is-disabled).has-tooltip-black:not(.has-tooltip-right)::after, [data-tooltip]:not([disabled]).has-tooltip-black:not(.has-tooltip-bottom)::after, [data-tooltip]:not([disabled]).has-tooltip-black:not(.has-tooltip-left)::after, [data-tooltip]:not([disabled]).has-tooltip-black:not(.has-tooltip-right)::after {
    border-color: rgba(10, 10, 10, 0.9) transparent transparent transparent; }
  [data-tooltip]:not(.is-loading).has-tooltip-black:before, [data-tooltip]:not(.is-disabled).has-tooltip-black:before, [data-tooltip]:not([disabled]).has-tooltip-black:before {
    background-color: rgba(10, 10, 10, 0.9);
    color: white; }
  [data-tooltip]:not(.is-loading).has-tooltip-light.has-tooltip-bottom::after, [data-tooltip]:not(.is-disabled).has-tooltip-light.has-tooltip-bottom::after, [data-tooltip]:not([disabled]).has-tooltip-light.has-tooltip-bottom::after {
    border-color: transparent transparent rgba(245, 245, 245, 0.9) transparent; }
  [data-tooltip]:not(.is-loading).has-tooltip-light.has-tooltip-left::after, [data-tooltip]:not(.is-disabled).has-tooltip-light.has-tooltip-left::after, [data-tooltip]:not([disabled]).has-tooltip-light.has-tooltip-left::after {
    border-color: transparent transparent transparent rgba(245, 245, 245, 0.9); }
  [data-tooltip]:not(.is-loading).has-tooltip-light.has-tooltip-right::after, [data-tooltip]:not(.is-disabled).has-tooltip-light.has-tooltip-right::after, [data-tooltip]:not([disabled]).has-tooltip-light.has-tooltip-right::after {
    border-color: transparent rgba(245, 245, 245, 0.9) transparent transparent; }
  [data-tooltip]:not(.is-loading).has-tooltip-light:not(.has-tooltip-bottom)::after, [data-tooltip]:not(.is-loading).has-tooltip-light:not(.has-tooltip-left)::after, [data-tooltip]:not(.is-loading).has-tooltip-light:not(.has-tooltip-right)::after, [data-tooltip]:not(.is-disabled).has-tooltip-light:not(.has-tooltip-bottom)::after, [data-tooltip]:not(.is-disabled).has-tooltip-light:not(.has-tooltip-left)::after, [data-tooltip]:not(.is-disabled).has-tooltip-light:not(.has-tooltip-right)::after, [data-tooltip]:not([disabled]).has-tooltip-light:not(.has-tooltip-bottom)::after, [data-tooltip]:not([disabled]).has-tooltip-light:not(.has-tooltip-left)::after, [data-tooltip]:not([disabled]).has-tooltip-light:not(.has-tooltip-right)::after {
    border-color: rgba(245, 245, 245, 0.9) transparent transparent transparent; }
  [data-tooltip]:not(.is-loading).has-tooltip-light:before, [data-tooltip]:not(.is-disabled).has-tooltip-light:before, [data-tooltip]:not([disabled]).has-tooltip-light:before {
    background-color: rgba(245, 245, 245, 0.9);
    color: #363636; }
  [data-tooltip]:not(.is-loading).has-tooltip-dark.has-tooltip-bottom::after, [data-tooltip]:not(.is-disabled).has-tooltip-dark.has-tooltip-bottom::after, [data-tooltip]:not([disabled]).has-tooltip-dark.has-tooltip-bottom::after {
    border-color: transparent transparent rgba(54, 54, 54, 0.9) transparent; }
  [data-tooltip]:not(.is-loading).has-tooltip-dark.has-tooltip-left::after, [data-tooltip]:not(.is-disabled).has-tooltip-dark.has-tooltip-left::after, [data-tooltip]:not([disabled]).has-tooltip-dark.has-tooltip-left::after {
    border-color: transparent transparent transparent rgba(54, 54, 54, 0.9); }
  [data-tooltip]:not(.is-loading).has-tooltip-dark.has-tooltip-right::after, [data-tooltip]:not(.is-disabled).has-tooltip-dark.has-tooltip-right::after, [data-tooltip]:not([disabled]).has-tooltip-dark.has-tooltip-right::after {
    border-color: transparent rgba(54, 54, 54, 0.9) transparent transparent; }
  [data-tooltip]:not(.is-loading).has-tooltip-dark:not(.has-tooltip-bottom)::after, [data-tooltip]:not(.is-loading).has-tooltip-dark:not(.has-tooltip-left)::after, [data-tooltip]:not(.is-loading).has-tooltip-dark:not(.has-tooltip-right)::after, [data-tooltip]:not(.is-disabled).has-tooltip-dark:not(.has-tooltip-bottom)::after, [data-tooltip]:not(.is-disabled).has-tooltip-dark:not(.has-tooltip-left)::after, [data-tooltip]:not(.is-disabled).has-tooltip-dark:not(.has-tooltip-right)::after, [data-tooltip]:not([disabled]).has-tooltip-dark:not(.has-tooltip-bottom)::after, [data-tooltip]:not([disabled]).has-tooltip-dark:not(.has-tooltip-left)::after, [data-tooltip]:not([disabled]).has-tooltip-dark:not(.has-tooltip-right)::after {
    border-color: rgba(54, 54, 54, 0.9) transparent transparent transparent; }
  [data-tooltip]:not(.is-loading).has-tooltip-dark:before, [data-tooltip]:not(.is-disabled).has-tooltip-dark:before, [data-tooltip]:not([disabled]).has-tooltip-dark:before {
    background-color: rgba(54, 54, 54, 0.9);
    color: whitesmoke; }
  [data-tooltip]:not(.is-loading).has-tooltip-primary.has-tooltip-bottom::after, [data-tooltip]:not(.is-disabled).has-tooltip-primary.has-tooltip-bottom::after, [data-tooltip]:not([disabled]).has-tooltip-primary.has-tooltip-bottom::after {
    border-color: transparent transparent rgba(0, 209, 178, 0.9) transparent; }
  [data-tooltip]:not(.is-loading).has-tooltip-primary.has-tooltip-left::after, [data-tooltip]:not(.is-disabled).has-tooltip-primary.has-tooltip-left::after, [data-tooltip]:not([disabled]).has-tooltip-primary.has-tooltip-left::after {
    border-color: transparent transparent transparent rgba(0, 209, 178, 0.9); }
  [data-tooltip]:not(.is-loading).has-tooltip-primary.has-tooltip-right::after, [data-tooltip]:not(.is-disabled).has-tooltip-primary.has-tooltip-right::after, [data-tooltip]:not([disabled]).has-tooltip-primary.has-tooltip-right::after {
    border-color: transparent rgba(0, 209, 178, 0.9) transparent transparent; }
  [data-tooltip]:not(.is-loading).has-tooltip-primary:not(.has-tooltip-bottom)::after, [data-tooltip]:not(.is-loading).has-tooltip-primary:not(.has-tooltip-left)::after, [data-tooltip]:not(.is-loading).has-tooltip-primary:not(.has-tooltip-right)::after, [data-tooltip]:not(.is-disabled).has-tooltip-primary:not(.has-tooltip-bottom)::after, [data-tooltip]:not(.is-disabled).has-tooltip-primary:not(.has-tooltip-left)::after, [data-tooltip]:not(.is-disabled).has-tooltip-primary:not(.has-tooltip-right)::after, [data-tooltip]:not([disabled]).has-tooltip-primary:not(.has-tooltip-bottom)::after, [data-tooltip]:not([disabled]).has-tooltip-primary:not(.has-tooltip-left)::after, [data-tooltip]:not([disabled]).has-tooltip-primary:not(.has-tooltip-right)::after {
    border-color: rgba(0, 209, 178, 0.9) transparent transparent transparent; }
  [data-tooltip]:not(.is-loading).has-tooltip-primary:before, [data-tooltip]:not(.is-disabled).has-tooltip-primary:before, [data-tooltip]:not([disabled]).has-tooltip-primary:before {
    background-color: rgba(0, 209, 178, 0.9);
    color: #fff; }
  [data-tooltip]:not(.is-loading).has-tooltip-link.has-tooltip-bottom::after, [data-tooltip]:not(.is-disabled).has-tooltip-link.has-tooltip-bottom::after, [data-tooltip]:not([disabled]).has-tooltip-link.has-tooltip-bottom::after {
    border-color: transparent transparent rgba(50, 115, 220, 0.9) transparent; }
  [data-tooltip]:not(.is-loading).has-tooltip-link.has-tooltip-left::after, [data-tooltip]:not(.is-disabled).has-tooltip-link.has-tooltip-left::after, [data-tooltip]:not([disabled]).has-tooltip-link.has-tooltip-left::after {
    border-color: transparent transparent transparent rgba(50, 115, 220, 0.9); }
  [data-tooltip]:not(.is-loading).has-tooltip-link.has-tooltip-right::after, [data-tooltip]:not(.is-disabled).has-tooltip-link.has-tooltip-right::after, [data-tooltip]:not([disabled]).has-tooltip-link.has-tooltip-right::after {
    border-color: transparent rgba(50, 115, 220, 0.9) transparent transparent; }
  [data-tooltip]:not(.is-loading).has-tooltip-link:not(.has-tooltip-bottom)::after, [data-tooltip]:not(.is-loading).has-tooltip-link:not(.has-tooltip-left)::after, [data-tooltip]:not(.is-loading).has-tooltip-link:not(.has-tooltip-right)::after, [data-tooltip]:not(.is-disabled).has-tooltip-link:not(.has-tooltip-bottom)::after, [data-tooltip]:not(.is-disabled).has-tooltip-link:not(.has-tooltip-left)::after, [data-tooltip]:not(.is-disabled).has-tooltip-link:not(.has-tooltip-right)::after, [data-tooltip]:not([disabled]).has-tooltip-link:not(.has-tooltip-bottom)::after, [data-tooltip]:not([disabled]).has-tooltip-link:not(.has-tooltip-left)::after, [data-tooltip]:not([disabled]).has-tooltip-link:not(.has-tooltip-right)::after {
    border-color: rgba(50, 115, 220, 0.9) transparent transparent transparent; }
  [data-tooltip]:not(.is-loading).has-tooltip-link:before, [data-tooltip]:not(.is-disabled).has-tooltip-link:before, [data-tooltip]:not([disabled]).has-tooltip-link:before {
    background-color: rgba(50, 115, 220, 0.9);
    color: #fff; }
  [data-tooltip]:not(.is-loading).has-tooltip-info.has-tooltip-bottom::after, [data-tooltip]:not(.is-disabled).has-tooltip-info.has-tooltip-bottom::after, [data-tooltip]:not([disabled]).has-tooltip-info.has-tooltip-bottom::after {
    border-color: transparent transparent rgba(32, 156, 238, 0.9) transparent; }
  [data-tooltip]:not(.is-loading).has-tooltip-info.has-tooltip-left::after, [data-tooltip]:not(.is-disabled).has-tooltip-info.has-tooltip-left::after, [data-tooltip]:not([disabled]).has-tooltip-info.has-tooltip-left::after {
    border-color: transparent transparent transparent rgba(32, 156, 238, 0.9); }
  [data-tooltip]:not(.is-loading).has-tooltip-info.has-tooltip-right::after, [data-tooltip]:not(.is-disabled).has-tooltip-info.has-tooltip-right::after, [data-tooltip]:not([disabled]).has-tooltip-info.has-tooltip-right::after {
    border-color: transparent rgba(32, 156, 238, 0.9) transparent transparent; }
  [data-tooltip]:not(.is-loading).has-tooltip-info:not(.has-tooltip-bottom)::after, [data-tooltip]:not(.is-loading).has-tooltip-info:not(.has-tooltip-left)::after, [data-tooltip]:not(.is-loading).has-tooltip-info:not(.has-tooltip-right)::after, [data-tooltip]:not(.is-disabled).has-tooltip-info:not(.has-tooltip-bottom)::after, [data-tooltip]:not(.is-disabled).has-tooltip-info:not(.has-tooltip-left)::after, [data-tooltip]:not(.is-disabled).has-tooltip-info:not(.has-tooltip-right)::after, [data-tooltip]:not([disabled]).has-tooltip-info:not(.has-tooltip-bottom)::after, [data-tooltip]:not([disabled]).has-tooltip-info:not(.has-tooltip-left)::after, [data-tooltip]:not([disabled]).has-tooltip-info:not(.has-tooltip-right)::after {
    border-color: rgba(32, 156, 238, 0.9) transparent transparent transparent; }
  [data-tooltip]:not(.is-loading).has-tooltip-info:before, [data-tooltip]:not(.is-disabled).has-tooltip-info:before, [data-tooltip]:not([disabled]).has-tooltip-info:before {
    background-color: rgba(32, 156, 238, 0.9);
    color: #fff; }
  [data-tooltip]:not(.is-loading).has-tooltip-success.has-tooltip-bottom::after, [data-tooltip]:not(.is-disabled).has-tooltip-success.has-tooltip-bottom::after, [data-tooltip]:not([disabled]).has-tooltip-success.has-tooltip-bottom::after {
    border-color: transparent transparent rgba(35, 209, 96, 0.9) transparent; }
  [data-tooltip]:not(.is-loading).has-tooltip-success.has-tooltip-left::after, [data-tooltip]:not(.is-disabled).has-tooltip-success.has-tooltip-left::after, [data-tooltip]:not([disabled]).has-tooltip-success.has-tooltip-left::after {
    border-color: transparent transparent transparent rgba(35, 209, 96, 0.9); }
  [data-tooltip]:not(.is-loading).has-tooltip-success.has-tooltip-right::after, [data-tooltip]:not(.is-disabled).has-tooltip-success.has-tooltip-right::after, [data-tooltip]:not([disabled]).has-tooltip-success.has-tooltip-right::after {
    border-color: transparent rgba(35, 209, 96, 0.9) transparent transparent; }
  [data-tooltip]:not(.is-loading).has-tooltip-success:not(.has-tooltip-bottom)::after, [data-tooltip]:not(.is-loading).has-tooltip-success:not(.has-tooltip-left)::after, [data-tooltip]:not(.is-loading).has-tooltip-success:not(.has-tooltip-right)::after, [data-tooltip]:not(.is-disabled).has-tooltip-success:not(.has-tooltip-bottom)::after, [data-tooltip]:not(.is-disabled).has-tooltip-success:not(.has-tooltip-left)::after, [data-tooltip]:not(.is-disabled).has-tooltip-success:not(.has-tooltip-right)::after, [data-tooltip]:not([disabled]).has-tooltip-success:not(.has-tooltip-bottom)::after, [data-tooltip]:not([disabled]).has-tooltip-success:not(.has-tooltip-left)::after, [data-tooltip]:not([disabled]).has-tooltip-success:not(.has-tooltip-right)::after {
    border-color: rgba(35, 209, 96, 0.9) transparent transparent transparent; }
  [data-tooltip]:not(.is-loading).has-tooltip-success:before, [data-tooltip]:not(.is-disabled).has-tooltip-success:before, [data-tooltip]:not([disabled]).has-tooltip-success:before {
    background-color: rgba(35, 209, 96, 0.9);
    color: #fff; }
  [data-tooltip]:not(.is-loading).has-tooltip-warning.has-tooltip-bottom::after, [data-tooltip]:not(.is-disabled).has-tooltip-warning.has-tooltip-bottom::after, [data-tooltip]:not([disabled]).has-tooltip-warning.has-tooltip-bottom::after {
    border-color: transparent transparent rgba(255, 221, 87, 0.9) transparent; }
  [data-tooltip]:not(.is-loading).has-tooltip-warning.has-tooltip-left::after, [data-tooltip]:not(.is-disabled).has-tooltip-warning.has-tooltip-left::after, [data-tooltip]:not([disabled]).has-tooltip-warning.has-tooltip-left::after {
    border-color: transparent transparent transparent rgba(255, 221, 87, 0.9); }
  [data-tooltip]:not(.is-loading).has-tooltip-warning.has-tooltip-right::after, [data-tooltip]:not(.is-disabled).has-tooltip-warning.has-tooltip-right::after, [data-tooltip]:not([disabled]).has-tooltip-warning.has-tooltip-right::after {
    border-color: transparent rgba(255, 221, 87, 0.9) transparent transparent; }
  [data-tooltip]:not(.is-loading).has-tooltip-warning:not(.has-tooltip-bottom)::after, [data-tooltip]:not(.is-loading).has-tooltip-warning:not(.has-tooltip-left)::after, [data-tooltip]:not(.is-loading).has-tooltip-warning:not(.has-tooltip-right)::after, [data-tooltip]:not(.is-disabled).has-tooltip-warning:not(.has-tooltip-bottom)::after, [data-tooltip]:not(.is-disabled).has-tooltip-warning:not(.has-tooltip-left)::after, [data-tooltip]:not(.is-disabled).has-tooltip-warning:not(.has-tooltip-right)::after, [data-tooltip]:not([disabled]).has-tooltip-warning:not(.has-tooltip-bottom)::after, [data-tooltip]:not([disabled]).has-tooltip-warning:not(.has-tooltip-left)::after, [data-tooltip]:not([disabled]).has-tooltip-warning:not(.has-tooltip-right)::after {
    border-color: rgba(255, 221, 87, 0.9) transparent transparent transparent; }
  [data-tooltip]:not(.is-loading).has-tooltip-warning:before, [data-tooltip]:not(.is-disabled).has-tooltip-warning:before, [data-tooltip]:not([disabled]).has-tooltip-warning:before {
    background-color: rgba(255, 221, 87, 0.9);
    color: rgba(0, 0, 0, 0.7); }
  [data-tooltip]:not(.is-loading).has-tooltip-danger.has-tooltip-bottom::after, [data-tooltip]:not(.is-disabled).has-tooltip-danger.has-tooltip-bottom::after, [data-tooltip]:not([disabled]).has-tooltip-danger.has-tooltip-bottom::after {
    border-color: transparent transparent rgba(255, 56, 96, 0.9) transparent; }
  [data-tooltip]:not(.is-loading).has-tooltip-danger.has-tooltip-left::after, [data-tooltip]:not(.is-disabled).has-tooltip-danger.has-tooltip-left::after, [data-tooltip]:not([disabled]).has-tooltip-danger.has-tooltip-left::after {
    border-color: transparent transparent transparent rgba(255, 56, 96, 0.9); }
  [data-tooltip]:not(.is-loading).has-tooltip-danger.has-tooltip-right::after, [data-tooltip]:not(.is-disabled).has-tooltip-danger.has-tooltip-right::after, [data-tooltip]:not([disabled]).has-tooltip-danger.has-tooltip-right::after {
    border-color: transparent rgba(255, 56, 96, 0.9) transparent transparent; }
  [data-tooltip]:not(.is-loading).has-tooltip-danger:not(.has-tooltip-bottom)::after, [data-tooltip]:not(.is-loading).has-tooltip-danger:not(.has-tooltip-left)::after, [data-tooltip]:not(.is-loading).has-tooltip-danger:not(.has-tooltip-right)::after, [data-tooltip]:not(.is-disabled).has-tooltip-danger:not(.has-tooltip-bottom)::after, [data-tooltip]:not(.is-disabled).has-tooltip-danger:not(.has-tooltip-left)::after, [data-tooltip]:not(.is-disabled).has-tooltip-danger:not(.has-tooltip-right)::after, [data-tooltip]:not([disabled]).has-tooltip-danger:not(.has-tooltip-bottom)::after, [data-tooltip]:not([disabled]).has-tooltip-danger:not(.has-tooltip-left)::after, [data-tooltip]:not([disabled]).has-tooltip-danger:not(.has-tooltip-right)::after {
    border-color: rgba(255, 56, 96, 0.9) transparent transparent transparent; }
  [data-tooltip]:not(.is-loading).has-tooltip-danger:before, [data-tooltip]:not(.is-disabled).has-tooltip-danger:before, [data-tooltip]:not([disabled]).has-tooltip-danger:before {
    background-color: rgba(255, 56, 96, 0.9);
    color: #fff; }
  [data-tooltip]:not(.is-loading):focus::before, [data-tooltip]:not(.is-loading):focus::after, [data-tooltip]:not(.is-loading):hover::before, [data-tooltip]:not(.is-loading):hover::after, [data-tooltip]:not(.is-loading).has-tooltip-active::before, [data-tooltip]:not(.is-loading).has-tooltip-active::after, [data-tooltip]:not(.is-disabled):focus::before, [data-tooltip]:not(.is-disabled):focus::after, [data-tooltip]:not(.is-disabled):hover::before, [data-tooltip]:not(.is-disabled):hover::after, [data-tooltip]:not(.is-disabled).has-tooltip-active::before, [data-tooltip]:not(.is-disabled).has-tooltip-active::after, [data-tooltip]:not([disabled]):focus::before, [data-tooltip]:not([disabled]):focus::after, [data-tooltip]:not([disabled]):hover::before, [data-tooltip]:not([disabled]):hover::after, [data-tooltip]:not([disabled]).has-tooltip-active::before, [data-tooltip]:not([disabled]).has-tooltip-active::after {
    opacity: 1;
    visibility: visible; }
  [data-tooltip]:not(.is-loading).has-tooltip-fade::before, [data-tooltip]:not(.is-loading).has-tooltip-fade::after, [data-tooltip]:not(.is-disabled).has-tooltip-fade::before, [data-tooltip]:not(.is-disabled).has-tooltip-fade::after, [data-tooltip]:not([disabled]).has-tooltip-fade::before, [data-tooltip]:not([disabled]).has-tooltip-fade::after {
    transition: opacity .3s linear, visibility .3s linear; }

@media screen and (max-width: 768px) {
  .has-tooltip-top-mobile::after {
    top: 0;
    right: auto;
    bottom: auto;
    left: 50%;
    margin-top: -5px;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: -5px;
    border-color: rgba(74, 74, 74, 0.9) transparent transparent transparent; }
  .has-tooltip-top-mobile::before {
    top: 0;
    right: auto;
    bottom: auto;
    left: 50%;
    top: 0;
    margin-top: -5px;
    margin-bottom: auto;
    transform: translate(-50%, -100%); } }

@media screen and (min-width: 769px), print {
  .has-tooltip-top-tablet::after {
    top: 0;
    right: auto;
    bottom: auto;
    left: 50%;
    margin-top: -5px;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: -5px;
    border-color: rgba(74, 74, 74, 0.9) transparent transparent transparent; }
  .has-tooltip-top-tablet::before {
    top: 0;
    right: auto;
    bottom: auto;
    left: 50%;
    top: 0;
    margin-top: -5px;
    margin-bottom: auto;
    transform: translate(-50%, -100%); } }

@media screen and (min-width: 769px) and (max-width: 1023px) {
  .has-tooltip-top-tablet-only::after {
    top: 0;
    right: auto;
    bottom: auto;
    left: 50%;
    margin-top: -5px;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: -5px;
    border-color: rgba(74, 74, 74, 0.9) transparent transparent transparent; }
  .has-tooltip-top-tablet-only::before {
    top: 0;
    right: auto;
    bottom: auto;
    left: 50%;
    top: 0;
    margin-top: -5px;
    margin-bottom: auto;
    transform: translate(-50%, -100%); } }

@media screen and (max-width: 1023px) {
  .has-tooltip-top-touch::after {
    top: 0;
    right: auto;
    bottom: auto;
    left: 50%;
    margin-top: -5px;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: -5px;
    border-color: rgba(74, 74, 74, 0.9) transparent transparent transparent; }
  .has-tooltip-top-touch::before {
    top: 0;
    right: auto;
    bottom: auto;
    left: 50%;
    top: 0;
    margin-top: -5px;
    margin-bottom: auto;
    transform: translate(-50%, -100%); } }

@media screen and (min-width: 1024px) {
  .has-tooltip-top-desktop::after {
    top: 0;
    right: auto;
    bottom: auto;
    left: 50%;
    margin-top: -5px;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: -5px;
    border-color: rgba(74, 74, 74, 0.9) transparent transparent transparent; }
  .has-tooltip-top-desktop::before {
    top: 0;
    right: auto;
    bottom: auto;
    left: 50%;
    top: 0;
    margin-top: -5px;
    margin-bottom: auto;
    transform: translate(-50%, -100%); } }

@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .has-tooltip-top-desktop-only::after {
    top: 0;
    right: auto;
    bottom: auto;
    left: 50%;
    margin-top: -5px;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: -5px;
    border-color: rgba(74, 74, 74, 0.9) transparent transparent transparent; }
  .has-tooltip-top-desktop-only::before {
    top: 0;
    right: auto;
    bottom: auto;
    left: 50%;
    top: 0;
    margin-top: -5px;
    margin-bottom: auto;
    transform: translate(-50%, -100%); } }

@media screen and (max-width: 1215px) {
  .has-tooltip-top-until-widescreen::after {
    top: 0;
    right: auto;
    bottom: auto;
    left: 50%;
    margin-top: -5px;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: -5px;
    border-color: rgba(74, 74, 74, 0.9) transparent transparent transparent; }
  .has-tooltip-top-until-widescreen::before {
    top: 0;
    right: auto;
    bottom: auto;
    left: 50%;
    top: 0;
    margin-top: -5px;
    margin-bottom: auto;
    transform: translate(-50%, -100%); } }

@media screen and (min-width: 1216px) {
  .has-tooltip-top-widescreen::after {
    top: 0;
    right: auto;
    bottom: auto;
    left: 50%;
    margin-top: -5px;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: -5px;
    border-color: rgba(74, 74, 74, 0.9) transparent transparent transparent; }
  .has-tooltip-top-widescreen::before {
    top: 0;
    right: auto;
    bottom: auto;
    left: 50%;
    top: 0;
    margin-top: -5px;
    margin-bottom: auto;
    transform: translate(-50%, -100%); } }

@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .has-tooltip-top-widescreen-only::after {
    top: 0;
    right: auto;
    bottom: auto;
    left: 50%;
    margin-top: -5px;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: -5px;
    border-color: rgba(74, 74, 74, 0.9) transparent transparent transparent; }
  .has-tooltip-top-widescreen-only::before {
    top: 0;
    right: auto;
    bottom: auto;
    left: 50%;
    top: 0;
    margin-top: -5px;
    margin-bottom: auto;
    transform: translate(-50%, -100%); } }

@media screen and (max-width: 1407px) {
  .has-tooltip-top-until-fullhd::after {
    top: 0;
    right: auto;
    bottom: auto;
    left: 50%;
    margin-top: -5px;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: -5px;
    border-color: rgba(74, 74, 74, 0.9) transparent transparent transparent; }
  .has-tooltip-top-until-fullhd::before {
    top: 0;
    right: auto;
    bottom: auto;
    left: 50%;
    top: 0;
    margin-top: -5px;
    margin-bottom: auto;
    transform: translate(-50%, -100%); } }

@media screen and (min-width: 1408px) {
  .has-tooltip-top-fullhd::after {
    top: 0;
    right: auto;
    bottom: auto;
    left: 50%;
    margin-top: -5px;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: -5px;
    border-color: rgba(74, 74, 74, 0.9) transparent transparent transparent; }
  .has-tooltip-top-fullhd::before {
    top: 0;
    right: auto;
    bottom: auto;
    left: 50%;
    top: 0;
    margin-top: -5px;
    margin-bottom: auto;
    transform: translate(-50%, -100%); } }

@media screen and (max-width: 768px) {
  .has-tooltip-right-mobile::after {
    top: auto;
    right: 0;
    bottom: 50%;
    left: auto;
    margin-top: auto;
    margin-right: -11px;
    margin-bottom: -6px;
    margin-left: auto;
    border-color: transparent rgba(74, 74, 74, 0.9) transparent transparent; }
  .has-tooltip-right-mobile::before {
    top: auto;
    right: -11px;
    bottom: 50%;
    left: auto;
    margin-top: auto;
    transform: translate(100%, 50%); } }

@media screen and (min-width: 769px), print {
  .has-tooltip-right-tablet::after {
    top: auto;
    right: 0;
    bottom: 50%;
    left: auto;
    margin-top: auto;
    margin-right: -11px;
    margin-bottom: -6px;
    margin-left: auto;
    border-color: transparent rgba(74, 74, 74, 0.9) transparent transparent; }
  .has-tooltip-right-tablet::before {
    top: auto;
    right: -11px;
    bottom: 50%;
    left: auto;
    margin-top: auto;
    transform: translate(100%, 50%); } }

@media screen and (min-width: 769px) and (max-width: 1023px) {
  .has-tooltip-right-tablet-only::after {
    top: auto;
    right: 0;
    bottom: 50%;
    left: auto;
    margin-top: auto;
    margin-right: -11px;
    margin-bottom: -6px;
    margin-left: auto;
    border-color: transparent rgba(74, 74, 74, 0.9) transparent transparent; }
  .has-tooltip-right-tablet-only::before {
    top: auto;
    right: -11px;
    bottom: 50%;
    left: auto;
    margin-top: auto;
    transform: translate(100%, 50%); } }

@media screen and (max-width: 1023px) {
  .has-tooltip-right-touch::after {
    top: auto;
    right: 0;
    bottom: 50%;
    left: auto;
    margin-top: auto;
    margin-right: -11px;
    margin-bottom: -6px;
    margin-left: auto;
    border-color: transparent rgba(74, 74, 74, 0.9) transparent transparent; }
  .has-tooltip-right-touch::before {
    top: auto;
    right: -11px;
    bottom: 50%;
    left: auto;
    margin-top: auto;
    transform: translate(100%, 50%); } }

@media screen and (min-width: 1024px) {
  .has-tooltip-right-desktop::after {
    top: auto;
    right: 0;
    bottom: 50%;
    left: auto;
    margin-top: auto;
    margin-right: -11px;
    margin-bottom: -6px;
    margin-left: auto;
    border-color: transparent rgba(74, 74, 74, 0.9) transparent transparent; }
  .has-tooltip-right-desktop::before {
    top: auto;
    right: -11px;
    bottom: 50%;
    left: auto;
    margin-top: auto;
    transform: translate(100%, 50%); } }

@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .has-tooltip-right-desktop-only::after {
    top: auto;
    right: 0;
    bottom: 50%;
    left: auto;
    margin-top: auto;
    margin-right: -11px;
    margin-bottom: -6px;
    margin-left: auto;
    border-color: transparent rgba(74, 74, 74, 0.9) transparent transparent; }
  .has-tooltip-right-desktop-only::before {
    top: auto;
    right: -11px;
    bottom: 50%;
    left: auto;
    margin-top: auto;
    transform: translate(100%, 50%); } }

@media screen and (max-width: 1215px) {
  .has-tooltip-right-until-widescreen::after {
    top: auto;
    right: 0;
    bottom: 50%;
    left: auto;
    margin-top: auto;
    margin-right: -11px;
    margin-bottom: -6px;
    margin-left: auto;
    border-color: transparent rgba(74, 74, 74, 0.9) transparent transparent; }
  .has-tooltip-right-until-widescreen::before {
    top: auto;
    right: -11px;
    bottom: 50%;
    left: auto;
    margin-top: auto;
    transform: translate(100%, 50%); } }

@media screen and (min-width: 1216px) {
  .has-tooltip-right-widescreen::after {
    top: auto;
    right: 0;
    bottom: 50%;
    left: auto;
    margin-top: auto;
    margin-right: -11px;
    margin-bottom: -6px;
    margin-left: auto;
    border-color: transparent rgba(74, 74, 74, 0.9) transparent transparent; }
  .has-tooltip-right-widescreen::before {
    top: auto;
    right: -11px;
    bottom: 50%;
    left: auto;
    margin-top: auto;
    transform: translate(100%, 50%); } }

@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .has-tooltip-right-widescreen-only::after {
    top: auto;
    right: 0;
    bottom: 50%;
    left: auto;
    margin-top: auto;
    margin-right: -11px;
    margin-bottom: -6px;
    margin-left: auto;
    border-color: transparent rgba(74, 74, 74, 0.9) transparent transparent; }
  .has-tooltip-right-widescreen-only::before {
    top: auto;
    right: -11px;
    bottom: 50%;
    left: auto;
    margin-top: auto;
    transform: translate(100%, 50%); } }

@media screen and (max-width: 1407px) {
  .has-tooltip-right-until-fullhd::after {
    top: auto;
    right: 0;
    bottom: 50%;
    left: auto;
    margin-top: auto;
    margin-right: -11px;
    margin-bottom: -6px;
    margin-left: auto;
    border-color: transparent rgba(74, 74, 74, 0.9) transparent transparent; }
  .has-tooltip-right-until-fullhd::before {
    top: auto;
    right: -11px;
    bottom: 50%;
    left: auto;
    margin-top: auto;
    transform: translate(100%, 50%); } }

@media screen and (min-width: 1408px) {
  .has-tooltip-right-fullhd::after {
    top: auto;
    right: 0;
    bottom: 50%;
    left: auto;
    margin-top: auto;
    margin-right: -11px;
    margin-bottom: -6px;
    margin-left: auto;
    border-color: transparent rgba(74, 74, 74, 0.9) transparent transparent; }
  .has-tooltip-right-fullhd::before {
    top: auto;
    right: -11px;
    bottom: 50%;
    left: auto;
    margin-top: auto;
    transform: translate(100%, 50%); } }

@media screen and (max-width: 768px) {
  .has-tooltip-bottom-mobile::after {
    top: auto;
    right: auto;
    bottom: 0;
    left: 50%;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: -5px;
    margin-left: -5px;
    border-color: transparent transparent rgba(74, 74, 74, 0.9) transparent; }
  .has-tooltip-bottom-mobile::before {
    top: auto;
    right: auto;
    bottom: 0;
    left: 50%;
    margin-top: auto;
    margin-bottom: -5px;
    transform: translate(-50%, 100%); } }

@media screen and (min-width: 769px), print {
  .has-tooltip-bottom-tablet::after {
    top: auto;
    right: auto;
    bottom: 0;
    left: 50%;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: -5px;
    margin-left: -5px;
    border-color: transparent transparent rgba(74, 74, 74, 0.9) transparent; }
  .has-tooltip-bottom-tablet::before {
    top: auto;
    right: auto;
    bottom: 0;
    left: 50%;
    margin-top: auto;
    margin-bottom: -5px;
    transform: translate(-50%, 100%); } }

@media screen and (min-width: 769px) and (max-width: 1023px) {
  .has-tooltip-bottom-tablet-only::after {
    top: auto;
    right: auto;
    bottom: 0;
    left: 50%;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: -5px;
    margin-left: -5px;
    border-color: transparent transparent rgba(74, 74, 74, 0.9) transparent; }
  .has-tooltip-bottom-tablet-only::before {
    top: auto;
    right: auto;
    bottom: 0;
    left: 50%;
    margin-top: auto;
    margin-bottom: -5px;
    transform: translate(-50%, 100%); } }

@media screen and (max-width: 1023px) {
  .has-tooltip-bottom-touch::after {
    top: auto;
    right: auto;
    bottom: 0;
    left: 50%;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: -5px;
    margin-left: -5px;
    border-color: transparent transparent rgba(74, 74, 74, 0.9) transparent; }
  .has-tooltip-bottom-touch::before {
    top: auto;
    right: auto;
    bottom: 0;
    left: 50%;
    margin-top: auto;
    margin-bottom: -5px;
    transform: translate(-50%, 100%); } }

@media screen and (min-width: 1024px) {
  .has-tooltip-bottom-desktop::after {
    top: auto;
    right: auto;
    bottom: 0;
    left: 50%;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: -5px;
    margin-left: -5px;
    border-color: transparent transparent rgba(74, 74, 74, 0.9) transparent; }
  .has-tooltip-bottom-desktop::before {
    top: auto;
    right: auto;
    bottom: 0;
    left: 50%;
    margin-top: auto;
    margin-bottom: -5px;
    transform: translate(-50%, 100%); } }

@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .has-tooltip-bottom-desktop-only::after {
    top: auto;
    right: auto;
    bottom: 0;
    left: 50%;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: -5px;
    margin-left: -5px;
    border-color: transparent transparent rgba(74, 74, 74, 0.9) transparent; }
  .has-tooltip-bottom-desktop-only::before {
    top: auto;
    right: auto;
    bottom: 0;
    left: 50%;
    margin-top: auto;
    margin-bottom: -5px;
    transform: translate(-50%, 100%); } }

@media screen and (max-width: 1215px) {
  .has-tooltip-bottom-until-widescreen::after {
    top: auto;
    right: auto;
    bottom: 0;
    left: 50%;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: -5px;
    margin-left: -5px;
    border-color: transparent transparent rgba(74, 74, 74, 0.9) transparent; }
  .has-tooltip-bottom-until-widescreen::before {
    top: auto;
    right: auto;
    bottom: 0;
    left: 50%;
    margin-top: auto;
    margin-bottom: -5px;
    transform: translate(-50%, 100%); } }

@media screen and (min-width: 1216px) {
  .has-tooltip-bottom-widescreen::after {
    top: auto;
    right: auto;
    bottom: 0;
    left: 50%;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: -5px;
    margin-left: -5px;
    border-color: transparent transparent rgba(74, 74, 74, 0.9) transparent; }
  .has-tooltip-bottom-widescreen::before {
    top: auto;
    right: auto;
    bottom: 0;
    left: 50%;
    margin-top: auto;
    margin-bottom: -5px;
    transform: translate(-50%, 100%); } }

@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .has-tooltip-bottom-widescreen-only::after {
    top: auto;
    right: auto;
    bottom: 0;
    left: 50%;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: -5px;
    margin-left: -5px;
    border-color: transparent transparent rgba(74, 74, 74, 0.9) transparent; }
  .has-tooltip-bottom-widescreen-only::before {
    top: auto;
    right: auto;
    bottom: 0;
    left: 50%;
    margin-top: auto;
    margin-bottom: -5px;
    transform: translate(-50%, 100%); } }

@media screen and (max-width: 1407px) {
  .has-tooltip-bottom-until-fullhd::after {
    top: auto;
    right: auto;
    bottom: 0;
    left: 50%;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: -5px;
    margin-left: -5px;
    border-color: transparent transparent rgba(74, 74, 74, 0.9) transparent; }
  .has-tooltip-bottom-until-fullhd::before {
    top: auto;
    right: auto;
    bottom: 0;
    left: 50%;
    margin-top: auto;
    margin-bottom: -5px;
    transform: translate(-50%, 100%); } }

@media screen and (min-width: 1408px) {
  .has-tooltip-bottom-fullhd::after {
    top: auto;
    right: auto;
    bottom: 0;
    left: 50%;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: -5px;
    margin-left: -5px;
    border-color: transparent transparent rgba(74, 74, 74, 0.9) transparent; }
  .has-tooltip-bottom-fullhd::before {
    top: auto;
    right: auto;
    bottom: 0;
    left: 50%;
    margin-top: auto;
    margin-bottom: -5px;
    transform: translate(-50%, 100%); } }

@media screen and (max-width: 768px) {
  .has-tooltip-left-mobile::after {
    top: auto;
    right: auto;
    bottom: 50%;
    left: 0;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: -6px;
    margin-left: -11px;
    border-color: transparent transparent transparent rgba(74, 74, 74, 0.9); }
  .has-tooltip-left-mobile::before {
    top: auto;
    right: auto;
    bottom: 50%;
    left: -11px;
    transform: translate(-100%, 50%); } }

@media screen and (min-width: 769px), print {
  .has-tooltip-left-tablet::after {
    top: auto;
    right: auto;
    bottom: 50%;
    left: 0;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: -6px;
    margin-left: -11px;
    border-color: transparent transparent transparent rgba(74, 74, 74, 0.9); }
  .has-tooltip-left-tablet::before {
    top: auto;
    right: auto;
    bottom: 50%;
    left: -11px;
    transform: translate(-100%, 50%); } }

@media screen and (min-width: 769px) and (max-width: 1023px) {
  .has-tooltip-left-tablet-only::after {
    top: auto;
    right: auto;
    bottom: 50%;
    left: 0;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: -6px;
    margin-left: -11px;
    border-color: transparent transparent transparent rgba(74, 74, 74, 0.9); }
  .has-tooltip-left-tablet-only::before {
    top: auto;
    right: auto;
    bottom: 50%;
    left: -11px;
    transform: translate(-100%, 50%); } }

@media screen and (max-width: 1023px) {
  .has-tooltip-left-touch::after {
    top: auto;
    right: auto;
    bottom: 50%;
    left: 0;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: -6px;
    margin-left: -11px;
    border-color: transparent transparent transparent rgba(74, 74, 74, 0.9); }
  .has-tooltip-left-touch::before {
    top: auto;
    right: auto;
    bottom: 50%;
    left: -11px;
    transform: translate(-100%, 50%); } }

@media screen and (min-width: 1024px) {
  .has-tooltip-left-desktop::after {
    top: auto;
    right: auto;
    bottom: 50%;
    left: 0;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: -6px;
    margin-left: -11px;
    border-color: transparent transparent transparent rgba(74, 74, 74, 0.9); }
  .has-tooltip-left-desktop::before {
    top: auto;
    right: auto;
    bottom: 50%;
    left: -11px;
    transform: translate(-100%, 50%); } }

@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .has-tooltip-left-desktop-only::after {
    top: auto;
    right: auto;
    bottom: 50%;
    left: 0;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: -6px;
    margin-left: -11px;
    border-color: transparent transparent transparent rgba(74, 74, 74, 0.9); }
  .has-tooltip-left-desktop-only::before {
    top: auto;
    right: auto;
    bottom: 50%;
    left: -11px;
    transform: translate(-100%, 50%); } }

@media screen and (max-width: 1215px) {
  .has-tooltip-left-until-widescreen::after {
    top: auto;
    right: auto;
    bottom: 50%;
    left: 0;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: -6px;
    margin-left: -11px;
    border-color: transparent transparent transparent rgba(74, 74, 74, 0.9); }
  .has-tooltip-left-until-widescreen::before {
    top: auto;
    right: auto;
    bottom: 50%;
    left: -11px;
    transform: translate(-100%, 50%); } }

@media screen and (min-width: 1216px) {
  .has-tooltip-left-widescreen::after {
    top: auto;
    right: auto;
    bottom: 50%;
    left: 0;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: -6px;
    margin-left: -11px;
    border-color: transparent transparent transparent rgba(74, 74, 74, 0.9); }
  .has-tooltip-left-widescreen::before {
    top: auto;
    right: auto;
    bottom: 50%;
    left: -11px;
    transform: translate(-100%, 50%); } }

@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .has-tooltip-left-widescreen-only::after {
    top: auto;
    right: auto;
    bottom: 50%;
    left: 0;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: -6px;
    margin-left: -11px;
    border-color: transparent transparent transparent rgba(74, 74, 74, 0.9); }
  .has-tooltip-left-widescreen-only::before {
    top: auto;
    right: auto;
    bottom: 50%;
    left: -11px;
    transform: translate(-100%, 50%); } }

@media screen and (max-width: 1407px) {
  .has-tooltip-left-until-fullhd::after {
    top: auto;
    right: auto;
    bottom: 50%;
    left: 0;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: -6px;
    margin-left: -11px;
    border-color: transparent transparent transparent rgba(74, 74, 74, 0.9); }
  .has-tooltip-left-until-fullhd::before {
    top: auto;
    right: auto;
    bottom: 50%;
    left: -11px;
    transform: translate(-100%, 50%); } }

@media screen and (min-width: 1408px) {
  .has-tooltip-left-fullhd::after {
    top: auto;
    right: auto;
    bottom: 50%;
    left: 0;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: -6px;
    margin-left: -11px;
    border-color: transparent transparent transparent rgba(74, 74, 74, 0.9); }
  .has-tooltip-left-fullhd::before {
    top: auto;
    right: auto;
    bottom: 50%;
    left: -11px;
    transform: translate(-100%, 50%); } }

@keyframes spinAround {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(359deg); } }

.steps {
  font-size: 1rem; }
  .steps:not(:last-child) {
    margin-bottom: 1.5rem; }
  .steps .steps-segment {
    position: relative; }
    .steps .steps-segment:not(:last-child):after {
      content: " ";
      display: block;
      position: absolute; }
  .steps.is-vertical .steps-segment {
    display: block; }
    .steps.is-vertical .steps-segment:not(:last-child) {
      min-height: 4em; }
  .steps.is-vertical.is-short .steps-segment {
    flex-grow: 0; }
  .steps.is-vertical.is-short.is-centered {
    justify-content: center; }
  .steps.is-vertical.is-short.is-bottom {
    justify-content: flex-end; }
  .steps.is-vertical:not(.is-short) {
    height: 100%;
    display: flex;
    flex-direction: column; }
    .steps.is-vertical:not(.is-short) .steps-segment:not(:last-child) {
      flex-grow: 1; }
  .steps.is-horizontal {
    display: flex; }
    .steps.is-horizontal .steps-segment:not(:last-child) {
      flex-basis: 1rem;
      flex-grow: 1;
      flex-shrink: 1; }
    .steps.is-horizontal.is-narrow .steps-segment {
      flex-grow: 0; }
      .steps.is-horizontal.is-narrow .steps-segment:not(:last-child) {
        min-width: 10em; }
    .steps.is-horizontal.is-narrow.is-centered {
      justify-content: center; }
    .steps.is-horizontal.is-narrow.is-right {
      justify-content: flex-end; }
    .steps.is-horizontal.has-content-centered {
      text-align: center; }
    .steps.is-horizontal.is-balanced .steps-segment:last-child, .steps.is-horizontal.has-content-centered .steps-segment:last-child {
      flex-basis: 1rem;
      flex-grow: 1;
      flex-shrink: 1; }
    .steps.is-horizontal.is-narrow.has-content-centered .steps-segment:last-child {
      flex-grow: 0;
      min-width: 10em; }
    .steps.is-horizontal .steps-content.is-divider-content {
      text-align: center; }
  .steps .steps-marker {
    align-items: center;
    display: flex;
    border-radius: 50%;
    font-weight: 700;
    justify-content: center;
    position: relative;
    z-index: 5;
    height: 2rem;
    width: 2rem;
    overflow: hidden; }
  .steps.is-vertical {
    display: flex;
    flex-direction: column; }
    .steps.is-vertical .steps-segment:not(:last-child):after {
      bottom: -0.24rem;
      left: calc(1rem - (0.2em));
      top: 1.76rem;
      width: 0.4em; }
    .steps.is-vertical .steps-content {
      margin-left: calc(1rem + .5em);
      margin-top: -2rem;
      padding-left: 1em;
      padding-bottom: 1em; }
      .steps.is-vertical .steps-content.is-divider-content {
        margin-top: 0;
        padding-bottom: 0; }
    .steps.is-vertical.has-content-centered .steps-content {
      padding-top: calc(1rem - .5em); }
    .steps.is-vertical:not(.is-thin).has-gaps .steps-segment:not(:last-child):after, .steps.is-vertical:not(.is-thin) .steps-segment.has-gaps:not(:last-child):after {
      top: 2.3rem;
      bottom: 0.3rem; }
  .steps.is-horizontal .steps-segment:not(:last-child):after {
    height: 0.4em;
    left: 1.76rem;
    right: -0.24rem;
    top: calc(1rem - (0.2em)); }
  .steps.is-horizontal.has-content-above .steps-segment:not(:last-child)::after {
    bottom: calc(1rem - (0.2em));
    top: auto; }
  .steps.is-horizontal .extra-data {
    left: calc(50% + 1.3rem);
    right: calc(-50% + 1.3rem);
    bottom: 100%;
    position: absolute; }
    .steps.is-horizontal .extra-data.has-overflow-right {
      overflow: visible;
      right: auto;
      white-space: nowrap;
      min-width: calc(100% - 1rem - (0.2em)); }
    .steps.is-horizontal .extra-data.has-overflow-left, .steps.is-horizontal .extra-data.has-overflow-centered {
      overflow: visible;
      left: auto;
      white-space: nowrap;
      min-width: calc(100% - 1rem - (0.2em)); }
  .steps.is-horizontal.has-content-above .extra-data {
    top: 100%;
    bottom: auto; }
  .steps.is-horizontal .steps-content {
    margin-left: 1rem; }
    .steps.is-horizontal .steps-content:not(:last-child) {
      margin-right: -1rem; }
    .steps.is-horizontal .steps-content.is-divider-content {
      margin-right: -1rem;
      padding-left: 2em;
      padding-right: 2em; }
  .steps.is-horizontal.has-content-centered .steps-segment:not(:last-child):after {
    left: 50%;
    right: -50%; }
  .steps.is-horizontal.has-content-centered .steps-marker {
    position: absolute;
    left: calc(50% - 1rem); }
  .steps.is-horizontal.has-content-centered .steps-content {
    margin-top: 2rem;
    margin-left: .5em;
    margin-right: .5em;
    padding-top: .2em; }
  .steps.is-horizontal.has-content-above.has-content-centered .steps-content {
    margin-bottom: 2rem;
    padding-bottom: .2em; }
  .steps.is-horizontal:not(.is-thin).has-gaps .steps-segment:not(:last-child):after, .steps.is-horizontal:not(.is-thin) .steps-segment.has-gaps:not(:last-child):after {
    left: 2.3rem;
    right: 0.3rem; }
  .steps.is-horizontal:not(.is-thin).has-content-centered.has-gaps .steps-segment:not(:last-child):after, .steps.is-horizontal:not(.is-thin).has-content-centered .steps-segment.has-gaps:not(:last-child):after {
    left: calc(50% + 1.3rem);
    right: calc(-50% + 1.3rem); }
  .steps.is-small {
    font-size: 0.75rem; }
    .steps.is-small .steps-marker {
      height: 1.5rem;
      width: 1.5rem;
      overflow: hidden; }
    .steps.is-small.is-vertical {
      display: flex;
      flex-direction: column; }
      .steps.is-small.is-vertical .steps-segment:not(:last-child):after {
        bottom: -0.24rem;
        left: calc(0.75rem - (0.2em));
        top: 1.26rem;
        width: 0.4em; }
      .steps.is-small.is-vertical .steps-content {
        margin-left: calc(0.75rem + .5em);
        margin-top: -1.5rem;
        padding-left: 1em;
        padding-bottom: 1em; }
        .steps.is-small.is-vertical .steps-content.is-divider-content {
          margin-top: 0;
          padding-bottom: 0; }
      .steps.is-small.is-vertical.has-content-centered .steps-content {
        padding-top: calc(0.75rem - .5em); }
      .steps.is-small.is-vertical:not(.is-thin).has-gaps .steps-segment:not(:last-child):after, .steps.is-small.is-vertical:not(.is-thin) .steps-segment.has-gaps:not(:last-child):after {
        top: 1.8rem;
        bottom: 0.3rem; }
    .steps.is-small.is-horizontal .steps-segment:not(:last-child):after {
      height: 0.4em;
      left: 1.26rem;
      right: -0.24rem;
      top: calc(0.75rem - (0.2em)); }
    .steps.is-small.is-horizontal.has-content-above .steps-segment:not(:last-child)::after {
      bottom: calc(0.75rem - (0.2em));
      top: auto; }
    .steps.is-small.is-horizontal .extra-data {
      left: calc(50% + 1.05rem);
      right: calc(-50% + 1.05rem);
      bottom: 100%;
      position: absolute; }
      .steps.is-small.is-horizontal .extra-data.has-overflow-right {
        overflow: visible;
        right: auto;
        white-space: nowrap;
        min-width: calc(100% - 0.75rem - (0.2em)); }
      .steps.is-small.is-horizontal .extra-data.has-overflow-left, .steps.is-small.is-horizontal .extra-data.has-overflow-centered {
        overflow: visible;
        left: auto;
        white-space: nowrap;
        min-width: calc(100% - 0.75rem - (0.2em)); }
    .steps.is-small.is-horizontal.has-content-above .extra-data {
      top: 100%;
      bottom: auto; }
    .steps.is-small.is-horizontal .steps-content {
      margin-left: 0.75rem; }
      .steps.is-small.is-horizontal .steps-content:not(:last-child) {
        margin-right: -0.75rem; }
      .steps.is-small.is-horizontal .steps-content.is-divider-content {
        margin-right: -0.75rem;
        padding-left: 2em;
        padding-right: 2em; }
    .steps.is-small.is-horizontal.has-content-centered .steps-segment:not(:last-child):after {
      left: 50%;
      right: -50%; }
    .steps.is-small.is-horizontal.has-content-centered .steps-marker {
      position: absolute;
      left: calc(50% - 0.75rem); }
    .steps.is-small.is-horizontal.has-content-centered .steps-content {
      margin-top: 1.5rem;
      margin-left: .5em;
      margin-right: .5em;
      padding-top: .2em; }
    .steps.is-small.is-horizontal.has-content-above.has-content-centered .steps-content {
      margin-bottom: 1.5rem;
      padding-bottom: .2em; }
    .steps.is-small.is-horizontal:not(.is-thin).has-gaps .steps-segment:not(:last-child):after, .steps.is-small.is-horizontal:not(.is-thin) .steps-segment.has-gaps:not(:last-child):after {
      left: 1.8rem;
      right: 0.3rem; }
    .steps.is-small.is-horizontal:not(.is-thin).has-content-centered.has-gaps .steps-segment:not(:last-child):after, .steps.is-small.is-horizontal:not(.is-thin).has-content-centered .steps-segment.has-gaps:not(:last-child):after {
      left: calc(50% + 1.05rem);
      right: calc(-50% + 1.05rem); }
  .steps.is-medium {
    font-size: 1.25rem; }
    .steps.is-medium .steps-marker {
      height: 2.5rem;
      width: 2.5rem;
      overflow: hidden; }
    .steps.is-medium.is-vertical {
      display: flex;
      flex-direction: column; }
      .steps.is-medium.is-vertical .steps-segment:not(:last-child):after {
        bottom: -0.24rem;
        left: calc(1.25rem - (0.2em));
        top: 2.26rem;
        width: 0.4em; }
      .steps.is-medium.is-vertical .steps-content {
        margin-left: calc(1.25rem + .5em);
        margin-top: -2.5rem;
        padding-left: 1em;
        padding-bottom: 1em; }
        .steps.is-medium.is-vertical .steps-content.is-divider-content {
          margin-top: 0;
          padding-bottom: 0; }
      .steps.is-medium.is-vertical.has-content-centered .steps-content {
        padding-top: calc(1.25rem - .5em); }
      .steps.is-medium.is-vertical:not(.is-thin).has-gaps .steps-segment:not(:last-child):after, .steps.is-medium.is-vertical:not(.is-thin) .steps-segment.has-gaps:not(:last-child):after {
        top: 2.8rem;
        bottom: 0.3rem; }
    .steps.is-medium.is-horizontal .steps-segment:not(:last-child):after {
      height: 0.4em;
      left: 2.26rem;
      right: -0.24rem;
      top: calc(1.25rem - (0.2em)); }
    .steps.is-medium.is-horizontal.has-content-above .steps-segment:not(:last-child)::after {
      bottom: calc(1.25rem - (0.2em));
      top: auto; }
    .steps.is-medium.is-horizontal .extra-data {
      left: calc(50% + 1.55rem);
      right: calc(-50% + 1.55rem);
      bottom: 100%;
      position: absolute; }
      .steps.is-medium.is-horizontal .extra-data.has-overflow-right {
        overflow: visible;
        right: auto;
        white-space: nowrap;
        min-width: calc(100% - 1.25rem - (0.2em)); }
      .steps.is-medium.is-horizontal .extra-data.has-overflow-left, .steps.is-medium.is-horizontal .extra-data.has-overflow-centered {
        overflow: visible;
        left: auto;
        white-space: nowrap;
        min-width: calc(100% - 1.25rem - (0.2em)); }
    .steps.is-medium.is-horizontal.has-content-above .extra-data {
      top: 100%;
      bottom: auto; }
    .steps.is-medium.is-horizontal .steps-content {
      margin-left: 1.25rem; }
      .steps.is-medium.is-horizontal .steps-content:not(:last-child) {
        margin-right: -1.25rem; }
      .steps.is-medium.is-horizontal .steps-content.is-divider-content {
        margin-right: -1.25rem;
        padding-left: 2em;
        padding-right: 2em; }
    .steps.is-medium.is-horizontal.has-content-centered .steps-segment:not(:last-child):after {
      left: 50%;
      right: -50%; }
    .steps.is-medium.is-horizontal.has-content-centered .steps-marker {
      position: absolute;
      left: calc(50% - 1.25rem); }
    .steps.is-medium.is-horizontal.has-content-centered .steps-content {
      margin-top: 2.5rem;
      margin-left: .5em;
      margin-right: .5em;
      padding-top: .2em; }
    .steps.is-medium.is-horizontal.has-content-above.has-content-centered .steps-content {
      margin-bottom: 2.5rem;
      padding-bottom: .2em; }
    .steps.is-medium.is-horizontal:not(.is-thin).has-gaps .steps-segment:not(:last-child):after, .steps.is-medium.is-horizontal:not(.is-thin) .steps-segment.has-gaps:not(:last-child):after {
      left: 2.8rem;
      right: 0.3rem; }
    .steps.is-medium.is-horizontal:not(.is-thin).has-content-centered.has-gaps .steps-segment:not(:last-child):after, .steps.is-medium.is-horizontal:not(.is-thin).has-content-centered .steps-segment.has-gaps:not(:last-child):after {
      left: calc(50% + 1.55rem);
      right: calc(-50% + 1.55rem); }
  .steps.is-large {
    font-size: 1.5rem; }
    .steps.is-large .steps-marker {
      height: 3rem;
      width: 3rem;
      overflow: hidden; }
    .steps.is-large.is-vertical {
      display: flex;
      flex-direction: column; }
      .steps.is-large.is-vertical .steps-segment:not(:last-child):after {
        bottom: -0.24rem;
        left: calc(1.5rem - (0.2em));
        top: 2.76rem;
        width: 0.4em; }
      .steps.is-large.is-vertical .steps-content {
        margin-left: calc(1.5rem + .5em);
        margin-top: -3rem;
        padding-left: 1em;
        padding-bottom: 1em; }
        .steps.is-large.is-vertical .steps-content.is-divider-content {
          margin-top: 0;
          padding-bottom: 0; }
      .steps.is-large.is-vertical.has-content-centered .steps-content {
        padding-top: calc(1.5rem - .5em); }
      .steps.is-large.is-vertical:not(.is-thin).has-gaps .steps-segment:not(:last-child):after, .steps.is-large.is-vertical:not(.is-thin) .steps-segment.has-gaps:not(:last-child):after {
        top: 3.3rem;
        bottom: 0.3rem; }
    .steps.is-large.is-horizontal .steps-segment:not(:last-child):after {
      height: 0.4em;
      left: 2.76rem;
      right: -0.24rem;
      top: calc(1.5rem - (0.2em)); }
    .steps.is-large.is-horizontal.has-content-above .steps-segment:not(:last-child)::after {
      bottom: calc(1.5rem - (0.2em));
      top: auto; }
    .steps.is-large.is-horizontal .extra-data {
      left: calc(50% + 1.8rem);
      right: calc(-50% + 1.8rem);
      bottom: 100%;
      position: absolute; }
      .steps.is-large.is-horizontal .extra-data.has-overflow-right {
        overflow: visible;
        right: auto;
        white-space: nowrap;
        min-width: calc(100% - 1.5rem - (0.2em)); }
      .steps.is-large.is-horizontal .extra-data.has-overflow-left, .steps.is-large.is-horizontal .extra-data.has-overflow-centered {
        overflow: visible;
        left: auto;
        white-space: nowrap;
        min-width: calc(100% - 1.5rem - (0.2em)); }
    .steps.is-large.is-horizontal.has-content-above .extra-data {
      top: 100%;
      bottom: auto; }
    .steps.is-large.is-horizontal .steps-content {
      margin-left: 1.5rem; }
      .steps.is-large.is-horizontal .steps-content:not(:last-child) {
        margin-right: -1.5rem; }
      .steps.is-large.is-horizontal .steps-content.is-divider-content {
        margin-right: -1.5rem;
        padding-left: 2em;
        padding-right: 2em; }
    .steps.is-large.is-horizontal.has-content-centered .steps-segment:not(:last-child):after {
      left: 50%;
      right: -50%; }
    .steps.is-large.is-horizontal.has-content-centered .steps-marker {
      position: absolute;
      left: calc(50% - 1.5rem); }
    .steps.is-large.is-horizontal.has-content-centered .steps-content {
      margin-top: 3rem;
      margin-left: .5em;
      margin-right: .5em;
      padding-top: .2em; }
    .steps.is-large.is-horizontal.has-content-above.has-content-centered .steps-content {
      margin-bottom: 3rem;
      padding-bottom: .2em; }
    .steps.is-large.is-horizontal:not(.is-thin).has-gaps .steps-segment:not(:last-child):after, .steps.is-large.is-horizontal:not(.is-thin) .steps-segment.has-gaps:not(:last-child):after {
      left: 3.3rem;
      right: 0.3rem; }
    .steps.is-large.is-horizontal:not(.is-thin).has-content-centered.has-gaps .steps-segment:not(:last-child):after, .steps.is-large.is-horizontal:not(.is-thin).has-content-centered .steps-segment.has-gaps:not(:last-child):after {
      left: calc(50% + 1.8rem);
      right: calc(-50% + 1.8rem); }

@media screen and (max-width: 768px) {
  .steps:not(.is-horizontal) .steps-segment {
    display: block; }
    .steps:not(.is-horizontal) .steps-segment:not(:last-child) {
      min-height: 4em; }
  .steps:not(.is-horizontal).is-short .steps-segment {
    flex-grow: 0; }
  .steps:not(.is-horizontal).is-short.is-centered {
    justify-content: center; }
  .steps:not(.is-horizontal).is-short.is-bottom {
    justify-content: flex-end; }
  .steps:not(.is-horizontal):not(.is-short) {
    height: 100%;
    display: flex;
    flex-direction: column; }
    .steps:not(.is-horizontal):not(.is-short) .steps-segment:not(:last-child) {
      flex-grow: 1; } }

@media screen and (min-width: 769px), print {
  .steps:not(.is-vertical) {
    display: flex; }
    .steps:not(.is-vertical) .steps-segment:not(:last-child) {
      flex-basis: 1rem;
      flex-grow: 1;
      flex-shrink: 1; }
    .steps:not(.is-vertical).is-narrow .steps-segment {
      flex-grow: 0; }
      .steps:not(.is-vertical).is-narrow .steps-segment:not(:last-child) {
        min-width: 10em; }
    .steps:not(.is-vertical).is-narrow.is-centered {
      justify-content: center; }
    .steps:not(.is-vertical).is-narrow.is-right {
      justify-content: flex-end; }
    .steps:not(.is-vertical).has-content-centered {
      text-align: center; }
    .steps:not(.is-vertical).is-balanced .steps-segment:last-child, .steps:not(.is-vertical).has-content-centered .steps-segment:last-child {
      flex-basis: 1rem;
      flex-grow: 1;
      flex-shrink: 1; }
    .steps:not(.is-vertical).is-narrow.has-content-centered .steps-segment:last-child {
      flex-grow: 0;
      min-width: 10em; }
    .steps:not(.is-vertical) .steps-content.is-divider-content {
      text-align: center; } }

@media screen and (max-width: 768px) {
  .steps:not(.is-horizontal) {
    display: flex;
    flex-direction: column; }
    .steps:not(.is-horizontal) .steps-segment:not(:last-child):after {
      bottom: -0.24rem;
      left: calc(1rem - (0.2em));
      top: 1.76rem;
      width: 0.4em; }
    .steps:not(.is-horizontal) .steps-content {
      margin-left: calc(1rem + .5em);
      margin-top: -2rem;
      padding-left: 1em;
      padding-bottom: 1em; }
      .steps:not(.is-horizontal) .steps-content.is-divider-content {
        margin-top: 0;
        padding-bottom: 0; }
    .steps:not(.is-horizontal).has-content-centered .steps-content {
      padding-top: calc(1rem - .5em); }
    .steps:not(.is-horizontal):not(.is-thin).has-gaps .steps-segment:not(:last-child):after, .steps:not(.is-horizontal):not(.is-thin) .steps-segment.has-gaps:not(:last-child):after {
      top: 2.3rem;
      bottom: 0.3rem; } }

@media screen and (min-width: 769px), print {
  .steps:not(.is-vertical) .steps-segment:not(:last-child):after {
    height: 0.4em;
    left: 1.76rem;
    right: -0.24rem;
    top: calc(1rem - (0.2em)); }
  .steps:not(.is-vertical).has-content-above .steps-segment:not(:last-child)::after {
    bottom: calc(1rem - (0.2em));
    top: auto; }
  .steps:not(.is-vertical) .extra-data {
    left: calc(50% + 1.3rem);
    right: calc(-50% + 1.3rem);
    bottom: 100%;
    position: absolute; }
    .steps:not(.is-vertical) .extra-data.has-overflow-right {
      overflow: visible;
      right: auto;
      white-space: nowrap;
      min-width: calc(100% - 1rem - (0.2em)); }
    .steps:not(.is-vertical) .extra-data.has-overflow-left, .steps:not(.is-vertical) .extra-data.has-overflow-centered {
      overflow: visible;
      left: auto;
      white-space: nowrap;
      min-width: calc(100% - 1rem - (0.2em)); }
  .steps:not(.is-vertical).has-content-above .extra-data {
    top: 100%;
    bottom: auto; }
  .steps:not(.is-vertical) .steps-content {
    margin-left: 1rem; }
    .steps:not(.is-vertical) .steps-content:not(:last-child) {
      margin-right: -1rem; }
    .steps:not(.is-vertical) .steps-content.is-divider-content {
      margin-right: -1rem;
      padding-left: 2em;
      padding-right: 2em; }
  .steps:not(.is-vertical).has-content-centered .steps-segment:not(:last-child):after {
    left: 50%;
    right: -50%; }
  .steps:not(.is-vertical).has-content-centered .steps-marker {
    position: absolute;
    left: calc(50% - 1rem); }
  .steps:not(.is-vertical).has-content-centered .steps-content {
    margin-top: 2rem;
    margin-left: .5em;
    margin-right: .5em;
    padding-top: .2em; }
  .steps:not(.is-vertical).has-content-above.has-content-centered .steps-content {
    margin-bottom: 2rem;
    padding-bottom: .2em; }
  .steps:not(.is-vertical):not(.is-thin).has-gaps .steps-segment:not(:last-child):after, .steps:not(.is-vertical):not(.is-thin) .steps-segment.has-gaps:not(:last-child):after {
    left: 2.3rem;
    right: 0.3rem; }
  .steps:not(.is-vertical):not(.is-thin).has-content-centered.has-gaps .steps-segment:not(:last-child):after, .steps:not(.is-vertical):not(.is-thin).has-content-centered .steps-segment.has-gaps:not(:last-child):after {
    left: calc(50% + 1.3rem);
    right: calc(-50% + 1.3rem); } }

@media screen and (max-width: 768px) {
  .steps.is-small:not(.is-horizontal) {
    display: flex;
    flex-direction: column; }
    .steps.is-small:not(.is-horizontal) .steps-segment:not(:last-child):after {
      bottom: -0.24rem;
      left: calc(0.75rem - (0.2em));
      top: 1.26rem;
      width: 0.4em; }
    .steps.is-small:not(.is-horizontal) .steps-content {
      margin-left: calc(0.75rem + .5em);
      margin-top: -1.5rem;
      padding-left: 1em;
      padding-bottom: 1em; }
      .steps.is-small:not(.is-horizontal) .steps-content.is-divider-content {
        margin-top: 0;
        padding-bottom: 0; }
    .steps.is-small:not(.is-horizontal).has-content-centered .steps-content {
      padding-top: calc(0.75rem - .5em); }
    .steps.is-small:not(.is-horizontal):not(.is-thin).has-gaps .steps-segment:not(:last-child):after, .steps.is-small:not(.is-horizontal):not(.is-thin) .steps-segment.has-gaps:not(:last-child):after {
      top: 1.8rem;
      bottom: 0.3rem; } }

@media screen and (min-width: 769px), print {
  .steps.is-small:not(.is-vertical) .steps-segment:not(:last-child):after {
    height: 0.4em;
    left: 1.26rem;
    right: -0.24rem;
    top: calc(0.75rem - (0.2em)); }
  .steps.is-small:not(.is-vertical).has-content-above .steps-segment:not(:last-child)::after {
    bottom: calc(0.75rem - (0.2em));
    top: auto; }
  .steps.is-small:not(.is-vertical) .extra-data {
    left: calc(50% + 1.05rem);
    right: calc(-50% + 1.05rem);
    bottom: 100%;
    position: absolute; }
    .steps.is-small:not(.is-vertical) .extra-data.has-overflow-right {
      overflow: visible;
      right: auto;
      white-space: nowrap;
      min-width: calc(100% - 0.75rem - (0.2em)); }
    .steps.is-small:not(.is-vertical) .extra-data.has-overflow-left, .steps.is-small:not(.is-vertical) .extra-data.has-overflow-centered {
      overflow: visible;
      left: auto;
      white-space: nowrap;
      min-width: calc(100% - 0.75rem - (0.2em)); }
  .steps.is-small:not(.is-vertical).has-content-above .extra-data {
    top: 100%;
    bottom: auto; }
  .steps.is-small:not(.is-vertical) .steps-content {
    margin-left: 0.75rem; }
    .steps.is-small:not(.is-vertical) .steps-content:not(:last-child) {
      margin-right: -0.75rem; }
    .steps.is-small:not(.is-vertical) .steps-content.is-divider-content {
      margin-right: -0.75rem;
      padding-left: 2em;
      padding-right: 2em; }
  .steps.is-small:not(.is-vertical).has-content-centered .steps-segment:not(:last-child):after {
    left: 50%;
    right: -50%; }
  .steps.is-small:not(.is-vertical).has-content-centered .steps-marker {
    position: absolute;
    left: calc(50% - 0.75rem); }
  .steps.is-small:not(.is-vertical).has-content-centered .steps-content {
    margin-top: 1.5rem;
    margin-left: .5em;
    margin-right: .5em;
    padding-top: .2em; }
  .steps.is-small:not(.is-vertical).has-content-above.has-content-centered .steps-content {
    margin-bottom: 1.5rem;
    padding-bottom: .2em; }
  .steps.is-small:not(.is-vertical):not(.is-thin).has-gaps .steps-segment:not(:last-child):after, .steps.is-small:not(.is-vertical):not(.is-thin) .steps-segment.has-gaps:not(:last-child):after {
    left: 1.8rem;
    right: 0.3rem; }
  .steps.is-small:not(.is-vertical):not(.is-thin).has-content-centered.has-gaps .steps-segment:not(:last-child):after, .steps.is-small:not(.is-vertical):not(.is-thin).has-content-centered .steps-segment.has-gaps:not(:last-child):after {
    left: calc(50% + 1.05rem);
    right: calc(-50% + 1.05rem); } }

@media screen and (max-width: 768px) {
  .steps.is-medium:not(.is-horizontal) {
    display: flex;
    flex-direction: column; }
    .steps.is-medium:not(.is-horizontal) .steps-segment:not(:last-child):after {
      bottom: -0.24rem;
      left: calc(1.25rem - (0.2em));
      top: 2.26rem;
      width: 0.4em; }
    .steps.is-medium:not(.is-horizontal) .steps-content {
      margin-left: calc(1.25rem + .5em);
      margin-top: -2.5rem;
      padding-left: 1em;
      padding-bottom: 1em; }
      .steps.is-medium:not(.is-horizontal) .steps-content.is-divider-content {
        margin-top: 0;
        padding-bottom: 0; }
    .steps.is-medium:not(.is-horizontal).has-content-centered .steps-content {
      padding-top: calc(1.25rem - .5em); }
    .steps.is-medium:not(.is-horizontal):not(.is-thin).has-gaps .steps-segment:not(:last-child):after, .steps.is-medium:not(.is-horizontal):not(.is-thin) .steps-segment.has-gaps:not(:last-child):after {
      top: 2.8rem;
      bottom: 0.3rem; } }

@media screen and (min-width: 769px), print {
  .steps.is-medium:not(.is-vertical) .steps-segment:not(:last-child):after {
    height: 0.4em;
    left: 2.26rem;
    right: -0.24rem;
    top: calc(1.25rem - (0.2em)); }
  .steps.is-medium:not(.is-vertical).has-content-above .steps-segment:not(:last-child)::after {
    bottom: calc(1.25rem - (0.2em));
    top: auto; }
  .steps.is-medium:not(.is-vertical) .extra-data {
    left: calc(50% + 1.55rem);
    right: calc(-50% + 1.55rem);
    bottom: 100%;
    position: absolute; }
    .steps.is-medium:not(.is-vertical) .extra-data.has-overflow-right {
      overflow: visible;
      right: auto;
      white-space: nowrap;
      min-width: calc(100% - 1.25rem - (0.2em)); }
    .steps.is-medium:not(.is-vertical) .extra-data.has-overflow-left, .steps.is-medium:not(.is-vertical) .extra-data.has-overflow-centered {
      overflow: visible;
      left: auto;
      white-space: nowrap;
      min-width: calc(100% - 1.25rem - (0.2em)); }
  .steps.is-medium:not(.is-vertical).has-content-above .extra-data {
    top: 100%;
    bottom: auto; }
  .steps.is-medium:not(.is-vertical) .steps-content {
    margin-left: 1.25rem; }
    .steps.is-medium:not(.is-vertical) .steps-content:not(:last-child) {
      margin-right: -1.25rem; }
    .steps.is-medium:not(.is-vertical) .steps-content.is-divider-content {
      margin-right: -1.25rem;
      padding-left: 2em;
      padding-right: 2em; }
  .steps.is-medium:not(.is-vertical).has-content-centered .steps-segment:not(:last-child):after {
    left: 50%;
    right: -50%; }
  .steps.is-medium:not(.is-vertical).has-content-centered .steps-marker {
    position: absolute;
    left: calc(50% - 1.25rem); }
  .steps.is-medium:not(.is-vertical).has-content-centered .steps-content {
    margin-top: 2.5rem;
    margin-left: .5em;
    margin-right: .5em;
    padding-top: .2em; }
  .steps.is-medium:not(.is-vertical).has-content-above.has-content-centered .steps-content {
    margin-bottom: 2.5rem;
    padding-bottom: .2em; }
  .steps.is-medium:not(.is-vertical):not(.is-thin).has-gaps .steps-segment:not(:last-child):after, .steps.is-medium:not(.is-vertical):not(.is-thin) .steps-segment.has-gaps:not(:last-child):after {
    left: 2.8rem;
    right: 0.3rem; }
  .steps.is-medium:not(.is-vertical):not(.is-thin).has-content-centered.has-gaps .steps-segment:not(:last-child):after, .steps.is-medium:not(.is-vertical):not(.is-thin).has-content-centered .steps-segment.has-gaps:not(:last-child):after {
    left: calc(50% + 1.55rem);
    right: calc(-50% + 1.55rem); } }

@media screen and (max-width: 768px) {
  .steps.is-large:not(.is-horizontal) {
    display: flex;
    flex-direction: column; }
    .steps.is-large:not(.is-horizontal) .steps-segment:not(:last-child):after {
      bottom: -0.24rem;
      left: calc(1.5rem - (0.2em));
      top: 2.76rem;
      width: 0.4em; }
    .steps.is-large:not(.is-horizontal) .steps-content {
      margin-left: calc(1.5rem + .5em);
      margin-top: -3rem;
      padding-left: 1em;
      padding-bottom: 1em; }
      .steps.is-large:not(.is-horizontal) .steps-content.is-divider-content {
        margin-top: 0;
        padding-bottom: 0; }
    .steps.is-large:not(.is-horizontal).has-content-centered .steps-content {
      padding-top: calc(1.5rem - .5em); }
    .steps.is-large:not(.is-horizontal):not(.is-thin).has-gaps .steps-segment:not(:last-child):after, .steps.is-large:not(.is-horizontal):not(.is-thin) .steps-segment.has-gaps:not(:last-child):after {
      top: 3.3rem;
      bottom: 0.3rem; } }

@media screen and (min-width: 769px), print {
  .steps.is-large:not(.is-vertical) .steps-segment:not(:last-child):after {
    height: 0.4em;
    left: 2.76rem;
    right: -0.24rem;
    top: calc(1.5rem - (0.2em)); }
  .steps.is-large:not(.is-vertical).has-content-above .steps-segment:not(:last-child)::after {
    bottom: calc(1.5rem - (0.2em));
    top: auto; }
  .steps.is-large:not(.is-vertical) .extra-data {
    left: calc(50% + 1.8rem);
    right: calc(-50% + 1.8rem);
    bottom: 100%;
    position: absolute; }
    .steps.is-large:not(.is-vertical) .extra-data.has-overflow-right {
      overflow: visible;
      right: auto;
      white-space: nowrap;
      min-width: calc(100% - 1.5rem - (0.2em)); }
    .steps.is-large:not(.is-vertical) .extra-data.has-overflow-left, .steps.is-large:not(.is-vertical) .extra-data.has-overflow-centered {
      overflow: visible;
      left: auto;
      white-space: nowrap;
      min-width: calc(100% - 1.5rem - (0.2em)); }
  .steps.is-large:not(.is-vertical).has-content-above .extra-data {
    top: 100%;
    bottom: auto; }
  .steps.is-large:not(.is-vertical) .steps-content {
    margin-left: 1.5rem; }
    .steps.is-large:not(.is-vertical) .steps-content:not(:last-child) {
      margin-right: -1.5rem; }
    .steps.is-large:not(.is-vertical) .steps-content.is-divider-content {
      margin-right: -1.5rem;
      padding-left: 2em;
      padding-right: 2em; }
  .steps.is-large:not(.is-vertical).has-content-centered .steps-segment:not(:last-child):after {
    left: 50%;
    right: -50%; }
  .steps.is-large:not(.is-vertical).has-content-centered .steps-marker {
    position: absolute;
    left: calc(50% - 1.5rem); }
  .steps.is-large:not(.is-vertical).has-content-centered .steps-content {
    margin-top: 3rem;
    margin-left: .5em;
    margin-right: .5em;
    padding-top: .2em; }
  .steps.is-large:not(.is-vertical).has-content-above.has-content-centered .steps-content {
    margin-bottom: 3rem;
    padding-bottom: .2em; }
  .steps.is-large:not(.is-vertical):not(.is-thin).has-gaps .steps-segment:not(:last-child):after, .steps.is-large:not(.is-vertical):not(.is-thin) .steps-segment.has-gaps:not(:last-child):after {
    left: 3.3rem;
    right: 0.3rem; }
  .steps.is-large:not(.is-vertical):not(.is-thin).has-content-centered.has-gaps .steps-segment:not(:last-child):after, .steps.is-large:not(.is-vertical):not(.is-thin).has-content-centered .steps-segment.has-gaps:not(:last-child):after {
    left: calc(50% + 1.8rem);
    right: calc(-50% + 1.8rem); } }

.steps-segment:after {
  background-color: #23d160; }

.steps-segment.is-active:after, .steps-segment.is-active ~ .steps-segment:after {
  background-color: #dbdbdb; }

.steps:not(.is-hollow) .steps-marker:not(.is-hollow) {
  background-color: #23d160;
  color: #fff; }

.steps:not(.is-hollow) .steps-segment.is-active .steps-marker:not(.is-hollow) {
  background-color: #23d160;
  color: #fff; }

.steps:not(.is-hollow) .steps-segment.is-active ~ .steps-segment .steps-marker:not(.is-hollow) {
  background-color: #dbdbdb;
  color: rgba(0, 0, 0, 0.7); }

.steps.is-hollow .steps-marker {
  border: 0.3em solid #23d160; }

.steps-marker.is-hollow {
  border: 0.3em solid #23d160; }

.steps.is-hollow .is-active .steps-marker, .steps .is-active .steps-marker.is-hollow {
  border-color: #23d160; }

.steps.is-hollow .steps-segment.is-active ~ .steps-segment .steps-marker {
  border-color: #dbdbdb; }

.steps-segment.is-active ~ .steps-segment .steps-marker.is-hollow {
  border-color: #dbdbdb; }

.steps:not(.is-hollow) .steps-marker:not(.is-hollow).is-white {
  background-color: white !important;
  color: #0a0a0a !important; }

.steps.is-hollow .steps-marker.is-white, .steps .steps-marker.is-hollow.is-white {
  border-color: white !important; }

.steps:not(.is-hollow) .steps-marker:not(.is-hollow).is-black {
  background-color: #0a0a0a !important;
  color: white !important; }

.steps.is-hollow .steps-marker.is-black, .steps .steps-marker.is-hollow.is-black {
  border-color: #0a0a0a !important; }

.steps:not(.is-hollow) .steps-marker:not(.is-hollow).is-light {
  background-color: whitesmoke !important;
  color: #363636 !important; }

.steps.is-hollow .steps-marker.is-light, .steps .steps-marker.is-hollow.is-light {
  border-color: whitesmoke !important; }

.steps:not(.is-hollow) .steps-marker:not(.is-hollow).is-dark {
  background-color: #363636 !important;
  color: whitesmoke !important; }

.steps.is-hollow .steps-marker.is-dark, .steps .steps-marker.is-hollow.is-dark {
  border-color: #363636 !important; }

.steps:not(.is-hollow) .steps-marker:not(.is-hollow).is-primary {
  background-color: #00d1b2 !important;
  color: #fff !important; }

.steps.is-hollow .steps-marker.is-primary, .steps .steps-marker.is-hollow.is-primary {
  border-color: #00d1b2 !important; }

.steps:not(.is-hollow) .steps-marker:not(.is-hollow).is-link {
  background-color: #3273dc !important;
  color: #fff !important; }

.steps.is-hollow .steps-marker.is-link, .steps .steps-marker.is-hollow.is-link {
  border-color: #3273dc !important; }

.steps:not(.is-hollow) .steps-marker:not(.is-hollow).is-info {
  background-color: #209cee !important;
  color: #fff !important; }

.steps.is-hollow .steps-marker.is-info, .steps .steps-marker.is-hollow.is-info {
  border-color: #209cee !important; }

.steps:not(.is-hollow) .steps-marker:not(.is-hollow).is-success {
  background-color: #23d160 !important;
  color: #fff !important; }

.steps.is-hollow .steps-marker.is-success, .steps .steps-marker.is-hollow.is-success {
  border-color: #23d160 !important; }

.steps:not(.is-hollow) .steps-marker:not(.is-hollow).is-warning {
  background-color: #ffdd57 !important;
  color: rgba(0, 0, 0, 0.7) !important; }

.steps.is-hollow .steps-marker.is-warning, .steps .steps-marker.is-hollow.is-warning {
  border-color: #ffdd57 !important; }

.steps:not(.is-hollow) .steps-marker:not(.is-hollow).is-danger {
  background-color: #ff3860 !important;
  color: #fff !important; }

.steps.is-hollow .steps-marker.is-danger, .steps .steps-marker.is-hollow.is-danger {
  border-color: #ff3860 !important; }

.steps.is-vertical.is-dashed .steps-segment:after, .steps.is-vertical .steps-segment.is-dashed:after {
  background: repeating-linear-gradient(0deg, #23d160, #23d160 5px, transparent 5px, transparent 10px); }

.steps.is-vertical.is-dashed .steps-segment.is-active:after, .steps.is-vertical.is-dashed .steps-segment.is-active ~ .steps-segment:after {
  background: repeating-linear-gradient(0deg, #dbdbdb, #dbdbdb 5px, transparent 5px, transparent 10px); }

.steps.is-vertical .steps-segment.is-active.is-dashed:after, .steps.is-vertical .steps-segment.is-active ~ .steps-segment.is-dashed:after {
  background: repeating-linear-gradient(0deg, #dbdbdb, #dbdbdb 5px, transparent 5px, transparent 10px); }

.steps.is-horizontal.is-dashed .steps-segment:after, .steps.is-horizontal .steps-segment.is-dashed:after {
  background: repeating-linear-gradient(90deg, #23d160, #23d160 10px, transparent 10px, transparent 20px); }

.steps.is-horizontal.is-dashed .steps-segment.is-active:after, .steps.is-horizontal.is-dashed .steps-segment.is-active ~ .steps-segment:after {
  background: repeating-linear-gradient(90deg, #dbdbdb, #dbdbdb 10px, transparent 10px, transparent 20px); }

.steps.is-horizontal .steps-segment.is-active.is-dashed:after, .steps.is-horizontal .steps-segment.is-active ~ .steps-segment.is-dashed:after {
  background: repeating-linear-gradient(90deg, #dbdbdb, #dbdbdb 10px, transparent 10px, transparent 20px); }

.steps.is-thin .steps-marker {
  width: 0.8em;
  height: 0.8em; }

.steps.is-thin.is-hollow .steps-marker, .steps.is-thin .steps-marker.is-hollow {
  border-width: 1px;
  height: calc(0.8em + 1px);
  width: calc(0.8em + 1px); }

.steps.is-thin.is-vertical .steps-segment:not(:last-child):after {
  bottom: 0;
  left: calc(0.4em - 0.5px);
  top: 0.8em;
  width: 1px; }

.steps.is-thin.is-vertical .steps-content {
  margin-top: -1.2em;
  margin-left: 0.8em; }

.steps.is-thin.is-vertical.has-gaps .steps-segment:not(:last-child):after, .steps.is-thin.is-vertical .steps-segment.has-gaps:not(:last-child):after {
  bottom: 0.4em;
  top: 1.2em; }

.steps.is-thin.is-vertical.has-content-centered .steps-content {
  padding-top: 1.6em; }

.steps.is-thin.is-horizontal .steps-segment:not(:last-child):after {
  left: 0.8em;
  right: 0;
  top: calc(0.4em - 0.5px);
  height: 1px; }

.steps.is-thin.is-horizontal.has-content-above .steps-segment:not(:last-child)::after {
  bottom: calc(0.4em - 0.5px);
  top: auto; }

.steps.is-thin.is-horizontal .steps-content {
  margin-top: 0.8em; }

.steps.is-thin.is-horizontal.has-content-centered .steps-segment:not(:last-child):after {
  left: calc(50% + 0.4em);
  right: calc(-50% + 0.4em); }

.steps.is-thin.is-horizontal.has-content-centered .steps-marker {
  position: absolute;
  left: calc(50% - 0.4em); }

.steps.is-thin.is-horizontal.has-gaps .steps-segment:not(:last-child):after, .steps.is-thin.is-horizontal .steps-segment.has-gaps:not(:last-child):after {
  left: 1.2em;
  right: 0.4em; }

.steps.is-thin.is-horizontal.has-content-centered.has-gaps .steps-segment:not(:last-child):after, .steps.is-thin.is-horizontal.has-content-centered .steps-segment.has-gaps:not(:last-child):after {
  left: calc(50% + 0.8em);
  right: calc(-50% + 0.8em); }

.steps:not(.is-vertical).has-content-above .steps-segment {
  display: flex;
  flex-direction: column-reverse; }
  .steps:not(.is-vertical).has-content-above .steps-segment .steps-content {
    margin-top: 0;
    padding-top: 0;
    display: flex;
    flex-direction: column-reverse; }

@media screen and (max-width: 768px) {
  .steps:not(.is-horizontal).is-dashed .steps-segment:after, .steps:not(.is-horizontal) .steps-segment.is-dashed:after {
    background: repeating-linear-gradient(0deg, #23d160, #23d160 5px, transparent 5px, transparent 10px); }
  .steps:not(.is-horizontal).is-dashed .steps-segment.is-active:after, .steps:not(.is-horizontal).is-dashed .steps-segment.is-active ~ .steps-segment:after {
    background: repeating-linear-gradient(0deg, #dbdbdb, #dbdbdb 5px, transparent 5px, transparent 10px); }
  .steps:not(.is-horizontal) .steps-segment.is-active.is-dashed:after, .steps:not(.is-horizontal) .steps-segment.is-active ~ .steps-segment.is-dashed:after {
    background: repeating-linear-gradient(0deg, #dbdbdb, #dbdbdb 5px, transparent 5px, transparent 10px); } }

@media screen and (min-width: 769px), print {
  .steps:not(.is-vertical).is-dashed .steps-segment:after, .steps:not(.is-vertical) .steps-segment.is-dashed:after {
    background: repeating-linear-gradient(90deg, #23d160, #23d160 10px, transparent 10px, transparent 20px); }
  .steps:not(.is-vertical).is-dashed .steps-segment.is-active:after, .steps:not(.is-vertical).is-dashed .steps-segment.is-active ~ .steps-segment:after {
    background: repeating-linear-gradient(90deg, #dbdbdb, #dbdbdb 10px, transparent 10px, transparent 20px); }
  .steps:not(.is-vertical) .steps-segment.is-active.is-dashed:after, .steps:not(.is-vertical) .steps-segment.is-active ~ .steps-segment.is-dashed:after {
    background: repeating-linear-gradient(90deg, #dbdbdb, #dbdbdb 10px, transparent 10px, transparent 20px); } }

@media screen and (max-width: 768px) {
  .steps.is-thin:not(.is-horizontal) .steps-segment:not(:last-child):after {
    bottom: 0;
    left: calc(0.4em - 0.5px);
    top: 0.8em;
    width: 1px; }
  .steps.is-thin:not(.is-horizontal) .steps-content {
    margin-top: -1.2em;
    margin-left: 0.8em; }
  .steps.is-thin:not(.is-horizontal).has-gaps .steps-segment:not(:last-child):after, .steps.is-thin:not(.is-horizontal) .steps-segment.has-gaps:not(:last-child):after {
    bottom: 0.4em;
    top: 1.2em; }
  .steps.is-thin:not(.is-horizontal).has-content-centered .steps-content {
    padding-top: 1.6em; } }

@media screen and (min-width: 769px), print {
  .steps.is-thin:not(.is-vertical) .steps-segment:not(:last-child):after {
    left: 0.8em;
    right: 0;
    top: calc(0.4em - 0.5px);
    height: 1px; }
  .steps.is-thin:not(.is-vertical).has-content-above .steps-segment:not(:last-child)::after {
    bottom: calc(0.4em - 0.5px);
    top: auto; }
  .steps.is-thin:not(.is-vertical) .steps-content {
    margin-top: 0.8em; }
  .steps.is-thin:not(.is-vertical).has-content-centered .steps-segment:not(:last-child):after {
    left: calc(50% + 0.4em);
    right: calc(-50% + 0.4em); }
  .steps.is-thin:not(.is-vertical).has-content-centered .steps-marker {
    position: absolute;
    left: calc(50% - 0.4em); }
  .steps.is-thin:not(.is-vertical).has-gaps .steps-segment:not(:last-child):after, .steps.is-thin:not(.is-vertical) .steps-segment.has-gaps:not(:last-child):after {
    left: 1.2em;
    right: 0.4em; }
  .steps.is-thin:not(.is-vertical).has-content-centered.has-gaps .steps-segment:not(:last-child):after, .steps.is-thin:not(.is-vertical).has-content-centered .steps-segment.has-gaps:not(:last-child):after {
    left: calc(50% + 0.8em);
    right: calc(-50% + 0.8em); } }

.image-gallery-icon {
  color: #fff;
  transition: all .2s ease-out;
  appearance: none;
  background-color: transparent;
  border: 0;
  cursor: pointer;
  outline: none;
  position: absolute;
  z-index: 4;
  filter: drop-shadow(0 2px 2px #1a1a1a); }
  @media (min-width: 768px) {
    .image-gallery-icon:hover {
      color: #337ab7; }
      .image-gallery-icon:hover .image-gallery-svg {
        transform: scale(1.1); } }
  .image-gallery-icon:focus {
    outline: 2px solid #337ab7; }

.image-gallery-using-mouse .image-gallery-icon:focus {
  outline: none; }

.image-gallery-fullscreen-button,
.image-gallery-play-button {
  bottom: 0;
  padding: 20px; }
  .image-gallery-fullscreen-button .image-gallery-svg,
  .image-gallery-play-button .image-gallery-svg {
    height: 36px;
    width: 36px; }
  @media (max-width: 768px) {
    .image-gallery-fullscreen-button,
    .image-gallery-play-button {
      padding: 15px; }
      .image-gallery-fullscreen-button .image-gallery-svg,
      .image-gallery-play-button .image-gallery-svg {
        height: 24px;
        width: 24px; } }
  @media (max-width: 480px) {
    .image-gallery-fullscreen-button,
    .image-gallery-play-button {
      padding: 10px; }
      .image-gallery-fullscreen-button .image-gallery-svg,
      .image-gallery-play-button .image-gallery-svg {
        height: 16px;
        width: 16px; } }

.image-gallery-fullscreen-button {
  right: 0; }

.image-gallery-play-button {
  left: 0; }

.image-gallery-left-nav,
.image-gallery-right-nav {
  padding: 50px 10px;
  top: 50%;
  transform: translateY(-50%); }
  .image-gallery-left-nav .image-gallery-svg,
  .image-gallery-right-nav .image-gallery-svg {
    height: 120px;
    width: 60px; }
  @media (max-width: 768px) {
    .image-gallery-left-nav .image-gallery-svg,
    .image-gallery-right-nav .image-gallery-svg {
      height: 72px;
      width: 36px; } }
  @media (max-width: 480px) {
    .image-gallery-left-nav .image-gallery-svg,
    .image-gallery-right-nav .image-gallery-svg {
      height: 48px;
      width: 24px; } }
  .image-gallery-left-nav[disabled],
  .image-gallery-right-nav[disabled] {
    cursor: disabled;
    opacity: .6;
    pointer-events: none; }

.image-gallery-left-nav {
  left: 0; }

.image-gallery-right-nav {
  right: 0; }

.image-gallery {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  position: relative; }
  .image-gallery.fullscreen-modal {
    background: #000;
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 5; }
    .image-gallery.fullscreen-modal .image-gallery-content {
      top: 50%;
      transform: translateY(-50%); }

.image-gallery-content {
  position: relative;
  line-height: 0;
  top: 0; }
  .image-gallery-content.fullscreen {
    background: #000; }
  .image-gallery-content .image-gallery-slide .image-gallery-image {
    max-height: calc(100vh - 80px); }
  .image-gallery-content.left .image-gallery-slide .image-gallery-image, .image-gallery-content.right .image-gallery-slide .image-gallery-image {
    max-height: 100vh; }

.image-gallery-slide-wrapper {
  position: relative; }
  .image-gallery-slide-wrapper.left, .image-gallery-slide-wrapper.right {
    display: inline-block;
    width: calc(100% - 110px); }
    @media (max-width: 768px) {
      .image-gallery-slide-wrapper.left, .image-gallery-slide-wrapper.right {
        width: calc(100% - 87px); } }
  .image-gallery-slide-wrapper.image-gallery-rtl {
    direction: rtl; }

.image-gallery-slides {
  line-height: 0;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  text-align: center; }

.image-gallery-slide {
  left: 0;
  position: absolute;
  top: 0;
  width: 100%; }
  .image-gallery-slide.center {
    position: relative; }
  .image-gallery-slide .image-gallery-image {
    width: 100%;
    object-fit: contain; }
  .image-gallery-slide .image-gallery-description {
    background: rgba(0, 0, 0, 0.4);
    bottom: 70px;
    color: #fff;
    left: 0;
    line-height: 1;
    padding: 10px 20px;
    position: absolute;
    white-space: normal; }
    @media (max-width: 768px) {
      .image-gallery-slide .image-gallery-description {
        bottom: 45px;
        font-size: .8em;
        padding: 8px 15px; } }

.image-gallery-bullets {
  bottom: 20px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  width: 80%;
  z-index: 4; }
  .image-gallery-bullets .image-gallery-bullets-container {
    margin: 0;
    padding: 0;
    text-align: center; }
  .image-gallery-bullets .image-gallery-bullet {
    appearance: none;
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 50%;
    box-shadow: 0 1px 0 #1a1a1a;
    cursor: pointer;
    display: inline-block;
    margin: 0 5px;
    outline: none;
    padding: 5px;
    transition: background .2s ease-out; }
    @media (max-width: 768px) {
      .image-gallery-bullets .image-gallery-bullet {
        margin: 0 3px;
        padding: 3px; } }
    @media (max-width: 480px) {
      .image-gallery-bullets .image-gallery-bullet {
        padding: 2.7px; } }
    .image-gallery-bullets .image-gallery-bullet:focus, .image-gallery-bullets .image-gallery-bullet:hover {
      background: #337ab7;
      transform: scale(1.1); }
    .image-gallery-bullets .image-gallery-bullet.active {
      background: #fff; }

.image-gallery-thumbnails-wrapper {
  position: relative; }
  .image-gallery-thumbnails-wrapper.thumbnails-wrapper-rtl {
    direction: rtl; }
  .image-gallery-thumbnails-wrapper.left, .image-gallery-thumbnails-wrapper.right {
    display: inline-block;
    vertical-align: top;
    width: 100px; }
    @media (max-width: 768px) {
      .image-gallery-thumbnails-wrapper.left, .image-gallery-thumbnails-wrapper.right {
        width: 81px; } }
    .image-gallery-thumbnails-wrapper.left .image-gallery-thumbnails, .image-gallery-thumbnails-wrapper.right .image-gallery-thumbnails {
      height: 100%;
      width: 100%;
      left: 0;
      padding: 0;
      position: absolute;
      top: 0; }
      .image-gallery-thumbnails-wrapper.left .image-gallery-thumbnails .image-gallery-thumbnail, .image-gallery-thumbnails-wrapper.right .image-gallery-thumbnails .image-gallery-thumbnail {
        display: block;
        margin-right: 0;
        padding: 0; }
        .image-gallery-thumbnails-wrapper.left .image-gallery-thumbnails .image-gallery-thumbnail + .image-gallery-thumbnail, .image-gallery-thumbnails-wrapper.right .image-gallery-thumbnails .image-gallery-thumbnail + .image-gallery-thumbnail {
          margin-left: 0;
          margin-top: 2px; }
  .image-gallery-thumbnails-wrapper.left, .image-gallery-thumbnails-wrapper.right {
    margin: 0 5px; }
    @media (max-width: 768px) {
      .image-gallery-thumbnails-wrapper.left, .image-gallery-thumbnails-wrapper.right {
        margin: 0 3px; } }

.image-gallery-thumbnails {
  overflow: hidden;
  padding: 5px 0; }
  @media (max-width: 768px) {
    .image-gallery-thumbnails {
      padding: 3px 0; } }
  .image-gallery-thumbnails .image-gallery-thumbnails-container {
    cursor: pointer;
    text-align: center;
    transition: transform .45s ease-out;
    white-space: nowrap; }

.image-gallery-thumbnail {
  display: inline-block;
  border: 4px solid transparent;
  transition: border .3s ease-out;
  width: 100px;
  background: transparent;
  padding: 0; }
  @media (max-width: 768px) {
    .image-gallery-thumbnail {
      border: 3px solid transparent;
      width: 81px; } }
  .image-gallery-thumbnail + .image-gallery-thumbnail {
    margin-left: 2px; }
  .image-gallery-thumbnail .image-gallery-thumbnail-inner {
    position: relative; }
  .image-gallery-thumbnail .image-gallery-thumbnail-image {
    vertical-align: middle;
    width: 100%;
    line-height: 0; }
  .image-gallery-thumbnail.active, .image-gallery-thumbnail:hover, .image-gallery-thumbnail:focus {
    outline: none;
    border: 4px solid #337ab7; }
    @media (max-width: 768px) {
      .image-gallery-thumbnail.active, .image-gallery-thumbnail:hover, .image-gallery-thumbnail:focus {
        border: 3px solid #337ab7; } }

.image-gallery-thumbnail-label {
  box-sizing: border-box;
  color: white;
  font-size: 1em;
  left: 0;
  line-height: 1em;
  padding: 5%;
  position: absolute;
  top: 50%;
  text-shadow: 1px 1px 0 black;
  transform: translateY(-50%);
  white-space: normal;
  width: 100%; }
  @media (max-width: 768px) {
    .image-gallery-thumbnail-label {
      font-size: .8em;
      line-height: .8em; } }

.image-gallery-index {
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  line-height: 1;
  padding: 10px 20px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 4; }
  @media (max-width: 768px) {
    .image-gallery-index {
      font-size: .8em;
      padding: 5px 10px; } }

html {
  scroll-behavior: smooth; }

.flex-card .title-bold {
  font-family: "Roboto", sans-serif !important; }

.minimal-feature .minimal-title {
  font-family: "Roboto", sans-serif !important; }

.simple-counter .counter-text {
  font-family: "Roboto", sans-serif !important; }

.pagination-link.is-current {
  background-color: #3498db;
  border-color: #3498db; }

.skype-card {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: center;
  align-items: center; }

.skype-card .skype-avatar {
  position: relative; }

.skype-card .skype-avatar img {
  width: 75px;
  height: 75px;
  border-radius: 50%; }

.skype-card .skype-avatar i {
  position: absolute;
  right: -12px;
  bottom: 10px;
  font-size: 1rem;
  padding: 10px;
  background: #039be5;
  border-radius: 50%;
  color: #fff; }

.skype-card .skype-info {
  margin-left: 25px; }

.skype-card .skype-info .name {
  font-weight: 500;
  color: #444f60; }

.skype-card .skype-info .status {
  font-size: 90%;
  color: #039be5; }

.skype-card .call {
  position: absolute;
  right: 10px;
  top: 10px; }

.tweet-card {
  padding: 20px; }

.color-warning {
  color: #ffad36 !important; }

.tabs.is-toggle li.is-active a {
  background-color: #fff;
  border-color: #a9abac;
  border-bottom: #a9abac !important; }

.tabs.is-toggle li a {
  background-color: #ffe599; }

.navigation-tabs.simple-tabs .tabs ul li a {
  color: black; }

/* padding right accordion course detail */
.multi-toggle-wrapper .mt-item .mt-item-label {
  padding: 0px 10px 0 3em;
  background-color: #f5f5f5 !important; }

/* progress bar accordion course detail */
.progress-block {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  margin: 0; }

.projects-list-wrapper .list-body .project-card .progress-block .progress {
  width: 75%;
  margin-bottom: 0; }

.projects-list-wrapper .list-body .project-card .progress-block .progress.is-xs {
  height: 0.35rem !important; }

.projects-list-wrapper .list-body .project-card .progress-block .progress.is-red::-webkit-progress-value {
  background-color: #ff7273; }

.projects-list-wrapper .list-body .project-card .progress-block .progress.is-red::-moz-progress-bar {
  background-color: #ff7273; }

.projects-list-wrapper .list-body .project-card .progress-block .progress.is-red::-ms-fill {
  background-color: #ff7273; }

.projects-list-wrapper .list-body .project-card .progress-block .progress.is-orange::-webkit-progress-value {
  background-color: #ffad36; }

.projects-list-wrapper .list-body .project-card .progress-block .progress.is-orange::-moz-progress-bar {
  background-color: #ffad36; }

.projects-list-wrapper .list-body .project-card .progress-block .progress.is-orange::-ms-fill {
  background-color: #ffad36; }

.projects-list-wrapper .list-body .project-card .progress-block .progress.is-green::-webkit-progress-value {
  background-color: #00d1b2; }

.projects-list-wrapper .list-body .project-card .progress-block .progress.is-green::-moz-progress-bar {
  background-color: #00d1b2; }

.projects-list-wrapper .list-body .project-card .progress-block .progress.is-green::-ms-fill {
  background-color: #00d1b2; }

.projects-list-wrapper .list-body .project-card .progress-block .progress.is-secondary::-webkit-progress-value {
  background-color: #7f00ff; }

.projects-list-wrapper .list-body .project-card .progress-block .progress.is-secondary::-moz-progress-bar {
  background-color: #7f00ff; }

.projects-list-wrapper .list-body .project-card .progress-block .progress.is-secondary::-ms-fill {
  background-color: #7f00ff; }

.projects-list-wrapper .list-body .project-card .progress-block .task-count {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1rem;
  font-weight: 500;
  color: #999; }

.projects-list-wrapper .list-body .project-card .progress-block .task-count .sl {
  font-size: 1.2rem;
  color: #cecece;
  margin: 0 5px; }

/* background modal */
.modal.is-active .modal-background {
  background: rgba(0, 0, 0, 0.8) !important; }

.is-divider,
.is-divider-vertical {
  display: block;
  position: relative; }

.is-divider[data-content]::after,
.is-divider-vertical[data-content]::after {
  background: #fff;
  color: #b5b5b5;
  content: attr(data-content);
  display: inline-block;
  font-size: 0.75rem;
  padding: 0.5rem 0.8rem;
  -webkit-transform: translateY(-1.1rem);
  transform: translateY(-1.1rem);
  text-align: center; }

.is-divider {
  border-top: 0.1rem solid #dbdbdb;
  height: 0.1rem;
  margin: 2rem 0;
  text-align: center; }

.is-divider-vertical {
  display: block;
  padding: 2rem;
  position: relative; }

.is-divider-vertical::before {
  border-left: 0.1rem solid #dbdbdb;
  bottom: 1rem;
  content: "";
  display: block;
  left: 50%;
  position: absolute;
  top: 1rem;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%); }

.is-divider-vertical[data-content]::after {
  left: 50%;
  padding: 0.4rem 0;
  position: relative;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

[data-action="iconPicker"] {
  width: 0;
  height: 0;
  display: block;
  opacity: 0;
  top: -999px;
  position: absolute; }

.ellipsis {
  display: block;
  /* Fallback for non-webkit */
  display: -webkit-box;
  /*   max-width: 400px; */
  /*   height: 109.2px; */
  /* Fallback for non-webkit */
  margin: 0 auto;
  /*   font-size: 26px; */
  line-height: 1.4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis; }

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

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

.is-ellipsis-3 {
  -webkit-line-clamp: 3; }

.is-ellipsis-4 {
  -webkit-line-clamp: 4; }

.is-ellipsis-5 {
  -webkit-line-clamp: 5; }

.is-ellipsis-6 {
  -webkit-line-clamp: 6; }

.is-ellipsis-7 {
  -webkit-line-clamp: 7; }

.is-ellipsis-8 {
  -webkit-line-clamp: 8; }

.is-ellipsis-9 {
  -webkit-line-clamp: 9; }

.is-ellipsis-10 {
  -webkit-line-clamp: 10; }

.list-item {
  border-bottom: none !important; }

.tabs a {
  border-bottom: unset; }

.list {
  box-shadow: unset !important; }

a.list-item {
  background-color: #f7f8fa; }

.side-navigation-menu .navigation-menu-wrapper .navigation-menu-header {
  letter-spacing: unset !important;
  width: 100%;
  height: 50px; }

.button.secondary-btn {
  border-color: #66ac01;
  border-width: 0px 0px 4px;
  border-radius: 8px !important; }

.btn-blue {
  width: 85%;
  background-color: #235390 !important;
  border-inline-width: 0px;
  border-block-start-width: 2px;
  border-block-end-width: 4.5px;
  border-inline-color: #235390 !important;
  border-block-start-color: #235390 !important;
  border-block-end-color: #163459 !important;
  border-radius: 10px !important;
  color: #fff !important; }

.btn-blue-kemenkeu-error {
  background-color: #235390 !important;
  border-inline-width: 0px;
  border-block-start-width: 2px;
  border-block-end-width: 4.5px;
  border-inline-color: #235390 !important;
  border-block-start-color: #235390 !important;
  border-block-end-color: #163459 !important;
  border-radius: 10px !important;
  color: #fff !important; }

.btn-outlined-blue {
  width: 85%;
  background-color: white;
  color: #235390 !important;
  border-inline-width: 2px;
  border-block-start-width: 2px;
  border-block-end-width: 4.5px;
  border-inline-color: #235390 !important;
  border-block-start-color: #235390 !important;
  border-block-end-color: #163459 !important;
  border-radius: 10px !important; }

.multi-toggle-wrapper .mt-item {
  border: none !important; }

.list-block {
  border-top: none !important; }

.iframe-activity {
  width: 100% !important;
  height: 100% !important; }

.iframe-activity-pengetahuan {
  width: 100% !important;
  height: 400px !important; }

.message-header {
  background-color: #fff; }

.mockup-dots.dot-tip.tip-first {
  position: fixed;
  top: 13%;
  right: 0;
  left: 0;
  margin-right: auto;
  margin-left: auto;
  max-width: 30%;
  min-width: 350px;
  text-align: center; }

.mockup-dots.dot-tip {
  padding: 10px 15px;
  color: #fff;
  border-radius: 2px 2px 2px 2px;
  font-size: 13px;
  z-index: 4; }

.mockup-dots.dot-tip.is-success {
  background-color: #00b289; }

.mockup-dots.dot-tip.is-failed {
  background-color: #ff7273; }

.fade-out {
  animation: fade-out 4s ease-out infinite; }

@keyframes fade-out {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

.bordernav {
  width: 100%;
  height: 4px;
  position: absolute;
  bottom: 0;
  background: #fdc830;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #fdc830, #f37335);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #fdc830, #f37335);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ }

.circle-chart-circle {
  -webkit-animation: circle-chart-fill 2s reverse;
  animation: circle-chart-fill 2s reverse;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transform-origin: center;
  transform-origin: center; }

.stat-number {
  position: absolute;
  top: 30%;
  left: 0px;
  width: 100%;
  font-weight: 700;
  font-size: 2.6rem;
  line-height: 1.2; }

.stat-number span {
  color: #ffdd4a;
  font-size: 100%;
  margin: 0 auto; }

.stat-number p {
  font-size: 45%;
  margin: 0 auto; }

.ring-title span {
  font-size: 1.2rem;
  color: #a9abac; }

@-webkit-keyframes circle-chart-fill {
  to {
    stroke-dasharray: 0 100; } }

@keyframes circle-chart-fill {
  to {
    stroke-dasharray: 0 100; } }

.typewriter {
  display: inline-block; }

.typewriter-text {
  display: inline-block;
  overflow: hidden;
  letter-spacing: 1px;
  animation: typing 2s steps(30, end), blink 0.75s step-end infinite;
  white-space: nowrap;
  border-right: 4px solid orange;
  box-sizing: border-box; }

@keyframes typing {
  from {
    width: 0%; }
  to {
    width: 100%; } }

@keyframes blink {
  from,
  to {
    border-color: transparent; }
  50% {
    border-color: orange; } }

@media (max-width: 768px) {
  .image.is-32x32-mobile {
    height: 32px !important;
    width: 32px !important; }
  .image.is-48x48-mobile {
    height: 48px !important;
    width: 48px !important; }
  .is-size-08-mobile {
    font-size: 0.8rem !important; }
  .is-size-8-mobile {
    font-size: 0.7rem !important; }
  .is-size-9-mobile {
    font-size: 0.65rem !important; } }

.navbar.is-link {
  background-color: #235390 !important; }

.shake-anim {
  animation: shake 4s ease infinite;
  transform-origin: 50% 50%; }

@keyframes shake {
  0% {
    transform: translate(1px, 1px) rotate(0deg); }
  1% {
    transform: translate(-1px, -2px) rotate(-1deg); }
  2% {
    transform: translate(-3px, 0px) rotate(1deg); }
  3% {
    transform: translate(3px, 2px) rotate(0deg); }
  4% {
    transform: translate(1px, -1px) rotate(1deg); }
  5% {
    transform: translate(-1px, 2px) rotate(-1deg); }
  6% {
    transform: translate(-3px, 1px) rotate(0deg); }
  7% {
    transform: translate(3px, 1px) rotate(-1deg); }
  8% {
    transform: translate(-1px, -1px) rotate(1deg); }
  9% {
    transform: translate(1px, 2px) rotate(0deg); }
  100% {
    transform: translate(1px, 1px) rotate(-1deg); } }

.stage {
  border-bottom: 3px solid #444;
  display: flex;
  height: 330px;
  width: 100%; }

.bounce-fs {
  align-self: flex-end;
  animation-duration: 2s;
  animation-iteration-count: 1;
  transform-origin: bottom; }

.bounce {
  align-self: flex-end;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  transform-origin: bottom; }

.bounce-5 {
  animation-name: bounce-5;
  animation-timing-function: ease; }

.bounce-6 {
  animation-name: bounce-6;
  animation-timing-function: ease; }

@keyframes bounce-5 {
  0% {
    transform: scale(1, 1) translateY(0); }
  10% {
    transform: scale(1.1, 1) translateY(0); }
  30% {
    transform: scale(1, 1.1) translateY(-20px); }
  50% {
    transform: scale(1, 1) translateY(0); }
  57% {
    transform: scale(1, 1) translateY(-7px); }
  64% {
    transform: scale(1, 1) translateY(0); }
  100% {
    transform: scale(1, 1) translateY(0); } }

@keyframes bounce-6 {
  0% {
    transform: scale(1, 1) translateY(0); }
  10% {
    transform: scale(1, 1.1) translateY(0); }
  30% {
    transform: scale(1, 1.1) translateY(-20px); }
  50% {
    transform: scale(1, 1) translateY(0); }
  57% {
    transform: scale(1, 1) translateY(-7px); }
  64% {
    transform: scale(1, 1) translateY(0); }
  100% {
    transform: scale(1, 1) translateY(0); } }

.grow {
  transition: all 0.2s ease-in-out; }

.grow:hover {
  transform: scale(1.1); }

.thumb-profile {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  object-position: top; }

.thumb-profile-cert {
  object-fit: cover;
  object-position: center; }

.is-button-apbn {
  width: 60% !important;
  font-size: 14px;
  margin-left: 20%; }

.section-open-access {
  z-index: 1;
  position: relative;
  border-bottom: 5px solid #0c6a73;
  padding: 1.8rem 1.5rem !important; }

.jelajahi-btn {
  background-color: #fe9000;
  border-width: 1px 1px 4px;
  border-color: #fff;
  border-radius: 8px;
  color: #fff; }

.jelajahi-btn:hover {
  background-color: #fe9000 !important;
  border-color: #fff !important;
  color: #fff !important; }

@media (max-width: 768px) {
  .is-mobile-openaccess {
    margin-top: 50px; } }

@media (max-width: 768px) {
  .section-title-wrapper.no-padding-allsize {
    padding: unset !important; } }

.Toastify__toast {
  top: 4.6rem; }

.Toastify__toast--success {
  background: #00b289 !important; }

.Toastify__toast--error {
  background: #ff7273 !important; }

.iframe-video-rtc {
  width: 600px !important;
  height: 350px !important;
  margin: 0 auto;
  display: block; }

.p-icon {
  padding: 15px !important; }

.square-icon-box .icon-box-wrapper .icon-box {
  width: 90px;
  height: 90px; }

.square-icon-box .icon-box-wrapper .icon-box:after {
  width: 106px;
  height: 106px; }

.square-icon-box .icon-box-wrapper .icon-box i {
  font-size: 60px;
  left: 10px;
  top: 10px; }

.square-icon-box.secondary .icon-box {
  background-color: #daebfd;
  box-shadow: unset !important; }

.square-icon-box.secondary .box-title {
  color: #235390; }

.square-icon-box.secondary .icon-box:after {
  border: 2px solid #daebfd !important; }

@media (max-width: 768px) {
  .p-icon {
    padding: 5px !important; }
  .square-icon-box .icon-box-wrapper .icon-box {
    width: 40px;
    height: 40px; }
  .square-icon-box .icon-box-wrapper .icon-box:after {
    width: 56px;
    height: 56px; }
  .square-icon-box .icon-box-wrapper .icon-box i {
    font-size: 30px;
    left: 5px;
    top: 5px; }
  .square-icon-box.secondary .icon-box {
    background-color: #daebfd;
    box-shadow: unset !important; }
  .square-icon-box.secondary .box-title {
    color: #235390; }
  .square-icon-box.secondary .icon-box:after {
    border: 2px solid #daebfd !important; } }

@media (max-width: 320px) {
  .square-icon-box .icon-box-wrapper .icon-box {
    width: 30px;
    height: 30px; }
  .square-icon-box .icon-box-wrapper .icon-box:after {
    width: 46px;
    height: 46px; }
  .square-icon-box .icon-box-wrapper .icon-box i {
    font-size: 20px;
    left: 5px;
    top: 5px; }
  .square-icon-box.secondary .icon-box {
    background-color: #daebfd;
    box-shadow: unset !important; }
  .square-icon-box.secondary .box-title {
    color: #235390; }
  .square-icon-box.secondary .icon-box:after {
    border: 2px solid #daebfd !important; } }

.is-handwritten-custom {
  font-size: 2.1rem !important;
  font-family: "Nexa Bold", sans-serif;
  font-weight: 400 !important; }

@media (max-width: 768px) {
  .is-handwritten-custom {
    font-size: 1.5rem !important; } }

.bg-fd-in {
  -webkit-animation: fadein 1s;
  -moz-animation: fadein 1s;
  -ms-animation: fadein 1s;
  -o-animation: fadein 1s;
  animation: fadein 2s; }

@keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

/* Firefox < 16 */
@-moz-keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

/* Internet Explorer */
@-ms-keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

/* Opera < 12.1 */
@-o-keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.bg-content-modal {
  background-color: #235390;
  border-radius: 20px !important;
  border-bottom: 5px solid #163966;
  padding: 1.8rem 3rem !important; }

.btn-content-modal {
  background-color: #78c800;
  border-width: 0px 0px 4px;
  border-color: #66ac01;
  border-radius: 8px !important;
  color: #fff; }

.btn-content-modal:hover {
  background-color: #78c800 !important;
  border-color: #66ac01;
  color: #fff !important; }

.btn-content-modal:focus {
  background-color: #78c800 !important;
  border-color: #66ac01;
  color: #fff !important; }

.bg-content-modal-profil {
  background-color: #f5faff;
  border-radius: 20px !important;
  border-bottom: 5px solid #bfdcfa;
  padding: 1.8rem 3rem !important; }

.btn-content-modal-profil {
  width: 60%;
  background-color: #FFBC42;
  border-width: 0px 0px 4px;
  border-color: #FDA80E;
  border-radius: 8px !important;
  color: #fff; }

.btn-content-modal-profil:hover {
  background-color: #FFBC42 !important;
  border-color: #FDA80E;
  color: #fff !important; }

.btn-content-modal-profil:focus {
  background-color: #FFBC42 !important;
  border-color: #FDA80E;
  color: #fff !important; }

.tox-tinymce {
  border: none !important; }

progress.pass-toshort::-moz-progress-bar {
  background: #ca0c02; }

progress.pass-toshort::-webkit-progress-value {
  background: #ca0c02; }

progress.pass-toshort {
  color: #ca0c02; }

progress.pass-weak::-moz-progress-bar {
  background: #fd3f01; }

progress.pass-weak::-webkit-progress-value {
  background: #fd3f01; }

progress.pass-weak {
  color: #fd3f01; }

progress.pass-fair::-moz-progress-bar {
  background: #ffab59; }

progress.pass-fair::-webkit-progress-value {
  background: #ffab59; }

progress.pass-fair {
  color: #ffab59; }

progress.pass-good::-moz-progress-bar {
  background: #2d98f3; }

progress.pass-good::-webkit-progress-value {
  background: #2d98f3; }

progress.pass-good {
  color: #2d98f3; }

progress.pass-strength::-moz-progress-bar {
  background: #19cd0a; }

progress.pass-strength::-webkit-progress-value {
  background: #19cd0a; }

progress.pass-strength {
  color: #19cd0a; }

progress.is-small-more {
  height: 0.25rem !important; }

.pass-info-expand {
  overflow: hidden;
  transition: max-height 1s ease-out;
  height: auto;
  max-height: 600px;
  visibility: visible; }

.pass-info-collapsed {
  visibility: hidden;
  max-height: 0; }

.pass-icon-clickable {
  z-index: 10;
  pointer-events: initial !important; }

.test div div {
  width: unset !important; }

.klc-bg-filter-button {
  background: rgba(255, 255, 255, 0.2);
  border-color: transparent;
  color: #fff; }

.klc-bg-filter-button.is-active {
  background: #78c800;
  border-color: transparent !important; }

.klc-bg-filter-button-open.is-active {
  background: #eda514;
  border-color: transparent !important; }

.klc-is-success {
  color: #78c800 !important; }

.klc-is-open-access {
  color: #00C7A3 !important; }

.klc-modal-foot-centered {
  justify-content: center !important; }

.klc-modal-card-body-over {
  overflow-y: auto;
  max-height: 60vh; }

.has-text-blue-klc {
  color: #235390; }

.has-background-blue-klc {
  background-color: #235390 !important; }

.card-list-course {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  box-shadow: 4px 5px 3px rgba(10, 10, 10, 0.1), 0 0 5px 1px rgba(10, 10, 10, 0.1); }

.klc-tags-cursor {
  cursor: pointer !important; }

.klc-tag-bg-transparent {
  background: rgba(255, 255, 255, 0.2) !important; }

.klc-btn-more {
  border-width: 1px 1px 4px;
  border-color: #78c800;
  border-radius: 8px;
  color: #78c800; }

.klc-btn-more:hover {
  border-width: 1px 1px 4px;
  border-color: #78c800;
  border-radius: 8px;
  color: #78c800; }

.klc-tag-active {
  background: #78c800 !important;
  color: #fff !important; }

.button.warning-btn {
  border-color: #da9810;
  border-width: 0px 0px 4px;
  border-radius: 8px; }

.font-roboto {
  font-family: "Roboto", sans-serif !important; }

.ldb-img-size {
  width: 120px !important;
  height: 120px !important;
  object-fit: cover;
  object-position: top; }

.ldb-br-15 {
  border-radius: 15px !important; }

.ldb-card {
  border-radius: 15px;
  bottom: -400px;
  animation: up 0.5s ease forwards;
  border-bottom: 5px solid #ffdd57;
  border-left: 4px dotted #ffdd57;
  border-right: 4px dotted #ffdd57; }

@keyframes up {
  0% {
    opacity: 0; }
  70% {
    transform: translateY(-450px); }
  100% {
    transform: translateY(-400px);
    opacity: 1; } }

.ldb-height {
  height: 90px !important; }

.ldb-firework {
  position: absolute !important;
  width: 100px;
  height: 100px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  top: 5px;
  z-index: -1; }

.ldb-has-background-blue {
  background-color: #20426c; }

.ldb-button-animation {
  bottom: -400px;
  animation: up 0.5s ease forwards; }

.header-overview {
  padding: 10px 16px;
  background: #555;
  color: #f1f1f1; }

.borderbtm {
  border: 1px solid #dbdbdb;
  border-width: 1px; }

.button.secondary-btn {
  border-color: #66ac01;
  border-width: 0px 0px 4px;
  border-radius: 8px; }

.button.warning-btn {
  border-color: #da9810;
  border-width: 0px 0px 4px;
  border-radius: 8px; }

.button.static-btn {
  background-color: #f5f5f5;
  border-color: #dbdbdb;
  color: #7a7a7a;
  box-shadow: none;
  pointer-events: none; }

.button.primary-btn {
  border-color: #0c3467;
  border-width: 0px 0px 4px;
  border-radius: 8px; }

.button.danger-btn {
  border-color: #ec4648;
  border-width: 0px 0px 4px;
  border-radius: 8px; }

.btn-enroll {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-color: #ec4648;
  border-left: 2px solid #ec4648 !important; }

.ovw-message-show-board {
  margin-top: -40px; }

@media (max-width: 768px) {
  .ovw-message-show-board {
    margin-top: -60px; } }

.ovw-message {
  border-left: 5px solid #ffe08a;
  padding: 20px;
  border-bottom-left-radius: 8px;
  background-color: #fffaeb; }

.ovw-message-body {
  padding: 20px; }

.pjj-side-nav {
  z-index: 2;
  width: 300px !important;
  height: 100% !important;
  background-color: #162d4b !important;
  left: 0 !important;
  overflow: hidden !important;
  position: fixed !important; }

.pjj-ml-300 {
  margin-left: 300px !important; }

@media (max-width: 768px) {
  .pjj-ml-300 {
    margin-left: 0px !important; } }

.pjj-btn-success {
  background-color: #78c800;
  border-color: #66ac01;
  border-width: 0px 0px 4px;
  border-radius: 8px !important;
  color: #fff; }

.pjj-btn-success:hover {
  background-color: #78c800;
  border-color: #66ac01;
  color: #fff; }

.pjj-btn-success:focus {
  background-color: #78c800;
  border-color: #66ac01;
  color: #fff; }

.pjj-btn-zoom {
  background-color: #1890ff;
  border-color: #137fe4;
  border-width: 0px 0px 4px;
  border-radius: 8px !important;
  color: #fff; }

.pjj-btn-zoom:hover {
  background-color: #1890ff;
  border-color: #137fe4;
  color: #fff; }

.pjj-btn-zoom:focus {
  background-color: #1890ff;
  border-color: #137fe4;
  color: #fff; }

.pjj-btn-zoom-disabled {
  background-color: #1890ff;
  border-color: #137fe4;
  border-width: 0px 0px 4px;
  border-radius: 8px !important;
  color: #fff;
  opacity: 0.5;
  cursor: not-allowed; }

.pjj-btn-zoom-disabled:hover {
  background-color: #1890ff;
  border-color: #137fe4;
  color: #fff;
  opacity: 0.5;
  cursor: not-allowed; }

.pjj-btn-zoom-disabled:focus {
  background-color: #1890ff;
  border-color: #137fe4;
  color: #fff;
  opacity: 0.5;
  cursor: not-allowed; }

.pjj-card {
  box-shadow: 4px 5px 3px rgba(10, 10, 10, 0.1);
  border-radius: 8px; }

.pjj-card-height {
  height: 100px; }

@media (max-width: 768px) {
  .pjj-card-height {
    height: auto !important; } }

.pjj-checked-color {
  color: #78c800; }

.pjj-text-color-blue {
  color: #235390 !important; }

.navigation-close {
  opacity: 0; }

.navigation-close:hover {
  opacity: 1 !important; }

.pjj-ribbon-date {
  top: 5;
  padding: 10px 15px;
  color: #fff;
  position: fixed;
  background: #162d4b;
  border-bottom-right-radius: 8px;
  z-index: 2; }

.pjj-simple-shadow {
  box-shadow: -5px 5px 10px 0 rgba(0, 0, 0, 0.2) !important; }

.side-navigation-menu .navigation-menu-wrapper .has-children .is-submenu span::after {
  content: unset !important; }

.side-navigation-menu .navigation-menu-wrapper .has-children.no-caret span::after {
  content: unset !important; }

.side-navigation-menu .navigation-menu-wrapper li.has-children ul li a.is-submenu:hover, .side-navigation-menu .navigation-menu-wrapper li.has-children ul li a.is-submenu.is-active {
  color: white; }

.side-navigation-menu .navigation-menu-wrapper li.has-children ul li a.is-submenu {
  background-color: #162d4b; }

.side-navigation-menu .navigation-menu-wrapper li.has-children ul li a.is-submenu:hover {
  background-color: #3d4e68; }

.side-navigation-menu .navigation-menu-wrapper li.has-children ul li a.is-submenu.active {
  background-color: #3d4e68; }

.mh-80vh {
  min-height: 80vh; }

.side-navigation-menu .navigation-menu-wrapper li.has-children ul li a.is-submenu.pjj-pl-40 {
  padding-left: 40px !important; }

.has-bg-info {
  background-color: #608CC4; }

.has-bg-yellow {
  background: #fdc830;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #ffdc3a, #fda80e);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #ffdc3a, #fda80e); }

.has-text-blue-klc {
  color: #235390 !important; }

.has-text-grey {
  color: #363636 !important; }

.has-text-yellow {
  color: #fda80e !important; }

.has-outer-shadow {
  -moz-box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.25); }

.button.secondary-btn {
  border-color: #66ac01;
  border-width: 0px 0px 4px;
  border-radius: 8px !important; }

.btn-blue {
  width: 85%;
  background-color: #235390 !important;
  border-inline-width: 0px;
  border-block-start-width: 2px;
  border-block-end-width: 4.5px;
  border-inline-color: #235390 !important;
  border-block-start-color: #235390 !important;
  border-block-end-color: #163459 !important;
  border-radius: 10px !important;
  color: #fff !important; }

.klc-container-zindex {
  z-index: 0 !important; }

.media-left-user {
  margin-right: 0rem !important; }

.media-left-icon {
  margin-right: 1.5rem; }

.p-margin {
  margin-bottom: 0.5em !important; }

/* montserrat-regular - latin */
@font-face {
  font-family: 'BRLNSR';
  font-style: normal;
  font-weight: 400;
  src: url("https://klc2.kemenkeu.go.id/shared/assets/images/apbn/webfonts/BRLNSR.eot");
  /* IE9 Compat Modes */
  src: local(""), url("https://klc2.kemenkeu.go.id/shared/assets/images/apbn/webfonts/BRLNSR.eot?#iefix") format("embedded-opentype"), url("https://klc2.kemenkeu.go.id/shared/assets/images/apbn/webfonts/BRLNSR.woff") format("woff"), url("https://klc2.kemenkeu.go.id/shared/assets/images/apbn/webfonts/BRLNSR.ttf") format("truetype"); }

.font-berlin {
  font-family: "BRLNSR"; }

.font-berlin-medium {
  font-family: "BRLNSR";
  font-style: normal;
  font-weight: 500; }

.font-berlin-semi-bold {
  font-family: "BRLNSR";
  font-style: normal;
  font-weight: 600; }

.font-berlin-bold {
  font-family: "BRLNSR";
  font-style: normal;
  font-weight: bolder; }

/* montserrat-regular - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url("https://klc2.kemenkeu.go.id/shared/assets/images/apbn/webfonts/montserrat-v24-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local(""), url("https://klc2.kemenkeu.go.id/shared/assets/images/apbn/webfonts/montserrat-v24-latin-regular.eot?#iefix") format("embedded-opentype"), url("https://klc2.kemenkeu.go.id/shared/assets/images/apbn/webfonts/montserrat-v24-latin-regular.woff2") format("woff2"), url("https://klc2.kemenkeu.go.id/shared/assets/images/apbn/webfonts/montserrat-v24-latin-regular.woff") format("woff"), url("https://klc2.kemenkeu.go.id/shared/assets/images/apbn/webfonts/montserrat-v24-latin-regular.ttf") format("truetype"), url("https://klc2.kemenkeu.go.id/shared/assets/images/apbn/webfonts/montserrat-v24-latin-regular.svg#Montserrat") format("svg");
  /* Legacy iOS */ }

.font-montserrat {
  font-family: "Montserrat"; }

.font-montserrat-medium {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500; }

.font-montserrat-semi-bold {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600; }

.font-montserrat-bold {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: bolder; }

.has-background-blue-debat {
  background-color: #186aa4 !important; }

.has-text-blue-debat-2022 {
  color: #186aa4 !important; }

.has-background-orange-debat {
  background-color: #F68720 !important; }

.has-text-yellow-apbn {
  color: #FFBC42 !important; }

.hero.is-fullheight {
  min-height: calc(100vh - 4.6rem) !important; }

.font-banner-top {
  font-weight: 900 !important; }

.font-banner-bottom {
  font-weight: 900 !important; }

.featured-svg-banner {
  max-width: 11.5rem; }

.steps:not(.is-hollow) .steps-segment.is-active .steps-marker:not(.is-hollow) {
  background-color: #fff; }

.steps:not(.is-hollow) .steps-marker:not(.is-hollow) {
  background-color: #fff; }

.steps-segment:after {
  background-color: #fff; }

.btn-custom {
  background-color: #ffbc42 !important;
  border-width: 0 0 4px 0 !important;
  border-color: #fda80e !important;
  border-radius: 10px !important;
  color: #fff !important; }

.btn-custom-disabled {
  background-color: #d6d6d6 !important;
  border-width: 0 0 4px 0 !important;
  border-color: #b8b8b8 !important;
  border-radius: 10px !important;
  cursor: unset !important; }

.btn-outlined-custom {
  background-color: transparent;
  border-color: #ffbc42 !important;
  color: #ffbc42 !important;
  border-width: 1px 1px 4px 1px !important;
  border-radius: 10px !important; }

.btn-outlined-custom:hover {
  background-color: #ffbc42 !important;
  border-color: #fda80e !important;
  color: #fff !important;
  border-width: 0 0 4px 0 !important;
  border-radius: 10px !important; }

.has-background-red-custom {
  background-color: #ef5a5c !important; }

.has-background-orange-gradient {
  background: linear-gradient(135deg, #f68720 0%, #ff9a00 40%); }

.font-custom {
  color: #ff5f5a !important; }

.card-radius {
  border-radius: 1.2rem !important; }

.b-badge.rounded {
  height: 25px !important;
  width: 25px !important;
  border-radius: 30% !important;
  padding: 5px 5px !important;
  align-items: unset !important; }

.b-badge.rounded-small {
  height: 20px !important;
  width: 20px !important;
  border-radius: 30% !important;
  padding: 2px 2px !important;
  align-items: unset !important; }

.solid-list .solid-list-item {
  align-items: unset !important; }

.simple-feed .feed-item::after {
  top: 0 !important; }

.has-background-countdown {
  border-radius: 8px !important;
  background-color: #5c5c5c !important;
  align-items: center !important;
  justify-content: center !important; }

.same-height-card {
  height: 70px !important; }

.date {
  color: #444f60 !important; }

.feed-item {
  border-left: 2px solid #d3d0d0 !important; }

.feed-item::after {
  border: 2px solid #d3d0d0 !important; }

.flip-clock {
  background: radial-gradient(circle, #666666 0%, #222222 90%);
  border-radius: 10px;
  font-size: 1.5rem;
  width: 3rem;
  height: 3rem;
  line-height: 1.1; }

.flip-clock-dashboard {
  background: radial-gradient(circle, #666666 0%, #222222 90%);
  border-radius: 10px;
  font-size: 1rem;
  width: 2.5rem;
  height: 2.5rem;
  line-height: 1.1; }

.custom-margin-vid {
  margin-left: 20px !important; }

@media (max-width: 768px) {
  .custom-margin-vid {
    margin-left: unset !important; } }

.bg-blueyellow {
  background: -webkit-linear-gradient(180deg, #04689F 70%, #FFC93C 50%) !important;
  background: -o-linear-gradient(180deg, #04689F 70%, #FFC93C 50%) !important;
  background: -moz-linear-gradient(180deg, #04689F 70%, #FFC93C 50%) !important;
  background: linear-gradient(180deg, #04689F 70%, #FFC93C 50%) !important; }

@media (max-width: 768px) {
  .bg-blueyellow {
    background: -webkit-linear-gradient(180deg, #04689F 60%, #FFC93C 60%) !important;
    background: -o-linear-gradient(180deg, #04689F 60%, #FFC93C 60%) !important;
    background: -moz-linear-gradient(180deg, #04689F 60%, #FFC93C 60%) !important;
    background: linear-gradient(180deg, #04689F 60%, #FFC93C 60%) !important; } }

.p-height {
  height: 80px; }

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

.title.is-big {
  font-size: 5rem;
  transform: rotate(355deg); }

.btn-debat {
  background-color: #186aa4 !important;
  border-width: 0 0 5px 0 !important;
  border-color: #04578d !important;
  border-radius: 12px !important;
  color: #fff !important;
  padding: 26px 38px !important; }

.btn-debat-disabled {
  background-color: #d6d6d6 !important;
  border-width: 0 0 5px 0 !important;
  border-color: #b8b8b8 !important;
  border-radius: 12px !important;
  cursor: unset !important; }

.btn-debat-outlined {
  background-color: #ffffff !important;
  border-width: 2px 2px 4px 2px !important;
  border-color: #04578d !important;
  border-radius: 12px !important;
  color: #186aa4 !important;
  padding: 26px 44px !important; }

.btn-debat-disabled-outlined {
  background-color: #d6d6d6 !important;
  border-width: 0 0 5px 0 !important;
  border-color: #b8b8b8 !important;
  border-radius: 12px !important;
  cursor: unset !important; }

.is-orange-apbn-2021 {
  background: #eda514 !important; }

.section-padding-1 {
  padding: 1rem 1.5rem; }

.debat-timeline-header {
  min-height: 100px;
  background-color: #186aa4;
  border-top-right-radius: 30px;
  border-top-left-radius: 30px;
  padding-top: 30px; }

.debat-timeline-footer {
  min-height: 20px;
  background-color: #F68720;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px; }

.debat-columns-1 {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
  margin-top: 0.25rem !important; }

.debat-box-border-parent {
  border-radius: 10px;
  background: linear-gradient(135deg, #186aa4 40%, #F68720 0%); }

.debat-img-relative {
  position: relative; }

.debat-img-absolute {
  position: absolute;
  right: 20px;
  top: 20px; }

/* montserrat-regular - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url("https://klc2.kemenkeu.go.id/shared/assets/images/apbn/webfonts/montserrat-v24-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local(""), url("https://klc2.kemenkeu.go.id/shared/assets/images/apbn/webfonts/montserrat-v24-latin-regular.eot?#iefix") format("embedded-opentype"), url("https://klc2.kemenkeu.go.id/shared/assets/images/apbn/webfonts/montserrat-v24-latin-regular.woff2") format("woff2"), url("https://klc2.kemenkeu.go.id/shared/assets/images/apbn/webfonts/montserrat-v24-latin-regular.woff") format("woff"), url("https://klc2.kemenkeu.go.id/shared/assets/images/apbn/webfonts/montserrat-v24-latin-regular.ttf") format("truetype"), url("https://klc2.kemenkeu.go.id/shared/assets/images/apbn/webfonts/montserrat-v24-latin-regular.svg#Montserrat") format("svg");
  /* Legacy iOS */ }

.font-montserrat {
  font-family: "Montserrat"; }

.font-montserrat-medium {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500; }

.font-montserrat-semi-bold {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600; }

.font-montserrat-bold {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: bolder; }

.featured-svg-banner {
  max-width: 11.5rem; }

.steps:not(.is-hollow) .steps-segment.is-active .steps-marker:not(.is-hollow) {
  background-color: #fff; }

.steps:not(.is-hollow) .steps-marker:not(.is-hollow) {
  background-color: #fff; }

.steps-segment:after {
  background-color: #fff; }

.btn-custom {
  background-color: #ff5f5a !important;
  border-width: 0 0 4px 0 !important;
  border-color: #ec3e39 !important;
  border-radius: 10px !important; }

.btn-custom-disabled {
  background-color: #d6d6d6 !important;
  border-width: 0 0 4px 0 !important;
  border-color: #b8b8b8 !important;
  border-radius: 10px !important;
  cursor: unset !important; }

.btn-outlined-custom {
  background-color: transparent;
  border-color: #ec3e39 !important;
  color: #ec3e39 !important;
  border-width: 1px 1px 4px 1px !important;
  border-radius: 10px !important; }

.btn-outlined-custom:hover {
  background-color: #ff5f5a !important;
  border-color: #ec3e39 !important;
  color: #fff !important;
  border-width: 0 0 4px 0 !important;
  border-radius: 10px !important; }

.has-background-green-custom {
  background-color: #319259 !important; }

.has-background-red-custom {
  background-color: #ef5a5c !important; }

.has-background-yellow-gradient {
  background: linear-gradient(135deg, #ffdd4a 0%, #ffbc42 40%); }

.font-custom {
  color: #ff5f5a !important; }

.card-radius {
  border-radius: 1.2rem !important; }

.b-badge.rounded {
  height: 25px !important;
  width: 25px !important;
  border-radius: 30% !important;
  padding: 5px 5px !important;
  align-items: unset !important; }

.b-badge.rounded-small {
  height: 20px !important;
  width: 20px !important;
  border-radius: 30% !important;
  padding: 2px 2px !important;
  align-items: unset !important; }

.solid-list .solid-list-item {
  align-items: unset !important; }

.simple-feed .feed-item::after {
  top: 0 !important; }

.has-background-countdown {
  border-radius: 8px !important;
  background-color: #5C5C5C !important;
  align-items: center !important;
  justify-content: center !important; }

.font-banner-top {
  font-size: 2.3rem !important;
  font-weight: 600 !important; }

.font-banner-bottom {
  font-size: 3.5rem !important;
  font-weight: 900 !important; }

.font-banner-slogan {
  font-size: 1.8rem !important;
  font-weight: 900 !important; }

.same-height-card {
  height: 70px !important; }

.date {
  color: #444F60 !important; }

.feed-item {
  border-left: 2px solid #d3d0d0 !important; }

.feed-item::after {
  border: 2px solid #d3d0d0 !important; }

.flip-clock {
  background: radial-gradient(circle, #666666 0%, #222222 90%);
  border-radius: 10px;
  font-size: 1.5rem;
  width: 3rem;
  height: 3rem;
  line-height: 1.1; }

.flip-clock-dashboard {
  background: radial-gradient(circle, #666666 0%, #222222 90%);
  border-radius: 10px;
  font-size: 1rem;
  width: 2.5rem;
  height: 2.5rem;
  line-height: 1.1; }

.custom-margin-vid {
  margin-left: 20px !important; }

@media (max-width: 768px) {
  .custom-margin-vid {
    margin-left: unset !important; } }

.section-padding-1 {
  padding: 1.5rem 1.5rem !important; }

.bg-orange-apbn {
  background-color: #F1B225 !important; }

.bg-tosca-apbn {
  background-color: #2AA0A2 !important; }

.bg-tosca-dark-apbn {
  background-color: #156A7F !important; }

.bg-tosca-dark-apbn-gradient {
  background: linear-gradient(135deg, #023047, #034666); }

.has-text-tosca-dark-apbn {
  color: #156A7F !important; }

.has-text-tosca-light-apbn {
  color: #2aa0a2 !important; }

.is-orange-apbn-2021 {
  background: #f1b225; }

.btn-apbn-2021 {
  background-color: #2aa0a2 !important;
  border-width: 0 0 5px 0 !important;
  border-color: #298b8d !important;
  border-radius: 12px !important;
  color: #fff !important;
  padding: 26px 38px !important; }

.btn-apbn-2021-disabled {
  background-color: #d6d6d6 !important;
  border-width: 0 0 5px 0 !important;
  border-color: #b8b8b8 !important;
  border-radius: 12px !important;
  cursor: unset !important; }

.btn-apbn-2021-outlined {
  background-color: #ffffff !important;
  border-width: 2px 2px 4px 2px !important;
  border-color: #298b8d !important;
  border-radius: 12px !important;
  color: #fff !important;
  padding: 26px 44px !important; }

.btn-apbn-2021-disabled-outlined {
  background-color: #d6d6d6 !important;
  border-width: 0 0 5px 0 !important;
  border-color: #b8b8b8 !important;
  border-radius: 12px !important;
  cursor: unset !important; }

.bg-blue-apbn-2022 {
  background-color: #023047 !important; }

.bg-orange-apbn-2022 {
  background-color: #FB8500 !important; }

.bg-tosca-apbn-2022 {
  background-color: #219EBC !important; }

.has-text-blue-apbn-2022 {
  color: #023047 !important; }

.has-text-orange-apbn-2022 {
  color: #FB8500 !important; }

.has-text-tosca-apbn-2022 {
  color: #219EBC !important; }

.btn-apbn-2022 {
  background-color: #023047 !important;
  border-width: 0 0 5px 0 !important;
  border-color: #031A26 !important;
  border-radius: 12px !important;
  color: #fff !important;
  padding: 26px 38px !important; }

.btn-apbn-2022-disabled {
  background-color: #d6d6d6 !important;
  border-width: 0 0 5px 0 !important;
  border-color: #b8b8b8 !important;
  border-radius: 12px !important;
  cursor: unset !important; }

.btn-apbn-2022-outlined {
  background-color: #ffffff !important;
  border-width: 2px 2px 4px 2px !important;
  border-color: #031A26 !important;
  border-radius: 12px !important;
  color: #fff !important;
  padding: 26px 44px !important; }

.btn-apbn-2022-disabled-outlined {
  background-color: #d6d6d6 !important;
  border-width: 0 0 5px 0 !important;
  border-color: #b8b8b8 !important;
  border-radius: 12px !important;
  cursor: unset !important; }

.timeline-head {
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  font-size: 3rem !important;
  font-weight: 900 !important; }

.is-orange-apbn-2022 {
  background: #FB8500;
  border-radius: 2px !important;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: bolder; }

.featured-svg-apbn-2022 {
  max-width: 100%; }

.feed-featured-svg-apbn-2022 {
  max-width: 100%;
  width: 100% !important;
  height: 100% !important;
  border-radius: unset !important; }

.box-border-parent {
  border-radius: 10px;
  background: linear-gradient(135deg, #FB8500 40%, #023047 0%); }

.apbn-img-relative {
  position: relative; }

.apbn-img-absolute {
  position: absolute;
  right: 20px;
  top: 20px; }

#deskpro_embed_form_container iframe {
  height: 90rem !important; }

.flex-card.icon-card {
  min-height: 180px; }

.flex-card.icon-card .icon-card-text {
  font-size: 14px; }

.list-block li.is-active {
  background: #daf0ba !important; }

.list-block li.is-active:hover {
  background: #daf0ba !important; }

.flex-card .card-header {
  font-family: "Nexa Bold", sans-serif;
  padding: 20px;
  font-size: 1.2rem;
  font-weight: 500;
  color: #444f60; }

.flex-card .card-panel .latest-comments .latest-comment {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: center;
  align-items: center;
  padding: 16px 20px;
  border-bottom: 1px solid #ededed; }

.flex-card .card-panel .latest-comments .latest-comment img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  margin-right: 10px; }

.flex-card .card-panel .latest-comments .latest-comment .comment-info .name a {
  color: #444f60;
  font-weight: 600; }

.flex-card
.card-panel
.latest-comments
.latest-comment
.comment-info
.name
a:hover {
  color: #00d1b2; }

.flex-card
.card-panel
.latest-comments
.latest-comment
.comment-info
.post-ref
a {
  font-size: 90%;
  color: #a9abac; }

.flex-card
.card-panel
.latest-comments
.latest-comment
.comment-info
.post-ref
a:hover {
  color: #00d1b2; }

canvas {
  width: 100% !important;
  height: 100% !important; }

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

.side-navigation-menu-activity {
  background-color: #f7f8fa;
  left: unset !important;
  right: 0 !important;
  transform: translateX(100%);
  width: 100%;
  height: 100%;
  position: unset !important; }

.side-navigation-menu-activity.is-active {
  transform: translateX(0); }

.side-navigation-menu .navigation-menu-wrapper-activity {
  overflow-y: auto; }

.side-navigation-menu .navigation-menu-wrapper .navigation-menu-header-activity {
  letter-spacing: unset !important;
  width: 100%;
  height: 50px; }

.ribbon.is-dark {
  background-color: rgba(22, 41, 75, 0.8);
  border: none;
  width: 56px;
  transition: all 1s ease-in-out;
  -webkit-transition: all 0.75s ease-in-out; }

.ribbon.is-dark:hover {
  width: 180px;
  transition: all 1s ease-in-out;
  -webkit-transition: all 0.75s ease-in-out; }

@media only screen and (max-width: 768px) {
  .ribbon.is-dark {
    width: 8px; }
  .ribbon.is-dark:hover {
    width: 50px;
    transition: all 1s ease-in-out; } }

.ribbon.is-dark a:hover {
  background-color: transparent !important; }

.message-body {
  height: calc(100vh - 9.9rem);
  overflow-y: auto;
  border-radius: unset;
  background-color: #EBF2FA;
  background-size: cover; }

.message-body-iframe {
  background: #fff !important;
  padding: 0 0 12px 0 !important; }

@media only screen and (max-width: 768px) {
  .message-body-iframe-mobile {
    width: 100%;
    padding: unset !important; }
  .message-body-quiz-mobile {
    padding: unset !important;
    background: #fff !important; }
  .flex-card.simple-shadow {
    box-shadow: unset !important; } }

.message-header {
  height: 3.3rem !important;
  padding: 0px 10px 0px 10px; }

.message-header-activity {
  border-radius: unset !important;
  background-color: #437DBF !important; }

#column2 {
  position: fixed;
  right: 0%;
  top: 4.6rem;
  height: 100%;
  transform: translateX(1); }

.flex-card.flex-card-fixwidth {
  min-height: 380px;
  max-width: 800px;
  margin: auto;
  display: block; }

.hero .tabs ul {
  border-bottom: 1px solid #A9ABAC; }

/* all videojs */
.video-js {
  width: 100%;
  height: calc(100vh - 10.5rem);
  background-color: #14171c; }

.content figure {
  margin-right: 0.75em !important;
  margin-left: 0.75em !important;
  margin-bottom: 0.75em !important; }

@media only screen and (max-width: 768px) {
  .field-input-wrapper .field-input {
    width: 100% !important; } }

.maximizable-container.default {
  height: 100%;
  width: 100%; }

.maximizable-content {
  height: 100%;
  width: 100%; }

.maximizable-container.fullscreen {
  flex-direction: column-reverse;
  justify-content: flex-end;
  align-items: flex-end; }

.maximizable-container.fullscreen .maximizable-content {
  width: 100%;
  height: 100%; }

.maximizable-actions {
  width: 5rem;
  position: absolute;
  bottom: 80px;
  left: 10px; }

.maximizable-container.fullscreen .maximizable-actions {
  width: auto;
  margin-left: auto; }

.maximizable-actions .wrapper-fs {
  width: 10px;
  height: 10px; }

.chevron {
  position: absolute;
  right: 0;
  width: 1.05rem;
  height: 0.24rem;
  opacity: 0;
  transform: scale(0.3);
  animation: move-chevron 3s ease-out infinite; }

.chevron:first-child {
  animation: move-chevron 3s ease-out 1s infinite; }

.chevron:nth-child(2) {
  animation: move-chevron 3s ease-out 2s infinite; }

.chevron:before,
.chevron:after {
  content: '';
  position: absolute;
  top: 0;
  height: 100%;
  width: 50%;
  background: #2c3e50; }

.chevron:before {
  left: 0;
  transform: skewY(30deg); }

.chevron:after {
  right: 0;
  width: 50%;
  transform: skewY(-30deg); }

@keyframes move-chevron {
  25% {
    opacity: 1; }
  33% {
    opacity: 1;
    transform: translateY(1.14rem); }
  66% {
    opacity: 1;
    transform: translateY(1.56rem); }
  100% {
    opacity: 0;
    transform: translateY(2.4rem) scale(0.5); } }

.has-tooltip.has-background-nextprev {
  background-color: #426d9f !important; }

.quiz-border-radius {
  border-radius: 10px !important; }

.quiz-choices {
  background-color: #fff;
  border-color: #e5e5e5;
  border-width: 2px 2px 4px;
  color: #7a7a7a !important; }

.quiz-success-card {
  background-color: #78c800 !important;
  color: #fff !important; }

.quiz-home-card {
  border-radius: 20px !important; }

.quiz-button-success {
  border-color: #66ac01 !important;
  border-width: 0px 0px 4px !important;
  background-color: #78c800 !important;
  color: #fff !important; }

.quiz-online-card {
  background-color: #66ac01 !important;
  color: #fff !important; }

.quiz-offline-card {
  background-color: #ff7979 !important;
  color: #fff !important; }

.quiz-fixed-section {
  position: -webkit-sticky;
  position: sticky;
  top: 0; }

.quiz-submit-button {
  background-color: #78c800 !important;
  color: #fff !important; }

.quiz-button-navigation {
  border-radius: 8px !important;
  border-bottom-width: 4px !important;
  border-color: #fff !important; }

.quiz-button-navigation:hover {
  border-radius: 8px !important;
  border-bottom-width: 4px !important;
  border-color: #fff !important; }

.quiz-count-navigation {
  padding: 8px;
  border-radius: 7px; }

.quiz-message-header {
  min-height: 3.4rem !important;
  z-index: 1 !important; }

.quiz-no-padding {
  padding: 5px !important; }

.has-tooltip.has-background-dark {
  background-color: #426d9f !important; }

.quiz-header-message-tips {
  background-color: #fff !important; }

.quiz-message-body {
  height: calc( 100vh - 11rem);
  overflow-y: auto;
  border-radius: unset;
  background-color: #ebf2fa;
  background-size: cover; }

.quiz-padding-card-answer {
  padding: 10px !important; }

.quiz-fa-outlined {
  -webkit-text-stroke: 1px #7a7a7a;
  -webkit-text-fill-color: transparent; }

.quiz-fa-success {
  -webkit-text-stroke: 1.5px #78c800;
  -webkit-text-fill-color: #fff; }

.quiz-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background: rgba(0, 0, 0, 0.8) !important;
  display: table; }

.quiz-overlay-body {
  display: table-cell;
  vertical-align: middle; }

.quiz-timer-div-fly {
  position: absolute !important;
  bottom: 5px !important;
  left: 14% !important;
  z-index: 2 !important;
  background: transparent !important;
  line-height: 1.2 !important; }

@media (max-width: 768px) {
  .quiz-timer-div-fly {
    bottom: 18px !important; } }

@media (max-width: 768px) {
  .quiz-font-timer-mobile {
    font-size: 0.9rem !important; } }

.quiz-timer-div-fly-start {
  position: absolute !important;
  bottom: 5px !important;
  left: 5% !important;
  z-index: 2 !important;
  background: transparent !important;
  line-height: 1.2 !important; }

@media (max-width: 768px) {
  .quiz-timer-div-fly-start {
    bottom: 13px !important; } }

.loading-connection {
  content: " .";
  animation: dots 1s steps(5, end) infinite; }

@keyframes dots {
  0%,
  20% {
    color: rgba(0, 0, 0, 0);
    text-shadow: 0.25em 0 0 rgba(0, 0, 0, 0), 0.5em 0 0 rgba(0, 0, 0, 0); }
  40% {
    color: white;
    text-shadow: 0.25em 0 0 rgba(0, 0, 0, 0), 0.5em 0 0 rgba(0, 0, 0, 0); }
  60% {
    text-shadow: 0.25em 0 0 white, 0.5em 0 0 rgba(0, 0, 0, 0); }
  80%,
  100% {
    text-shadow: 0.25em 0 0 white, 0.5em 0 0 white; } }

.navbar-faded {
  background-color: #235390 !important;
  border-bottom: 4px solid #f79434; }

@media only screen and (max-width: 1023px) {
  .navbar-menu {
    background-color: #235390; } }

.has-text-rtc-blue {
  color: #235390 !important; }

.navbar-faded .navbar-item,
.navbar-link {
  color: #fff !important; }

.Wallop .Wallop-caption-wrapper .container .caption-inner h1 {
  font-size: 2.5rem;
  line-height: 3rem; }

.navbar-wrapper .navbar-brand img {
  height: 40px; }

.navbar-wrapper.navbar-faded .navbar-brand img {
  height: 40px; }

.navbar-item img {
  max-height: 3.75rem; }

.btn-banner-rtc {
  background-color: #ff4750 !important;
  border-width: 0 0 4px 0 !important;
  border-color: #c62e36 !important;
  border-radius: 10px !important;
  color: #fff !important; }

.btn-banner-rtc-outlined {
  background-color: #fff;
  border-color: #ff4750 !important;
  color: #ff4750 !important;
  border-width: 1px 1px 4px 1px !important;
  border-radius: 10px !important; }

.has-background-dark-transaparent {
  background: linear-gradient(to left, transparent 0%, black 100%); }

.has-text-rtc-red {
  color: #ff4750 !important; }

.navigation-tabs.outlined-pills .tabs ul li.is-active a {
  border-bottom: 5px solid #ffbc42 !important;
  border-color: #ffbc42 !important;
  border-radius: 10px; }

#demo-tabs ul li.is-active a {
  color: #363636 !important;
  border-color: #ff4750; }

#demo-tabs ul li a {
  color: #9f9f9f !important; }

.has-object-fit {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  object-position: top; }

.image.is-90x160 {
  height: 90px;
  width: 160px; }

.no-padding-allsize {
  padding: 0 !important; }

.no-padding-top-allsize {
  padding-top: 0 !important; }

.section.is-small {
  padding: 1.5rem 1.5rem; }

@media only screen and (max-width: 768px) {
  .title-padding-mobile {
    padding-left: 1.5rem !important; } }

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

.hero.is-wavy:before {
  content: "";
  height: 100%;
  width: 100%;
  z-index: 1 !important;
  position: absolute;
  bottom: 0;
  right: 0; }

.hero-body.is-start {
  -ms-flex-align: start !important;
  align-items: center !important;
  position: relative;
  z-index: 2 !important; }

.scroll-button {
  position: absolute;
  bottom: -27px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 54px;
  height: 54px;
  border: 1px solid #ededed;
  border-radius: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fff;
  transition: all 0.3s;
  cursor: pointer; }

.rtc-bordered {
  border: 5px solid #ffbc42 !important;
  border-radius: 30px !important; }

.list-block li.is-active {
  background: #daf0ba !important; }

.no-bullet {
  list-style-type: none !important; }

.raised-navbar-item {
  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.2); }

.hero.is-fullheight {
  min-height: 100vh !important; }

.image.is-underconstruction {
  padding-top: 30% !important; }

.flex-card-90 {
  width: 90% !important; }

@media only screen and (max-width: 768px) {
  .flex-card-90 {
    width: 100% !important; } }

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

/* background modal */
.modal.is-active.modal-lg .modal-background {
  background: rgba(0, 0, 0, 0.8) !important; }

.modal.modal-lg .modal-card, .modal.modal-lg .modal-content {
  width: 90% !important; }

.modal-content, .modal-card {
  max-height: 100vh !important;
  overflow: hidden !important; }

.ribbon-fly-transparent {
  border: unset !important;
  background-color: transparent !important; }

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

[data-tooltip]:not(.is-loading).has-tooltip-multiline::before,
[data-tooltip]:not(.is-disabled).has-tooltip-multiline::before,
[data-tooltip]:not([disabled]).has-tooltip-multiline::before {
  width: 14rem !important; }

.is-drop.is-centered .dropContain.dropContain-dashboard {
  margin-left: -130px !important; }

.is-drop .dropContain .dropOut.dropOut-dashboard {
  width: 260px !important;
  box-shadow: 4px 5px 3px rgba(10, 10, 10, 0.1), 0 0 5px 1px rgba(10, 10, 10, 0.1);
  border-radius: 10px;
  border: unset; }

.is-drop .dropContain .dropOut.dropOut-dashboard ul li {
  width: 100%;
  padding: 10px !important; }

.is-drop .dropContain .dropOut.dropOut-dashboard ul li:hover {
  background: none !important; }

.is-drop .dropContain.dropContain-dashboard-badge {
  margin-left: -50px !important;
  width: 100px !important; }

.is-drop .dropContain .dropOut.dropOut-dashboard-badge {
  width: 100px !important;
  box-shadow: 4px 5px 3px rgba(10, 10, 10, 0.1), 0 0 5px 1px rgba(10, 10, 10, 0.1);
  border-radius: 10px;
  border: unset; }

.is-drop .dropContain .dropOut.dropOut-dashboard-badge ul li:hover {
  background: none !important; }

.is-drop .dropContain .dropOut.dropOut-dashboard-badge ul li {
  width: 100px !important; }

.button.warning-btn-klc {
  background-color: #ffbc42;
  border-color: #f8a91c;
  color: #fff;
  border-width: 0px 0px 4px;
  border-radius: 8px !important; }

.button.primary-btn-klc {
  background-color: #235390;
  border-color: #0c3467;
  color: #fff;
  border-width: 0px 0px 4px;
  border-radius: 8px !important; }

.klc-badge-modal {
  height: 60vh;
  width: auto;
  overflow-y: auto;
  overflow-x: hidden; }

@media (max-width: 768px) {
  .klc-badge-modal {
    overflow-x: auto; } }

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

.slick-list, .slick-slider, .slick-track {
  position: relative;
  display: block; }

.slick-loading .slick-slide, .slick-loading .slick-track {
  visibility: hidden; }

.slick-slider {
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  overflow: hidden;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: 0; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-list, .slick-slider .slick-track {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  top: 0;
  left: 0; }
  .slick-track:after, .slick-track:before {
    display: table;
    content: ''; }
  .slick-track:after {
    clear: both; }

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px; }

[dir=rtl] .slick-slide {
  float: right; }

.slick-slide img {
  display: block; }

.slick-slide.slick-loading img {
  display: none; }

.slick-slide.dragging img {
  pointer-events: none; }

.slick-initialized .slick-slide {
  display: block; }

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }
/* halant-300 - latin */
@font-face {
  font-family: 'Halant';
  font-style: normal;
  font-weight: 300;
  src: url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/halant/halant-v8-latin-300.eot");
  /* IE9 Compat Modes */
  src: local(""), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/halant/halant-v8-latin-300.eot?#iefix") format("embedded-opentype"), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/halant/halant-v8-latin-300.woff2") format("woff2"), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/halant/halant-v8-latin-300.woff") format("woff"), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/halant/halant-v8-latin-300.ttf") format("truetype"), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/halant/halant-v8-latin-300.svg#Halant") format("svg");
  /* Legacy iOS */ }

/* halant-regular - latin */
@font-face {
  font-family: 'Halant';
  font-style: normal;
  font-weight: 400;
  src: url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/halant/halant-v8-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local(""), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/halant/halant-v8-latin-regular.eot?#iefix") format("embedded-opentype"), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/halant/halant-v8-latin-regular.woff2") format("woff2"), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/halant/halant-v8-latin-regular.woff") format("woff"), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/halant/halant-v8-latin-regular.ttf") format("truetype"), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/halant/halant-v8-latin-regular.svg#Halant") format("svg");
  /* Legacy iOS */ }

/* halant-500 - latin */
@font-face {
  font-family: 'Halant';
  font-style: normal;
  font-weight: 500;
  src: url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/halant/halant-v8-latin-500.eot");
  /* IE9 Compat Modes */
  src: local(""), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/halant/halant-v8-latin-500.eot?#iefix") format("embedded-opentype"), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/halant/halant-v8-latin-500.woff2") format("woff2"), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/halant/halant-v8-latin-500.woff") format("woff"), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/halant/halant-v8-latin-500.ttf") format("truetype"), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/halant/halant-v8-latin-500.svg#Halant") format("svg");
  /* Legacy iOS */ }

/* halant-600 - latin */
@font-face {
  font-family: 'Halant';
  font-style: normal;
  font-weight: 600;
  src: url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/halant/halant-v8-latin-600.eot");
  /* IE9 Compat Modes */
  src: local(""), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/halant/halant-v8-latin-600.eot?#iefix") format("embedded-opentype"), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/halant/halant-v8-latin-600.woff2") format("woff2"), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/halant/halant-v8-latin-600.woff") format("woff"), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/halant/halant-v8-latin-600.ttf") format("truetype"), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/halant/halant-v8-latin-600.svg#Halant") format("svg");
  /* Legacy iOS */ }

/* halant-700 - latin */
@font-face {
  font-family: 'Halant';
  font-style: normal;
  font-weight: 700;
  src: url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/halant/halant-v8-latin-700.eot");
  /* IE9 Compat Modes */
  src: local(""), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/halant/halant-v8-latin-700.eot?#iefix") format("embedded-opentype"), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/halant/halant-v8-latin-700.woff2") format("woff2"), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/halant/halant-v8-latin-700.woff") format("woff"), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/halant/halant-v8-latin-700.ttf") format("truetype"), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/halant/halant-v8-latin-700.svg#Halant") format("svg");
  /* Legacy iOS */ }

/* nunito-sans-200 - latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 200;
  src: url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/nunitosans/nunito-sans-v6-latin-200.eot");
  /* IE9 Compat Modes */
  src: local(""), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/nunitosans/nunito-sans-v6-latin-200.eot?#iefix") format("embedded-opentype"), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/nunitosans/nunito-sans-v6-latin-200.woff2") format("woff2"), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/nunitosans/nunito-sans-v6-latin-200.woff") format("woff"), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/nunitosans/nunito-sans-v6-latin-200.ttf") format("truetype"), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/nunitosans/nunito-sans-v6-latin-200.svg#NunitoSans") format("svg");
  /* Legacy iOS */ }

/* nunito-sans-200italic - latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: italic;
  font-weight: 200;
  src: url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/nunitosans/nunito-sans-v6-latin-200italic.eot");
  /* IE9 Compat Modes */
  src: local(""), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/nunitosans/nunito-sans-v6-latin-200italic.eot?#iefix") format("embedded-opentype"), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/nunitosans/nunito-sans-v6-latin-200italic.woff2") format("woff2"), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/nunitosans/nunito-sans-v6-latin-200italic.woff") format("woff"), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/nunitosans/nunito-sans-v6-latin-200italic.ttf") format("truetype"), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/nunitosans/nunito-sans-v6-latin-200italic.svg#NunitoSans") format("svg");
  /* Legacy iOS */ }

/* nunito-sans-300 - latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 300;
  src: url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/nunitosans/nunito-sans-v6-latin-300.eot");
  /* IE9 Compat Modes */
  src: local(""), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/nunitosans/nunito-sans-v6-latin-300.eot?#iefix") format("embedded-opentype"), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/nunitosans/nunito-sans-v6-latin-300.woff2") format("woff2"), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/nunitosans/nunito-sans-v6-latin-300.woff") format("woff"), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/nunitosans/nunito-sans-v6-latin-300.ttf") format("truetype"), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/nunitosans/nunito-sans-v6-latin-300.svg#NunitoSans") format("svg");
  /* Legacy iOS */ }

/* nunito-sans-300italic - latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: italic;
  font-weight: 300;
  src: url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/nunitosans/nunito-sans-v6-latin-300italic.eot");
  /* IE9 Compat Modes */
  src: local(""), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/nunitosans/nunito-sans-v6-latin-300italic.eot?#iefix") format("embedded-opentype"), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/nunitosans/nunito-sans-v6-latin-300italic.woff2") format("woff2"), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/nunitosans/nunito-sans-v6-latin-300italic.woff") format("woff"), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/nunitosans/nunito-sans-v6-latin-300italic.ttf") format("truetype"), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/nunitosans/nunito-sans-v6-latin-300italic.svg#NunitoSans") format("svg");
  /* Legacy iOS */ }

/* nunito-sans-regular - latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 400;
  src: url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/nunitosans/nunito-sans-v6-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local(""), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/nunitosans/nunito-sans-v6-latin-regular.eot?#iefix") format("embedded-opentype"), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/nunitosans/nunito-sans-v6-latin-regular.woff2") format("woff2"), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/nunitosans/nunito-sans-v6-latin-regular.woff") format("woff"), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/nunitosans/nunito-sans-v6-latin-regular.ttf") format("truetype"), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/nunitosans/nunito-sans-v6-latin-regular.svg#NunitoSans") format("svg");
  /* Legacy iOS */ }

/* nunito-sans-italic - latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: italic;
  font-weight: 400;
  src: url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/nunitosans/nunito-sans-v6-latin-italic.eot");
  /* IE9 Compat Modes */
  src: local(""), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/nunitosans/nunito-sans-v6-latin-italic.eot?#iefix") format("embedded-opentype"), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/nunitosans/nunito-sans-v6-latin-italic.woff2") format("woff2"), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/nunitosans/nunito-sans-v6-latin-italic.woff") format("woff"), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/nunitosans/nunito-sans-v6-latin-italic.ttf") format("truetype"), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/nunitosans/nunito-sans-v6-latin-italic.svg#NunitoSans") format("svg");
  /* Legacy iOS */ }

/* nunito-sans-600 - latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 600;
  src: url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/nunitosans/nunito-sans-v6-latin-600.eot");
  /* IE9 Compat Modes */
  src: local(""), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/nunitosans/nunito-sans-v6-latin-600.eot?#iefix") format("embedded-opentype"), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/nunitosans/nunito-sans-v6-latin-600.woff2") format("woff2"), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/nunitosans/nunito-sans-v6-latin-600.woff") format("woff"), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/nunitosans/nunito-sans-v6-latin-600.ttf") format("truetype"), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/nunitosans/nunito-sans-v6-latin-600.svg#NunitoSans") format("svg");
  /* Legacy iOS */ }

/* nunito-sans-600italic - latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: italic;
  font-weight: 600;
  src: url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/nunitosans/nunito-sans-v6-latin-600italic.eot");
  /* IE9 Compat Modes */
  src: local(""), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/nunitosans/nunito-sans-v6-latin-600italic.eot?#iefix") format("embedded-opentype"), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/nunitosans/nunito-sans-v6-latin-600italic.woff2") format("woff2"), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/nunitosans/nunito-sans-v6-latin-600italic.woff") format("woff"), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/nunitosans/nunito-sans-v6-latin-600italic.ttf") format("truetype"), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/nunitosans/nunito-sans-v6-latin-600italic.svg#NunitoSans") format("svg");
  /* Legacy iOS */ }

/* nunito-sans-700 - latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 700;
  src: url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/nunitosans/nunito-sans-v6-latin-700.eot");
  /* IE9 Compat Modes */
  src: local(""), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/nunitosans/nunito-sans-v6-latin-700.eot?#iefix") format("embedded-opentype"), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/nunitosans/nunito-sans-v6-latin-700.woff2") format("woff2"), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/nunitosans/nunito-sans-v6-latin-700.woff") format("woff"), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/nunitosans/nunito-sans-v6-latin-700.ttf") format("truetype"), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/nunitosans/nunito-sans-v6-latin-700.svg#NunitoSans") format("svg");
  /* Legacy iOS */ }

/* nunito-sans-700italic - latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: italic;
  font-weight: 700;
  src: url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/nunitosans/nunito-sans-v6-latin-700italic.eot");
  /* IE9 Compat Modes */
  src: local(""), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/nunitosans/nunito-sans-v6-latin-700italic.eot?#iefix") format("embedded-opentype"), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/nunitosans/nunito-sans-v6-latin-700italic.woff2") format("woff2"), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/nunitosans/nunito-sans-v6-latin-700italic.woff") format("woff"), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/nunitosans/nunito-sans-v6-latin-700italic.ttf") format("truetype"), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/nunitosans/nunito-sans-v6-latin-700italic.svg#NunitoSans") format("svg");
  /* Legacy iOS */ }

/* nunito-sans-800 - latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 800;
  src: url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/nunitosans/nunito-sans-v6-latin-800.eot");
  /* IE9 Compat Modes */
  src: local(""), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/nunitosans/nunito-sans-v6-latin-800.eot?#iefix") format("embedded-opentype"), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/nunitosans/nunito-sans-v6-latin-800.woff2") format("woff2"), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/nunitosans/nunito-sans-v6-latin-800.woff") format("woff"), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/nunitosans/nunito-sans-v6-latin-800.ttf") format("truetype"), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/nunitosans/nunito-sans-v6-latin-800.svg#NunitoSans") format("svg");
  /* Legacy iOS */ }

/* nunito-sans-800italic - latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: italic;
  font-weight: 800;
  src: url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/nunitosans/nunito-sans-v6-latin-800italic.eot");
  /* IE9 Compat Modes */
  src: local(""), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/nunitosans/nunito-sans-v6-latin-800italic.eot?#iefix") format("embedded-opentype"), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/nunitosans/nunito-sans-v6-latin-800italic.woff2") format("woff2"), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/nunitosans/nunito-sans-v6-latin-800italic.woff") format("woff"), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/nunitosans/nunito-sans-v6-latin-800italic.ttf") format("truetype"), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/nunitosans/nunito-sans-v6-latin-800italic.svg#NunitoSans") format("svg");
  /* Legacy iOS */ }

/* nunito-sans-900 - latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 900;
  src: url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/nunitosans/nunito-sans-v6-latin-900.eot");
  /* IE9 Compat Modes */
  src: local(""), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/nunitosans/nunito-sans-v6-latin-900.eot?#iefix") format("embedded-opentype"), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/nunitosans/nunito-sans-v6-latin-900.woff2") format("woff2"), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/nunitosans/nunito-sans-v6-latin-900.woff") format("woff"), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/nunitosans/nunito-sans-v6-latin-900.ttf") format("truetype"), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/nunitosans/nunito-sans-v6-latin-900.svg#NunitoSans") format("svg");
  /* Legacy iOS */ }

/* nunito-sans-900italic - latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: italic;
  font-weight: 900;
  src: url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/nunitosans/nunito-sans-v6-latin-900italic.eot");
  /* IE9 Compat Modes */
  src: local(""), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/nunitosans/nunito-sans-v6-latin-900italic.eot?#iefix") format("embedded-opentype"), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/nunitosans/nunito-sans-v6-latin-900italic.woff2") format("woff2"), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/nunitosans/nunito-sans-v6-latin-900italic.woff") format("woff"), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/nunitosans/nunito-sans-v6-latin-900italic.ttf") format("truetype"), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/nunitosans/nunito-sans-v6-latin-900italic.svg#NunitoSans") format("svg");
  /* Legacy iOS */ }

/* caveat-regular - latin */
@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 400;
  src: url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/caveat/caveat-v10-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local(""), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/caveat/caveat-v10-latin-regular.eot?#iefix") format("embedded-opentype"), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/caveat/caveat-v10-latin-regular.woff2") format("woff2"), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/caveat/caveat-v10-latin-regular.woff") format("woff"), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/caveat/caveat-v10-latin-regular.ttf") format("truetype"), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/caveat/caveat-v10-latin-regular.svg#Caveat") format("svg");
  /* Legacy iOS */ }

/* caveat-500 - latin */
@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 500;
  src: url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/caveat/caveat-v10-latin-500.eot");
  /* IE9 Compat Modes */
  src: local(""), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/caveat/caveat-v10-latin-500.eot?#iefix") format("embedded-opentype"), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/caveat/caveat-v10-latin-500.woff2") format("woff2"), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/caveat/caveat-v10-latin-500.woff") format("woff"), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/caveat/caveat-v10-latin-500.ttf") format("truetype"), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/caveat/caveat-v10-latin-500.svg#Caveat") format("svg");
  /* Legacy iOS */ }

/* caveat-600 - latin */
@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 600;
  src: url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/caveat/caveat-v10-latin-600.eot");
  /* IE9 Compat Modes */
  src: local(""), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/caveat/caveat-v10-latin-600.eot?#iefix") format("embedded-opentype"), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/caveat/caveat-v10-latin-600.woff2") format("woff2"), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/caveat/caveat-v10-latin-600.woff") format("woff"), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/caveat/caveat-v10-latin-600.ttf") format("truetype"), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/caveat/caveat-v10-latin-600.svg#Caveat") format("svg");
  /* Legacy iOS */ }

/* caveat-700 - latin */
@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 700;
  src: url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/caveat/caveat-v10-latin-700.eot");
  /* IE9 Compat Modes */
  src: local(""), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/caveat/caveat-v10-latin-700.eot?#iefix") format("embedded-opentype"), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/caveat/caveat-v10-latin-700.woff2") format("woff2"), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/caveat/caveat-v10-latin-700.woff") format("woff"), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/caveat/caveat-v10-latin-700.ttf") format("truetype"), url("https://klc2.kemenkeu.go.id/shared/assets/images/certification/webfonts/caveat/caveat-v10-latin-700.svg#Caveat") format("svg");
  /* Legacy iOS */ }

.font-halant {
  font-family: "Halant"  !important; }

.font-nunito {
  font-family: "Nunito Sans"  !important; }

.btn-peach {
  background-color: #FF7979 !important;
  border-inline-width: 0px;
  border-block-start-width: 2px;
  border-block-end-width: 4.5px;
  border-inline-color: #FF7979 !important;
  border-block-start-color: #FF7979 !important;
  border-block-end-color: #FC5D5D !important;
  border-radius: 10px !important;
  color: #fff !important; }

.btn-outlined-peach {
  background-color: transparent;
  color: #FF7979 !important;
  border-inline-width: 2px;
  border-block-start-width: 2px;
  border-block-end-width: 4.5px;
  border-inline-color: #FF7979 !important;
  border-block-start-color: #FF7979 !important;
  border-block-end-color: #FC5D5D !important;
  border-radius: 10px !important; }

.has-background-peach {
  background-color: #FF7979; }

.hero.is-rounded-topedge {
  border-top-left-radius: 200px;
  border-top-right-radius: 200px; }

.section-padding-top {
  padding-top: 14rem; }

@media (max-width: 768px) {
  .hero.is-rounded-topedge {
    border-top-left-radius: 50px;
    border-top-right-radius: 50px; }
  .section-padding-top {
    padding-top: 0rem; } }

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

/* caveat-regular - latin */
.font-ceveat {
  font-family: "Caveat"; }

.has-background-blue-apbn {
  background-color: #437dbf; }

.has-background-yellow-apbn {
  background-color: #FFBC42; }

.font-ceveat {
  font-family: "Caveat"; }

.has-background-blue-apbn {
  background-color: #437dbf; }

.has-background-yellow-apbn {
  background-color: #ffbc42; }

.has-background-peach {
  background-color: #ff7979 !important; }

.has-text-peach-apbn {
  color: #ff7979 !important; }

.has-text-blue-apbn {
  color: #437dbf !important; }

.has-text-yellow-apbn {
  color: #ffbc42 !important; }

.is-warning-apbn {
  background-color: #ffbc42 !important; }

.hero.is-fullheight {
  min-height: calc(100vh - 4.6rem) !important; }

.font-banner-top {
  font-weight: 900 !important; }

.font-banner-bottom {
  font-weight: 900 !important; }

.featured-svg-banner {
  max-width: 11.5rem; }

.steps:not(.is-hollow) .steps-segment.is-active .steps-marker:not(.is-hollow) {
  background-color: #fff; }

.steps:not(.is-hollow) .steps-marker:not(.is-hollow) {
  background-color: #fff; }

.steps-segment:after {
  background-color: #fff; }

.btn-custom {
  background-color: #ffbc42 !important;
  border-width: 0 0 4px 0 !important;
  border-color: #fda80e !important;
  border-radius: 10px !important;
  color: #fff !important; }

.btn-custom-disabled {
  background-color: #d6d6d6 !important;
  border-width: 0 0 4px 0 !important;
  border-color: #b8b8b8 !important;
  border-radius: 10px !important;
  cursor: unset !important; }

.btn-outlined-custom {
  background-color: transparent;
  border-color: #ffbc42 !important;
  color: #ffbc42 !important;
  border-width: 1px 1px 4px 1px !important;
  border-radius: 10px !important; }

.btn-outlined-custom:hover {
  background-color: #ffbc42 !important;
  border-color: #fda80e !important;
  color: #fff !important;
  border-width: 0 0 4px 0 !important;
  border-radius: 10px !important; }

.has-background-red-custom {
  background-color: #ef5a5c !important; }

.has-background-yellow-gradient {
  background: linear-gradient(135deg, #ffdd4a 0%, #ffbc42 40%); }

.font-custom {
  color: #ff5f5a !important; }

.card-radius {
  border-radius: 1.2rem !important; }

.b-badge.rounded {
  height: 25px !important;
  width: 25px !important;
  border-radius: 100% !important;
  padding: 5px 5px !important;
  align-items: unset !important; }

.b-badge.rounded-small {
  height: 20px !important;
  width: 20px !important;
  border-radius: 100% !important;
  padding: 2px 2px !important;
  align-items: unset !important; }

.solid-list .solid-list-item {
  align-items: unset !important; }

.simple-feed .feed-item::after {
  top: 0 !important; }

.has-background-countdown {
  border-radius: 8px !important;
  background-color: #5c5c5c !important;
  align-items: center !important;
  justify-content: center !important; }

.same-height-card {
  height: 70px !important; }

.date {
  color: #444f60 !important; }

.feed-item {
  border-left: 2px solid #d3d0d0 !important; }

.feed-item::after {
  border: 2px solid #d3d0d0 !important; }

.flip-clock {
  background: radial-gradient(circle, #666666 0%, #222222 90%);
  border-radius: 10px;
  font-size: 1.5rem;
  width: 3rem;
  height: 3rem;
  line-height: 1.1; }

.flip-clock-dashboard {
  background: radial-gradient(circle, #666666 0%, #222222 90%);
  border-radius: 10px;
  font-size: 1rem;
  width: 2.5rem;
  height: 2.5rem;
  line-height: 1.1; }

.custom-margin-vid {
  margin-left: 20px !important; }

@media (max-width: 768px) {
  .custom-margin-vid {
    margin-left: unset !important; } }

.bg-blue-yellow {
  background: -webkit-linear-gradient(180deg, #ff7979 70%, #ffc93c 50%);
  background: -o-linear-gradient(180deg, #ff7979 70%, #ffc93c 50%);
  background: -moz-linear-gradient(180deg, #ff7979 70%, #ffc93c 50%);
  background: linear-gradient(180deg, #ff7979 70%, #ffc93c 50%); }

@media (max-width: 768px) {
  .bg-blue-yellow {
    background: -webkit-linear-gradient(180deg, #ff7979 60%, #ffc93c 60%);
    background: -o-linear-gradient(180deg, #ff7979 60%, #ffc93c 60%);
    background: -moz-linear-gradient(180deg, #ff7979 60%, #ffc93c 60%);
    background: linear-gradient(180deg, #ff7979 60%, #ffc93c 60%); } }

.p-height {
  height: 80px; }

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

.title.is-big {
  font-size: 5rem;
  transform: rotate(355deg); }

.btn-banner {
  font-size: 1rem !important;
  width: 250px !important;
  border-radius: 10px !important; }

.has-background-blue-kepabeanan {
  background-color: #437dbf; }

.card-kepabeanan {
  background-color: #bfedff;
  border-radius: 20px; }

.navigation-tabs.outlined-pills .tabs ul li.is-active a {
  border-bottom: 5px solid #ffbc42 !important;
  border-color: #ffbc42 !important;
  border-radius: 10px; }

#demo-tabs ul li.is-active a {
  color: #363636 !important;
  border-color: #ff4750; }

#demo-tabs ul li a {
  color: #9f9f9f !important; }

.tabs-bordered {
  border: 5px solid #ffbc42 !important;
  border-radius: 30px !important; }

.card-announcement {
  border-radius: 30px !important;
  background: white;
  background: linear-gradient(180deg, white 65%, #d8d8d8 100%); }

.btn-kepabeanan {
  border-color: #fc5d5d;
  border-width: 0px 0px 4px;
  border-radius: 5px;
  background-color: #ff7979; }

.btn-kepabeanan:hover {
  border-color: #fc5d5d;
  border-width: 0px 0px 4px;
  border-radius: 5px;
  background-color: #ff7979; }

.card-cost {
  border-radius: 10px !important; }

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

.single-image-carousel .carousel-item {
  margin: unset !important; }

.card-registration {
  height: 350px !important;
  overflow: auto; }

.img-radius {
  border-radius: 30px !important; }

.ReactCrop {
  position: relative;
  display: inline-block;
  cursor: crosshair;
  overflow: hidden;
  max-width: 100%; }
  .ReactCrop:focus {
    outline: none; }
  .ReactCrop--disabled, .ReactCrop--locked {
    cursor: inherit; }
  .ReactCrop__image {
    display: block;
    max-width: 100%;
    touch-action: manipulation; }
  .ReactCrop__crop-selection {
    position: absolute;
    top: 0;
    left: 0;
    transform: translate3d(0, 0, 0);
    box-sizing: border-box;
    cursor: move;
    box-shadow: 0 0 0 9999em rgba(0, 0, 0, 0.5);
    touch-action: manipulation;
    border: 1px solid;
    border-image-source: url("data:image/gif;base64,R0lGODlhCgAKAJECAAAAAP///////wAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OEI5RDc5MTFDNkE2MTFFM0JCMDZEODI2QTI4MzJBOTIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OEI5RDc5MTBDNkE2MTFFM0JCMDZEODI2QTI4MzJBOTIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4MDgzQzNDMjA5MzREQ0ZDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4MDgzQzNDMjA5MzREQ0ZDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEBQoAAgAsAAAAAAoACgAAAhWEERkn7W3ei7KlagMWF/dKgYeyGAUAIfkEBQoAAgAsAAAAAAoACgAAAg+UYwLJ7RnQm7QmsCyVKhUAIfkEBQoAAgAsAAAAAAoACgAAAhCUYgLJHdiinNSAVfOEKoUCACH5BAUKAAIALAAAAAAKAAoAAAIRVISAdusPo3RAzYtjaMIaUQAAIfkEBQoAAgAsAAAAAAoACgAAAg+MDiem7Q8bSLFaG5il6xQAIfkEBQoAAgAsAAAAAAoACgAAAg+UYRLJ7QnQm7SmsCyVKhUAIfkEBQoAAgAsAAAAAAoACgAAAhCUYBLJDdiinNSEVfOEKoECACH5BAUKAAIALAAAAAAKAAoAAAIRFISBdusPo3RBzYsjaMIaUQAAOw==");
    border-image-slice: 1;
    border-image-repeat: repeat; }
    .ReactCrop--disabled .ReactCrop__crop-selection {
      cursor: inherit; }
    .ReactCrop--circular-crop .ReactCrop__crop-selection {
      border-radius: 50%;
      box-shadow: 0px 0px 1px 1px white, 0 0 0 9999em rgba(0, 0, 0, 0.5); }
  .ReactCrop--invisible-crop .ReactCrop__crop-selection {
    display: none; }
  .ReactCrop__rule-of-thirds-vt::before, .ReactCrop__rule-of-thirds-vt::after, .ReactCrop__rule-of-thirds-hz::before, .ReactCrop__rule-of-thirds-hz::after {
    content: '';
    display: block;
    position: absolute;
    background-color: rgba(255, 255, 255, 0.4); }
  .ReactCrop__rule-of-thirds-vt::before, .ReactCrop__rule-of-thirds-vt::after {
    width: 1px;
    height: 100%; }
  .ReactCrop__rule-of-thirds-vt::before {
    left: 33.3333%;
    left: calc(100% / 3); }
  .ReactCrop__rule-of-thirds-vt::after {
    left: 66.6666%;
    left: calc(100% / 3 * 2); }
  .ReactCrop__rule-of-thirds-hz::before, .ReactCrop__rule-of-thirds-hz::after {
    width: 100%;
    height: 1px; }
  .ReactCrop__rule-of-thirds-hz::before {
    top: 33.3333%;
    top: calc(100% / 3); }
  .ReactCrop__rule-of-thirds-hz::after {
    top: 66.6666%;
    top: calc(100% / 3 * 2); }
  .ReactCrop__drag-handle {
    position: absolute; }
    .ReactCrop__drag-handle::after {
      position: absolute;
      content: '';
      display: block;
      width: 10px;
      height: 10px;
      background-color: rgba(0, 0, 0, 0.2);
      border: 1px solid rgba(255, 255, 255, 0.7);
      box-sizing: border-box;
      outline: 1px solid transparent; }
  .ReactCrop .ord-nw {
    top: 0;
    left: 0;
    margin-top: -5px;
    margin-left: -5px;
    cursor: nw-resize; }
    .ReactCrop .ord-nw::after {
      top: 0;
      left: 0; }
  .ReactCrop .ord-n {
    top: 0;
    left: 50%;
    margin-top: -5px;
    margin-left: -5px;
    cursor: n-resize; }
    .ReactCrop .ord-n::after {
      top: 0; }
  .ReactCrop .ord-ne {
    top: 0;
    right: 0;
    margin-top: -5px;
    margin-right: -5px;
    cursor: ne-resize; }
    .ReactCrop .ord-ne::after {
      top: 0;
      right: 0; }
  .ReactCrop .ord-e {
    top: 50%;
    right: 0;
    margin-top: -5px;
    margin-right: -5px;
    cursor: e-resize; }
    .ReactCrop .ord-e::after {
      right: 0; }
  .ReactCrop .ord-se {
    bottom: 0;
    right: 0;
    margin-bottom: -5px;
    margin-right: -5px;
    cursor: se-resize; }
    .ReactCrop .ord-se::after {
      bottom: 0;
      right: 0; }
  .ReactCrop .ord-s {
    bottom: 0;
    left: 50%;
    margin-bottom: -5px;
    margin-left: -5px;
    cursor: s-resize; }
    .ReactCrop .ord-s::after {
      bottom: 0; }
  .ReactCrop .ord-sw {
    bottom: 0;
    left: 0;
    margin-bottom: -5px;
    margin-left: -5px;
    cursor: sw-resize; }
    .ReactCrop .ord-sw::after {
      bottom: 0;
      left: 0; }
  .ReactCrop .ord-w {
    top: 50%;
    left: 0;
    margin-top: -5px;
    margin-left: -5px;
    cursor: w-resize; }
    .ReactCrop .ord-w::after {
      left: 0; }
  .ReactCrop__disabled .ReactCrop__drag-handle {
    cursor: inherit; }
  .ReactCrop__drag-bar {
    position: absolute; }
    .ReactCrop__drag-bar.ord-n {
      top: 0;
      left: 0;
      width: 100%;
      height: 6px;
      margin-top: -3px; }
    .ReactCrop__drag-bar.ord-e {
      right: 0;
      top: 0;
      width: 6px;
      height: 100%;
      margin-right: -3px; }
    .ReactCrop__drag-bar.ord-s {
      bottom: 0;
      left: 0;
      width: 100%;
      height: 6px;
      margin-bottom: -3px; }
    .ReactCrop__drag-bar.ord-w {
      top: 0;
      left: 0;
      width: 6px;
      height: 100%;
      margin-left: -3px; }
  .ReactCrop--new-crop .ReactCrop__drag-bar,
  .ReactCrop--new-crop .ReactCrop__drag-handle,
  .ReactCrop--fixed-aspect .ReactCrop__drag-bar {
    display: none; }
  .ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,
  .ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,
  .ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,
  .ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w {
    display: none; }
  @media (pointer: coarse) {
    .ReactCrop .ord-n,
    .ReactCrop .ord-e,
    .ReactCrop .ord-s,
    .ReactCrop .ord-w {
      display: none; }
    .ReactCrop__drag-handle {
      width: 24px;
      height: 24px; } }