@charset "UTF-8";
/* configuration */
/*
 * mixins
 *
 */
/*
 * animation mixins
 *
 */
/*
 * submission
 *
 */
.rz-is-submission {
  padding-top: 0 !important;
}
.rz-is-submission.admin-bar .brk-submission {
  min-height: calc( 100vh - 32px );
}
@media (max-width: 782px) {
  .rz-is-submission.admin-bar .brk-submission {
    min-height: calc( 100vh - 46px );
  }
}

.brk-submission {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
.brk-submission.brk--is-sidebar > .brk--content {
  padding-left: 300px;
}
@media ( max-width: 991.98px ) {
  .brk-submission.brk--is-sidebar > .brk--content {
    padding-left: 0;
  }
}
.brk-submission.brk--is-sidebar > .brk--content > .brk--top,
.brk-submission.brk--is-sidebar > .brk--content > .brk--bottom {
  left: 300px;
}
@media ( max-width: 991.98px ) {
  .brk-submission.brk--is-sidebar > .brk--content > .brk--top,
.brk-submission.brk--is-sidebar > .brk--content > .brk--bottom {
    left: 0;
  }
}
.brk-submission > .brk--sidebar {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  width: 300px;
  padding: 1.25rem;
  background-color: var(--bg-f5);
}
@media ( max-width: 991.98px ) {
  .brk-submission > .brk--sidebar {
    display: none;
  }
}
.brk-submission > .brk--sidebar .brk-site-logo img {
  max-height: 36px;
}
.brk-submission > .brk--content {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 70px 0;
}
.brk-submission > .brk--content > .brk--top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  display: flex;
  align-items: center;
  padding: 1.25rem;
  background-color: var(--bg-white);
  border-bottom: 1px solid var(--border);
  height: 70px;
  z-index: 9;
}
@media ( max-width: 767.98px ) {
  .brk-submission > .brk--content > .brk--top {
    padding: 1rem;
    height: 62px;
  }
}
.brk-submission > .brk--content > .brk--top .rz--image {
  flex: 0 1 36px;
  margin-right: 1rem;
}
.brk-submission > .brk--content > .brk--top .rz--image .rz--img {
  display: block;
  padding-top: 100%;
  background-size: cover;
  background-position: center;
  border-radius: 50%;
}
.brk-submission > .brk--content > .brk--top .rz--image .rz-dummy-image {
  border-radius: 50%;
}
.brk-submission > .brk--content > .brk--top .rz--image .rz-dummy-image i {
  font-size: 15px;
}
.brk-submission > .brk--content > .brk--top .rz--name {
  font-size: 20px;
  margin: 0;
  margin-right: 1rem;
}
@media ( max-width: 767.98px ) {
  .brk-submission > .brk--content > .brk--top .rz--name {
    font-size: 16px;
  }
}
.brk-submission > .brk--content > .brk--top .rz--exit {
  margin-left: auto;
  text-decoration: none;
  font-weight: 600;
}
.brk-submission > .brk--content > .brk--middle {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 1.5rem;
}
@media ( max-width: 991.98px ) {
  .brk-submission > .brk--content > .brk--middle {
    padding: 1rem;
  }
}
.brk-submission > .brk--content > .brk--bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  padding: 0.75rem 1.25rem;
  background-color: var(--bg-white);
  border-top: 1px solid var(--border);
  height: 70px;
  z-index: 9;
}
@media ( max-width: 767.98px ) {
  .brk-submission > .brk--content > .brk--bottom {
    grid-template-columns: 1fr;
    padding: 0.75rem 1rem;
    height: 62px;
  }
}
.brk-submission > .brk--content > .brk--bottom .rz--steps {
  font-weight: 600;
}
.brk-submission > .brk--content > .brk--bottom .brk--cell-next {
  text-align: right;
}
@media ( max-width: 767.98px ) {
  .brk-submission > .brk--content > .brk--bottom .brk--cell.brk--cell-steps, .brk-submission > .brk--content > .brk--bottom .brk--cell.brk--cell-back {
    display: none;
  }
}
.brk-submission .brk-site-logo {
  width: 100%;
  margin: 0;
  font-size: 30px;
  line-height: 36px;
  font-weight: 800;
}
.brk-submission .brk-site-logo a {
  text-decoration: none;
  color: var(--name);
}
.brk-submission .brk-site-logo img {
  max-width: 100%;
  max-height: 50px;
  vertical-align: top;
}
.brk-submission .brk--row {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
}
.brk-submission .brk--row > * {
  width: 100%;
}
.brk-submission .rz--progress {
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(-100%);
  transition: all 0.2s;
  height: 3px;
  z-index: 2;
  -webkit-animation-duration: 1.75s;
          animation-duration: 1.75s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: "anim-brogress";
          animation-name: "anim-brogress";
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  background: var(--main);
  background: linear-gradient(to right, var(--main) 8%, var(--minor) 18%, var(--main) 33%);
  background-size: 800px 104px;
}
.brk-submission.rz--success .rz--progress {
  opacity: 0;
}
.brk-submission .rz-plans .rz-plan {
  background-color: var(--bg-white);
  color: var(--bg-black);
}
.brk-submission .rz-plans .rz-plan .brk--badge {
  background-color: var(--main);
}
.brk-submission .rz-plans .rz-plan .rz-content ul li:before {
  color: var(--main);
}

.rz-wizard ul {
  list-style: none;
  margin: 2rem 0 0 0;
}
.rz-wizard ul li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2px 0;
  color: #888;
}
.rz-wizard ul li.rz-active {
  color: var(--name);
  font-weight: 600;
}
.rz-wizard ul li.rz-active:after {
  content: "\F00C";
  width: 20px;
  height: 20px;
  margin-left: 0.5rem;
  background: var(--main);
  color: var(--bg-white);
  font-family: "Font Awesome 5 Free";
  font-size: 9px;
  line-height: 20px;
  text-align: center;
  border-radius: 50%;
}
.rz-wizard ul li.rz-current {
  color: var(--name);
  font-weight: 600;
}

@-webkit-keyframes anim-brogress {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}

@keyframes anim-brogress {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}