.navbar-item.is-active {
  background: #dbedff !important; }

.hero.is-success {
  background: #F2F6FA; }

.hero .nav, .hero.is-success .nav {
  -webkit-box-shadow: none;
  box-shadow: none; }

.box {
  margin-top: 5rem; }

.avatar {
  margin-top: -70px;
  padding-bottom: 20px; }

.avatar img {
  width: 128px;
  height: 128px;
  padding: 5px;
  background: #fff;
  border-radius: 50%;
  -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
  box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); }

input {
  font-weight: 300; }

p.subtitle {
  padding-top: 1rem; }

.modal {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  visibility: hidden; }

.modal .modal-background {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0; }

.modal.is-active {
  visibility: visible; }

.modal.is-active .modal-background {
  opacity: 1; }

.modal.modal-full-screen .modal-background {
  background-color: #fff; }

.modal.modal-full-screen .modal-content {
  width: 100%;
  height: 100%;
  max-height: 100vh;
  margin: 0;
  background-color: #fff; }

.modal.modal-fx-fadeInScale .modal-content {
  -webkit-transform: scale(0.7);
  -o-transform: scale(0.7);
  transform: scale(0.7);
  opacity: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }

.modal.modal-fx-fadeInScale.is-active .modal-content {
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 1; }

.modal.modal-fx-slideRight .modal-content {
  -webkit-transform: translateX(20%);
  -o-transform: translateX(20%);
  transform: translateX(20%);
  opacity: 0;
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
  -o-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
  transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); }

.modal.modal-fx-slideRight.is-active .modal-content {
  -webkit-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  opacity: 1; }

.modal.modal-fx-slideLeft .modal-content {
  -webkit-transform: translateX(-20%);
  -o-transform: translateX(-20%);
  transform: translateX(-20%);
  opacity: 0;
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
  -o-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
  transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); }

.modal.modal-fx-slideLeft.is-active .modal-content {
  -webkit-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  opacity: 1; }

.modal.modal-fx-slideBottom .modal-content {
  -webkit-transform: translateY(20%);
  -o-transform: translateY(20%);
  transform: translateY(20%);
  opacity: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }

.modal.modal-fx-slideBottom.is-active .modal-content {
  -webkit-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  opacity: 1; }

.modal.modal-fx-slideTop .modal-content {
  -webkit-transform: translateY(-20%);
  -o-transform: translateY(-20%);
  transform: translateY(-20%);
  opacity: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }

.modal.modal-fx-slideTop.is-active .modal-content {
  -webkit-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  opacity: 1; }

.modal.modal-fx-fall.modal {
  -webkit-perspective: 1300px;
  perspective: 1300px; }

.modal.modal-fx-fall .modal-content {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: translateZ(600px) rotateX(20deg);
  transform: translateZ(600px) rotateX(20deg);
  opacity: 0; }

.modal.modal-fx-fall.is-active .modal-content {
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  -webkit-transform: translateZ(0px) rotateX(0deg);
  transform: translateZ(0px) rotateX(0deg);
  opacity: 1; }

.modal.modal-fx-slideFall.modal {
  -webkit-perspective: 1300px;
  perspective: 1300px; }

.modal.modal-fx-slideFall .modal-content {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: translate(30%) translateZ(600px) rotate(10deg);
  transform: translate(30%) translateZ(600px) rotate(10deg);
  opacity: 0; }

.modal.modal-fx-slideFall.is-active .modal-content {
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  -webkit-transform: translate(0%) translateZ(0) rotate(0deg);
  transform: translate(0%) translateZ(0) rotate(0deg);
  opacity: 1; }

.modal.modal-fx-newsPaper .modal-content {
  -webkit-transform: scale(0) rotate(720deg);
  -o-transform: scale(0) rotate(720deg);
  transform: scale(0) rotate(720deg);
  opacity: 0; }

.modal.modal-fx-newsPaper .modal-background,
.modal.modal-fx-newsPaper .modal-content {
  -webkit-transition: all 0.7s;
  -o-transition: all 0.7s;
  transition: all 0.7s; }

.modal.modal-fx-newsPaper.is-active .modal-content {
  -webkit-transform: scale(1) rotate(0deg);
  -o-transform: scale(1) rotate(0deg);
  transform: scale(1) rotate(0deg);
  opacity: 1; }

.modal.modal-fx-3dFlipVertical.modal {
  -webkit-perspective: 1300px;
  perspective: 1300px; }

.modal.modal-fx-3dFlipVertical .modal-content {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: rotateX(-70deg);
  transform: rotateX(-70deg);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0; }

.modal.modal-fx-3dFlipVertical.is-active .modal-content {
  -webkit-transform: rotateX(0deg);
  transform: rotateX(0deg);
  opacity: 1; }

.modal.modal-fx-3dFlipHorizontal.modal {
  -webkit-perspective: 1300px;
  perspective: 1300px; }

.modal.modal-fx-3dFlipHorizontal .modal-content {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: rotateY(-70deg);
  transform: rotateY(-70deg);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0; }

.modal.modal-fx-3dFlipHorizontal.is-active .modal-content {
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
  opacity: 1; }

.modal.modal-fx-3dSign.modal {
  -webkit-perspective: 1300px;
  perspective: 1300px; }

.modal.modal-fx-3dSign .modal-content {
  position: relative;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: rotateX(-60deg);
  transform: rotateX(-60deg);
  -webkit-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  transform-origin: 50% 0;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }

.modal.modal-fx-3dSign.is-active .modal-content {
  -webkit-transform: rotateX(0deg);
  transform: rotateX(0deg);
  opacity: 1; }

.modal.modal-fx-3dSignDown.modal {
  -webkit-perspective: 1300px;
  perspective: 1300px; }

.modal.modal-fx-3dSignDown .modal-content {
  position: relative;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: rotateX(60deg);
  transform: rotateX(60deg);
  -webkit-transform-origin: 0 100%;
  -o-transform-origin: 0 100%;
  transform-origin: 0 100%;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }

.modal.modal-fx-3dSignDown.is-active .modal-content {
  -webkit-transform: rotateX(0deg);
  transform: rotateX(0deg);
  opacity: 1; }

.modal.modal-fx-superScaled .modal-content {
  -webkit-transform: scale(2);
  -o-transform: scale(2);
  transform: scale(2);
  opacity: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }

.modal.modal-fx-superScaled.is-active .modal-content {
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 1; }

.modal.modal-fx-3dSlit.modal {
  -webkit-perspective: 1300px;
  perspective: 1300px; }

.modal.modal-fx-3dSlit .modal-content {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: translateZ(-3000px) rotateY(90deg);
  transform: translateZ(-3000px) rotateY(90deg);
  opacity: 0; }

.modal.modal-fx-3dSlit.is-active .modal-content {
  -webkit-animation: slit 0.5s forwards ease-out;
  -o-animation: slit 0.5s forwards ease-out;
  animation: slit 0.5s forwards ease-out; }

@-webkit-keyframes slit {
  50% {
    -webkit-transform: translateZ(-250px) rotateY(89deg);
    transform: translateZ(-250px) rotateY(89deg);
    opacity: 1;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  100% {
    -webkit-transform: translateZ(0) rotateY(0deg);
    transform: translateZ(0) rotateY(0deg);
    opacity: 1; } }

@-o-keyframes slit {
  50% {
    transform: translateZ(-250px) rotateY(89deg);
    opacity: 1;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  100% {
    transform: translateZ(0) rotateY(0deg);
    opacity: 1; } }

@keyframes slit {
  50% {
    -webkit-transform: translateZ(-250px) rotateY(89deg);
    transform: translateZ(-250px) rotateY(89deg);
    opacity: 1;
    -webkit-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  100% {
    -webkit-transform: translateZ(0) rotateY(0deg);
    transform: translateZ(0) rotateY(0deg);
    opacity: 1; } }

.modal.modal-fx-3dRotateFromBottom.modal {
  -webkit-perspective: 1300px;
  perspective: 1300px; }

.modal.modal-fx-3dRotateFromBottom .modal-content {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: translateY(100%) rotateX(90deg);
  transform: translateY(100%) rotateX(90deg);
  -webkit-transform-origin: 0 100%;
  -o-transform-origin: 0 100%;
  transform-origin: 0 100%;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }

.modal.modal-fx-3dRotateFromBottom.is-active .modal-content {
  -webkit-transform: translateY(0%) rotateX(0deg);
  transform: translateY(0%) rotateX(0deg);
  opacity: 1; }

.modal.modal-fx-3dRotateFromLeft.modal {
  -webkit-perspective: 1300px;
  perspective: 1300px; }

.modal.modal-fx-3dRotateFromLeft .modal-content {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
  transform: translateZ(100px) translateX(-30%) rotateY(90deg);
  -webkit-transform-origin: 0 100%;
  -o-transform-origin: 0 100%;
  transform-origin: 0 100%;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }

.modal.modal-fx-3dRotateFromLeft.is-active .modal-content {
  -webkit-transform: translateZ(0px) translateX(0%) rotateY(0deg);
  transform: translateZ(0px) translateX(0%) rotateY(0deg);
  opacity: 1; }

.modal .modal-content.is-huge {
  width: 100%;
  margin: 0px 20px;
  max-height: calc(100vh - 40px); }

@media screen and (min-width: 769px) {
  .modal .modal-content.is-huge {
    width: 100%;
    margin: 0px 20px;
    max-height: calc(100vh - 40px); } }

.modal .modal-content.is-tiny {
  max-width: 400px; }

.modal .modal-content.is-image {
  text-align: center; }

.modal .modal-content.is-image img {
  max-height: calc(100vh - 50px); }

.modal.modal-pos-top {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start; }

.modal.modal-pos-top .modal-content {
  margin-top: 1rem; }

.modal.modal-pos-bottom {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end; }

.modal.modal-pos-bottom .modal-content {
  margin-bottom: 1rem; }

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